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

React components UvA

._drawer_1ytb4_1{background-color:#fff;bottom:0;box-shadow:0 0 .75rem .25rem #0000001a;display:flex;flex-direction:column;left:10vw;max-width:90vw;min-width:25rem;padding:2.5rem 2rem;position:fixed;right:0;top:0;transform:translate(100%);transform-origin:right;transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}._drawer__content_1ytb4_22{max-height:calc(100vh - 7rem);overflow-y:auto}._drawer__header_1ytb4_32{display:flex;gap:2rem;justify-content:space-between;position:relative}._drawer__footer_1ytb4_39{gap:2rem;justify-content:flex-end;margin-top:auto}._drawer__heading_1ytb4_26{font-size:var(--font-size-s);line-height:var(--line-height-s);margin:.25rem 0 .5rem;padding-right:2rem}@media only screen and (min-width: 40rem){._drawer_1ytb4_1{left:auto;max-width:37.5rem}}._drawer--open_1ytb4_59{transform:translate(0);transition-duration:.25s}._drawer__buttons_1ytb4_64{display:flex;flex-flow:row wrap;gap:.75rem;justify-content:flex-end;margin:2.5rem 0 0}