#gbm-login-app form>:first-child,#gbm-login-app>div>:first-child{margin-top:0}#gbm-login-app .error{color:var(--accent);font-weight:700}
#gbm-verify-app>form>*{opacity:0;position:absolute;transition:var(--transition)}#gbm-verify-app>form>.exit-done{pointer-events:none}#gbm-verify-app>form>.enter-active,#gbm-verify-app>form>.enter-done{opacity:1}#gbm-verify-app>form>.enter-done{position:static}#gbm-verify-app>form>*>:first-child{margin-top:0}#gbm-verify-app .model-edit{max-width:800px}
@media(max-width:1024px){#gbm-renew-app .components-button{font-size:1.1rem;white-space:nowrap}}
.wp-block-gbm-join{margin-inline:auto;max-width:1000px;position:relative;&.loading .swiper .swiper-button-next{color:var(--accent);span{opacity:1}}.error{background-color:#fff;border:2px solid;color:var(--warn);padding:.5em 1em}.components-spinner{display:block;height:60px;margin:auto;width:60px}.swiper-pagination{--step-count:5;--bullet-padding:10px;display:flex;height:var(--pagination-height);inset:0 calc(-100%/var(--step-count)/2 + 40px) auto!important;position:absolute;width:auto!important;&:after{background-color:var(--accent);content:"";height:2px;left:calc(100%/var(--step-count)/2);position:absolute;right:calc(100%/var(--step-count)/2);top:calc(50% - 1px)}>.swiper-pagination-bullet{background:none!important;flex:1;height:100%;opacity:1;position:relative;width:auto;&.swiper-pagination-bullet-active~.swiper-pagination-bullet span{color:rgba(black,.2);&:after{background-color:#e6ddcf}}>span{display:block;height:100%;text-align:center;transition:var(--transition);&:after{background-color:var(--accent);border:var(--bullet-padding) solid var(--background);border-radius:50%;content:"";display:block;height:34px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:34px;z-index:10}>span{font-size:12px;position:relative;top:-10px;z-index:20}}}@media (max-width:740px){--bullet-size:2.4em;--bullet-step-size:0.7em;counter-reset:step;inset:0!important;justify-content:space-between;&:after{left:var(--bullet-padding);right:var(--bullet-padding)}>.swiper-pagination-bullet{counter-increment:step;flex-basis:calc(var(--bullet-size) - var(--bullet-padding)*2);flex-grow:0;>span{&:before{color:#fff;content:counter(step);font-size:var(--bullet-step-size);font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}&:after{height:var(--bullet-size);width:var(--bullet-size)}>span{display:none}}}}@media (max-width:500px){--bullet-size:1.6em;--bullet-step-size:8px;--bullet-padding:6px}@media (max-width:360px){--bullet-padding:3px;--bullet-size:1.4em}}.swiper{--pagination-height:60px;@media (max-width:740px){--pagination-height:40px}text-align:center;.swiper-slide{counter-increment:step;>h3{padding-top:var(--pagination-height);&:before{content:counter(step) ". "}}>div{padding-bottom:var(--pagination-height);@media (max-width:740px){padding-bottom:calc(var(--pagination-height)*1.6)}}}.swiper-button-next,.swiper-button-prev{background-color:var(--accent);color:#fff;font-weight:700;height:auto;inset:auto auto 0;padding:.5rem 1em;width:auto;&:after{font-family:inherit;font-size:1em;position:relative;transition:var(--transition)}}.swiper-button-prev{left:0;&:before{content:"Back"}&:after{content:"ᚲ";margin-right:10px;order:-10}&:hover:after{transform:translateX(-5px)}}.swiper-button-next{right:0;&:before{content:"Next"}&:after{content:"›";margin-left:10px}&:hover:after{transform:translateX(5px)}span{opacity:0;&:before{animation:spin 1s linear infinite;aspect-ratio:1;border:4px solid rgba(white,.7);border-radius:50%;border-top-color:transparent;content:"";height:calc(100% - 12px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10;@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}}}}}ul.membership-concession,ul.membership-type{align-items:stretch;display:flex;gap:1em;justify-content:center;list-style:none;margin:auto;padding:0 0 1em;label{background-color:#fff;cursor:pointer;display:block;height:100%;padding:calc(1em + 6px);position:relative;text-align:center;input{bottom:0;position:absolute;visibility:hidden}div{align-items:center;display:flex;flex-direction:column;justify-content:center;&:after{border:6px solid var(--accent);content:"";inset:0;opacity:0;position:absolute;transition:var(--transition)}h4{font-weight:700;margin:0}span{font-size:12px;margin-top:.5em;@media (max-width:420px){font-size:11px;line-height:1.1}}}:checked+div{&:before{filter:grayscale(0)}&:after{opacity:1}}&:hover{div:before{filter:grayscale(20%)}}}}ul.membership-type{[data-type=Individual]{--icon:url(images/individual.68e4d1b1.png)}[data-type=Family]{--icon:url(images/family.59625152.png)}>li{aspect-ratio:.87;width:200px;@media (max-width:460px){width:50%;label{padding:clamp(.625rem,-.232rem + 4.286vw,1rem)}}}label{div{&:before{aspect-ratio:1;background:var(--icon) no-repeat center /contain;content:"";display:block;filter:grayscale(100%);margin-bottom:1em;transition:var(--transition);width:clamp(3.125rem,-4.018rem + 35.714vw,6.25rem)}}}}ul.membership-concession{flex-wrap:wrap;max-width:600px;li:first-child,li:nth-child(2):last-child{flex-basis:100%}li:not(:first-child){flex-basis:calc(50% - 0.5em)}}.member-info,.membership-address{.address-search button,.field-edit{text-align:left}}.member-info .fieldset>h3{text-align:left}}