.bag-drawer{z-index:1100;position:fixed;inset:0}.bag-drawer__scrim{-webkit-backdrop-filter:blur(12px);background:#1a1c1b66;animation:.3s cubic-bezier(.22,1,.36,1) forwards bag-drawer-fade;position:absolute;inset:0}.bag-drawer__panel{background:var(--background);width:min(440px,100vw);box-shadow:var(--shadow-ambient);border-left:1px solid #c4c7c759;outline:none;flex-direction:column;animation:.36s cubic-bezier(.22,1,.36,1) forwards bag-drawer-in-right;display:flex;position:absolute;top:0;bottom:0;right:0}.bag-drawer__head{border-bottom:1px solid #c4c7c759;flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.bag-drawer__title{color:var(--on-surface);align-items:center;gap:.6rem;display:flex}.bag-drawer__count{border-radius:var(--radius-full,9999px);background:var(--primary);min-width:18px;height:18px;color:var(--on-primary);letter-spacing:0;justify-content:center;align-items:center;padding:0 5px;font-size:.5625rem;display:inline-flex}.bag-drawer__close{width:32px;height:32px;color:var(--on-surface);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex}.bag-drawer__close:hover{opacity:.6}.bag-drawer__close svg{width:16px;height:16px}.bag-drawer__body{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:1.25rem;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.bag-drawer__foot{background:var(--surface-container-lowest);border-top:1px solid #c4c7c759;flex-direction:column;flex:none;gap:.9rem;padding:1.25rem 1.5rem;display:flex}.bag-drawer__checkout,.bag-drawer__continue{text-align:center;justify-content:center}.bag-drawer__continue{cursor:pointer;border:none}.bag-drawer__empty{flex-direction:column;flex:auto;justify-content:center;align-items:flex-start;gap:1.5rem;padding:2rem 1.5rem;display:flex}.bag-drawer__body .bag__item{border:none;grid-template-columns:72px 1fr auto;grid-template-areas:"img info price""img qty qty";align-items:start;gap:.5rem 1rem;padding:0;display:grid}.bag-drawer__body .bag__item-img-wrap{aspect-ratio:4/5;background:var(--surface-container-low);grid-area:img;width:72px;position:relative;overflow:hidden}.bag-drawer__body .bag__item-img{object-fit:cover}.bag-drawer__body .bag__item-info{grid-area:info}.bag-drawer__body .bag__item-qty{grid-area:qty;justify-self:start}.bag-drawer__body .bag__item-price{text-align:right;grid-area:price}.bag-drawer__body .bag__item-name{font-size:.875rem}.bag-drawer__body .bag__item-meta .spec-chip{display:none}.bag-drawer__body .pack-strip__offers--two{grid-template-columns:1fr}.bag-drawer__body .pack-strip__head{flex-wrap:wrap;gap:.4rem}@keyframes bag-drawer-fade{0%{opacity:0}to{opacity:1}}@keyframes bag-drawer-in-right{0%{transform:translate(100%)}to{transform:none}}@keyframes bag-drawer-in-top{0%{transform:translateY(-100%)}to{transform:none}}@media (max-width:900px){.bag-drawer__panel{border-bottom:1px solid #c4c7c759;border-left:none;width:auto;max-height:88vh;animation-name:bag-drawer-in-top;inset:0 0 auto}.bag-drawer__head,.bag-drawer__body,.bag-drawer__foot{padding-left:1.25rem;padding-right:1.25rem}}@media (prefers-reduced-motion:reduce){.bag-drawer__panel,.bag-drawer__scrim{animation:none}}