.product-notice{border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-family:var(--font-sans);align-items:flex-start;gap:.75rem;margin:0;padding:.875rem 1rem;font-size:.875rem;line-height:1.25rem;display:flex}.product-notice-info{--notice-icon-color:var(--info);border-color:color-mix(in srgb, var(--info) 35%, transparent);background:var(--info-muted)}.product-notice-warning{--notice-icon-color:var(--warning);border-color:color-mix(in srgb, var(--warning) 30%, transparent);background:color-mix(in srgb, var(--warning-muted) 40%, transparent)}.product-notice-success{--notice-icon-color:var(--success);border-color:color-mix(in srgb, var(--success) 25%, transparent);background:color-mix(in srgb, var(--success-muted) 40%, transparent)}.product-notice-error{--notice-icon-color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent);background:color-mix(in srgb, var(--danger) 5%, transparent)}.product-notice-icon{color:var(--notice-icon-color);flex:none;padding-block:.125rem;display:flex}.product-notice-icon>svg{width:1.125rem;height:1.125rem}.product-notice-copy{overflow-wrap:anywhere;flex:1;min-width:0}.product-notice .product-notice-title{font-size:.875rem;font-weight:600;line-height:1.25rem;display:block}.product-notice .product-notice-copy>p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.25rem}.product-notice .product-notice-copy>*+p{margin-top:.125rem}.product-notice .product-notice-copy>small{color:var(--muted);margin-top:.375rem;font-size:.75rem;line-height:1.25rem;display:block}.product-notice-actions{flex-direction:column;flex:none;align-self:center;align-items:stretch;gap:.375rem;max-width:100%;margin-left:auto;display:flex}.product-notice-actions .button{white-space:normal;justify-content:center}@media (width<=640px){.product-notice{flex-wrap:wrap}.product-notice-actions{width:100%;margin-left:0}}