.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background-color:rgb(var(--color-overlay) / .45);opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-out),visibility var(--duration-base);cursor:pointer}.backdrop[data-open=true]{opacity:1;visibility:visible}.drawer{position:fixed;z-index:var(--z-drawer);display:flex;flex-direction:column;background-color:rgb(var(--color-background));color:rgb(var(--color-text));box-shadow:var(--shadow-lg);visibility:hidden;transition:translate var(--duration-slow) var(--ease-out),visibility var(--duration-slow);overscroll-behavior:contain}.drawer[data-open=true]{visibility:visible;translate:0 0}.drawer--end{inset-block:0;inset-inline-end:0;inline-size:min(440px,100vw);translate:calc(100% * var(--dir)) 0}.drawer--start{inset-block:0;inset-inline-start:0;inline-size:min(400px,88vw);translate:calc(-100% * var(--dir)) 0}.drawer--top{inset-inline:0;inset-block-start:0;max-block-size:90svh;translate:0 -100%}.drawer--bottom{inset-inline:0;inset-block-end:0;max-block-size:88svh;border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg);translate:0 100%}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-block-end:1px solid rgb(var(--color-border));flex:none}.drawer__title{font-size:var(--font-size-h5);font-weight:var(--font-heading-weight);font-family:var(--font-heading-family)}.drawer__body{position:relative;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-md)}.drawer__body--flush{padding:0}.drawer__footer{flex:none;padding:var(--space-md);border-block-start:1px solid rgb(var(--color-border));background-color:rgb(var(--color-background));display:grid;gap:var(--space-2xs)}.drawer__handle{inline-size:40px;block-size:4px;margin:var(--space-2xs) auto 0;border-radius:var(--radius-pill);background-color:rgb(var(--color-text) / .2)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-sm);visibility:hidden;pointer-events:none}.modal[data-open=true]{visibility:visible;pointer-events:auto}.modal__content{position:relative;inline-size:min(var(--modal-width, 900px),100%);max-block-size:min(90svh,900px);overflow-y:auto;overscroll-behavior:contain;background-color:rgb(var(--color-background));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;scale:.97;transition:opacity var(--duration-base) var(--ease-out),scale var(--duration-base) var(--ease-out)}.modal[data-open=true] .modal__content{opacity:1;scale:1}.modal__close,.drawer__close{position:absolute;inset-block-start:var(--space-2xs);inset-inline-end:var(--space-2xs);z-index:2}.modal--media .modal__content{background-color:transparent;box-shadow:none}.search-form{position:relative;display:flex;align-items:center}.search-form__input{inline-size:100%;min-block-size:48px;padding-inline:2.75rem;border:1px solid rgb(var(--color-border));border-radius:var(--radius-pill);background-color:rgb(var(--color-background-alt));text-align:start}.search-form__submit{position:absolute;inset-inline-start:var(--space-2xs);inset-block-start:50%;translate:0 -50%;--icon-btn-size: 32px}.search-form__reset{position:absolute;inset-inline-end:var(--space-2xs);inset-block-start:50%;translate:0 -50%;--icon-btn-size: 32px}.predictive{display:grid;gap:var(--space-md)}.predictive__group-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-text-muted));margin-block-end:var(--space-2xs)}.predictive__item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs);border-radius:var(--radius-sm);text-decoration:none}.predictive__item:hover,.predictive__item[aria-selected=true]{background-color:rgb(var(--color-text) / .05)}.predictive__thumb{flex:none;inline-size:56px;block-size:56px;border-radius:var(--radius-sm);overflow:hidden;background-color:rgb(var(--color-background-alt))}.predictive__thumb img{inline-size:100%;block-size:100%;object-fit:cover}.predictive__text{min-inline-size:0}.predictive__title{font-size:var(--font-size-sm);font-weight:var(--font-body-weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.predictive__empty{padding-block:var(--space-lg);text-align:center;color:rgb(var(--color-text-muted))}.toast-stack{position:fixed;z-index:calc(var(--z-modal) + 5);inset-block-end:var(--space-md);inset-inline-end:var(--space-md);display:grid;gap:var(--space-2xs);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-2xs);max-inline-size:340px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background-color:rgb(var(--color-text));color:rgb(var(--color-background));box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);pointer-events:auto;animation:toast-in var(--duration-base) var(--ease-out)}.toast--error{background-color:rgb(var(--color-error));color:#fff}.toast--success{background-color:rgb(var(--color-success));color:#fff}.toast[data-leaving]{animation:toast-out var(--duration-base) var(--ease-out) forwards}@keyframes toast-in{0%{opacity:0;translate:calc(16px * var(--dir)) 0}to{opacity:1;translate:0 0}}@keyframes toast-out{to{opacity:0;translate:calc(16px * var(--dir)) 0}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-modal.css.map */