.sticky-atc-bar{position:fixed;bottom:0;left:0;right:0;background:rgb(var(--color-background));box-shadow:0 -2px 10px #0000001a;z-index:100;transition:transform .3s ease-in-out;border-top:1px solid rgba(var(--color-foreground),.1)}.sticky-atc-bar.hidden{transform:translateY(100%)}.sticky-atc-bar__container{display:grid;grid-template-columns:auto 1fr auto auto;gap:1.5rem;align-items:center;max-width:var(--page-width);margin:0 auto;padding:4px 20px}.sticky-atc-bar__column{display:flex;align-items:center}.sticky-atc-bar__image img{width:60px;height:60px;object-fit:cover;border-radius:4px}.sticky-atc-bar__info{display:flex;flex-direction:column;min-width:0}.sticky-atc-bar__title{font-size:1.4rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticky-atc-bar__variant{font-size:1.2rem;color:rgba(var(--color-foreground),.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticky-atc-bar__price{font-size:1.3rem;font-weight:600}.sticky-atc-bar__price .price{font-size:1.3rem}.sticky-atc-bar__variant-button{display:none!important}.sticky-atc-bar__variant-button button,.sticky-atc-bar__atc-button button{white-space:nowrap;min-width:140px;padding:1rem 2rem}.sticky-atc-bar__atc-button button{min-width:160px}.sticky-variant-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:#00000080;align-items:center;justify-content:center;cursor:pointer}.sticky-variant-modal[open]{display:flex}body:has(.sticky-variant-modal[open]){overflow:hidden}.sticky-variant-modal__content{position:relative;background:rgb(var(--color-background));padding:3rem;border-radius:8px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;cursor:default}.sticky-variant-modal a{pointer-events:none;cursor:default;text-decoration:none}.sticky-variant-modal label{cursor:pointer;-webkit-user-select:none;user-select:none}.sticky-variant-modal input[type=radio]{cursor:pointer}.sticky-variant-modal *{scroll-margin:0;scroll-padding:0}.sticky-variant-modal__toggle{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;z-index:1;transition:opacity .2s ease}.sticky-variant-modal__toggle:hover{opacity:.7}.sticky-variant-modal__toggle svg{width:2rem;height:2rem}.sticky-variant-modal__content-info h2{margin-bottom:2rem;margin-top:0}.sticky-variant-modal variant-selects fieldset.product-form__input--pill label.active,.sticky-variant-modal__content variant-selects fieldset label.active,.sticky-variant-modal variant-selects .product-form__input--pill label.active,.sticky-variant-modal fieldset label.active,dialog.sticky-variant-modal label.active{background-color:rgb(var(--color-foreground))!important;color:rgb(var(--color-background))!important;border-color:rgb(var(--color-foreground))!important}.sticky-variant-modal variant-selects fieldset.product-form__input--pill input[type=radio]:checked+label,.sticky-variant-modal .product-form__input--pill input[type=radio]:checked+label,.sticky-variant-modal__content .product-form__input--pill input[type=radio]:checked+label,.sticky-variant-modal variant-selects .product-form__input--pill input[type=radio]:checked+label{background-color:rgb(var(--color-foreground))!important;color:rgb(var(--color-background))!important;border-color:rgb(var(--color-foreground))!important}.sticky-variant-modal .product-form__input--pill input[type=radio]+label:hover{border-color:rgb(var(--color-foreground))}.sticky-variant-modal__footer{margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(var(--color-foreground),.1);display:none}.sticky-variant-modal__footer .button{width:100%}@media screen and (max-width: 749px){.sticky-variant-modal__footer{display:block}.sticky-atc-bar__container{grid-template-columns:auto 1fr auto;grid-template-rows:auto;gap:1rem;padding:1rem 1.5rem}.sticky-atc-bar__image{grid-column:1;grid-row:1}.sticky-atc-bar__info{grid-column:2;grid-row:1;flex-flow:wrap}.sticky-atc-bar__atc-button{grid-column:3;grid-row:1}.sticky-atc-bar__atc-button button{min-width:120px;padding:.8rem 1.2rem;font-size:1.2rem;width:100%}.sticky-atc-bar__title{font-size:1.3rem}.sticky-atc-bar__variant{font-size:1.1rem}.sticky-atc-bar__price{font-size:1.2rem}.sticky-atc-bar__image img{width:50px;height:50px}.sticky-variant-modal__content{padding:2rem;max-width:95%}.sticky-variant-modal__toggle{top:1rem;right:1rem}}@media screen and (max-width: 450px){.sticky-atc-bar__container{gap:.8rem;padding:.8rem 1rem}.sticky-atc-bar__title{font-size:1.2rem}.sticky-atc-bar__variant{font-size:1rem}.sticky-atc-bar__variant-button button,.sticky-atc-bar__atc-button button{padding:.7rem 1.2rem;font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-sticky-atc-bar.css.map */