.fj-cart-drawer{--fj-drawer-gutter: var(--spacing-lg);position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.fj-cart-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.fj-cart-drawer__panel{position:absolute;inset-block:0;inset-inline-end:0;display:flex;flex-direction:column;width:min(100%,500px);max-height:100%;background:var(--color-surface);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform var(--duration-fast) var(--ease-standard)}.fj-cart-drawer--open .fj-cart-drawer__overlay{opacity:1}.fj-cart-drawer--open .fj-cart-drawer__panel{transform:translate(0)}.fj-cart-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--fj-drawer-gutter) var(--fj-drawer-gutter) var(--spacing-xl)}.fj-cart-drawer__title{font-weight:var(--font-weight-bold);font-size:var(--display-xs);line-height:26px;letter-spacing:-.48px;color:var(--color-text)}.fj-cart-drawer__close{display:flex;align-items:center;justify-content:center;padding:0;color:var(--color-icon)}.fj-cart-drawer__close:hover{color:var(--color-text-secondary)}.fj-cart-drawer__close-icon{width:20px;height:20px}.fj-cart-drawer__cart,.fj-cart-drawer__contents{display:flex;flex-direction:column;flex:1;min-height:0}.fj-cart-drawer--pending .fj-cart-drawer__contents{visibility:hidden}.fj-cart-drawer--loading .fj-cart-drawer__contents{opacity:.5;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard)}.fj-cart-drawer__error{margin:0;padding:var(--spacing-md) var(--fj-drawer-gutter);color:var(--color-error);font-size:var(--text-sm);line-height:var(--line-sm)}.fj-cart-drawer__error:empty{display:none}.fj-cart-drawer__items{flex:1;min-height:0;overflow-y:auto;padding-inline:var(--fj-drawer-gutter)}.fj-cart-drawer__item{padding-block:var(--spacing-2xl);border-top:var(--border-width-thin) solid var(--color-border-subtle)}.fj-cart-drawer__footer{padding:var(--spacing-2xl) var(--fj-drawer-gutter) var(--fj-drawer-gutter)}.fj-cart-drawer__empty{padding:var(--spacing-2xl) var(--fj-drawer-gutter)}.fj-cart-drawer__empty-text{margin-bottom:var(--spacing-xl);color:var(--color-text-secondary)}@media screen and (min-width:990px){.fj-cart-drawer{--fj-drawer-gutter: var(--spacing-4xl)}}@media(prefers-reduced-motion:reduce){.fj-cart-drawer__overlay,.fj-cart-drawer__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/149/assets/fj-component-cart-drawer.css.map */