dialog{background-color:var(--color-white);border:0;overflow:hidden;padding:0;position:fixed;z-index:10}dialog[open]{display:flex;flex-direction:column}@media screen and (max-width:360px){dialog[open]{display:block;max-height:100vh;overflow-y:auto}}dialog .dialog__content,dialog .dialog__header{margin:0 auto;max-width:var(--max-width);position:relative;width:100%}dialog .dialog__title{font-size:1.2rem;padding:1.2rem 0}dialog .dialog__content{flex:1;overflow-y:scroll}dialog .dialog__header .button--close{border-radius:0;font-size:.8rem;padding:.8rem 1rem;position:absolute;right:0;top:0;z-index:1}dialog .dialog__header .button--close .icon{height:14px;width:14px}dialog.dialog--with-title .dialog__header{background-color:var(--color-grey-lighter)}dialog.dialog--with-title .button--close{top:.5rem}.dialog--full{height:100vh;left:0;margin:0;max-height:100vh;max-width:100vw;top:0;width:100vw}.dialog--center,.dialog--center-small{bottom:0;left:0;margin:auto;max-height:80vh;max-width:80vw;right:0;top:0;width:80vw}@media screen and (min-width:761px){.dialog--center-small{max-width:500px;width:500px}}.dialog--padding .dialog__content,.dialog--padding .dialog__header{padding:0 1rem}.dialog--padding .dialog__content,.dialog--padding .dialog__footer{padding:1rem}@media screen and (max-width:360px){.dialog--padding .dialog__content,.dialog--padding .dialog__footer{padding:.5rem 1rem}}dialog::backdrop{background:#000;max-height:100vh;opacity:.2}