:root{--ds-drawer-width: 460px;--ds-drawer-bg: #ffffff;--ds-overlay-bg: rgba(0, 0, 0, .45);--ds-ink: #000000;--ds-ink-muted: #767676;--ds-ink-light: #b0b0b0;--ds-border: #e8e8e8;--ds-surface-alt: #f7f7f5;--ds-easing: cubic-bezier(.4, 0, .2, 1);--ds-duration: .38s;--ds-font: inherit}.ds-hidden{display:none!important}.ds-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;right:var(--ds-drawer-width);background:var(--ds-overlay-bg);z-index:9998;opacity:0;pointer-events:none;transition:opacity var(--ds-duration) var(--ds-easing)}.ds-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.ds-drawer[aria-hidden=false] .ds-drawer__overlay{opacity:1;pointer-events:all}.ds-drawer[aria-hidden=false] .ds-drawer__panel{transform:translate(0);pointer-events:all}.ds-drawer__panel{position:fixed;top:0;right:0;bottom:0;height:100%;width:var(--ds-drawer-width);max-width:100vw;background:var(--ds-drawer-bg);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--ds-duration) var(--ds-easing);overflow:hidden;pointer-events:none;box-shadow:-2px 0 32px #0000001a;z-index:9999}.ds-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:28px 32px 24px;border-bottom:1px solid var(--ds-border);flex-shrink:0}.ds-drawer__title{font-family:var(--ds-font);font-size:11px;font-weight:500;letter-spacing:.14em;color:var(--ds-ink);text-transform:uppercase}.ds-drawer__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;color:var(--ds-ink);padding:0;transition:opacity .2s}.ds-drawer__close:hover{opacity:.5}.ds-drawer__body{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0}.ds-drawer__body::-webkit-scrollbar{width:3px}.ds-drawer__body::-webkit-scrollbar-track{background:transparent}.ds-drawer__body::-webkit-scrollbar-thumb{background:var(--ds-ink-light);border-radius:2px}.ds-drawer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;gap:32px;text-align:center}.ds-drawer__empty-text{font-size:14px;color:var(--ds-ink-muted);letter-spacing:.02em;margin:0}.ds-drawer__items{padding:0}.ds-drawer__item{display:flex;gap:20px;padding:24px 32px;border-bottom:1px solid var(--ds-border);transition:background .2s}.ds-drawer__item:first-child{border-top:none}.ds-drawer__item-image-link{flex-shrink:0;display:block;text-decoration:none}.ds-drawer__item-image{width:90px;height:112px;overflow:hidden;background:var(--ds-surface-alt)}.ds-drawer__item-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--ds-easing)}.ds-drawer__item-image-link:hover .ds-drawer__item-image img{transform:scale(1.03)}.ds-drawer__item-details{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.ds-drawer__item-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ds-drawer__item-artist{font-size:10px;letter-spacing:.12em;color:var(--ds-ink-muted);text-transform:uppercase;margin:0 0 4px}.ds-drawer__item-name{display:block;font-size:13px;font-weight:400;color:var(--ds-ink);text-decoration:none;letter-spacing:.02em;line-height:1.4;margin:0}.ds-drawer__item-name:hover{text-decoration:underline}.ds-drawer__item-variant{font-size:11px;color:var(--ds-ink-muted);margin:6px 0 0;letter-spacing:.04em}.ds-drawer__item-price{font-size:13px;font-weight:500;color:var(--ds-ink);white-space:nowrap;margin:0;flex-shrink:0}.ds-drawer__item-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.ds-drawer__qty{display:flex;align-items:center;gap:0;border:1px solid var(--ds-border);height:32px}.ds-drawer__qty-btn{width:32px;height:32px;background:none;border:none;cursor:pointer;font-size:16px;color:var(--ds-ink);display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s;line-height:1}.ds-drawer__qty-btn:hover{background:var(--ds-surface-alt)}.ds-drawer__qty-btn:disabled{opacity:.3;cursor:not-allowed}.ds-drawer__qty-num{min-width:32px;text-align:center;font-size:12px;letter-spacing:.06em;color:var(--ds-ink);border-left:1px solid var(--ds-border);border-right:1px solid var(--ds-border);height:100%;display:flex;align-items:center;justify-content:center}.ds-drawer__remove{background:none;border:none;cursor:pointer;font-size:10px;letter-spacing:.12em;color:var(--ds-ink-muted);text-transform:uppercase;padding:4px 0;transition:color .2s;text-decoration:underline;text-underline-offset:3px}.ds-drawer__remove:hover{color:var(--ds-ink)}.ds-drawer__footer{border-top:1px solid var(--ds-border);padding:24px 32px 32px;background:var(--ds-drawer-bg);flex-shrink:0}.ds-drawer__totals{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.ds-drawer__subtotal-label{font-size:10px;letter-spacing:.14em;color:var(--ds-ink);text-transform:uppercase}.ds-drawer__subtotal-value{font-size:15px;font-weight:500;color:var(--ds-ink);letter-spacing:.02em}.ds-drawer__vat-note{font-size:11px;color:var(--ds-ink-muted);margin:0 0 20px;letter-spacing:.02em}.ds-drawer__btn{display:block;width:100%;padding:15px 20px;text-align:center;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid var(--ds-ink);transition:background .22s var(--ds-easing),color .22s var(--ds-easing);margin-bottom:10px;font-family:var(--ds-font);line-height:1}.ds-drawer__btn:last-child{margin-bottom:0}.ds-drawer__btn--primary{background:var(--ds-ink);color:#fff}.ds-drawer__btn--primary:hover{background:#333;border-color:#333;color:#fff}.ds-drawer__btn--outline{background:transparent;color:var(--ds-ink)}.ds-drawer__btn--outline:hover{background:var(--ds-ink);color:#fff}.ds-drawer__panel.ds-loading .ds-drawer__items{opacity:.45;pointer-events:none;transition:opacity .2s}@keyframes ds-cart-pulse{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.ds-cart-icon-pulse{animation:ds-cart-pulse .35s var(--ds-easing)}@media(max-width:600px){:root{--ds-drawer-width: 100vw}.ds-drawer__header{padding:22px 20px 18px}.ds-drawer__item{padding:20px}.ds-drawer__footer{padding:20px 20px 28px}.ds-drawer__item-image{width:76px;height:95px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/ds-cart-drawer.css.map */