:root{--text-color: #333;--cross-size: 1.5rem;@media (min-width: 640px){--cross-size: 1.2rem}}dialog{width:100%;height:100%;border:none;z-index:99999;opacity:0;transition:all .3s ease-in-out;transform:translateY(2rem)}dialog.visible{opacity:1;transform:translateY(0)}dialog::backdrop{opacity:0}dialog .close{cursor:pointer;position:absolute;right:.2rem;top:.2rem;width:var(--cross-size);height:var(--cross-size);z-index:99999}dialog .close:hover{opacity:1}dialog .close:before,dialog .close:after{position:absolute;left:calc(var(--cross-size) / 2);content:" ";height:var(--cross-size);width:.1rem;background-color:#333}dialog .close:before{transform:rotate(45deg)}dialog .close:after{transform:rotate(-45deg)}@media (min-width: 640px){dialog{width:fit-content;height:fit-content;box-shadow:#0000003d 0 3px 8px;min-width:400px;max-width:45vw;min-height:10rem}dialog::backdrop{background:#33333333;z-index:99998;backdrop-filter:blur(20px);transition:all .3s ease-in-out}dialog.visible::backdrop{opacity:1}}