.tn-notification-inline[data-v-5d61c82c]{--local-flex-direction:column;--background-color:var(--color-surface-info-subtle);--color:var(--color-text-info-on-subtle);--icon-fg:var(--color-icon-inverted);box-sizing:border-box;flex-direction:var(--local-flex-direction);width:100%;padding:var(--spacing-2xl);gap:var(--spacing-s);border-radius:var(--radius-s);background:var(--background-color);color:var(--color);display:flex}.tn-notification-inline__container[data-v-5d61c82c]{width:100%;container:inline-horizontal-container/inline-size}.tn-notification-inline__container[data-v-5d61c82c]:not(.full-width){max-width:640px}.tn-notification-inline .icon[data-v-5d61c82c]{align-self:stretch;align-items:flex-start;display:flex}.tn-notification-inline .icon[data-v-5d61c82c] .icon-bg{fill:var(--icon-bg)}.tn-notification-inline .icon[data-v-5d61c82c] .icon-fg path{fill:var(--icon-fg)}.tn-notification-inline .content[data-v-5d61c82c]{justify-content:center;align-items:flex-start;gap:var(--spacing-2xs,2px);flex-direction:column;flex:1 0 0;align-self:stretch;display:flex}.tn-notification-inline .content__wrapper[data-v-5d61c82c]{justify-content:flex-start;align-items:stretch;gap:var(--spacing-s);flex-direction:column;width:100%;display:flex}.tn-notification-inline .action[data-v-5d61c82c]{justify-content:flex-start;align-items:center;gap:var(--spacing-xs);flex-flow:row;width:auto;padding-top:8px;display:inline-flex}.tn-notification-inline .action__wrapper[data-v-5d61c82c]{flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:flex-start;padding-top:0;display:flex}.tn-notification-inline.horizontal[data-v-5d61c82c]{--local-flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center}.tn-notification-inline.horizontal .icon[data-v-5d61c82c]{padding-top:var(--spacing-2xs)}.tn-notification-inline.horizontal .content__wrapper[data-v-5d61c82c]{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:8px;width:100%}.tn-notification-inline.horizontal .action[data-v-5d61c82c]{padding-top:0}.tn-notification-inline.horizontal .action__wrapper[data-v-5d61c82c],.tn-notification-inline.horizontal .action_wrapper[data-v-5d61c82c]{justify-content:flex-end}.tn-notification-inline.info[data-v-5d61c82c]{--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-5d61c82c]{--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-5d61c82c]{--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-5d61c82c]{--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-5d61c82c]{--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-5d61c82c]{--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-5d61c82c]{--local-flex-direction:column}.tn-notification-inline.horizontal .content__wrapper[data-v-5d61c82c]{flex-direction:column}}