.ui-alert{align-items:flex-start;border-radius:4px;display:flex;justify-content:flex-start;position:relative}.ui-alert--size-m{gap:16px;padding:14px 16px 14px 24px}.ui-alert--size-s{gap:12px;padding:14px 12px 14px 20px}.ui-alert__point{align-items:center;border-radius:20px;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.ui-alert__icon{fill:var(--Light-Base-0);max-height:100%;max-width:100%}.ui-alert__wrapper{display:flex;flex-direction:column;gap:4px;width:100%}.ui-alert--row .ui-alert__wrapper{align-items:flex-start;flex-direction:column}@media screen and (min-width:769px){.ui-alert--row .ui-alert__wrapper{flex-direction:row;justify-content:space-between}}.ui-alert--size-m .ui-alert__content{font-size:16px;font-weight:400;line-height:24px}.ui-alert--size-s .ui-alert__content{font-size:15px;font-weight:400;line-height:22px}.ui-alert--size-m .ui-alert__point{height:24px;width:24px}.ui-alert--size-m .ui-alert__title{font-size:15px;font-weight:400;line-height:22px}@media screen and (min-width:769px){.ui-alert--size-s .ui-alert__title{font-size:15px;font-weight:400;font-weight:500;line-height:22px}}.ui-alert--success{background-color:var(--Light-Green-100)}.ui-alert--error{background-color:var(--Light-Red-100)}.ui-alert--warning{background-color:var(--Light-Orange-100)}.ui-alert--hint{background-color:var(--Light-Base-100)}.ui-alert--info{background-color:var(--Light-BrandBlue-100)}.ui-alert--notice{background-color:var(--Light-Yellow-100)}.ui-alert--success .ui-alert__point{background:var(--Light-Green-500)}.ui-alert--success .ui-alert__title{color:var(--Light-Base-900)}.ui-alert--success .ui-alert__content{color:var(--Light-Base-800)}.ui-alert--error .ui-alert__point{background-color:var(--Light-Red-500)}.ui-alert--error .ui-alert__title{color:var(--Light-Base-900)}.ui-alert--error .ui-alert__content{color:var(--Light-Base-800)}.ui-alert--warning .ui-alert__point{background-color:var(--Light-Yellow-100)}.ui-alert--warning .ui-alert__icon{fill:var(--Light-Yellow-600)}.ui-alert--warning .ui-alert__title{color:var(--Light-Base-900)}.ui-alert--warning .ui-alert__content{color:var(--Light-Base-700)}.ui-alert--hint .ui-alert__point{background-color:var(--Light-Base-100)}.ui-alert--hint .ui-alert__icon{fill:var(--Light-Base-400)}.ui-alert--hint .ui-alert__title{color:var(--Light-Base-900)}.ui-alert--hint .ui-alert__content{color:var(--Light-Base-700)}.ui-alert--info .ui-alert__point{background-color:var(--Light-BrandBlue-100)}.ui-alert--info .ui-alert__icon{fill:var(--Light-BrandBlue-500)}.ui-alert--info .ui-alert__title{color:var(--Light-Base-900)}.ui-alert--info .ui-alert__content{color:var(--Light-Base-700)}.ui-alert--notice .ui-alert__icon{fill:var(--Light-Yellow-600)}.ui-alert--notice .ui-alert__content,.ui-alert--notice .ui-alert__title{color:var(--Light-Base-900)}.ui-alert--success.ui-alert--color-title .ui-alert__title{color:var(--Light-Green-500)}.ui-alert--success.ui-alert--color-title .ui-alert__content{color:var(--Light-Base-700)}.ui-alert--error.ui-alert--color-title .ui-alert__title{color:var(--Light-Red-500)}.ui-alert--error.ui-alert--color-title .ui-alert__content{color:var(--Light-Base-800)}.ui-alert--warning.ui-alert--color-title .ui-alert__title{color:var(--Light-Yellow-500)}.ui-alert--warning.ui-alert--color-title .ui-alert__content{color:var(--Light-Base-800)}.ui-alert--hint.ui-alert--color-title .ui-alert__title{color:var(--Light-Base-900)}.ui-alert--hint.ui-alert--color-title .ui-alert__content{color:var(--Light-Base-700)}.ui-alert--info.ui-alert--color-title .ui-alert__title{color:var(--Light-BrandBlue-500)}.ui-alert--info.ui-alert--color-title .ui-alert__content{color:var(--Light-Base-800)}.ui-alert--notice.ui-alert--color-title .ui-alert__title{color:var(--Light-Yellow-800)}.ui-alert--notice.ui-alert--color-title .ui-alert__content{color:var(--Light-Base-900)}.ui-alert--size-m.ui-alert--error .ui-alert__icon,.ui-alert--size-m.ui-alert--success .ui-alert__icon{height:16px;width:16px}.ui-alert--size-m.ui-alert--hint .ui-alert__icon,.ui-alert--size-m.ui-alert--info .ui-alert__icon,.ui-alert--size-m.ui-alert--warning .ui-alert__icon{height:24px;width:24px}.ui-alert--size-s.ui-alert--error .ui-alert__icon,.ui-alert--size-s.ui-alert--success .ui-alert__icon{height:12px;width:12px}.ui-alert--size-s.ui-alert--hint .ui-alert__icon,.ui-alert--size-s.ui-alert--info .ui-alert__icon,.ui-alert--size-s.ui-alert--notice .ui-alert__icon,.ui-alert--size-s.ui-alert--warning .ui-alert__icon{height:20px;width:20px}