.cart-layer{--cart-scrim:color-mix(in oklch, var(--color-ink) 34%, transparent);width:100%;max-width:none;height:100%;max-height:none;color:var(--color-ink);overscroll-behavior:contain;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .cart-layer{--cart-scrim:color-mix(in oklch, var(--color-paper-sunken) 72%, transparent)}}:root[data-theme=dark] .cart-layer{--cart-scrim:color-mix(in oklch, var(--color-paper-sunken) 72%, transparent)}.cart-layer::backdrop{background:0 0}.cart-layer__scrim{background:var(--cart-scrim);opacity:0;transition:opacity .18s var(--ease-out);position:absolute;inset:0}.cart-layer[data-state=open] .cart-layer__scrim{opacity:1;transition-duration:var(--duration-base)}.cart-drawer{background:var(--color-paper-raised);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:min(90dvh,46rem);box-shadow:var(--shadow-float);transition:transform .2s var(--ease-out);will-change:transform;flex-direction:column;display:flex;position:absolute;inset:auto 0 0;transform:translateY(100%)}.cart-layer[data-state=open] .cart-drawer{transition:transform .3s var(--ease-drawer);transform:translateY(0)}@media (min-width:40rem){.cart-drawer{border-radius:0;width:min(28rem,100vw);height:100%;max-height:none;inset:0 0 0 auto;transform:translate(100%)}.cart-layer[data-state=open] .cart-drawer{transform:translate(0)}}.cart-modal{background:var(--color-paper-raised);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;box-shadow:var(--shadow-float);opacity:0;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);margin-inline:auto;position:absolute;inset:auto 0 0;transform:translateY(1.5rem)}.cart-layer[data-state=open] .cart-modal{opacity:1;transition-duration:var(--duration-base);transform:none}@media (min-width:40rem){.cart-modal{border-radius:var(--radius-lg);width:min(28rem,100vw - 2rem);inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.96)}.cart-layer[data-state=open] .cart-modal{transform:translate(-50%,-50%)}}.cart-spinner{animation:.7s linear infinite cart-spin}@keyframes cart-spin{to{transform:rotate(360deg)}}.cart-swap{display:inline-grid}.cart-swap>*{transition:opacity .18s var(--ease-out), filter .18s var(--ease-out), transform .18s var(--ease-out);grid-area:1/1;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.cart-swap>[data-active=false]{opacity:0;filter:blur(2px);pointer-events:none;transform:translateY(.25rem)}.cart-handoff-row[data-opened=true] .cart-handoff-row__media{opacity:.55}@media (prefers-reduced-motion:reduce){.cart-drawer,.cart-layer[data-state=open] .cart-drawer,.cart-modal,.cart-layer[data-state=open] .cart-modal{transform:none}.cart-drawer{opacity:0;transition:opacity .15s linear}.cart-layer[data-state=open] .cart-drawer{opacity:1;transition:opacity .15s linear}@media (min-width:40rem){.cart-modal,.cart-layer[data-state=open] .cart-modal{transform:translate(-50%,-50%)}}.cart-spinner{animation-duration:2s}.cart-swap>*{transition:opacity .15s linear}.cart-swap>[data-active=false]{filter:none;transform:none}}