.product__info-wrapper .button--variant-select{text-transform:none;background-color:transparent;border-color:rgba(var(--color-foreground),.25);width:100%;padding-top:1.2rem;padding-bottom:1.2rem}.product__info-wrapper .button--variant-select:hover{background-color:transparent;border-color:rgb(var(--color-foreground));color:rgb(var(--color-foreground))}.product-variant-drawer{position:fixed;right:0;top:0;width:100vW;height:100vH;overflow:hidden;transform:translate(100%);transition:transform .3s ease-out;z-index:20;background-color:rgb(var(--color-background))}.product-variant-drawer.active{transform:translate(0)}@media screen and (min-width: 990px){.product-variant-drawer{width:50vW}}.product-variant-drawer__header{padding:2rem;position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between}.product-variant-drawer__header h3{text-transform:uppercase;letter-spacing:.1rem;font-size:1.4rem;margin:0}button.product-variant-drawer__close{flex:0 0 2rem;height:2rem;border:none;background-color:transparent;cursor:pointer}.product-variant-drawer__close:focus,.product-variant-drawer__close:hover{outline:none;box-shadow:none}button.product-variant-drawer__close svg{display:block;width:2rem;height:2rem}.product-variant__grid{margin:12rem 0 0;padding:0 2rem;height:calc(100vH - 4rem);overflow:auto;list-style:none;scrollbar-color:#b8b1a5 #fff;scrollbar-width:thin}.product-variant__grid::-webkit-scrollbar,.product-variant__grid::-webkit-scrollbar-track{width:8px;background-color:#fff;background-color:transparent}.product-variant__grid::-webkit-scrollbar-thumb{border-radius:0;-webkit-box-shadow:none;background-color:#b8b1a5}.product-variant__grid .card__heading{text-transform:uppercase}.product-variant-drawer .card:not(.ratio){display:block}.product-variant-drawer .card .card__inner{overflow:visible}.product-variant-drawer .card .card__inner.ratio{display:block}.product-variant-drawer .card .media,.product-variant-drawer .card__media{position:relative;top:auto;left:auto;bottom:auto;right:auto;overflow:visible}.product-variant-drawer .card .card__inner .card__media{overflow:visible}.product-variant-drawer .card--media .card__inner .card__content{padding:0}.product-variant-drawer .card__media .media img{object-fit:initial}.product-variant-drawer .card .media>*:not(.zoom):not(.deferred-media__poster-button){position:relative;top:auto;left:auto;height:auto}
/*# sourceMappingURL=/s/files/1/0655/6231/2921/t/2/assets/ww-product-variant-drawer.css.map */