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

React components UvA

._feedback-bar_1wc39_1{background-color:var(--color-forest-100);border:1px solid var(--color-forest-800);border-radius:.5rem;display:flex;font-weight:var(--semibold);gap:.5rem;justify-content:space-between;max-height:0;opacity:0;padding:0 1rem;transition:all .5s}._feedback-bar--visible_1wc39_15{max-height:6.625rem;opacity:1;padding:1rem}._feedback-bar__icon_1wc39_21{color:var(--color-forest-800)}._feedback-bar__close-button_1wc39_25{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;transition:var(--transition-colors);width:1.5rem}._feedback-bar__close-button_1wc39_25:focus-visible{outline:.125rem dotted var(--color-navy-600);outline-offset:.125rem}._feedback-bar__close-button_1wc39_25:hover{background-color:var(--color-forest-600);cursor:pointer;outline:0}._feedback-bar__close-button_1wc39_25:after{content:" ";height:2.625rem;position:absolute;width:2.625rem}