.croma-cart-drawer{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;pointer-events:none}.croma-cart-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--croma-color-foreground, #111111) 28%,transparent);opacity:0;transition:opacity .22s ease}.croma-cart-drawer__panel{position:absolute;inset-block:0;inset-inline-end:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(100vw,420px);height:100vh;height:100dvh;min-height:0;max-height:100dvh;overflow:hidden;background:var(--croma-color-background, #ffffff);color:var(--croma-color-foreground, #111111);box-shadow:none;transform:translate(100%);transition:transform .26s ease}.croma-cart-drawer.is-open{pointer-events:auto}.croma-cart-drawer.is-open .croma-cart-drawer__overlay{opacity:1}.croma-cart-drawer.is-open .croma-cart-drawer__panel{transform:translate(0)}.croma-cart-drawer__header,.croma-cart-drawer__body,.croma-cart-drawer__footer{padding-inline:var(--container-margin, var(--croma-container-margin, 1rem))}.croma-cart-drawer__header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--croma-space-sm, 1rem);min-height:var(--croma-header-height-mobile, 64px);background:var(--croma-color-background, #ffffff)}.croma-cart-drawer__title{margin:0;font-family:var(--croma-font-body-family, inherit);font-size:var(--croma-text-base, 1rem);font-weight:var(--croma-font-body-weight, 400);line-height:1.2}.croma-cart-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:var(--croma-touch-target-min, 44px);height:var(--croma-touch-target-min, 44px);padding:0;border:0;background:transparent;color:currentColor;cursor:pointer}.croma-cart-drawer__close .croma-icon{width:1.25rem;height:1.25rem}.croma-cart-drawer__body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;padding-block:var(--croma-space-md, 2rem)}.croma-cart-drawer__items{display:grid;gap:var(--croma-space-md, 2rem)}.croma-cart-drawer__item{display:grid;grid-template-columns:minmax(80px,100px) minmax(0,1fr);gap:var(--croma-space-sm, 1rem)}.croma-cart-drawer__item-media{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--image-border-radius, 0);background:var(--croma-product-media-background, #f4f1ea)}.croma-cart-drawer__item-image{width:100%;height:100%;padding:var(--croma-space-xs, .75rem);object-fit:contain}.croma-cart-drawer__item-placeholder{width:100%;height:100%}.croma-cart-drawer__item-content{display:grid;align-content:start;gap:.35rem}.croma-cart-drawer__item-price,.croma-cart-drawer__item-title,.croma-cart-drawer__item-variant,.croma-cart-drawer__empty,.croma-cart-drawer__note{margin:0}.croma-cart-drawer__item-price{font-size:var(--croma-text-base, 1rem)}.croma-cart-drawer__item-title{color:inherit;text-decoration:none}.croma-cart-drawer__item-variant,.croma-cart-drawer__note{color:color-mix(in srgb,currentColor 62%,transparent);font-size:var(--croma-text-sm, .875rem)}.croma-cart-drawer__item-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--croma-space-xs, .75rem);margin-top:.25rem}.croma-cart-drawer__quantity{display:inline-grid;grid-template-columns:var(--croma-touch-target-min, 44px) 2rem var(--croma-touch-target-min, 44px);align-items:center;min-height:var(--croma-touch-target-min, 44px);border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:var(--regular-radius, var(--croma-radius-sm, 6px))}.croma-cart-drawer__quantity-button{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0;border:0;background:transparent;color:currentColor;cursor:pointer}.croma-cart-drawer__quantity-value{text-align:center}.croma-cart-drawer__remove{min-height:var(--croma-touch-target-min, 44px);padding:0;border:0;background:transparent;color:currentColor;cursor:pointer;text-decoration:underline;text-underline-offset:.25em}.croma-cart-drawer__footer{position:relative;z-index:1;min-height:0;max-height:min(65vh,36rem);max-height:min(65dvh,36rem);overflow-y:auto;overscroll-behavior:contain;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);background:var(--croma-cart-drawer-footer-background, var(--croma-color-background, #ffffff));padding-block:var(--croma-space-md, 2rem) max(var(--croma-space-sm, 1rem),env(safe-area-inset-bottom))}.croma-cart-drawer__note-accordion{margin-bottom:var(--croma-space-sm, 1rem);border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}.croma-cart-drawer__note-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--croma-space-sm, 1rem);width:100%;min-height:var(--croma-touch-target-min, 44px);padding:0 0 var(--croma-space-sm, 1rem);border:0;background:transparent;color:currentColor;cursor:pointer;text-align:start}.croma-cart-drawer__note-toggle-icon{flex:0 0 auto;font-size:var(--croma-text-md, 1.25rem);line-height:1}.croma-cart-drawer__note-panel{overflow:hidden;padding-bottom:var(--croma-space-sm, 1rem)}.croma-cart-drawer__note-input{width:100%;min-height:5.5rem;resize:vertical;padding:.75rem .85rem;border:1px solid color-mix(in srgb,currentColor 24%,transparent);border-radius:var(--regular-radius, var(--croma-radius-sm, 6px));background:color-mix(in srgb,var(--croma-color-background, #ffffff) 74%,transparent);color:currentColor}.croma-cart-drawer__note-status{margin:var(--croma-space-2xs, .5rem) 0 0;color:color-mix(in srgb,currentColor 62%,transparent);font-size:var(--croma-text-sm, .875rem)}.croma-cart-drawer__subtotal{display:flex;align-items:baseline;justify-content:space-between;gap:var(--croma-space-sm, 1rem);padding-bottom:var(--croma-space-sm, 1rem);border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}.croma-cart-drawer__subtotal strong{font-size:var(--croma-text-lg, 2rem);font-weight:var(--croma-font-body-weight, 400);line-height:1}.croma-cart-drawer__note{margin-top:var(--croma-space-sm, 1rem)}.croma-cart-drawer__buttons{display:grid;gap:var(--croma-space-xs, .75rem);margin-top:var(--croma-space-sm, 1rem)}.croma-cart-drawer__checkout-form{display:contents}.croma-cart-drawer__button{width:100%;min-height:3rem;margin-top:0;text-align:center}.croma-cart-drawer__button--secondary{--croma-button-background: transparent;--croma-button-foreground: var(--croma-color-button, #111111);--croma-button-border: var(--croma-color-button, #111111);--croma-button-hover-background: var(--croma-color-button, #111111);--croma-button-hover-foreground: var(--croma-color-button-text, #ffffff);--croma-button-hover-border: var(--croma-color-button, #111111)}body.croma-cart-drawer-open{overflow:hidden}@media screen and (max-width:749px){.croma-cart-drawer__panel{width:100vw}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-cart-drawer.css.map */