.variant__drawer{--vd-green: var(--brand-green-light, #00a36d);--vd-green-soft: color-mix(in srgb, var(--brand-light-blue, #deede7) 45%, #fff);--vd-ink: var(--brand-black, #212121);--vd-muted: var(--brand-text-gray, #747474);--vd-line: rgba(0, 0, 0, .08);--vd-card-gap: 1.2rem;--vd-edge: 1.6rem;box-sizing:border-box;background:#fff;color:var(--vd-ink);font-family:var(--font-body, inherit);z-index:102}.variant__drawer *,.variant__drawer *:before,.variant__drawer *:after{box-sizing:border-box}.variant__drawer-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem;padding:2.4rem var(--vd-edge) 1.2rem}.variant__drawer-header:before{content:"";position:absolute;top:.8rem;left:50%;width:4rem;height:.4rem;border-radius:2px;background:#00000026;transform:translate(-50%)}.variant__drawer-header h2{margin:0;font-family:var(--font-headings, inherit);font-size:2.2rem;font-weight:600;line-height:1.2;letter-spacing:normal;text-transform:none;color:var(--vd-ink)}.variant__drawer-sub{margin:.4rem 0 0;font-size:1.3rem;line-height:1.3;color:var(--vd-muted)}.variant__drawer-header svg{flex:none;width:4rem;height:4rem;padding:1.1rem;border-radius:50%;background:var(--brand-gray, #ecece7);cursor:pointer;transition:background-color .15s ease}.variant__drawer-header svg:hover{background:var(--brand-background-gray, #e7e7da)}.variant-cards{min-width:0;margin:0;padding:0;border:0}.variant-cards__track{--vc-width: min(74vw, 21rem);position:relative;display:flex;gap:var(--vd-card-gap);padding:.4rem var(--vd-edge) 1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--vd-card-gap);overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.variant-cards__track::-webkit-scrollbar{display:none}.variant-card{position:relative;display:flex;flex:0 0 var(--vc-width);width:var(--vc-width);scroll-snap-align:start;background:#fff;border:1px solid var(--vd-line);border-radius:.8rem;box-shadow:0 1px 2px #0000000a;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.variant-card:hover{border-color:#00a36d73}.variant-card.variantHighlighter{background:var(--vd-green-soft);border-color:var(--vd-green);box-shadow:0 0 0 1px var(--vd-green)}.variant-card:has(.variant-card__input:focus-visible){outline:2px solid var(--vd-green);outline-offset:2px}.variant-card__label{display:flex;flex-direction:column;gap:1.2rem;width:100%;margin:0;padding:.8rem;cursor:pointer}.variant-card__input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.variant-card__media{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:.8rem;background:var(--brand-gray, #ecece7)}.variant-card__media .variantImg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .2s ease,opacity .2s ease}.variant-card:hover .variant-card__media .variantImg{transform:scale(1.03)}.variant-card__badges{position:absolute;top:.8rem;left:.8rem;display:flex;flex-wrap:wrap;gap:.4rem;max-width:calc(100% - 4.8rem)}.variant-card__badge{padding:.3rem .9rem;border-radius:99rem;background:#fff;box-shadow:0 1px 3px #0000001f;color:var(--vd-ink);font-size:1.2rem;font-weight:600;line-height:1.4;white-space:nowrap}.variant-card__badge--sale{background:var(--brand-yellow, #f9cd3a);box-shadow:none}.variant-card__badge--pre-order{background:var(--brand-light-blue, #deede7);box-shadow:none;color:var(--brand-green, #01200f)}.variant-card__tick{position:absolute;top:.8rem;right:.8rem;display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--vd-green);color:#fff;transform:scale(0);transition:transform .2s cubic-bezier(.3,1.5,.5,1)}.variant-card__tick svg{width:1.5rem;height:1.5rem}.variant-card.variantHighlighter .variant-card__tick{transform:scale(1)}.variant-card__zoom{position:absolute;right:.8rem;bottom:.8rem;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000002e;color:var(--vd-ink)}.variant-card__zoom svg{width:1.6rem;height:1.6rem}.variant-card__body{display:flex;flex:1;flex-direction:column;gap:.6rem;padding:0 .4rem .4rem}.variant-card__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:1.5rem;font-weight:500;line-height:1.3;color:var(--vd-ink)}.variant-card__meta{display:flex;flex-direction:column;gap:.2rem;font-size:1.3rem;line-height:1.35;color:var(--vd-muted)}.variant-card__size{display:flex;align-items:center;gap:.5rem}.variant-card__size svg{flex:none;width:1.4rem;height:1.4rem}.variant-card__price{display:flex;align-items:baseline;gap:.8rem;margin:.2rem 0 0;line-height:1.1}.variant-card__price .actualPrice{margin:0;font-size:1.9rem;font-weight:600;color:var(--vd-ink)}.variant-card__price .actualPrice.highlightedPrice{color:var(--Sales-red, #f21b3f)}.variant-card__price .comparePrice{margin:0;font-size:1.3rem;color:var(--vd-muted)}.variant-card .variant_stock{padding:.9rem 1rem;border-radius:.8rem;background:var(--brand-alabaster, #f9f9f6);font-size:1.3rem;line-height:1.35}.variant-card.variantHighlighter .variant_stock{background:#fff}.variant-card .in-stock{display:grid;gap:.5rem}.variant-card .stockWrapper{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--vd-green)}.variant-card .stockWrapper svg{flex:none;width:1.5rem;height:1.5rem}.variant-card .variant_stock p,.variant-card .variant_stock .formatted-delivery-date{display:flex;flex-direction:column;gap:.1rem;margin:0;font-size:1.2rem;font-weight:400;line-height:1.35;color:var(--vd-muted)}.variant-card .variant_stock .delivery-date-highlight{display:block;font-size:1.3rem;font-weight:600;line-height:1.3;color:var(--vd-ink)}.variant-card .pre-order .stockWrapper{align-items:flex-start;font-weight:400}.variant-card .pre-order .stockWrapper svg{margin-top:.1rem}.variant-card .out-stock .stockWrapper{color:var(--vd-muted)}.variant-card__cta{display:flex;margin-top:auto;padding-top:.6rem}.variant-card__cta>span{display:flex;align-items:center;justify-content:center;width:100%;height:4rem;border-radius:99rem;font-size:1.4rem;font-weight:600;transition:background-color .15s ease,color .15s ease}.variant-card__cta-select{border:1px solid rgba(0,163,109,.4);color:var(--vd-green)}.variant-card:hover .variant-card__cta-select{background:var(--vd-green);color:#fff}.variant-card__cta>.variant-card__cta-selected{display:none;background:var(--vd-green);color:#fff}.variant-card.variantHighlighter .variant-card__cta>.variant-card__cta-select{display:none}.variant-card.variantHighlighter .variant-card__cta>.variant-card__cta-selected{display:flex}.variant-card--sold-out .variantImg{filter:grayscale(1);opacity:.7}.variant-card--sold-out .variant-card__title,.variant-card--sold-out .variant-card__price,.variant-card--sold-out .variant-card__meta{opacity:.6}.variant-cards__controls{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:.4rem var(--vd-edge) 0}.variant-cards__controls[hidden]{display:none}.variant-cards__dots{display:flex;align-items:center;gap:.6rem}.variant-cards__dot{width:.8rem;height:.8rem;padding:0;border:0;border-radius:99rem;background:#0000002e;cursor:pointer;transition:width .2s ease,background-color .2s ease}.variant-cards__dot.is-active{width:2rem;background:var(--vd-green)}.variant-cards__count{font-size:1.3rem;font-weight:500;color:var(--vd-muted);font-variant-numeric:tabular-nums}.variant-cards__arrows{display:flex;gap:.8rem}.variant-cards__arrow{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:50%;background:#fff;color:var(--vd-ink);cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.variant-cards__arrow:hover:not(:disabled){background:var(--vd-green-soft)}.variant-cards__arrow:disabled{opacity:.35;cursor:default}.variant-cards__arrow svg{width:1.8rem;height:1.8rem}@media screen and (max-width:768px){.variant__drawer{position:fixed;right:0;bottom:0;left:0;width:100%;max-height:88vh;max-height:88svh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);border-radius:1.6rem 1.6rem 0 0;box-shadow:0 -12px 32px #00000029;transform:translateY(105%);visibility:hidden;transition:transform .34s cubic-bezier(.2,.8,.2,1),visibility 0s linear .34s}.variant__drawer.variant__drawer--open{transform:none;visibility:visible;transition-delay:0s}.variant__drawer-body{padding-bottom:1.6rem}.variant-cards__arrows{display:none}.variant-cards__controls{justify-content:center}}@media screen and (min-width:769px){.variant__drawer{--vd-edge: 1.2rem;--vd-card-gap: 1rem;position:relative;width:auto;max-height:0;margin-top:.8rem;overflow:hidden;border:1px solid transparent;border-radius:.8rem;opacity:0;visibility:hidden;transition:max-height .4s cubic-bezier(.2,.8,.2,1),opacity .25s ease,visibility 0s linear .4s}.variant__drawer.variant__drawer--open{max-height:60rem;border-color:var(--vd-line);box-shadow:0 8px 28px #00000014;opacity:1;visibility:visible;transition-delay:0s}.variant__drawer-header,.variant__drawer .variant__drawer-header svg{display:none!important}.variant__drawer-body{padding:1.2rem 0 1.4rem}.variant-cards__track{--vc-width: 21rem}.backdrop__container{display:none!important}}.backdrop__container{display:none;position:fixed;z-index:101;top:0;left:0;width:100%;height:100%;overflow:auto;background-color:#0006;animation:variantBackdropFade .3s ease;cursor:pointer}.backdrop__container--show{display:block}@keyframes variantBackdropFade{0%{opacity:0}to{opacity:1}}.flexFrontOrder{order:-1}.flexMiddleOrder{order:0}.flexLaterOrder{order:1}@media(prefers-reduced-motion:reduce){.variant__drawer,.variant-card,.variant-card__media .variantImg,.backdrop__container{animation:none;transition:none}}.product__info-container:has(.variant__drawer--inline) .variant__opener{display:none}.variant__drawer.variant__drawer--inline{--vd-edge: 1.5rem;--vd-card-gap: 1.5rem;position:relative;width:auto;max-height:none;margin:1.2rem -1.5rem 1.6rem;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;visibility:visible;transform:none;transition:none;z-index:auto}.variant__drawer.variant__drawer--inline .variant__drawer-header{display:flex!important;padding:0 var(--vd-edge) 1.2rem}.variant__drawer--inline .variant__drawer-header:before{display:none}.variant__drawer--inline .variant__drawer-header h2{font-size:2rem}.variant__drawer--inline:not(.variant__drawer--open) .variant__drawer-header svg{display:none}.variant__drawer--inline .variant__drawer-body{padding:0}@media screen and (min-width:769px){.variant__drawer.variant__drawer--inline{--vd-edge: 1rem;--vd-card-gap: 1rem;margin:1.2rem -1rem 1.6rem}}.variant__drawer--inline.is-attention .variant-cards__track{border-radius:.8rem;animation:variantNudge 1.6s ease}@keyframes variantNudge{0%,to{box-shadow:0 0 #00a36d00}25%,70%{box-shadow:0 0 0 4px #00a36d4d}}@media screen and (max-width:768px){.variant__drawer.variant__drawer--inline.variant__drawer--open{--vd-edge: 1.6rem;--vd-card-gap: 1.2rem;position:fixed;right:0;bottom:0;left:0;width:100%;max-height:88vh;max-height:88svh;margin:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);border-radius:1.6rem 1.6rem 0 0;background:#fff;box-shadow:0 -12px 32px #00000029;z-index:102;animation:variantSheetUp .34s cubic-bezier(.2,.8,.2,1)}.variant__drawer.variant__drawer--inline.variant__drawer--open.is-closing{animation:variantSheetDown .26s ease-in forwards}.variant__drawer--inline.variant__drawer--open .variant__drawer-header{padding-top:2.4rem}.variant__drawer--inline.variant__drawer--open .variant__drawer-header:before{display:block}.variant__drawer--inline.variant__drawer--open .variant__drawer-header h2{font-size:2.2rem}.variant__drawer--inline.variant__drawer--open .variant__drawer-body{padding-bottom:1.6rem}}@keyframes variantSheetUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes variantSheetDown{to{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.variant__drawer--inline.is-attention .variant-cards__track,.variant__drawer.variant__drawer--inline.variant__drawer--open{animation:none}}@supports (grid-template-rows: subgrid){.variant-cards__track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--vc-width);grid-template-rows:repeat(6,auto);gap:0 var(--vd-card-gap)}.variant-card{display:grid;grid-row:1 / span 6;grid-template-rows:subgrid;width:auto}.variant-card__label{display:grid;grid-row:1 / span 6;grid-template-rows:subgrid;gap:0}.variant-card__media{grid-row:1;margin-bottom:1.2rem}.variant-card__body{display:grid;grid-row:2 / span 5;grid-template-rows:subgrid;gap:0}.variant-card__title{grid-row:1;margin-bottom:.6rem}.variant-card__meta{grid-row:2;margin-bottom:.6rem}.variant-card__price{grid-row:3;margin:0 0 1rem}.variant-card .variant_stock{grid-row:4}.variant-card__cta{grid-row:5;margin-top:0;padding-top:1rem}}@supports (grid-template-rows: subgrid){.variant-card__media{margin-bottom:.8rem}.variant-card__title,.variant-card__meta{margin-bottom:.3rem}.variant-card__price{margin:0 0 .6rem}.variant-card__cta{padding-top:.6rem}}.variant-card .variant_stock{padding:.7rem 1rem}.variant-card .in-stock{gap:.3rem}.variant-card__cta>span{height:3.6rem}.variant-card__label{padding:.7rem}.variant-card__media{aspect-ratio:5 / 4}.variant-card__title{font-size:1.4rem}.variant-card__meta{font-size:1.2rem}.variant-card__price .actualPrice{font-size:1.7rem}.variant-card .variant_stock{font-size:1.2rem}.variant-card__cta>span{height:3.2rem;font-size:1.3rem}.variant__drawer.variant__drawer--inline{margin:.4rem -1.5rem}@media screen and (min-width:769px){.variant__drawer.variant__drawer--inline{margin:.4rem -1rem}}.variant__drawer.variant__drawer--inline .variant__drawer-header{padding-bottom:.8rem}.variant__drawer--inline .variant-cards__track{padding-bottom:.6rem}.variant__drawer--inline .variant-cards__controls{padding-top:0}.product__info-container:has(.variant__drawer--inline) variant-selects{margin:0;padding:0;min-height:0}@media screen and (min-width:750px){.variant__drawer.variant__drawer--inline:not(.variant__drawer--open){margin-right:0}}.variant-cards__track:has(.variant-card:not(.variant-card--sold-out)) .variant-card--sold-out:not(.variantHighlighter){display:none}
/*# sourceMappingURL=/cdn/shop/t/356/assets/variant-drawer.css.map */