@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.plans-notice{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) 80%, transparent);padding:calc(var(--spacing) * 3);text-align:left;border-width:1px;border-color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) 10%, transparent);background-color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) 5%, transparent);gap:calc(var(--spacing) * 2.5);border-radius:.75rem;align-items:center;display:flex}.plans-notice--announcement{color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, oklch(from var(--colors-info) l c h) 25%, transparent);background-color:color-mix(in srgb, oklch(from var(--colors-info) l c h) 10%, transparent)}.plans-notice__icon{color:color-mix(in srgb, oklch(from var(--colors-foreground) l c h) 60%, transparent);flex-shrink:0;font-size:1rem}.plans-notice--announcement .plans-notice__icon{color:color-mix(in srgb, oklch(from var(--colors-info) l c h) var(--un-text-opacity), transparent)}
