.od-cdrawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95}.od-cdrawer__scrim{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--od-ink-40);-webkit-backdrop-filter:blur(3px) saturate(.9);backdrop-filter:blur(3px) saturate(.9);opacity:0;transition:opacity .42s var(--od-ease)}.od-cdrawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(600px,100vw);height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--od-bg);color:var(--od-ink);box-shadow:-30px 0 70px -40px var(--od-ink-40);transform:translate(102%);transition:transform .56s var(--od-ease);outline:none}.od-cdrawer.is-open .od-cdrawer__scrim{opacity:1}.od-cdrawer.is-open .od-cdrawer__panel{transform:none}.od-cdrawer__x{position:absolute;top:12px;right:12px;z-index:4;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--od-ink);transition:background-color .2s var(--od-ease),transform .3s var(--od-ease)}.od-cdrawer__x:hover{background:var(--od-ink-04);transform:rotate(90deg)}.od-cdrawer__toast{position:absolute;top:14px;left:clamp(18px,3vw,28px);right:64px;z-index:3;display:flex;align-items:center;gap:.75rem;max-width:320px;padding:.55rem .55rem .55rem .7rem;border:var(--od-hair) solid var(--od-line);border-radius:var(--od-r-sm);background:var(--od-bg);box-shadow:0 18px 40px -26px var(--od-ink-40);animation:od-cd-toast .42s var(--od-ease) both}.od-cdrawer__toast[hidden]{display:none}@keyframes od-cd-toast{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.od-cdrawer__toast-tick{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--od-brand);color:var(--od-bg);flex:none}.od-cdrawer__toast-tick .od-icon{stroke-dasharray:30;stroke-dashoffset:30;animation:od-cd-tick .52s .16s var(--od-ease) forwards}@keyframes od-cd-tick{to{stroke-dashoffset:0}}.od-cdrawer__toast-text{flex:1;font-family:var(--od-font-display);font-size:var(--od-t-sm);color:var(--od-ink)}.od-cdrawer__toast-x{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--od-ink-soft)}.od-cdrawer__toast-x:hover{background:var(--od-ink-04)}.od-cdrawer__cart{flex:1;min-height:0;display:flex;flex-direction:column}.od-cdrawer__inner{flex:1;min-height:0;display:flex;flex-direction:column;transition:opacity .24s var(--od-ease)}.od-cdrawer__cart.is-busy .od-cdrawer__inner{opacity:.6;pointer-events:none}.od-cdrawer__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:64px clamp(18px,3vw,28px) 24px;display:flex;flex-direction:column;gap:clamp(20px,2.6vw,28px)}.od-cdrawer__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.8rem 1.4rem}.od-cdrawer__eyebrow{display:block;margin-bottom:.35rem;font-family:var(--od-font-label);font-size:calc(var(--od-label-size) - 1px);letter-spacing:.24em;text-transform:uppercase;color:var(--od-ink-soft)}.od-cdrawer__title{margin:0;font-size:clamp(2.4rem,1.6rem + 2.4vw,3.6rem);line-height:.95;text-transform:uppercase;color:var(--od-ink)}.od-cdrawer__ship{flex:1 1 250px;grid-template-columns:minmax(30px,1fr) auto auto}.od-cdrawer__items{border-top:var(--od-rule)}.od-cartp__item--compact{grid-template-columns:96px minmax(0,1fr);gap:16px;padding-block:16px}.od-cartp__item--compact .od-cartp__media{aspect-ratio:4 / 5}.od-cartp__item--compact .od-cartp__media.od-media--square{aspect-ratio:1}.od-cartp__item--compact .od-cartp__body{gap:.7rem;justify-content:flex-start}.od-cartp__item--compact .od-cartp__name{font-size:clamp(.98rem,.9rem + .25vw,1.1rem)}.od-cartp__item--compact .od-cartp__price-now{font-size:clamp(1rem,.92rem + .3vw,1.15rem)}.od-cartp__item--compact .od-cartp__controls{gap:.6rem .9rem}.od-cartp__item--compact .od-cartp__acts{gap:.6rem}.od-cartp__item--compact .od-cartp__act{min-width:40px;justify-content:center}.od-cartp__ready{display:inline-flex;align-items:center;gap:.45rem;margin:0;font-family:var(--od-font-label);font-size:calc(var(--od-label-size) - 1px);letter-spacing:.02em;color:var(--od-ink-soft)}.od-cartp__ready .od-icon{color:var(--od-brand)}.od-cdrawer__empty{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding-block:1.2rem;border-block:var(--od-rule)}.od-cdrawer__empty-title{margin:0;font-size:var(--od-t-lg);color:var(--od-ink)}.od-cdrawer__empty-text{margin:0;font-family:var(--od-font-body);font-size:var(--od-t-sm);color:var(--od-ink-soft)}.od-cdrawer__block{display:flex;flex-direction:column;gap:.8rem}.od-cdrawer__sec-head .od-cartp__sec-title{font-size:clamp(1.1rem,.95rem + .6vw,1.4rem)}.od-cdrawer__sug-wrap{display:grid;grid-template-columns:54px minmax(0,1fr);gap:.8rem;align-items:center}.od-cdrawer__cal{display:flex;flex-direction:column;align-items:stretch;width:50px;border:1.4px solid var(--od-ink);border-radius:5px;overflow:hidden;background:var(--od-bg)}.od-cdrawer__cal-top{height:8px;border-bottom:1.4px solid var(--od-ink);background:var(--od-brand-tint)}.od-cdrawer__cal-day{padding:.35rem 0 .4rem;text-align:center;font-family:var(--od-font-label);font-weight:var(--od-font-label-weight);font-size:calc(var(--od-label-size) - 1px);letter-spacing:.1em;text-transform:uppercase;color:var(--od-ink)}.od-cdrawer__sugs{margin:0;padding:0;list-style:none}.od-cdrawer__sug{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.55rem;border:var(--od-hair) solid var(--od-line);border-radius:var(--od-r-sm);background:var(--od-bg);animation:od-cd-sug .38s var(--od-ease) both}.od-cdrawer__sug[hidden]{display:none}@keyframes od-cd-sug{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}.od-cdrawer__sug-media{display:block;overflow:hidden;border-radius:calc(var(--od-r-sm) * .7);aspect-ratio:4 / 5;background:var(--od-brand-tint)}.od-cdrawer__sug-media img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}.od-cdrawer__sug-body{min-width:0;display:flex;flex-direction:column;gap:.25rem}.od-cdrawer__sug-add .od-cartp__addform{flex-direction:column;align-items:stretch;flex-wrap:nowrap;margin:0;padding:0;gap:.4rem}.od-cdrawer__sug-add .od-cartp__add{margin-left:0}.od-cdrawer__another{align-self:flex-end;display:inline-flex;align-items:center;gap:.4rem;min-height:36px;font-family:var(--od-font-label);font-size:calc(var(--od-label-size) - 1px);letter-spacing:.02em;color:var(--od-ink);text-decoration:underline;text-underline-offset:3px}.od-cdrawer__another:hover{color:var(--od-brand)}.od-cdrawer__pair-row{position:relative}.od-cdrawer__pair-track{display:flex;gap:10px;margin:0;padding:0 0 4px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.od-cdrawer__pair-track::-webkit-scrollbar{display:none}.od-cdrawer__pair{position:relative;flex:0 0 min(250px,72%);scroll-snap-align:start;display:grid;grid-template-columns:68px minmax(0,1fr);gap:.75rem;padding:.45rem;border:var(--od-hair) solid var(--od-line);border-radius:var(--od-r-sm);background:var(--od-bg)}.od-cdrawer__pair-media{display:block;overflow:hidden;border-radius:calc(var(--od-r-sm) * .7);aspect-ratio:4 / 5;background:var(--od-brand-tint)}.od-cdrawer__pair-media img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}.od-cdrawer__pair-body{min-width:0;display:flex;flex-direction:column;gap:.25rem;padding:.2rem 2.4rem .2rem 0}.od-cdrawer__pair-title{font-family:var(--od-font-display);font-weight:500;font-size:clamp(.9rem,.85rem + .2vw,1rem);line-height:1.25;color:var(--od-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.od-cdrawer__pair .od-cartp__quick,.od-cdrawer__pair .od-cartp__pick{position:static}.od-cdrawer__pair .od-cartp__badge,.od-cdrawer__pair .od-cartp__pick>summary{top:auto;bottom:.5rem;right:.5rem}.od-cdrawer__pair .od-cartp__pick[open]{grid-column:1 / -1}.od-cdrawer__pair .od-cartp__pop{position:static;max-width:none;width:auto;box-shadow:none;border:0;border-top:var(--od-rule);border-radius:0;padding:.55rem 0 .1rem;margin-right:2.4rem}.od-cdrawer__pair-next{position:absolute;right:-6px;top:50%;transform:translateY(-50%);background:var(--od-bg);border:var(--od-hair) solid var(--od-line);box-shadow:0 8px 20px -14px var(--od-ink-40)}.od-cdrawer__codebox{border-block:var(--od-rule)}.od-cdrawer__codehead{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:52px;font-family:var(--od-font-display);font-size:var(--od-t-sm);color:var(--od-ink);cursor:pointer;list-style:none}.od-cdrawer__codehead::-webkit-details-marker{display:none}.od-cdrawer__plus{position:relative;width:14px;height:14px}.od-cdrawer__plus:before,.od-cdrawer__plus:after{content:"";position:absolute;background:currentColor;transition:transform .3s var(--od-ease)}.od-cdrawer__plus:before{left:0;right:0;top:50%;height:1.4px;transform:translateY(-50%)}.od-cdrawer__plus:after{top:0;bottom:0;left:50%;width:1.4px;transform:translate(-50%)}.od-cdrawer__codebox[open] .od-cdrawer__plus:after{transform:translate(-50%) scaleY(0)}.od-cdrawer__codebox .od-cartp__code{margin:0 0 1rem}.od-cdrawer__applied{margin:0 0 .8rem;font-family:var(--od-font-label);font-size:calc(var(--od-label-size) - 1px);color:var(--od-brand)}.od-cdrawer__foot{flex:none;display:flex;flex-direction:column;gap:.6rem;padding:.9rem clamp(18px,3vw,28px) calc(.8rem + env(safe-area-inset-bottom,0px));border-top:var(--od-rule);background:var(--od-bg);box-shadow:0 -20px 40px -34px var(--od-ink-40)}.od-cdrawer__sum{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.od-cdrawer__sum-label{display:flex;flex-direction:column;gap:.15rem;font-family:var(--od-font-display);font-size:var(--od-t-sm);color:var(--od-ink)}.od-cdrawer__sum-ship{font-family:var(--od-font-label);font-size:calc(var(--od-label-size) - 2px);color:var(--od-muted)}.od-cdrawer__sum-value{font-family:var(--od-font-display);font-weight:600;font-size:clamp(1.25rem,1.05rem + .6vw,1.55rem);color:var(--od-ink);font-variant-numeric:tabular-nums}.od-cdrawer__checkout{min-height:52px}.od-cdrawer__view{align-self:center;padding:.35rem .2rem;font-family:var(--od-font-label);font-size:calc(var(--od-label-size) - 1px);letter-spacing:.18em;text-transform:uppercase;color:var(--od-ink);text-decoration:underline;text-underline-offset:4px}.od-cdrawer__view:hover{color:var(--od-brand)}.od-cdrawer__trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}.od-cdrawer__secure{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--od-font-label);font-size:calc(var(--od-label-size) - 2px);color:var(--od-ink-soft)}.od-cdrawer__pay{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}.od-cdrawer__pay .od-pay-icon{display:block;width:38px;height:24px}@media screen and (max-width:749px){.od-cdrawer__panel{width:100vw;box-shadow:none}.od-cdrawer__scroll{padding-top:60px}.od-cdrawer__toast{right:60px;max-width:none}.od-cartp__item--compact{grid-template-columns:84px minmax(0,1fr);gap:12px}.od-cartp__item--compact .od-cartp__top{flex-direction:row}.od-cartp__item--compact .od-cartp__price{align-items:flex-end;text-align:right}.od-cartp__item--compact .od-cartp__acts{flex-basis:auto;margin-left:auto}.od-cdrawer__sug{grid-template-columns:70px minmax(0,1fr)}.od-cdrawer__sug-add{grid-column:1 / -1}.od-cdrawer__sug-add .od-cartp__addform{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.od-cdrawer__sug-add .od-cartp__add{margin-left:auto}.od-cdrawer__sug-wrap{grid-template-columns:46px minmax(0,1fr);gap:.6rem}.od-cdrawer__cal{width:44px}.od-cdrawer__pair-next{display:none}}@media(prefers-reduced-motion:reduce){.od-cdrawer__scrim,.od-cdrawer__panel{transition:none}.od-cdrawer__toast,.od-cdrawer__sug{animation:none}.od-cdrawer__toast-tick .od-icon{animation:none;stroke-dashoffset:0}}html.od-cdrawer-open [id^=zoko-]{visibility:hidden!important}
/*# sourceMappingURL=/cdn/shop/t/18/assets/od-cart-drawer.css.map */