html body #drawer{--cd-ink:#000;--cd-paper:#fff;--cd-cream:#FBF7E4;--cd-red:#e10600;--cd-red-tint:#fdeceb;--cd-yellow:#FCE500;--cd-yellow-box:#FFEE78;--cd-on:rgba(0,0,0,.92);--cd-on-var:rgba(0,0,0,.62);--cd-outline:rgba(0,0,0,.12);--cd-r:12px;position:fixed;top:0;right:0;bottom:auto;left:auto;height:100vh;height:100dvh;width:min(420px,100vw);max-width:100vw;display:flex;flex-direction:column;padding:0;margin:0;gap:0;background:var(--cd-paper);color:var(--cd-on);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;transform:translate(100%);transition:transform .3s cubic-bezier(.2,0,0,1);box-shadow:-8px 0 32px #00000029;border:0;border-radius:0;overflow:hidden}html body #drawer.open{transform:none}html body #drawer *{box-sizing:border-box}html body #drawer button{font-family:inherit;color:inherit;cursor:pointer}html body #drawer :focus-visible{outline:2px solid var(--cd-ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){html body #drawer{transition:none}}html body #drawer .cd-head{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 8px 0 24px;flex:none;background:transparent;border:0}html body #drawer .cd-head__t{display:flex;align-items:center;gap:8px}html body #drawer .cd-head h3{margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif!important;text-transform:none!important;font-size:22px;line-height:28px;font-weight:700;letter-spacing:0;color:var(--cd-ink);text-transform:none}html body #drawer .cd-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:12px;background:var(--cd-red);color:#fff;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.5px}html body #drawer .cd-x{flex:none;width:36px;height:36px;border:0;border-radius:var(--cd-r);background:transparent;display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--cd-ink);transition:background .15s}html body #drawer .cd-x:hover{background:var(--cd-cream)}html body #drawer .cd-x svg{width:18px;height:18px;display:block}html body #drawer .cd-goal{flex:none;margin:4px 24px 12px;padding:6px;background:var(--cd-yellow-box);border-radius:var(--cd-r)}html body #drawer .cd-goal__in{padding:10px 12px;background:var(--cd-paper);border-radius:var(--cd-r)}html body #drawer .cd-goal__r{display:flex;align-items:baseline;justify-content:space-between;gap:12px}html body #drawer .cd-goal__t{min-width:0;color:var(--cd-on);font-size:14px;line-height:20px;font-weight:600;letter-spacing:.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html body #drawer .cd-goal__t b{font-weight:800}html body #drawer .cd-goal__a{flex:none;color:var(--cd-on-var);font-size:12px;line-height:16px;font-weight:500;letter-spacing:.5px;font-variant-numeric:tabular-nums}html body #drawer .cd-goal__a b{color:var(--cd-on);font-weight:700}html body #drawer .cd-rail{position:relative;display:flex;align-items:center;height:20px;margin:8px 10px 0}html body #drawer .cd-track{position:relative;flex:1;height:8px;border-radius:4px;background:#0000001a}html body #drawer .cd-fill{position:absolute;left:0;top:0;height:100%;width:0;border-radius:4px;background:var(--cd-yellow);box-shadow:inset 0 0 0 1px #0000002e;transition:width .45s cubic-bezier(.2,0,0,1)}html body #drawer .cd-ms{position:absolute;top:50%;left:100%;width:0;height:0}html body #drawer .cd-ms__d{position:absolute;left:0;top:0;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:var(--cd-paper);border:2px solid rgba(0,0,0,.3);color:var(--cd-on-var);display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,color .2s}html body #drawer .cd-ms__d svg{width:11px;height:11px;display:block}html body #drawer .cd-ms.on .cd-ms__d{background:var(--cd-ink);border-color:var(--cd-ink);color:var(--cd-yellow)}@media(prefers-reduced-motion:reduce){html body #drawer .cd-fill,html body #drawer .cd-ms__d{transition:none}}@media(max-width:380px){html body #drawer .cd-goal__a{display:none}}html body #drawer[data-item-count="0"] .cd-goal,html body #drawer[data-item-count="0"] .cd-foot{display:none}html body #drawer .cd-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;padding:0 14px 8px 24px;background:var(--cd-paper)}html body #drawer .cd-scroll::-webkit-scrollbar{width:6px}html body #drawer .cd-scroll::-webkit-scrollbar-thumb{background:var(--cd-outline);border-radius:3px}html body #drawer .drawer__items{flex:none;overflow:visible;padding:0;margin:0;gap:0;display:block;background:transparent}html body #drawer .drawer__empty{text-align:center;color:var(--cd-on-var);margin:32px 0 16px}html body #drawer .drawer__empty .ph{min-height:96px;margin:0 auto 12px;max-width:140px}html body #drawer .drawer__empty a{color:inherit;text-decoration:underline}html body #drawer .ci{display:grid;grid-template-columns:72px minmax(0,1fr) auto;column-gap:16px;align-items:stretch;padding:8px 0;margin:0;background:transparent;border:0;border-bottom:1px solid var(--cd-outline);border-radius:0;box-shadow:none}html body #drawer .ci:last-child{border-bottom:0}html body #drawer .ci__thumb{width:72px;height:72px;border-radius:var(--cd-r);background:var(--cd-paper);border:1px solid var(--cd-outline);overflow:hidden;padding:0;flex:none}html body #drawer .ci__thumb img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply;padding:8px}html body #drawer .ci__info{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:0}html body #drawer .ci__name{margin:0;color:var(--cd-on);font-size:16px;line-height:24px;font-weight:600;letter-spacing:.15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html body #drawer .ci__ctl{display:flex;align-items:center;gap:8px;margin-top:8px}html body #drawer .qty{flex:none;display:inline-flex;align-items:center;gap:0;height:32px;border:1.5px solid var(--cd-ink);border-radius:var(--cd-r);background:transparent;padding:0}html body #drawer .qty button{width:32px;height:100%;min-width:0;border:0;background:none;border-radius:calc(var(--cd-r) - 2px);display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--cd-ink);font-size:0;transition:background .15s,color .15s}html body #drawer .qty button svg{width:16px;height:16px;display:block}html body #drawer .qty button:hover{background:var(--cd-ink);color:#fff}html body #drawer .qty span{min-width:24px;text-align:center;font-size:14px;line-height:20px;font-weight:600;letter-spacing:.1px;color:var(--cd-on)}html body #drawer .ci__rm{flex:none;position:static;width:32px;height:32px;min-width:0;border:0;border-radius:var(--cd-r);background:var(--cd-red-tint);color:var(--cd-red);display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:0;line-height:1;align-self:auto;transition:background .15s,color .15s}html body #drawer .ci__rm:hover{background:var(--cd-red);color:#fff}html body #drawer .ci__rm svg{width:18px;height:18px;display:block}html body #drawer .ci__side{display:flex;flex-direction:column;align-items:flex-end;padding-top:4px}html body #drawer .ci__price{margin:0;font-size:16px;line-height:24px;font-weight:600;letter-spacing:.15px;color:var(--cd-on);white-space:nowrap}html body #drawer .ci__meta{margin:0;color:var(--cd-on-var);font-size:12px;line-height:16px;font-weight:500;letter-spacing:.5px;white-space:nowrap;text-transform:none}html body #drawer .ci--pending .ci__thumb{background:var(--cd-cream)}@media(max-width:440px){html body #drawer .ci__name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}}@media(max-width:380px){html body #drawer .ci__info,html body #drawer .ci__side{display:contents}html body #drawer .ci__thumb{grid-row:1/4}html body #drawer .ci__name{grid-column:2;grid-row:1}html body #drawer .ci__price{grid-column:3;grid-row:1;justify-self:end}html body #drawer .ci__meta{grid-column:2/4;grid-row:2;text-align:left;margin-top:2px}html body #drawer .ci__ctl{grid-column:2/4;grid-row:3}}html body #drawer .cd-up{margin:8px 0 16px;padding:12px 0 12px 12px;background:var(--cd-yellow-box);border-radius:var(--cd-r)}html body #drawer .cd-up__h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:12px;margin-bottom:8px}html body #drawer .cd-up__h h3{margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif!important;text-transform:none!important;font-size:16px;line-height:24px;font-weight:600;letter-spacing:.15px;color:var(--cd-ink);text-transform:none}html body #drawer .cd-up__nav{display:flex;gap:8px;flex:none}html body #drawer .cd-up__nav button{width:32px;height:32px;border:0;border-radius:var(--cd-r);background:var(--cd-paper);color:var(--cd-ink);display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .15s,color .15s,opacity .15s}html body #drawer .cd-up__nav button svg{width:16px;height:16px;display:block}html body #drawer .cd-up__nav button:hover:not(:disabled){background:var(--cd-ink);color:#fff}html body #drawer .cd-up__nav button:disabled{opacity:.35;cursor:default}html body #drawer .cd-up__l{display:flex;gap:12px;overflow-x:auto;padding-right:12px;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none}html body #drawer .cd-up__l::-webkit-scrollbar{display:none}html body #drawer .cd-uc{flex:0 0 124px;display:flex;flex-direction:column;padding:0 0 8px;overflow:hidden;background:var(--cd-paper);border-radius:var(--cd-r);scroll-snap-align:start}html body #drawer .cd-uc__m{position:relative;display:block;height:100px;background:radial-gradient(120% 100% at 50% 20%,#fff,#f4f0e4);overflow:hidden}html body #drawer .cd-uc__m img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block;mix-blend-mode:multiply}html body #drawer .cd-uc__off{position:absolute;z-index:1;left:8px;top:8px;padding:0 8px;border-radius:6px;background:var(--cd-yellow);color:var(--cd-ink);font-size:11px;line-height:18px;font-weight:700;letter-spacing:.3px}html body #drawer .cd-uc__n{margin:8px 8px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cd-on);font-size:14px;line-height:20px;font-weight:600;letter-spacing:.1px}html body #drawer .cd-uc__f{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:2px 8px 0}html body #drawer .cd-uc__pr{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}html body #drawer .cd-uc__p{font-size:14px;line-height:20px;font-weight:700;color:var(--cd-on)}html body #drawer .cd-uc__mrp{font-size:12px;line-height:16px;font-weight:500;color:var(--cd-on-var);text-decoration:line-through}html body #drawer .cd-add{flex:none;width:32px;height:32px;border:0;border-radius:var(--cd-r);background:var(--cd-ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .15s,transform .15s}html body #drawer .cd-add svg{width:16px;height:16px;display:block}html body #drawer .cd-add:hover{background:var(--cd-red)}html body #drawer .cd-add:active{transform:scale(.94)}html body #drawer .cd-foot{flex:none;position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--cd-paper);box-shadow:0 -4px 14px -6px #00000024;padding:12px 24px calc(16px + env(safe-area-inset-bottom,0px))}html body #drawer .cd-tot{flex:0 0 auto;min-width:88px;display:flex;flex-direction:column;justify-content:center}html body #drawer .cd-tot__l{color:var(--cd-on-var);font-size:12px;line-height:16px;font-weight:500;letter-spacing:.5px}html body #drawer .cd-tot b{font-size:22px;line-height:28px;font-weight:700;color:var(--cd-ink)}html body #drawer .cd-btn{flex:1 1 0;min-width:0;display:block;text-align:center;line-height:48px;height:48px;padding:0 16px;border:0;border-radius:var(--cd-r);background:var(--cd-red);color:#fff;font-size:14px;line-height:20px;font-weight:600;letter-spacing:.1px;white-space:nowrap;text-transform:none;transition:box-shadow .15s,transform .15s}html body #drawer .cd-btn:hover{background:var(--cd-red);color:#fff;box-shadow:0 8px 20px -8px #e10600a6;transform:none}html body #drawer .cd-btn:active{transform:translateY(1px)}html body #drawer .cd-trust{flex:0 0 100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid var(--cd-outline);color:var(--cd-on-var);font-size:12px;line-height:16px;font-weight:500;letter-spacing:.5px}html body #drawer .cd-trust span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}html body #drawer .cd-trust svg{width:14px;height:14px;flex:none;display:block;color:var(--cd-on)}@media(max-width:360px){html body #drawer .cd-trust svg{display:none}html body #drawer .cd-trust{justify-content:space-around}}html body #drawer .cd-sec{display:inline}@media(max-width:440px){html body #drawer .cd-sec{display:none}}html body #drawer .qty button,html body #drawer .ci__rm,html body #drawer .cd-add,html body #drawer .cd-up__nav button,html body #drawer .cd-x{position:relative}html body #drawer .cd-add:after,html body #drawer .cd-up__nav button:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}html body #drawer .qty button:after{content:"";position:absolute;top:-8px;right:-2px;bottom:-8px;left:-2px}html body #drawer .ci__rm:after{content:"";position:absolute;top:-6px;right:-2px;bottom:-6px;left:-2px}html body #drawer .cd-x:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}@media(max-height:520px){html body #drawer #cdUpWrap{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/cart-drawer.css.map */