.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;--dg:var(--gutter)}.drawer .drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--sg-ink) 56%,transparent);opacity:0;transition:opacity .32s var(--ease-out)}.drawer.is-open .drawer-scrim{opacity:1}.drawer .drawer-panel{position:absolute;top:0;right:0;bottom:0;width:100%;display:flex;flex-direction:column;background:var(--sg-cream);color:var(--sg-ink);padding-top:env(safe-area-inset-top);transform:translate(100%);transition:transform .32s var(--ease-out);will-change:transform}.drawer.is-open .drawer-panel{transform:none}.drawer .drawer-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--dg) 10px;border-bottom:1.5px solid var(--sg-cham-2)}.drawer .drawer-title{display:flex;align-items:center;gap:10px;font-size:28px;line-height:1.1}.drawer .drawer-title:focus{outline:none}.drawer .drawer-count{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 9px;border-radius:var(--r-pill);background:var(--sg-plum);color:var(--sg-cream);font:700 15px/1 var(--f-ui);letter-spacing:0}.drawer .drawer-close .icon{width:20px;height:20px}.drawer .drawer-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px var(--dg) 22px}.drawer .dr-ship{padding:12px 14px;border:1px solid var(--sg-cham-2);border-radius:var(--r-card);background:var(--sg-lilac-wash)}.drawer .dr-ship-msg{display:flex;align-items:flex-start;gap:10px;font:500 16px/1.35 var(--f-ui);color:var(--sg-ink)}.drawer .dr-ship-msg .icon{width:22px;height:22px;margin-top:-1px;color:var(--sg-amethyst-ink)}.drawer .dr-ship-msg b{font-weight:700}.drawer .dr-bar{position:relative;height:12px;margin-top:10px;border:1.5px solid var(--sg-ink);border-radius:var(--r-pill);background:var(--sg-cream);overflow:hidden}.drawer .dr-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--sg-amethyst-ink),var(--sg-plum-glow));transform-origin:0 50%;transform:scaleX(var(--p,0));transition:transform .45s var(--ease-out)}.drawer .dr-ship-ph{margin-top:8px}.drawer .dr-ship-ph .placeholder-note{color:var(--sg-ink-2)}.drawer .dr-items{margin-top:6px}.drawer .dr-item{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-areas:"plate main";column-gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid var(--sg-line-dark)}.drawer .dr-main{grid-area:main;display:flex;flex-direction:column;justify-content:space-between;row-gap:10px;min-width:0;min-height:92px}.drawer .dr-top{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:12px;row-gap:2px}.drawer .dr-ctl{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:4px}.drawer .dr-plate{grid-area:plate;position:relative;width:76px;height:92px;padding:9px 8px;border-radius:var(--r-plate);background:radial-gradient(120% 90% at 50% 18%,var(--plate-hi,var(--sg-plum-glow)) 0%,var(--plate,var(--sg-plum-lid)) 72%)}.drawer .dr-plate img{display:block;width:100%;height:100%;object-fit:contain}.drawer .dr-info{flex:1 1 8.5em;min-width:0}.drawer .dr-name{font-size:17px;line-height:1.12;overflow-wrap:break-word}.drawer .dr-unit{margin-top:4px;font:400 14.5px/1.3 var(--f-ui);color:var(--sg-ink-2)}.drawer .dr-price{flex:none;margin-left:auto;font-size:18px;text-align:right;white-space:nowrap;padding-top:1px}.drawer .dr-qty{display:flex;align-items:center;gap:6px}.drawer .dr-qty .icon{width:18px;height:18px;stroke-width:1.75}.drawer .dr-n{display:grid;place-items:center;min-width:28px;height:44px;font:700 17px/1 var(--f-ui);font-variant-numeric:tabular-nums lining-nums}.drawer .dr-remove{display:inline-flex;align-items:center;min-height:44px;margin:0 0 3px auto;padding:0 2px;border:0;background:none;font:500 15px/1 var(--f-ui);color:var(--sg-ink-2);text-decoration:underline;text-decoration-color:var(--sg-line-dark);text-underline-offset:.28em;text-decoration-thickness:1.5px}@media(hover:hover){.drawer .dr-remove:hover{color:var(--sg-ink);text-decoration-color:var(--sg-amethyst-ink)}}.drawer .dr-remove:active{transform:translateY(1px)}.drawer .dr-gift{margin-top:16px;border:1px solid var(--sg-cham-2);border-radius:var(--r-card);background:var(--sg-cream)}.drawer .dr-gift-sum{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;list-style:none;cursor:pointer;font:700 15.5px/1.3 var(--f-ui);color:var(--sg-ink);border-radius:inherit}.drawer .dr-gift-sum::-webkit-details-marker{display:none}.drawer .dr-gift-sum .icon{width:22px;height:22px;color:var(--sg-amethyst-ink)}.drawer .dr-gift-sum span{flex:1}.drawer .dr-chev{transition:transform .2s var(--ease-out)}.drawer .dr-gift[open] .dr-chev{transform:rotate(180deg)}.drawer .dr-gift-sum:active{background:var(--sg-lilac-wash)}.drawer .dr-gift-body{padding:0 14px 14px}.drawer .dr-gift-l{display:block;margin-bottom:6px;font:700 15px/1.4 var(--f-ui)}.drawer .dr-note{display:block;width:100%;min-height:92px;padding:10px 12px;border:2px solid var(--sg-ink);border-radius:14px;background:var(--sg-cream);font:400 16.5px/1.45 var(--f-ui);color:var(--sg-ink);resize:vertical}.drawer .dr-note:focus{outline:none}.drawer .dr-note:focus-visible{outline:3px solid var(--sg-amethyst-ink);outline-offset:3px}.drawer .dr-gift-body .t-fine{margin-top:6px}.drawer .dr-empty{display:grid;justify-items:center;text-align:center;gap:10px;padding:18px 0 8px}.drawer .dr-empty-llama{width:76px;height:auto;margin-bottom:2px}.drawer .dr-empty-llama .ll{fill:none;stroke:var(--sg-plum);stroke-linecap:round;stroke-linejoin:round}.drawer .dr-empty-llama .ln.ground{fill:none;stroke:var(--sg-cham-2);stroke-width:1.5;stroke-linecap:round}.drawer .dr-empty-h{font-size:24px}.drawer .dr-empty-p{max-width:30ch;margin-bottom:6px}.drawer .dr-empty-cta{margin-top:6px}.drawer .dr-empty-all{text-decoration-color:var(--sg-amethyst-ink)}.drawer .dr-cold{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;letter-spacing:.12em}.drawer .dr-cold span{text-wrap:balance}.drawer .dr-cold .icon{width:18px;height:18px;flex:none}.drawer .dr-cold-empty{margin-top:8px;flex-direction:column;gap:6px;text-align:center}.drawer .drawer-foot{flex:none;padding:12px var(--dg) calc(14px + env(safe-area-inset-bottom));border-top:1.5px solid var(--sg-cham-2);background:var(--sg-sand)}.drawer .drawer-foot .dr-cold{margin-bottom:8px}.drawer .dr-sub{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.drawer .dr-sub-l{font:700 17px/1.2 var(--f-ui)}.drawer .dr-sub-v{font-size:24px}.drawer .dr-sub-note{margin:2px 0 12px}.drawer .dr-proto{margin-top:6px}.drawer .dr-proto:empty{display:none}.drawer.is-empty .dr-ship,.drawer.is-empty .dr-items,.drawer.is-empty .dr-gift,.drawer.is-empty .drawer-foot,.drawer.is-empty .drawer-count{display:none}.drawer .dr-picks{margin-top:20px}.drawer .dr-picks-h{margin-bottom:6px}.drawer .dr-pick{display:grid;grid-template-columns:56px minmax(0,1fr) auto;column-gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--sg-line-dark)}.drawer .dr-pick:last-child{border-bottom:1px solid var(--sg-line-dark)}.drawer .dr-plate.dr-plate-sm{grid-area:auto;width:56px;height:68px;padding:6px 7px}.drawer .dr-pick-name{font-size:17px}.drawer .dr-pick-meta{margin-top:3px;font:400 14.5px/1.3 var(--f-ui);color:var(--sg-ink-2)}.drawer.is-empty .dr-picks{margin-top:26px;text-align:left}@media(min-width:640px){.drawer{--dg:24px}.drawer .drawer-panel{width:440px;border-left:1.5px solid var(--sg-cham-2)}.drawer .drawer-head{padding:16px var(--dg) 14px}.drawer .drawer-title{font-size:32px}.drawer .drawer-body{padding:18px var(--dg) 24px}.drawer .drawer-foot{padding:14px var(--dg) calc(20px + env(safe-area-inset-bottom))}}@media(max-height:520px){.drawer .drawer-head{padding-block:6px}.drawer .drawer-title{font-size:24px}.drawer .drawer-close{--pop-h:44px}.drawer .drawer-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"cold btn" "sub btn";column-gap:16px;row-gap:2px;align-items:center;padding-block:8px calc(8px + env(safe-area-inset-bottom))}.drawer .drawer-foot .dr-cold{grid-area:cold;justify-content:flex-start;margin:0}.drawer .dr-sub{grid-area:sub;justify-content:flex-start;gap:12px}.drawer .dr-sub-note{display:none}.drawer .dr-checkout{grid-area:btn;width:auto;min-width:180px}.drawer .dr-proto{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.drawer .drawer-scrim,.drawer .drawer-panel,.drawer .dr-bar-fill,.drawer .dr-chev{transition:none}}html .drawer .drawer-count,html .drawer .dr-ship-msg,html .drawer .dr-unit,html .drawer .dr-price,html .drawer .dr-n,html .drawer .dr-remove,html .drawer .dr-gift-sum,html .drawer .dr-gift-l,html .drawer .dr-note{letter-spacing:.04em}html .drawer .dr-cold{letter-spacing:.16em}html .drawer .dr-sub-l,html .drawer .dr-sub-v,html .drawer .dr-pick-meta{letter-spacing:.04em}
/*# sourceMappingURL=/cdn/shop/t/15/assets/sg-drawer.css.map */