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

React components UvA

._feedback-bar_aoc1x_1{background-color:var(--color-green-50);border:1px solid var(--color-green-500);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_aoc1x_15{max-height:6.625rem;opacity:1;padding:1rem}._feedback-bar__icon_aoc1x_21{color:var(--color-green-500)}._feedback-bar__close-button_aoc1x_25{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--color-black);display:inline-flex;height:1.5rem;justify-content:center;transition:var(--transition-colors);width:1.5rem}._feedback-bar__close-button_aoc1x_25:focus-visible{outline:.125rem dotted var(--color-cobalt);outline-offset:.125rem}._feedback-bar__close-button_aoc1x_25:hover{background-color:var(--color-green-100);cursor:pointer;outline:0}._feedback-bar__close-button_aoc1x_25:after{content:" ";height:2.625rem;position:absolute;width:2.625rem}