@layer components{:where(.oksAlert){--oks-alert-accent:var(--oks-color-primary-700,#1d4ed8);--oks-alert-bg-50:var(--oks-color-primary-50,#eff6ff);--oks-alert-bg-100:var(--oks-color-primary-100,#dbeafe);--oks-alert-fg-900:var(--oks-color-primary-900,#1e3a8a);--oks-alert-bg:var(--oks-alert-bg-50);--oks-alert-fg:var(--oks-alert-fg-900);--oks-alert-border:transparent;--oks-alert-shadow:none;--oks-alert-gap:var(--oks-space-3,12px);--oks-alert-padding:var(--oks-space-4,16px);--oks-alert-title-size:14px;--oks-alert-description-size:14px;--oks-alert-enter-duration:.22s;--oks-alert-exit-duration:.2s;--oks-alert-ease:cubic-bezier(.16, 1, .3, 1);gap:var(--oks-alert-gap);padding:var(--oks-alert-padding);border-radius:var(--oks-radius-md,.375rem);border:1px solid var(--oks-alert-border);background-color:var(--oks-alert-bg);color:var(--oks-alert-fg);box-shadow:var(--oks-alert-shadow);flex-direction:column;display:flex}:where(.oksAlert[data-motion=default][data-animation=entering]){animation:oksAlertIn var(--oks-alert-enter-duration) var(--oks-alert-ease) both}:where(.oksAlert[data-motion=default][data-animation=exiting]){animation:oksAlertOut var(--oks-alert-exit-duration) var(--oks-alert-ease) forwards}@keyframes oksAlertIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes oksAlertOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}:where(.oksAlertRow){align-items:center;gap:var(--oks-alert-gap);min-width:0;display:flex}:where(.oksAlertStartContent){min-width:0;font-size:var(--oks-alert-description-size);align-items:center;line-height:1.4;display:flex}:where(.oksAlertEndContent){min-width:0;font-size:var(--oks-alert-description-size);justify-content:flex-end;align-items:center;line-height:1.4;display:flex}:where(.oksAlertActions){align-items:center;gap:var(--oks-space-2,8px);flex-wrap:wrap;display:flex}:where(.oksAlert[data-size=xs]){--oks-alert-gap:var(--oks-space-2,8px);--oks-alert-padding:var(--oks-space-2,8px);--oks-alert-title-size:12px;--oks-alert-description-size:12px}:where(.oksAlert[data-size=xs-sm]){--oks-alert-gap:var(--oks-space-2,8px);--oks-alert-padding:var(--oks-space-3,12px);--oks-alert-title-size:13px;--oks-alert-description-size:13px}:where(.oksAlert[data-size=sm]){--oks-alert-gap:var(--oks-space-3,12px);--oks-alert-padding:var(--oks-space-3,12px);--oks-alert-title-size:14px;--oks-alert-description-size:14px}:where(.oksAlert[data-size=md]){--oks-alert-gap:var(--oks-space-3,12px);--oks-alert-padding:var(--oks-space-4,16px);--oks-alert-title-size:14px;--oks-alert-description-size:14px}:where(.oksAlert[data-size=lg]){--oks-alert-gap:var(--oks-space-4,16px);--oks-alert-padding:var(--oks-space-5,20px);--oks-alert-title-size:16px;--oks-alert-description-size:15px}:where(.oksAlert[data-size=xl]){--oks-alert-gap:var(--oks-space-4,16px);--oks-alert-padding:var(--oks-space-6,24px);--oks-alert-title-size:18px;--oks-alert-description-size:16px}:where(.oksAlert[data-variant=solid]){--oks-alert-bg:var(--oks-alert-accent);--oks-alert-border:var(--oks-alert-accent);--oks-alert-fg:var(--oks-alert-on-accent,var(--oks-palette-neutral-0,#fff))}:where(.oksAlert[data-variant=soft]){--oks-alert-bg:var(--oks-alert-bg-50);--oks-alert-border:transparent}:where(.oksAlert[data-variant=bordered]){--oks-alert-bg:color-mix(in srgb, var(--oks-color-surface,#fff) 10%, transparent);--oks-alert-border:var(--oks-alert-accent);--oks-alert-fg:var(--oks-alert-accent)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:where(.oksAlert[data-variant=bordered]){-webkit-backdrop-filter:blur(var(--oks-alert-bordered-blur,6px));backdrop-filter:blur(var(--oks-alert-bordered-blur,6px))}}:where(.oksAlert[data-shadow=none]){--oks-alert-shadow:none}:where(.oksAlert[data-shadow=xs]){--oks-alert-shadow:0 3px 8px #0000001a}:where(.oksAlert[data-shadow=xs-sm]){--oks-alert-shadow:0 4px 10px #0000001c}:where(.oksAlert[data-shadow=sm]){--oks-alert-shadow:0 6px 14px #0000001f}:where(.oksAlert[data-shadow=md]){--oks-alert-shadow:0 10px 25px #0000002e}:where(.oksAlert[data-shadow=lg]){--oks-alert-shadow:0 18px 45px #00000038}:where(.oksAlert[data-radius=none]){border-radius:0}:where(.oksAlert[data-radius=xs]){border-radius:var(--oks-radius-xs,calc(var(--oks-radius-sm,.25rem) * .5))}:where(.oksAlert[data-radius=xs-sm]){border-radius:var(--oks-radius-xs-sm,calc(var(--oks-radius-sm,.25rem) * .75))}:where(.oksAlert[data-radius=sm]){border-radius:var(--oks-radius-sm,.25rem)}:where(.oksAlert[data-radius=md]){border-radius:var(--oks-radius-md,.375rem)}:where(.oksAlert[data-radius=lg]){border-radius:var(--oks-radius-lg,.5rem)}:where(.oksAlert[data-radius=full]){border-radius:var(--oks-radius-full,9999px)}:where(.oksAlertMainWrapper){gap:var(--oks-space-1,4px);flex-direction:column;flex:1;min-width:0;display:flex}:where(.oksAlertTitle){font-size:var(--oks-alert-title-size);font-weight:600;line-height:1.4}:where(.oksAlertDescription){font-size:var(--oks-alert-description-size);opacity:.92;line-height:1.4}:where(.oksAlertIconWrapper){flex:none;justify-content:center;align-items:center;display:flex}:where(.oksAlertIcon){flex:none;justify-content:center;align-items:center;display:inline-flex}:where(.oksAlertCloseButton){appearance:none;color:inherit;padding:var(--oks-space-1,4px);margin:calc(var(--oks-space-1,4px) * -1);border-radius:var(--oks-radius-sm,.25rem);cursor:pointer;background:0 0;border:0}:where(.oksAlertCloseButton:focus-visible){outline-offset:2px;outline:2px solid}}