.storefront-notices{--notice-accent:var(--ui-primary);--notice-ink:var(--ui-text-highlighted);--notice-muted:var(--ui-text-muted);--notice-surface:var(--ui-bg);--notice-line:var(--ui-border);--notice-radius:10px;--notice-button-radius:7px;--notice-padding:20px;margin-block:18px;min-width:0}.storefront-notices__inner{display:grid;gap:12px;min-width:0}.storefront-notices--header{margin-block:12px}.storefront-notices--footer{margin-block:28px}.storefront-notice{--ui-primary:var(--notice-accent);--ui-bg:var(--notice-surface);--ui-text-highlighted:var(--notice-ink);--ui-text-muted:var(--notice-muted);--ui-border:var(--notice-line);border-radius:var(--notice-radius);font-family:inherit;gap:14px;min-width:0;padding:var(--notice-padding)}.storefront-notice__title{font-size:15px;font-weight:650;line-height:1.45;overflow-wrap:anywhere;white-space:pre-line}.storefront-notice__description{font-size:14px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-line}.storefront-notice__icon{flex-shrink:0;height:22px;width:22px}.storefront-notice__actions{flex-wrap:wrap;gap:8px}.storefront-notice__actions>a,.storefront-notice__actions>button{border-radius:var(--notice-button-radius);font-size:13px;line-height:1.4;max-width:100%;min-height:36px;overflow-wrap:anywhere;padding:8px 14px;white-space:normal}.storefront-notice__actions :focus-visible{outline:2px solid currentColor;outline-offset:3px}.storefront-notice[data-color=primary][data-variant=solid],.storefront-notice__actions [data-notice-color=primary][data-notice-variant=solid]{color:var(--notice-on-accent,var(--ui-text-inverted))}.storefront-notice[data-color=primary][data-variant=solid]{--notice-action-accent:var(--notice-on-accent,var(--ui-text-inverted))}.storefront-notice[data-color=primary][data-variant=solid] .storefront-notice__actions [data-notice-color=primary][data-notice-variant=solid]{color:var(--notice-accent)}@media(min-width:900px){.storefront-notices:not(.storefront-notices--header) .storefront-notices__inner{grid-template-columns:repeat(2,minmax(0,1fr))}.storefront-notices:not(.storefront-notices--header) .storefront-notice:last-child:nth-child(odd){grid-column:1/-1}}@media(max-width:640px){.storefront-notices{--notice-padding:16px;margin-block:12px}.storefront-notice{gap:10px}.storefront-notice__title{font-size:14px}.storefront-notice__description{font-size:13px}}