.bag-drawer.drawer{width:min(100vw,648px);box-shadow:none}.bag-drawer.drawer:not([open]){display:none}.bag-drawer.drawer{translate:calc(100% + 16px) 0}.bag-drawer.drawer[open]{translate:none}@starting-style{.bag-drawer.drawer[open]{translate:calc(100% + 16px) 0}}.bag-drawer__inner{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.bag-drawer__top{flex:none;display:grid;gap:16px;padding:28px 32px 0}.bag-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.bag-drawer__heading{display:flex;align-items:center;gap:8px;min-width:0}.bag-drawer__title,.bag-drawer__added{margin:0}.bag-drawer__added{display:none;align-items:center;gap:8px}.bag-drawer__close{width:24px;height:24px;margin:0;flex-shrink:0}.bag-drawer__close .icon{--icon-size: 24px;stroke-width:2px}.bag-drawer__close--floating{position:absolute;top:28px;inset-inline-end:32px;z-index:1}.bag-drawer__scroll{flex:1 1 auto;min-height:0;display:grid;align-content:start;gap:32px;padding:24px 32px;overflow-y:auto;overscroll-behavior:contain;background:rgb(var(--bg))}.bag-drawer__lines{display:grid;gap:24px}.bag-drawer__app{display:grid;gap:12px}.bag-drawer__footer{flex:none;display:grid;gap:16px;padding:17px 32px 32px;border-top:1px solid rgb(var(--border))}.bag-drawer__total{gap:16px}.bag-drawer__note-text{margin:0}.bag-drawer__form{display:grid;gap:12px}.bag-drawer__checkout{gap:12px}.bag-drawer__checkout .icon{--icon-size: 18px}@media(max-width:699px){.bag-drawer.drawer{top:8px;right:8px;bottom:8px;left:8px;width:auto;height:auto;max-height:none}.bag-drawer__top{padding:20px 24px 0}.bag-drawer__scroll{padding:23px 24px 24px}.bag-drawer__footer{padding:17px 24px 24px}.bag-drawer__close--floating{top:20px;inset-inline-end:24px}}@media(min-width:700px){.bag-drawer.drawer{inset:16px 16px 16px auto;height:auto;max-height:none}.bag-drawer__top{padding:32px 40px 0}.bag-drawer__heading{gap:10px}.bag-drawer__scroll{padding:31px 40px 24px}.bag-drawer__lines{gap:32px}.bag-drawer__footer{gap:24px;padding:24px 40px 40px}.bag-drawer__close--floating{top:32px;inset-inline-end:40px}}.bag-drawer__inner>.cart-empty{margin:auto;padding:32px}.cart-recs__carousel{display:block}.cart-recs__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;min-height:36px}.cart-recs__heading{margin:0;font-weight:var(--text-weight-bold)}.cart-recs__arrows{display:flex;gap:8px}.cart-recs__track{grid-auto-columns:86%;gap:12px}.cart-recs__item{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;align-items:center;padding:12px;border-radius:var(--radius-block);background:rgb(var(--card-bg));color:rgb(var(--card-text))}.cart-recs__media{display:block;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-block)}.cart-recs__media img,.cart-recs__media svg{width:100%;height:100%;object-fit:cover}.cart-recs__info{display:grid;gap:6px;min-width:0}.cart-recs__title{font-weight:var(--text-weight-bold);overflow-wrap:anywhere}.cart-recs__form{display:grid;gap:8px;justify-items:start}.cart-recs__select{width:100%}.cart-recs__select .select{min-height:36px;padding-inline:12px 36px;font-size:12px}.cart-recs__error{margin:0}@media(min-width:700px){.cart-recs__track{grid-auto-columns:70%}.cart-recs__item{grid-template-columns:96px minmax(0,1fr)}}.cart-popover{position:fixed;inset:calc(var(--header-height) + 8px) 16px auto auto;margin:0;width:min(calc(100vw - 32px),400px);max-height:calc(100dvh - var(--header-height) - 32px);background:rgb(var(--bg));color:rgb(var(--text));border:1px solid rgb(var(--border));border-radius:var(--radius-block);box-shadow:var(--shadow-block, 0 10px 30px rgb(0 0 0 / .4));z-index:40}.cart-popover[open]{display:flex;flex-direction:column;animation:cart-popover-in .25s var(--ease)}@keyframes cart-popover-in{0%{opacity:0;translate:0 -8px}}@media(min-width:1000px){.cart-popover{inset-inline-end:var(--gutter)}}.cart-popover .bag-drawer__top{padding:16px 20px 0}.cart-popover .bag-drawer__scroll{gap:20px;padding:16px 20px}.cart-popover .bag-drawer__footer{gap:12px;padding:16px 20px 20px}.cart-popover .bag-drawer__lines{gap:16px}.cart-popover .bag-drawer__close--floating{top:16px;inset-inline-end:20px}.cart-popover[data-confirm] .bag-drawer__title{display:none}.cart-popover[data-confirm] .bag-drawer__added{display:inline-flex}.cart-popover[data-confirm] .cart-line:not(.is-added){display:none}.cart-popover[data-confirm] .cart-recs{display:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-cart-drawer.css.map */