:root{--background-color:#fff;--highlight-color:#ececec;--font-color:#000;--border-color:#ccc}#main-content{display:grid;gap:2rem;padding-inline:.5rem}#main-content>h1{font-size:clamp(1.2em,6vw,2.5em);margin:0}#main-content h3{border-bottom:1px solid #ccc;margin:0}#main-content h3>a{font-size:.8rem}#main-content .error{color:red;font-size:.8rem}#main-content input,#main-content input::file-selector-button,#main-content select{padding:.5rem 1rem}#main-content input[type=file]{padding:0}#main-content .hidden{display:none}#main-content>form#membership-form{border:1px solid #ccc;box-shadow:5px 5px 5px 0 rgba(0,0,0,.4);display:grid;gap:2rem;padding:1rem}#main-content>form#membership-form>div#contact-data{display:grid;gap:1rem .5rem}#main-content>form#membership-form>div#contact-data>div.input-group{display:flex;flex-direction:column;place-items:center}#main-content>form#membership-form>div#contact-data>div.input-group>label{color:#bfbfbf;font-size:.8rem;font-weight:400}#main-content>form#membership-form>div#contact-data.company{grid-template-columns:1fr .5fr 1fr}#main-content>form#membership-form>div#contact-data.company>h3{grid-column:span 3}#main-content>form#membership-form>div#contact-data.company input,#main-content>form#membership-form>div#contact-data.company select{width:100%}#main-content>form#membership-form>div#contact-data.company>button[type=submit]{grid-column:span 3;margin-top:1rem}@media (max-width:700px){#main-content>form#membership-form>div#contact-data.company{grid-template-columns:.5fr 1fr}#main-content>form#membership-form>div#contact-data.company .input-group.company,#main-content>form#membership-form>div#contact-data.company button[type=submit],#main-content>form#membership-form>div#contact-data.company>h3{grid-column:span 2}}@media (max-width:450px){#main-content>form#membership-form>div#contact-data.company{grid-template-columns:1fr}#main-content>form#membership-form>div#contact-data.company .input-group.company,#main-content>form#membership-form>div#contact-data.company button[type=submit],#main-content>form#membership-form>div#contact-data.company>h3{grid-column:span 1}}#main-content>form#membership-form>div#contact-data.person{grid-template-columns:.5fr 1fr 1fr 1fr}#main-content>form#membership-form>div#contact-data.person>h3{grid-column:span 4}#main-content>form#membership-form>div#contact-data.person>h3>a{font-size:.8rem}#main-content>form#membership-form>div#contact-data.person>button[type=submit]{grid-column:span 4;margin-top:1rem}@media (max-width:920px){#main-content>form#membership-form>div#contact-data.person{grid-template-columns:.5fr 1fr 1fr}#main-content>form#membership-form>div#contact-data.person>button[type=submit],#main-content>form#membership-form>div#contact-data.person>h3{grid-column:span 3}#main-content>form#membership-form>div#contact-data.person>div.input-group select,#main-content>form#membership-form>div#contact-data.person>div.input-group>input{width:100%}#main-content>form#membership-form>div#contact-data.person>div.input-group.email{grid-column:span 3}}@media (max-width:520px){#main-content>form#membership-form>div#contact-data.person{grid-template-columns:1fr 1fr}#main-content>form#membership-form>div#contact-data.person>button[type=submit],#main-content>form#membership-form>div#contact-data.person>h3{grid-column:span 2}#main-content>form#membership-form>div#contact-data.person>div.input-group select,#main-content>form#membership-form>div#contact-data.person>div.input-group>input{width:100%}#main-content>form#membership-form>div#contact-data.person>div.input-group.email,#main-content>form#membership-form>div#contact-data.person>div.input-group.title{grid-column:span 2}}#main-content>form#membership-form>div#membership-fee{display:grid;gap:1rem .5rem;grid-template-columns:repeat(4,1fr)}#main-content>form#membership-form>div#membership-fee div#reduction-container,#main-content>form#membership-form>div#membership-fee>button[type=submit],#main-content>form#membership-form>div#membership-fee>div.error,#main-content>form#membership-form>div#membership-fee>h3{grid-column:span 4}@media (max-width:385px){#main-content>form#membership-form>div#membership-fee{grid-template-columns:1fr 1fr}#main-content>form#membership-form>div#membership-fee div#reduction-container,#main-content>form#membership-form>div#membership-fee>button[type=submit],#main-content>form#membership-form>div#membership-fee>div.error,#main-content>form#membership-form>div#membership-fee>h3{grid-column:span 2}}#main-content>form#membership-form>div#membership-fee>div.input-group{display:grid}#main-content>form#membership-form>div#membership-fee>div.input-group>input[type=radio]{display:none}#main-content>form#membership-form>div#membership-fee>div.input-group>input[type=radio]:checked+label{border-color:#ff8000}#main-content>form#membership-form>div#membership-fee>div.input-group.custom>input#amount-custom-value{display:none;min-width:6rem}#main-content>form#membership-form>div#membership-fee>div.input-group.custom>input#amount-custom:checked+label{display:none}#main-content>form#membership-form>div#membership-fee>div.input-group.custom>input#amount-custom:checked+label+input{border:1px solid #ff8000;display:block}#main-content>form#membership-form>div#membership-fee>div.input-group.custom>input#amount-custom:checked+label+input:focus{outline:0}#main-content>form#membership-form>div#membership-fee>div.input-group>label{border:1px solid #ccc;cursor:pointer;display:grid;font-weight:400;margin:0;padding:.5rem 1rem;place-content:center}#main-content>form#membership-form>div#membership-payment{display:grid;gap:1rem}#main-content>form#membership-form>div#membership-payment>div#membership-interval{display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}@media (max-width:690px){#main-content>form#membership-form>div#membership-payment>div#membership-interval{grid-template-columns:1fr 1fr}}@media (max-width:400px){#main-content>form#membership-form>div#membership-payment>div#membership-interval{grid-template-columns:1fr}}#main-content>form#membership-form>div#membership-payment>div#membership-interval>div.input-group{display:grid}#main-content>form#membership-form>div#membership-payment>div#membership-interval>div.input-group>label{align-items:center;border:1px solid #ccc;cursor:pointer;display:flex;font-weight:400;padding:.5rem 1rem;place-content:center}#main-content>form#membership-form>div#membership-payment>div#membership-interval>div.input-group>label>span.amount{font-size:.8rem;white-space:pre}#main-content>form#membership-form>div#membership-payment>div#membership-interval>div.input-group>input{display:none}#main-content>form#membership-form>div#membership-payment>div#membership-interval>div.input-group>input:checked+label{border-color:#ff8000}#main-content>form#membership-form>div#membership-payment-method{display:grid;gap:1rem}#main-content>form#membership-form>div#membership-payment-method>h3{align-items:first baseline;display:flex;flex-wrap:wrap;gap:.5rem}#main-content>form#membership-form>div#membership-payment-method>h3>div.funding-sources{display:none;gap:.5rem}#main-content>form#membership-form>div#membership-payment-method>h3>div.funding-sources>img{height:24px;opacity:0}#main-content>form#membership-form>div#membership-payment-method.disabled>h3>div.funding-sources{display:flex}#main-content>form#membership-form>div#membership-payment-method.disabled>h3>div.funding-sources>img{opacity:.4}#main-content>form#membership-form>div#membership-payment-method>div{display:grid;gap:.5rem;grid-template-columns:1fr 1fr}#main-content>form#membership-form>div#membership-payment-method>div>label{border:1px solid #ccc;cursor:pointer;display:grid;font-weight:400;padding:.5rem 1rem;place-content:center}#main-content>form#membership-form>div#membership-payment-method>div .info-container{display:none;grid-column:span 2}#main-content>form#membership-form>div#membership-payment-method>div>div#directdebit-data{gap:.5rem;grid-column:span 2;grid-template-columns:1fr 1fr}#main-content>form#membership-form>div#membership-payment-method>div>div#directdebit-data>div.bic,#main-content>form#membership-form>div#membership-payment-method>div>div#directdebit-data>div.error{grid-column:span 2}@media (max-width:500px){#main-content>form#membership-form>div#membership-payment-method>div>div#directdebit-data{grid-template-columns:1fr}#main-content>form#membership-form>div#membership-payment-method>div>div#directdebit-data>div.error{grid-column:auto}#main-content>form#membership-form>div#membership-payment-method>div>div#directdebit-data>div.bic{grid-column:span 1}}#main-content>form#membership-form>div#membership-payment-method>div>div#directdebit-data>div.input-group{display:flex;flex-direction:column}#main-content>form#membership-form>div#membership-payment-method>div>div#directdebit-data>div.input-group>label{color:#bfbfbf;font-size:.8rem;font-weight:400;text-align:center}#main-content>form#membership-form>div#membership-payment-method>div>input{display:none}#main-content>form#membership-form>div#membership-payment-method>div>input:checked+label{border-color:#ff8000}#main-content>form#membership-form>div#membership-payment-method>div:not(.disabled)>input:checked#payment-method-directdebit~div#directdebit-data{display:grid}#main-content>form#membership-form>div#membership-payment-method>div:not(.disabled)>input:checked#payment-method-creditcard~div#creditcard-data,#main-content>form#membership-form>div#membership-payment-method>div:not(.disabled)>input:checked#payment-method-paypal~div#paypal-data{display:block}#main-content>form#membership-form>div#membership-payment-method>div>div#creditcard-data div.input-group{display:flex;flex-direction:column;place-items:center}#main-content>form#membership-form>div#membership-payment-method>div>div#creditcard-data div.input-group>label,#main-content>form#membership-form>div#membership-payment-method>div>div#creditcard-data div>label{color:#bfbfbf;font-size:.8rem;font-weight:400}#main-content>form#membership-form>div#membership-payment-method>div>div#creditcard-data.loading{display:flex!important;justify-content:center;margin-top:1rem}#main-content>form#membership-form>div#membership-payment-method>div>div#creditcard-data.loading:before{background-image:url(/img/ajax-loader.gif);background-repeat:no-repeat;content:attr(data-loading-text);padding-left:2rem}#main-content>form#membership-form>div#membership-payment-method>div>div#creditcard-data.loading #billing-address,#main-content>form#membership-form>div#membership-payment-method>div>div#creditcard-data.loading #creditcard-details,#main-content>form#membership-form>div#membership-payment-method>div>div#creditcard-data.loading #payment-block,#main-content>form#membership-form>div#membership-payment-method>div>div#creditcard-data.loading>#creditcard-name-container{display:none}#main-content>form#membership-form>div#membership-payment-method>div>div#creditcard-data #creditcard-details{display:grid;grid-template-columns:7fr 1fr 1fr}#main-content>form#membership-form>div#membership-payment-method>div>div#creditcard-data #billing-address>.inputs{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;place-content:space-around}#main-content>form#membership-form>div#membership-payment-method>div>div#creditcard-data #payment-block{margin-top:1rem}@media (max-width:380px){#main-content>form#membership-form>div#membership-payment-method>div{grid-template-columns:1fr}#main-content>form#membership-form>div#membership-payment-method>div>div#directdebit-data{grid-column:auto}#main-content>form#membership-form>div#membership-payment-method>div .info-container{display:none;grid-column:span 1}}#main-content>form#membership-form>button[type=submit].loading{display:flex;gap:1rem;place-content:center}#main-content>form#membership-form>button[type=submit].loading:before{background-image:url(/img/ajax-loader.gif);background-position:50%;background-repeat:no-repeat;content:"";display:grid;height:20px;width:20px}#main-content>#membership-advantages{display:grid;gap:1rem}#main-content>#membership-advantages>div{display:grid;gap:.5rem}#main-content #data{gap:1rem}#main-content #data,#main-content #data .input-group{display:flex;flex-direction:column}#main-content #data .input-group>label{font-size:.8rem}#main-content #key{display:flex;flex-direction:column;gap:1rem}#main-content #key .description{display:inline-block}