.variant__drawer{overflow-y:auto}.variant__drawer.variant__drawer--open{right:0!important;z-index:99}.variant__drawer .variant__drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.variant__drawer .variant__drawer-header h2{font-size:32px;font-weight:600;line-height:35.2px;color:#212121;letter-spacing:normal;text-transform:inherit;margin:0}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .image_wrapper{flex:none;position:relative}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .image_wrapper img{object-fit:cover;height:100%}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .image_wrapper .searchIcon{position:absolute;bottom:0;background:#fff;padding:.6rem;line-height:0}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .varinat__subtitle{color:#939393;font-family:Figtree;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0px;line-height:15.4px;margin:0}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variant_stock .in-stock,.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variant_stock .out-stock,.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variant_stock .pre-order{display:flex;gap:8px;align-items:center}:is(.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variant_stock .in-stock,.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variant_stock .out-stock,.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variant_stock .pre-order) svg{height:1.8rem;width:1.8rem}@media screen and (max-width:768px){.variant__drawer{position:fixed;width:100%;width:800px;height:70vh;top:0;right:-800px}.variant__drawer .variant__drawer-body .variantDrawer .variantWrapper .drawerBody .singleVariantWrapper .image_wrapper{height:max-content}.variant__drawer .variant__drawer-body .variantDrawer .variantWrapper .drawerBody .singleVariantWrapper .image_wrapper img{height:84px!important;width:84px!important}.variant__drawer .variant__drawer-body .variantDrawer .variantWrapper .drawerBody .singleVariantWrapper .image_wrapper .searchIcon{bottom:.8rem!important;padding:.4rem!important}}@media screen and (min-width:769px){.variant__drawer{position:relative;width:auto;box-shadow:0 0 4px #0000000a,0 4px 8px #0000000f;max-height:0rem;margin-top:-2rem}.variant__drawer.variant__drawer--open{max-height:50rem;height:auto}.backdrop__container{display:none!important}.variant__drawer-header,.variant__drawer .variant__drawer-header svg{display:none!important}}.variant__drawer{box-sizing:border-box;background:#fff;z-index:99;animation:fadeIn 1.2s ease-in-out;transition:all .5s}.variant__drawer .variant__drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem}.variant__drawer .variant__drawer-header h2{font-size:var(--x-medium-size);font-weight:600;line-height:35.2px;color:#212121;letter-spacing:normal;text-transform:inherit;margin:0}.variant__drawer .variant__drawer-header svg{cursor:pointer;height:2.4rem;width:2.4rem}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset{display:flex;flex-direction:column}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper{display:flex;justify-content:flex-start;border-bottom:1px solid #aaa;cursor:pointer;padding:20px}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .image_wrapper{flex:none;position:relative;height:max-content}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .image_wrapper img{object-fit:cover;height:100px}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .image_wrapper .searchIcon{position:absolute;bottom:9px;background:#fff;padding:.6rem;line-height:0}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel{padding:0!important;width:100%;margin-left:20px;font-size:1.6rem;line-height:1.8rem;cursor:pointer}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock{display:flex!important;gap:20px!important;align-items:unset;background:none;margin:auto;flex-wrap:nowrap;box-shadow:none;height:100%;padding:0}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails{width:100%;display:flex;flex-direction:column;gap:10px}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variantTitleBlock{display:flex;justify-content:space-between;gap:24px}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variantTitleBlock h3{color:#212121;font-family:"Roboto Serif";font-size:18px;font-style:normal;font-weight:600;line-height:23.4px!important;letter-spacing:0px;margin:0}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variantTitleBlock .variantPrice{display:flex;gap:8px}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variantTitleBlock .variantPrice p{color:#212121;font-family:var(--font-body);font-size:var(--base-size);font-weight:var(--font-weight-semibold);line-height:23.4px;margin:0}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variantTitleBlock .variantPrice p.comparePrice{color:var(--Roots-grey, #747474);text-decoration:line-through}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variantTitleBlock .variantPrice p.highlightedPrice{color:var(--Sales-red, #f21b3f)}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variant__size{color:#212121;font-family:Figtree;font-size:16px;font-weight:400;line-height:20.8px;margin:0}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .stockWrapper{display:flex;gap:8px}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variant_stock{margin-top:auto}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variant_stock .in-stock,.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variant_stock .out-stock,.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variant_stock .pre-order{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variant_stock .in-stock svg,.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variant_stock .out-stock svg,.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variant_stock .pre-order svg{height:1.8rem;width:1.8rem}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variant_stock .in-stock,.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variant_stock .pre-order{color:var(--brand-green-light)}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .variantLabel .variantBlock .variantDetails .variant_stock .in-stock p{display:inline}.variant__drawer .image_wrapper.mobile{display:none}.variant__drawer .image_wrapper.desktop{display:block}@media screen and (max-width:768px){.variant__drawer{width:100%;bottom:-100vh;left:0;top:unset;right:unset}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .image_wrapper{height:max-content}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .image_wrapper img{height:84px!important;width:84px!important}.variant__drawer .image_wrapper.mobile{display:block}.variant__drawer .image_wrapper.desktop{display:none}.variant__drawer .variant__drawer-body variant-selects .variantDrawer .variantWrapper .drawerBody fieldset .singleVariantWrapper .image_wrapper .searchIcon{bottom:9px!important;padding:.4rem!important}.variant__drawer.variant__drawer--open{bottom:var(--sticky-wrapper-height, 16rem);z-index:102!important}}.backdrop__container{display:none;position:fixed;z-index:99;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006;-webkit-animation:fadeIn 1.2s ease-in-out;animation:fadeIn .5s ease-in-out;cursor:pointer}.backdrop__container--show{display:block}.variantHighlighter{background:#deede7}
/*# sourceMappingURL=/cdn/shop/t/358/assets/variant-drawer.css.map */