@uva-glass/component-library/dist/assets/Notification.css

React components UvA

._notification_1u5s4_1{display:flex;justify-content:space-between;width:100%}._notification--default_1u5s4_7{padding:1rem}._notification--bar_1u5s4_10{border:none;padding:.5rem 1rem}._notification--neutral_1u5s4_15{background-color:var(--color-grey-300);border-left:.25rem solid var(--color-grey-600)}._notification--information_1u5s4_19{background-color:var(--color-navy-200);border-left:.25rem solid var(--color-navy-600)}._notification--success_1u5s4_23{background-color:var(--color-forest-200);border-left:.25rem solid var(--color-forest-600)}._notification--warning_1u5s4_27{background-color:var(--color-orange-200);border-left:.25rem solid var(--color-orange-600)}._notification--danger_1u5s4_31{background-color:var(--color-red-200);border-left:.25rem solid var(--color-red-600)}._notification--bar_1u5s4_10._notification--neutral_1u5s4_15{background-color:var(--color-grey-600);color:var(--color-uva-white)}._notification--bar_1u5s4_10._notification--information_1u5s4_19{background-color:var(--color-navy-600);color:var(--color-uva-white)}._notification--bar_1u5s4_10._notification--success_1u5s4_23{background-color:var(--color-forest-600)}._notification--bar_1u5s4_10._notification--warning_1u5s4_27{background-color:var(--color-orange-600)}._notification--bar_1u5s4_10._notification--danger_1u5s4_31{background-color:var(--color-red-600);color:var(--color-uva-white)}._notification-content_1u5s4_55{display:flex;gap:1rem}._notification-content--text_1u5s4_59{display:flex;flex-direction:column;gap:.5rem}._notification-title_1u5s4_65{font-weight:var(--semibold);margin:0}._notification-subtitle_1u5s4_69{margin:0}._notification-close-button_1u5s4_73{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--color-uva-black);display:inline-flex;height:1.5rem;justify-content:center;position:relative;transition:var(--transition-colors);width:1.5rem}._notification-close-button_1u5s4_73:focus-visible{outline:.125rem dotted var(--color-navy-600);outline-offset:.125rem}._notification-close-button_1u5s4_73:hover{cursor:pointer;outline:0}._notification-close-button_1u5s4_73:after{content:"";inset:-.625rem;position:absolute}._notification-close-button--bar--neutral_1u5s4_107,._notification-close-button--bar--information_1u5s4_108,._notification-close-button--bar--danger_1u5s4_109{color:var(--color-uva-white)}._notification-close-button--neutral_1u5s4_113:hover{background-color:var(--color-grey-600);color:var(--color-uva-white)}._notification-close-button--information_1u5s4_117:hover{background-color:var(--color-navy-600);color:var(--color-uva-white)}._notification-close-button--success_1u5s4_121:hover{background-color:var(--color-forest-600)}._notification-close-button--warning_1u5s4_124:hover{background-color:var(--color-orange-600)}._notification-close-button--danger_1u5s4_127:hover{background-color:var(--color-red-600);color:var(--color-uva-white)}._notification-close-button--bar--neutral_1u5s4_107:hover{background-color:var(--color-grey-300);color:var(--color-uva-black)}._notification-close-button--bar--information_1u5s4_108:hover{background-color:var(--color-navy-300);color:var(--color-uva-black)}._notification-close-button--bar--success_1u5s4_140:hover{background-color:var(--color-forest-300)}._notification-close-button--bar--warning_1u5s4_143:hover{background-color:var(--color-orange-300)}._notification-close-button--bar--danger_1u5s4_109:hover{background-color:var(--color-red-300);color:var(--color-uva-black)}