.cart-drawer{position:fixed;right:0;top:0;bottom:0;z-index:200;width:min(420px,100vw);background:#fff;transform:translate(100%);transition:transform .48s cubic-bezier(.22,.61,.18,1);display:flex;flex-direction:column;box-shadow:-4px 0 40px #1410081a}.cart-drawer.open{transform:none}.cart-drawer__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:#1a171461;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}.cart-drawer__scrim.open{opacity:1;visibility:visible}.cart-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:.5px solid var(--line);flex-shrink:0}.cart-drawer__title{font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:-.01em;color:var(--ink)}.cart-drawer__count{font-size:12px;color:var(--ink-soft);margin-left:8px;font-family:var(--sans)}.cart-drawer__close{background:none;border:none;padding:6px;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}.cart-drawer__close:hover{color:var(--camel-deep)}.cart-drawer__close svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.4}.cart-drawer__body{flex:1;overflow-y:auto;padding:0 28px;-webkit-overflow-scrolling:touch}.cart-drawer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;padding:40px 0;text-align:center}.cart-drawer__empty svg{width:48px;height:48px;stroke:var(--line-strong);fill:none;stroke-width:1.2}.cart-drawer__empty p{font-size:14px;color:var(--ink-soft)}.cart-drawer__empty .btn{margin-top:8px}.cd-line{display:grid;grid-template-columns:80px 1fr;gap:16px;padding:20px 0;border-bottom:.5px solid var(--line)}.cd-line:last-child{border-bottom:none}.cd-line__img{width:80px;aspect-ratio:1/1.18;background:var(--product-bg);overflow:hidden;position:relative}.cd-line__img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cd-line__info{display:flex;flex-direction:column;gap:4px;min-width:0}.cd-line__name{font-family:var(--serif);font-size:15px;font-weight:500;line-height:1.2;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-line__meta{font-size:12px;color:var(--ink-soft)}.cd-line__bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px}.cd-line__price{font-size:14px;font-weight:500;color:var(--ink)}.cd-qty{display:inline-flex;align-items:center;border:.5px solid var(--line-strong)}.cd-qty button{width:28px;height:28px;background:none;border:none;font-size:14px;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}.cd-qty button:hover{background:var(--camel-tint)}.cd-qty span{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:13px;border-inline:.5px solid var(--line-strong)}.cd-line__remove{background:none;border:none;cursor:pointer;color:var(--ink-soft);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:0 0 1px;border-bottom:.5px solid currentColor;margin-top:4px;align-self:flex-start}.cd-line__remove:hover{color:var(--olive)}.cart-drawer__foot{flex-shrink:0;border-top:.5px solid var(--line);padding:20px 28px 28px}.cd-subtotal{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.cd-subtotal__label{font-size:13px;color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase}.cd-subtotal__amt{font-family:var(--serif);font-size:20px;font-weight:500;color:var(--ink)}.cd-note{font-size:12px;color:var(--ink-soft);text-align:center;margin-bottom:14px;line-height:1.5}.cart-badge{position:absolute;top:-6px;right:-6px;width:17px;height:17px;border-radius:50%;background:var(--olive);color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;font-family:var(--sans);line-height:1}.icon-btn{position:relative}.cart-drawer__loading{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb3;align-items:center;justify-content:center;z-index:10}.cart-drawer__loading.on{display:flex}.cd-spinner{width:28px;height:28px;border:2px solid var(--line);border-top-color:var(--olive);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/pd-cart-drawer.css.map */