.tn-notification-inline[data-v-cc21ecf2]{--local-flex-direction:column;--background-color:var(--color-surface-info-subtle);--color:var(--color-text-info-on-subtle);--icon-fg:var(--color-icon-inverted);background:var(--background-color);border-radius:var(--radius-s);box-sizing:border-box;color:var(--color);display:flex;flex-direction:var(--local-flex-direction);gap:var(--spacing-s);padding:var(--spacing-2xl);width:100%}.tn-notification-inline__container[data-v-cc21ecf2]{container-name:inline-horizontal-container;container-type:inline-size;width:100%}.tn-notification-inline__container[data-v-cc21ecf2]:not(.full-width){max-width:640px}.tn-notification-inline .icon[data-v-cc21ecf2]{align-items:flex-start;align-self:stretch;display:flex}.tn-notification-inline .icon[data-v-cc21ecf2] .icon-bg{fill:var(--icon-bg)}.tn-notification-inline .icon[data-v-cc21ecf2] .icon-fg path{fill:var(--icon-fg)}.tn-notification-inline .content[data-v-cc21ecf2]{align-items:flex-start;align-self:stretch;display:flex;flex:1 0 0;flex-direction:column;gap:var(--spacing-2xs,2px);justify-content:center}.tn-notification-inline .content__wrapper[data-v-cc21ecf2]{align-items:stretch;display:flex;flex-direction:column;gap:var(--spacing-s);justify-content:flex-start;width:100%}.tn-notification-inline .action[data-v-cc21ecf2]{align-items:center;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:var(--spacing-xs);justify-content:flex-start;padding-top:8px;width:auto}.tn-notification-inline .action__wrapper[data-v-cc21ecf2]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;padding-top:0}.tn-notification-inline.horizontal[data-v-cc21ecf2]{--local-flex-direction:row;align-items:center;flex-wrap:nowrap;justify-content:flex-start}.tn-notification-inline.horizontal .icon[data-v-cc21ecf2]{padding-top:var(--spacing-2xs)}.tn-notification-inline.horizontal .content__wrapper[data-v-cc21ecf2]{align-items:flex-start;flex-direction:row;gap:8px;justify-content:space-between;width:100%}.tn-notification-inline.horizontal .action[data-v-cc21ecf2]{padding-top:0}.tn-notification-inline.horizontal .action__wrapper[data-v-cc21ecf2],.tn-notification-inline.horizontal .action_wrapper[data-v-cc21ecf2]{justify-content:flex-end}.tn-notification-inline.info[data-v-cc21ecf2]{--background-color:var(--color-surface-info-subtle);--color:var(--color-text-info-on-subtle);--icon-fg:var(--color-icon-inverted);--icon-bg:var(--color-icon-info)}.tn-notification-inline.success[data-v-cc21ecf2]{--background-color:var(--color-surface-success-subtle);--color:var(--color-text-success-on-subtle);--icon-fg:var(--color-surface-static-white);--icon-bg:var(--color-icon-success)}.tn-notification-inline.attention[data-v-cc21ecf2]{--background-color:var(--color-surface-attention-subtle);--color:var(--color-text-attention-on-subtle);--icon-fg:var(--color-surface-static-black);--icon-bg:var(--color-icon-attention)}.tn-notification-inline.warning[data-v-cc21ecf2]{--background-color:var(--color-surface-warning-subtle);--color:var(--color-text-warning-on-subtle);--icon-fg:var(--color-surface-static-white);--icon-bg:var(--color-icon-warning)}.tn-notification-inline.critical[data-v-cc21ecf2]{--background-color:var(--color-surface-critical-subtle);--color:var(--color-text-critical-on-subtle);--icon-fg:var(--color-surface-static-white);--icon-bg:var(--color-icon-critical)}.tn-notification-inline.neutral[data-v-cc21ecf2]{--background-color:var(--color-surface-strong);--color:var(--color-text-default);--icon-bg:var(--color-icon-subtle)}@container inline-horizontal-container (width < 260px){.tn-notification-inline.horizontal[data-v-cc21ecf2]{--local-flex-direction:column}.tn-notification-inline.horizontal .content__wrapper[data-v-cc21ecf2]{flex-direction:column}}