.modal{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;overflow-y:scroll;overflow-x:hidden;background:var(--modal-background-color,#fff);z-index:10000}.modal--absolute{position:absolute;height:auto;padding:0}.modal--absolute .modal__content-close{position:absolute;top:2em;right:2em}.modal-overlay{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;top:0}.modal__content{position:relative;display:grid;grid-template-rows:min-content auto;grid-gap:var(--spacing-spacing-32,32px);width:100%;height:100%;padding:var(--spacing-spacing-32,32px)}@media (max-width:45em){.modal__content{border-radius:0}}.modal__content-header{display:grid;grid-template-columns:auto min-content;grid-gap:var(--spacing-spacing-24,24px);width:100%}.modal__content-header .modal-button{grid-column-start:2}.modal-button{display:flex;width:48px;height:48px;padding:8px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.modal-button--normal-background{background:var(--colors-components-background-primary,#2c2825)}.modal-button--semi-transparent-background{background:rgba(0,0,0,.5)}.modal-button--semi-transparent-color svg *{stroke:hsla(0,0%,100%,.5)}