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

React components UvA

._page-overlay__container_1et9u_1{bottom:0;left:0;position:fixed;right:0;top:0;z-index:50}._page-overlay_1et9u_1{background:var(--color-white);display:flex;flex-direction:column;height:100dvh;width:100vw}._page-overlay__content_1et9u_20{background-color:var(--color-grey-100);display:flex;flex-direction:column;height:100svh;justify-content:space-between;overflow:hidden;overflow-y:auto;padding:0 1.5rem;width:100%}._page-overlay__children_1et9u_32{padding-bottom:1rem}._page-overlay__title_1et9u_36{font-size:var(--font-size-s);line-height:var(--line-height-m);margin:0 1.5rem 0 0;padding:1rem 1.5rem}._page-overlay__buttons-bar_1et9u_43{background-color:var(--color-white);bottom:0;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;margin:0 -1.5rem;padding:.5rem 1rem;position:sticky;right:0}._page-overlay__buttons-bar_1et9u_43:before{background:linear-gradient(to top,#0000004d,#0000);bottom:100%;content:"";height:10px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .4s ease-out}._page-overlay__buttons-bar--shadow_1et9u_69:before{opacity:1}._page-overlay__close_1et9u_73{position:absolute;right:1.5rem;top:1rem}