storefront-signal{position:fixed;inset-block-start:max(var(--trade-hnv2-space-3),env(safe-area-inset-top));inset-inline-start:50%;width:max-content;max-width:min(calc(100% - (2 * var(--trade-hnv2-page-gutter))),calc(var(--trade-hnv2-target-min) * 10));z-index:var(--trade-hnv2-z-toast);pointer-events:none;transform:translate(-50%)}storefront-signal[hidden]{display:none}storefront-signal [hidden]{display:none}.storefront-signal__surface{--storefront-signal-background: var(--trade-hnv2-color-foreground);--storefront-signal-foreground: var(--trade-hnv2-color-background);display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--trade-hnv2-space-1);min-height:var(--trade-hnv2-space-8);padding:var(--trade-hnv2-space-1) var(--trade-hnv2-space-2);color:var(--storefront-signal-foreground);background:var(--storefront-signal-background);border:0;border-radius:var(--trade-hnv2-feedback-radius);box-shadow:var(--trade-hnv2-shadow-sm);opacity:0;visibility:hidden;pointer-events:auto;transform:translateY(calc(-1 * var(--trade-hnv2-space-2))) scale(.98);transform-origin:top center;transition:opacity var(--trade-hnv2-duration-base) var(--trade-hnv2-ease-standard),transform var(--trade-hnv2-duration-base) var(--trade-hnv2-ease-standard),visibility 0s linear var(--trade-hnv2-duration-base),color var(--trade-hnv2-duration-fast) var(--trade-hnv2-ease-standard),background-color var(--trade-hnv2-duration-fast) var(--trade-hnv2-ease-standard)}storefront-signal[open] .storefront-signal__surface{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition-delay:0s}.storefront-signal__surface[data-state=accent]{--storefront-signal-background: var(--trade-hnv2-color-accent);--storefront-signal-foreground: var(--trade-hnv2-color-accent-foreground)}.storefront-signal__surface[data-state=success]{--storefront-signal-background: var(--trade-hnv2-color-success);--storefront-signal-foreground: var(--trade-hnv2-color-success-foreground)}.storefront-signal__surface[data-state=warning]{--storefront-signal-background: var(--trade-hnv2-color-rating);--storefront-signal-foreground: var(--trade-hnv2-color-rating-foreground)}.storefront-signal__surface[data-state=error]{--storefront-signal-background: var(--trade-hnv2-color-destructive);--storefront-signal-foreground: var(--trade-hnv2-color-destructive-foreground)}.storefront-signal__surface[data-state=loading]{--storefront-signal-background: var(--trade-hnv2-color-accent);--storefront-signal-foreground: var(--trade-hnv2-color-accent-foreground)}.storefront-signal__icon{display:grid;place-items:center;width:var(--trade-hnv2-space-4);height:var(--trade-hnv2-space-4);font-size:var(--trade-hnv2-type-caption-size);line-height:1}.storefront-signal__surface[data-state=loading] .storefront-signal__icon:before{content:"";width:var(--trade-hnv2-space-4);height:var(--trade-hnv2-space-4);border:2px solid color-mix(in srgb,currentColor 24%,transparent);border-block-start-color:currentColor;border-radius:50%;animation:storefront-signal-spin .7s linear infinite}.storefront-signal__content{min-width:0;overflow-wrap:anywhere}.storefront-signal__title,.storefront-signal__message{display:block}.storefront-signal__title{font-size:var(--trade-hnv2-type-small-size);line-height:var(--trade-hnv2-type-small-line);font-weight:var(--trade-hnv2-weight-semibold)}.storefront-signal__message{font-size:var(--trade-hnv2-type-caption-size);line-height:var(--trade-hnv2-type-caption-line);font-weight:var(--trade-hnv2-weight-regular)}.storefront-signal__title:not([hidden])+.storefront-signal__message{margin-block-start:var(--trade-hnv2-space-1)}.storefront-signal__action{min-height:var(--trade-hnv2-target-min);display:inline-flex;align-items:center;padding-inline:var(--trade-hnv2-space-2);color:currentColor;font-size:var(--trade-hnv2-type-label-size);line-height:var(--trade-hnv2-type-label-line);font-weight:var(--trade-hnv2-weight-semibold);text-decoration:var(--trade-hnv2-link-decoration);text-underline-offset:var(--trade-hnv2-link-underline-offset)}.storefront-signal__action:hover,.storefront-signal__action:focus-visible{text-decoration:var(--trade-hnv2-link-hover-decoration);text-decoration-thickness:var(--trade-hnv2-link-hover-decoration-thickness)}.storefront-signal__dismiss{width:var(--trade-hnv2-target-min);min-width:var(--trade-hnv2-target-min);height:var(--trade-hnv2-target-min);display:grid;place-items:center;margin-block:calc(-1 * var(--trade-hnv2-space-2));margin-inline:0 calc(-1 * var(--trade-hnv2-space-2));padding:0;color:currentColor;background:transparent;border:0;border-radius:var(--trade-hnv2-control-inline-radius);cursor:pointer}.storefront-signal__dismiss:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.storefront-signal__dismiss .svg-wrapper{width:var(--trade-hnv2-space-4);height:var(--trade-hnv2-space-4)}@keyframes storefront-signal-spin{to{transform:rotate(1turn)}}@media screen and (max-width:374px){.storefront-signal__surface{grid-template-columns:auto minmax(0,1fr) auto}.storefront-signal__action{grid-column:2;justify-self:start;min-height:var(--trade-hnv2-space-8);padding-inline:0}.storefront-signal__dismiss{grid-column:3;grid-row:1 / span 2}}@media(prefers-reduced-motion:reduce){.storefront-signal__surface{transition:none;transform:none}.storefront-signal__surface[data-state=loading] .storefront-signal__icon:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-storefront-signal.css.map */