sticky-atc{position:fixed;z-index:100;bottom:var(--layout-space-8);left:var(--layout-space-8);display:flex;width:calc(100% - var(--layout-space-16))}sticky-atc button.button{height:6.4rem;border-radius:6.4rem;width:100%}sticky-atc .product__header{display:none}sticky-atc .product__color-selector{display:none}sticky-atc .product__variant-item{width:100vw;position:absolute;left:-16px;background-color:#fff;bottom:-16px;transform:translateY(100%);transition:transform .5s ease;padding:var(--layout-space-8) var(--layout-space-8) 0 var(--layout-space-8);border-bottom:none;background-color:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}sticky-atc .product__variant-item.active{transform:translate(0)}sticky-atc .product__variant-item .product__variant-selector variant-radios{padding-bottom:0}sticky-atc .product__variant-selector fieldset.product-form__input .variant-radios__label input:checked+label{background-color:rgb(var(--color-base-dark))!important}sticky-atc .product__variant-item .product__variant-selector variant-radios .form__label{opacity:0;position:absolute;z-index:-1}sticky-atc .product__variant-item .product__variant-selector variant-radios .button__size-guide{display:none}sticky-atc .product__variant-item .product__variant-selector{border-bottom:none;padding-bottom:calc(6.4rem + var(--layout-space-8) + var(--layout-space-16));padding-top:var(--layout-space-16)}sticky-atc .button.loading>.loading-overlay__spinner .path{stroke:rgb(var(--color-base-light))}sticky-atc .product-form,sticky-atc form,sticky-atc form .product-form__buttons{height:100%}sticky-atc .product-form__submit{min-height:unset;height:100%}sticky-atc .sticky-atc-button{position:relative}sticky-atc .sticky-atc-button__submit.loading span{display:none}sticky-atc .sticky-atc-button__submit.loading .loading-overlay__spinner{width:var(--layout-space-8);display:inline-block!important}sticky-atc .sticky-atc-button__submit.loading .loading-overlay__spinner .path{stroke:#000}sticky-atc .button.product-form__submit.loading>.loading-overlay__spinner{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;display:flex;align-items:center;display:block!important}sticky-atc .button.product-form__submit.loading>.loading-overlay__spinner svg circle{stroke:rgb(var(--color-base-light))}sticky-atc .button.product-form__submit.loading>span{display:none}sticky-atc .size-gender-buttons{margin-bottom:var(--layout-space-10);display:flex;gap:var(--layout-space-4)}sticky-atc .variants-uppercase .variant-radios__label{text-transform:uppercase}sticky-atc .currently_selected_variant{font-weight:var(--font-weight-bold)}sticky-atc .size-gender-buttons button{height:4.8rem;padding:0 var(--layout-space-8);width:fit-content;font-size:var(--text-size-xxs);min-width:unset}sticky-atc .size-gender-buttons button.active{color:rgb(var(--color-base-light));background-color:rgb(var(--color-base-dark))}sticky-atc .location-variants{font-weight:var(--font-weight-normal)!important}@media (min-width: 749px){sticky-atc .button.product-form__submit.loading>.loading-overlay__spinner svg circle{stroke:rgb(var(--color-base-dark))}sticky-atc{position:fixed;z-index:100;left:var(--layout-space-8);bottom:var(--layout-space-8);background-color:rgb(var(--color-base-light));width:calc(100% - var(--layout-space-16));height:8rem;box-shadow:1px 1px #000,2px 2px 0 1px #00000014}sticky-atc .product-form{position:relative}sticky-atc .product-form .product-form__error-message-wrapper{position:absolute;bottom:0;left:var(--layout-space-2);z-index:1}sticky-atc .product-form .product-form__error-message-wrapper span{font-size:var(--text-size-xxs)}sticky-atc .product__variant-item{width:100vw;position:absolute;left:-16px;background-color:#fff;bottom:-16px;transform:translateY(100%);transition:transform .5s ease;padding:var(--layout-space-8) var(--layout-space-8) 0 var(--layout-space-8);border-bottom:none;background-color:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}sticky-atc .product__header{display:flex;padding:0 var(--layout-space-2) 0 var(--layout-space-8);background-color:rgb(var(--color-base-light));align-items:center;position:relative}sticky-atc .product__header:after{content:"";position:absolute;top:0;right:-15px;width:1px;height:100%;border-style:none dashed none none;border-color:rgb(var(--color-shadow-grey-light));border-width:1px}sticky-atc .product__header .header-info-wrapper{padding-left:var(--layout-space-2);padding-top:var(--layout-space-4);padding-bottom:var(--layout-space-4);display:flex;flex-direction:column;gap:var(--layout-space-1);flex-wrap:wrap}sticky-atc .product__header .header-info-wrapper h2{margin:0;font-size:var(--text-size-s)}sticky-atc .colours-size{font-size:var(--text-size-xxs);margin:0 0 0 auto;color:rgba(var(--color-base-dark),.6)}sticky-atc .open-colours{display:flex;margin-left:auto;align-items:center;gap:var(--layout-space-8)}sticky-atc .icon-wrapper,sticky-atc .open-variants{background-color:rgb(var(--color-base-dark));height:var(--layout-space-16);width:var(--layout-space-16);min-width:var(--layout-space-16);margin-left:auto;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .5s ease}sticky-atc .open-colours .icon,sticky-atc .open-variants .icon{transition:all .5s ease}sticky-atc:has(.product__color-selector.active) .open-colours .icon{transform:rotate(180deg)}sticky-atc:has(.product__variant-item.active) .open-variants .icon{transform:rotate(180deg)}sticky-atc .button.button_size_guide{font-weight:var(--font-weight-normal);color:rgb(var(--color-tertiary-background));font-size:var(--text-size-xxs);margin-bottom:0;margin-right:var(--layout-space-4)}sticky-atc .product-sticky-variants .variants-info-wrapper{display:flex;padding-left:var(--layout-space-8);flex-direction:column;gap:var(--layout-space-1);flex-wrap:wrap}sticky-atc .product-sticky-variants .variants-info-wrapper .title span{font-weight:var(--font-weight-bold)}sticky-atc .product-sticky-variants{display:flex;align-items:center}sticky-atc .product-sticky-variants h3{margin:0;font-size:var(--text-size-s)}sticky-atc .product__variant-item{position:absolute;bottom:calc(100% + var(--layout-space-8));left:0;width:100%;z-index:-2;transform:translateY(calc(100% + var(--layout-space-8)));opacity:0;transition:opacity .3s,transform .5s;background-color:rgb(var(--color-base-light));-webkit-backdrop-filter:unset;backdrop-filter:unset;padding:0;padding:var(--layout-space-8);box-shadow:1px 1px #000,2px 2px 0 1px #00000014}sticky-atc .product__variant-item.active{animation:bounceUpAndDown .75s ease-in-out;opacity:1;transition:opacity .3s ease;transition-delay:.1s}sticky-atc .product__variant-item .product__variant-selector{padding:0}sticky-atc .product__variant-item .product__variant-selector variant-radios{padding:0}sticky-atc .hide-content-behind{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:rgb(var(--color-base-light));display:block}sticky-atc .product__color-selector{position:absolute;display:block;bottom:calc(100% + var(--layout-space-8));left:0;width:100%;z-index:-2;transform:translateY(calc(100% + var(--layout-space-8)));opacity:0;transition:opacity .25s,transform .5s;background-color:rgb(var(--color-base-light));-webkit-backdrop-filter:unset;backdrop-filter:unset;padding:0;padding:var(--layout-space-8);border-bottom:1px solid black}sticky-atc .product__color-selector.active{animation:bounceUpAndDown .75s ease-in-out;opacity:1;transition:opacity .3s ease;transition-delay:.1s}sticky-atc .product__color-selector.active{transform:translate(0)}sticky-atc .product__color-selector .product-group__title{display:none}sticky-atc .product__color-selector .product-group{gap:var(--layout-space-16)}sticky-atc .product__color-selector .product-group product-group-swatch{height:7.6rem;width:7.6rem}sticky-atc .sticky-atc-button{display:block!important}sticky-atc .sticky-atc-button .button{height:100%;max-height:100%;border-radius:0;width:100%;max-width:100%;border:none;margin:0;background-color:rgb(var(--color-secondary-background));color:rgb(var(--color-base-dark))}}@keyframes bounceUpAndDown{0%{transform:translateY(calc(100% + var(--layout-space-8)))}50%{transform:translateY(-7%)}to{transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/118/assets/sticky-atc.css.map */
