.dialog{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:hsla(0,0%,0%,.322);display:flex;justify-content:center;align-items:center;z-index:9999}.dialog-container{position:relative;align-items:center;width:min(50vw,var(--max-width-content));background-color:var(--color-background);border-radius:var(--radius-large);box-shadow:0 0 .5rem .1rem hsla(0,0%,0%,.322);z-index:99999999}.dialog-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;padding:0 var(--padding-normal);background-color:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-normal);border-top-right-radius:var(--radius-large);border-top-left-radius:var(--radius-large);height:50px}.dialog-header p{flex:1 1}.dialog-header button{display:flex;background-color:transparent;border:none;cursor:pointer}.dialog-content{margin-top:50px;max-height:75vh;overflow-y:auto}@media (max-width:767px){.dialog-container{width:min(90vw,var(--max-width-content))}}@media (min-width:768px) and (max-width:992px){.dialog-container{width:min(90vw,var(--max-width-content))}}.dialog-container{animation:fadein .2s ease-in}@keyframes fadein{0%{opacity:0}to{opacity:1}}