.CartDrawer__Checkout{margin-top:12px}.CartDrawer{z-index:1048}.CartDrawer+.Drawer__Backdrop{z-index:1047}.CartDrawer .Form--cart{display:flex;flex-direction:column;overflow-y:auto;height:100%}.CartDrawer__Total{margin-top:.25rem;margin-bottom:1.25rem}.CartDrawer__NoteToggleButton{font-family:var(--tg-sys-typescale-label-medium-font);font-style:var(--tg-sys-typescale-label-medium-style);font-weight:var(--tg-sys-typescale-label-medium-weight);font-size:var(--tg-sys-typescale-label-medium-size);line-height:var(--tg-sys-typescale-label-medium-line-height);letter-spacing:var(--tg-sys-typescale-label-medium-tracking)}.CartDrawer__Note{margin-top:.75rem;margin-bottom:.75rem}.CartDrawer__Note .Form__Item{margin-bottom:.5rem}.CartDrawer__Note textarea.Form__Input{height:auto}.CartDrawer__Discount{margin-bottom:.25rem;margin-top:1rem}.CartDrawer__Discount .Icon--sale{-webkit-margin-end:.25rem;margin-inline-end:.25rem}.CartDrawer__ShippingNotice,.CartDrawer__ShippingAmountNotice{margin:-2rem -2rem 2rem;-webkit-padding-start:2rem;padding-inline-start:2rem;border-bottom:1px solid var(--tg-component-drawer-outline)}.CartDrawerCrossSell{position:relative;border-top:1px solid rgba(var(--tg-sys-color-outline-rgb),.3);transition:all .5s ease-in;display:none}.CartDrawerCrossSell .ProductCardHorizontal{align-items:flex-start}.CartDrawerCrossSell .CartDrawerCrossSell__Heading{font-weight:400;padding-top:1.25rem;padding-bottom:1rem}.CartDrawerCrossSell .ProductCardHorizontal__Info{padding:.5rem 1rem}.CartDrawerCrossSell .Carousel{position:static;border:none;margin:0}.CartDrawerCrossSell .Carousel .Carousel__Item{border:none}.CartDrawerCrossSell .Carousel .Carousel__NavNext,.CartDrawerCrossSell .Carousel .Carousel__NavPrev{top:.625rem;width:2rem;height:2rem;z-index:90;margin-top:4px}.CartDrawerCrossSell .Carousel .Carousel__NavNext:disabled,.CartDrawerCrossSell .Carousel .Carousel__NavPrev:disabled{opacity:.6}.CartDrawerCrossSell .Carousel .Carousel__NavNext{right:0;left:auto}.CartDrawerCrossSell .Carousel .Carousel__NavPrev{right:2.5rem;left:auto}[dir=rtl] .CartDrawerCrossSell .Carousel .Carousel__NavNext{left:0;right:auto}[dir=rtl] .CartDrawerCrossSell .Carousel .Carousel__NavPrev{left:2.5rem;right:auto}.figma-v2 #CartDrawer{width:min(580px,100vw);height:100dvh;max-height:100dvh;border:0;background:var(--v2-paper);color:var(--v2-ink);box-shadow:-8px 0 32px #00000014}.figma-v2 #CartDrawer+.Drawer__Backdrop{background:#000}.figma-v2 #CartDrawer .Drawer__Header{flex:0 0 auto;min-height:88px;padding:20px 32px;border-bottom:1px solid var(--v2-border)}.figma-v2 #CartDrawer .Drawer__Title{font:100 32px/1.1 var(--v2-sans);font-weight:100!important;letter-spacing:0;text-transform:none;color:var(--v2-ink)}.figma-v2 #CartDrawer .ButtonClose{box-sizing:border-box;width:44px;height:44px;margin:0 -10px 0 0;padding:12px;border-radius:0;background-color:transparent;background-size:20px 20px;opacity:1}.figma-v2 #CartDrawer>.Form--cart{flex:1;min-height:0;height:auto;overflow:hidden}.figma-v2 #CartDrawer .Drawer__Body{flex:1 1 auto;min-height:0;padding:24px 32px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.figma-v2 #CartDrawer .Drawer__Footer{flex:0 0 auto;max-height:60dvh;padding:20px 32px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--v2-border);background:var(--v2-paper)}.figma-v2 #CartDrawer .CartSummary{gap:20px;margin-bottom:12px}.figma-v2 #CartDrawer .CartSummary__Card{align-items:flex-start;gap:10px;padding:4px 0 18px;border:0;border-bottom:1px solid var(--v2-border);border-radius:0;background:transparent}.figma-v2 #CartDrawer .CartSummary__Icon{width:24px;height:24px;border-radius:0;background:transparent}.figma-v2 #CartDrawer .CartSummary__Head{gap:6px}.figma-v2 #CartDrawer .CartSummary__Label,.figma-v2 #CartDrawer .CartSummary__Count{font-size:14px;font-weight:400!important}.figma-v2 #CartDrawer .CartSummary__Sub{margin-top:4px;color:var(--v2-brand-dark);white-space:normal;font-size:11px}.figma-v2 #CartDrawer .CartX__ClearRow{margin:0 0 16px}.figma-v2 #CartDrawer .CartX__ClearAll{min-height:36px;color:var(--v2-brand-dark);text-underline-offset:4px}.figma-v2 #CartDrawer .CartX__SectionTitle{padding-bottom:12px;border-bottom:1px solid var(--v2-border);font-size:24px}.figma-v2 #CartDrawer .CartTile{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:20px 0;border-bottom:1px solid var(--v2-border)}.figma-v2 #CartDrawer .CartTile__Img,.figma-v2 #CartDrawer .CartTile__Img img{width:72px;height:72px}.figma-v2 #CartDrawer .CartTile__Controls{flex-basis:100%;flex-wrap:wrap;justify-content:space-between;padding-left:84px}.figma-v2 #CartDrawer .CartTile__Qty{border-color:var(--v2-border);border-radius:0}.figma-v2 #CartDrawer .CartX__Step{width:40px;height:40px;border-radius:0}.figma-v2 #CartDrawer .SampleBoxes__Head{gap:10px;font-size:24px}.figma-v2 #CartDrawer .SampleBoxes__Sub{margin:12px 0 20px;color:var(--v2-brand-dark);line-height:1.6}.figma-v2 #CartDrawer .SampleBoxCard{margin-bottom:20px;padding:20px;border:0;border-radius:0;background:var(--cart-sample-bg, var(--v2-warm))}.figma-v2 #CartDrawer .SampleBoxCard__Head{flex-wrap:wrap;row-gap:8px;margin-bottom:16px}.figma-v2 #CartDrawer .SampleBoxCard__Badge{border-radius:0;background:var(--v2-footer);color:var(--v2-brand-dark)}.figma-v2 #CartDrawer .SampleBoxCard__Meta{color:var(--v2-brand-dark);font-size:12px}.figma-v2 #CartDrawer .SampleBoxCard__Price{font-size:14px}.figma-v2 #CartDrawer .SampleBoxCard__Segments{width:100%;gap:4px;margin-bottom:16px}.figma-v2 #CartDrawer .SampleBoxCard__Seg{height:4px;border-radius:0;background:var(--v2-border)}.figma-v2 #CartDrawer .SampleBoxCard__Seg.is-filled{background:var(--cart-progress, var(--v2-brand-dark))}.figma-v2 #CartDrawer .SampleBoxCard__Slots{gap:8px}.figma-v2 #CartDrawer .SampleSlot{padding:6px;border-radius:0}.figma-v2 #CartDrawer .SampleSlot--filled{border-color:var(--v2-border)}.figma-v2 #CartDrawer .SampleSlot__Img{width:100%}.figma-v2 #CartDrawer .SampleSlot__Img img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.figma-v2 #CartDrawer .SampleSlot__Name{width:100%;max-height:28px;margin:8px 0 4px;font-size:10px;line-height:14px}.figma-v2 #CartDrawer .SampleSlot__Tag{padding-inline:0;border-radius:0;background:transparent;color:var(--v2-brand-dark)}.figma-v2 #CartDrawer .SampleSlot__Remove{display:inline-flex;align-items:center;min-height:32px;color:var(--v2-brand-dark);text-underline-offset:4px}.figma-v2 #CartDrawer .SampleSlot--empty{min-height:144px;border-color:var(--v2-border);color:var(--v2-ink)}.figma-v2 #CartDrawer .SampleSlot__Plus{color:inherit}.figma-v2 #CartDrawer .SampleSlot__Add{font-size:11px}.figma-v2 #CartDrawer .CartX__Summary{display:grid;gap:10px;margin-bottom:16px}.figma-v2 #CartDrawer .CartX__SumRow{gap:20px;color:var(--v2-ink)}.figma-v2 #CartDrawer .CartX__SumRow>:last-child{flex-shrink:0;font-variant-numeric:tabular-nums}.figma-v2 #CartDrawer .CartX__SumRow--total{margin-top:4px;padding-top:16px;border-color:var(--v2-border);font-size:20px}.figma-v2 #CartDrawer .CartX__ShippingNote{margin:0;color:var(--v2-brand-dark);line-height:1.5}.figma-v2 #CartDrawer .CartX__Btn{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:10px;padding:14px 20px;border-radius:0;font-size:12px;font-weight:400!important;line-height:1.2;letter-spacing:.8px;transition:background-color var(--v2-motion-fast) var(--v2-motion-ease),border-color var(--v2-motion-fast) var(--v2-motion-ease),color var(--v2-motion-fast) var(--v2-motion-ease)}.figma-v2 #CartDrawer .CartX__Btn--outline{border-color:var(--v2-border);background:transparent;color:var(--v2-ink)}.figma-v2 #CartDrawer .CartX__Btn--dark{border-color:var(--v2-brand-dark);background:var(--v2-brand-dark);color:#fff}.figma-v2 #CartDrawer :is(a,button,input,textarea):focus-visible{outline:2px solid var(--v2-brand-dark);outline-offset:3px}.figma-v2 #CartDrawer .CartDrawer__Note .Form__Input{padding:12px;border-color:var(--v2-border);border-radius:0;background:var(--v2-paper);color:var(--v2-ink)}.figma-v2 #CartDrawer .CartClearDialog{border-radius:0;background:var(--v2-warm)}.figma-v2 #CartDrawer .CartEmpty{padding:40px 0}.figma-v2 #CartDrawer .CartEmpty__Icon{border-radius:0;background:var(--v2-warm)}.figma-v2 #CartDrawer .CartEmpty__Title{font:100 32px/1.15 var(--v2-sans);letter-spacing:0}.figma-v2 #CartDrawer .CartEmpty__Eyebrow{font-size:10px;letter-spacing:1.2px}.figma-v2 #CartDrawer .CartEmpty__Text,.figma-v2 #CartDrawer .CartEmpty__Help{color:var(--v2-brand-dark)}.figma-v2 #CartDrawer .CartEmpty__Action{min-width:0;min-height:48px;border-radius:0;font-size:12px}.figma-v2 #CartDrawer .CartDrawerCrossSell{margin-top:24px;border-color:var(--v2-border)}.figma-v2 #CartDrawer .CartDrawerCrossSell__Heading{font-size:18px;letter-spacing:0}.figma-v2 #CartDrawer .CartDrawer__ShippingNotice,.figma-v2 #CartDrawer .CartDrawer__ShippingAmountNotice{margin:-24px -32px 24px;padding:16px 32px;background:var(--v2-warm);border-color:var(--v2-border)}.figma-v2 #CartDrawer .CartX__Btn--outline:focus-visible{background:var(--v2-warm)}.figma-v2 #CartDrawer .CartX__Btn--dark:focus-visible{background:var(--v2-ink);border-color:var(--v2-ink)}body.figma-v2:has(#CartDrawer.Show,#CartDrawer[aria-hidden=false]) .kl-teaser-WqpLBi{display:none!important}@media(hover:hover)and (pointer:fine){.figma-v2 #CartDrawer :is(.ButtonClose,.CartX__Step:not(:disabled),.CartX__Btn--outline):hover{background-color:var(--v2-warm)}.figma-v2 #CartDrawer .CartX__Btn--dark:not(:disabled):hover{background:var(--v2-ink);border-color:var(--v2-ink)}.figma-v2 #CartDrawer .SampleSlot--empty:hover{background:var(--v2-footer);border-color:var(--v2-brand-dark)}.figma-v2 #CartDrawer :is(.SampleSlot__Remove,.CartX__ClearAll):hover{color:var(--v2-ink)}}@media(max-width:640px){.figma-v2 #CartDrawer{width:100%}.figma-v2 #CartDrawer .Drawer__Header{min-height:76px;padding:16px 24px}.figma-v2 #CartDrawer .Drawer__Title{font-size:28px}.figma-v2 #CartDrawer .Drawer__Body{padding:20px 24px}.figma-v2 #CartDrawer .Drawer__Footer{padding:16px 24px calc(20px + env(safe-area-inset-bottom))}.figma-v2 #CartDrawer .CartSummary{gap:16px}.figma-v2 #CartDrawer .CartSummary__Card{gap:8px}.figma-v2 #CartDrawer .SampleBoxes__Head{font-size:22px}.figma-v2 #CartDrawer .SampleBoxCard{padding:16px}.figma-v2 #CartDrawer .SampleBoxCard__Meta{display:flex;justify-content:space-between;width:100%;margin-left:0}.figma-v2 #CartDrawer .SampleBoxCard__Slots{grid-template-columns:repeat(6,minmax(0,1fr))}.figma-v2 #CartDrawer .SampleBoxCard__Slots>*{grid-column:span 2}.figma-v2 #CartDrawer .SampleBoxCard__Slots>:nth-child(4),.figma-v2 #CartDrawer .SampleBoxCard__Slots>:nth-child(5){grid-column:span 3}.figma-v2 #CartDrawer .SampleSlot--empty:nth-child(n+4){min-height:80px}.figma-v2 #CartDrawer .CartEmpty{padding-block:24px}.figma-v2 #CartDrawer .CartEmpty__Title{font-size:28px}.figma-v2 #CartDrawer .CartDrawer__ShippingNotice,.figma-v2 #CartDrawer .CartDrawer__ShippingAmountNotice{margin:-20px -24px 20px;padding:16px 24px}}@media(prefers-reduced-motion:reduce){.figma-v2 #CartDrawer,.figma-v2 #CartDrawer .CartX__Btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/section-cart-drawer.css.map */