@layer components{@keyframes puff-in-center{0%{filter:blur(4px);opacity:0}to{filter:blur(0);opacity:1}}:root{--c-notice--border-radius:var(--border-radius);--c-notice--border-width:var(--border-width);--c-notice--space:var(--space);--c-notice--outer-space:var(--outer-space);--c-notice--shadow-color:var(--shadow-color);--c-notice--shadow-amount:var(--shadow-amount);--c-notice--corner-shape:var(--corner-shape);--c-notice--color--info:var(--color--info);--c-notice--color--info-contrast:var(--color--info-contrast);--c-notice--color--info-border:var(--color--info-border);--c-notice--color--danger:var(--color--danger);--c-notice--color--danger-contrast:var(--color--danger-contrast);--c-notice--color--danger-border:var(--color--danger-border);--c-notice--color--warning:var(--color--warning);--c-notice--color--warning-contrast:var(--color--warning-contrast);--c-notice--color--warning-border:var(--color--warning-border);--c-notice--color--success:var(--color--success);--c-notice--color--success-contrast:var(--color--success-contrast);--c-notice--color--success-border:var(--color--success-border);--c-notice--font-size-300:var(--font-size-300)}.c-notice{--c-notice--shadow:drop-shadow(0 calc(var(--base)*0.5*(var(--c-notice--shadow-amount, var(--shadow-amount)))) calc((var(--c-notice--shadow-amount, var(--shadow-amount)))*var(--base)*1) var(--c-notice--shadow-color,var(--shadow-color)));--c-notice--border:calc((var(--c-notice--border-width, var(--border-width)))*var(--base)*1) solid;corner-shape:var(--c-notice--corner-shape,var(--corner-shape));align-items:center;border:var(--c-notice--border);border-radius:calc((var(--c-notice--border-radius, var(--border-radius)))*var(--base)*1);contain:layout;display:grid;filter:var(--c-notice--shadow);grid-template-areas:"icon title actions" "icon message actions";grid-template-columns:min-content 1fr auto;padding:calc((var(--c-notice--space, var(--space)))*var(--base)*2) calc((var(--c-notice--space, var(--space)))*var(--base)*3)}.c-notice .c-notice__icon{color:var(--c-notice--color--info-contrast,var(--color--info-contrast));grid-area:icon;line-height:1rem;margin-right:calc((var(--c-notice--space, var(--space)))*var(--base)*2);opacity:.7}.c-notice .c-notice__title{--inherit-font-size:var(--c-notice--font-size-300,var(--font-size-300));grid-area:title;line-height:var(--c-notice--line-height,var(--line-height));margin:0}.c-notice .c-notice__message{grid-area:message;margin:0}.c-notice .c-notice__message a,.c-notice .c-notice__message a:active,.c-notice .c-notice__message a:hover,.c-notice .c-notice__message a:visited{color:inherit;text-decoration:underline}.c-notice .c-notice__actions{align-items:center;display:flex;gap:calc((var(--c-notice--space, var(--space)))*var(--base)*1.5);grid-area:actions;justify-content:flex-end;margin:calc((var(--c-notice--space, var(--space)))*var(--base)*-1) calc((var(--c-notice--space, var(--space)))*var(--base)*-1) calc((var(--c-notice--space, var(--space)))*var(--base)*-1) 0}.c-notice .c-notice__actions>*+*{border-left:1px solid color-mix(in srgb,currentColor 30%,transparent);opacity:1;padding-left:calc((var(--c-notice--space, var(--space)))*var(--base)*.75)}.c-notice:not(:has(.c-notice__title)){grid-template-areas:"icon message actions"}.c-notice:not(:has(.c-notice__message)){grid-template-areas:"icon title actions"}.c-notice a,.c-notice a:active,.c-notice a:hover,.c-notice a:visited{color:inherit;text-decoration:underline}.c-notice .c-button.c-button__basic:not(.c-button__basic--primary):not(.c-button__basic--secondary){--inherit-color-contrast:currentColor}.c-notice--success{background-color:var(--c-notice--color--success,var(--color--success));border-color:var(--c-notice--color--success-border,var(--color--success-border));color:var(--c-notice--color--success-contrast,var(--color--success-contrast))}.c-notice--success a,.c-notice--success a:active,.c-notice--success a:hover,.c-notice--success a:visited{color:var(--c-notice--color--success-contrast,var(--color--success-contrast));text-decoration:underline}.c-notice--danger{background-color:var(--c-notice--color--danger,var(--color--danger));border-color:var(--c-notice--color--danger-border,var(--color--danger-border));color:var(--c-notice--color--danger-contrast,var(--color--danger-contrast))}.c-notice--danger a,.c-notice--danger a:active,.c-notice--danger a:hover,.c-notice--danger a:visited{color:var(--c-notice--color--danger-contrast,var(--color--danger-contrast));text-decoration:underline}.c-notice--info{background-color:var(--c-notice--color--info,var(--color--info));border-color:var(--c-notice--color--info-border,var(--color--info-border));color:var(--c-notice--color--info-contrast,var(--color--info-contrast))}.c-notice--info a,.c-notice--info a:active,.c-notice--info a:hover,.c-notice--info a:visited{color:var(--c-notice--color--info-contrast,var(--color--info-contrast));text-decoration:underline}.c-notice--warning{background-color:var(--c-notice--color--warning,var(--color--warning));border-color:var(--c-notice--color--warning-border,var(--color--warning-border));color:var(--c-notice--color--warning-contrast,var(--color--warning-contrast))}.c-notice--warning a,.c-notice--warning a:active,.c-notice--warning a:hover,.c-notice--warning a:visited{color:var(--c-notice--color--warning-contrast,var(--color--warning-contrast));text-decoration:underline}.c-notice .c-notice.c-notice--stretch{border-radius:0;left:50%;position:relative;transform:translateX(-50%);width:calc(100vw - var(--scrollbar, 15px))}.c-notice .c-notice.c-notice--action-below{grid-template-areas:"icon title" "icon message" ". actions";grid-template-columns:min-content 1fr}.c-notice .c-notice.c-notice--action-below .c-notice__actions{justify-content:flex-start;margin-top:calc((var(--c-notice--space, var(--space)))*var(--base)*1)}.c-notice .c-notice.c-notice--action-below:not(:has(.c-notice__title)){grid-template-areas:"icon message" ". actions"}.c-notice .c-notice.c-notice--action-below:not(:has(.c-notice__message)){grid-template-areas:"icon title" ". actions"}.c-notice+.c-notice{margin-top:calc((var(--c-notice--outer-space, var(--outer-space)))*var(--base)*2)}@media print{.c-notice{display:none}}.c-notice{animation:puff-in-center .2s cubic-bezier(.47,0,.745,.715) both}}