.cart-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200}.cart-drawer .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cart-drawer[hidden]{display:none}.cart-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000061;opacity:0;transition:opacity .28s ease}.cart-drawer.is-open .cart-drawer__overlay{opacity:1}.cart-drawer__panel{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:min(28rem,100vw);height:100%;height:100dvh;background:#fff;box-shadow:-16px 0 40px #0000001f;transform:translate(100%);transition:transform .32s ease;outline:none;-webkit-tap-highlight-color:transparent}.cart-drawer__panel:focus,.cart-drawer__panel:focus-visible{outline:none;box-shadow:-16px 0 40px #0000001f}.cart-drawer.is-open .cart-drawer__panel{transform:translate(0)}.cart-drawer__header{display:flex;justify-content:flex-end;padding:1.15rem 1.15rem .35rem}.cart-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#111;cursor:pointer}.cart-drawer__close:hover{opacity:.55;transform:none;box-shadow:none}.cart-drawer__body{overflow:auto;padding:.25rem 1.5rem 0}.cart-drawer__empty{margin:2.5rem 0;text-align:center;color:#6b6b6b}.cart-drawer__list{list-style:none;margin:0;padding:0}.cart-drawer__item{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.9rem;align-items:start;padding:1rem 0;border-bottom:1px solid #ececec}.cart-drawer__thumb{display:block;width:100%;aspect-ratio:2 / 3;overflow:hidden;background:#f4f4f4}.cart-drawer__thumb img{width:100%;height:100%;object-fit:cover}.cart-drawer__details{min-width:0}.cart-drawer__title{display:block;color:inherit;font-size:.82rem;font-weight:600;letter-spacing:.04em;line-height:1.35;text-decoration:none;text-transform:uppercase}.cart-drawer__variant{margin:.2rem 0 0;color:#7a7a7a;font-size:.8rem;line-height:1.4}.cart-drawer__meta-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:2rem}.cart-drawer__meta{margin:0;color:#7a7a7a;font-size:.8rem;line-height:1.4}.cart-drawer__remove{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem;margin:0;padding:0;border:1px solid #111;border-radius:999px;background:#fff;color:#111;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:none}.cart-drawer__remove svg{width:16px;height:16px}.cart-drawer__remove:hover{background:#111;border-color:#111;color:#fff;opacity:1;transform:none;box-shadow:none}.cart-drawer__footer{padding:0 1.5rem 1.5rem}.cart-drawer__subtotal{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-top:1px solid #ececec;border-bottom:1px solid #ececec;margin-bottom:1rem;font-size:.95rem}.cart-drawer__actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.cart-drawer__button{min-height:2.75rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.cart-drawer__button--view{--button-color: var(--color-secondary-button-text);--button-background-color: var(--color-secondary-button-background);--button-border-color: transparent;--button-border-width: 0;border:0}.cart-drawer__button--view:hover{background-color:var(--color-secondary-button-hover-background);border-color:transparent;color:var(--color-secondary-button-hover-text)}.cart-drawer__button--checkout{--button-color: var(--color-primary-button-text);--button-background-color: var(--color-primary-button-background);--button-border-color: var(--color-primary-button-border)}.cart-drawer__button--checkout:hover{background-color:var(--color-primary-button-hover-background);border-color:var(--color-primary-button-hover-border);color:var(--color-primary-button-hover-text)}html.is-cart-drawer-open,html.is-cart-drawer-open body{overflow:hidden}html.is-cart-drawer-open body{position:fixed;left:0;width:100%}@media screen and (max-width:980px){.cart-drawer__panel{width:85vw}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cart-drawer.css.map */
