.backdrop{background-color:rgba(14,11,11,.5);opacity:0;transition-property:opacity,-webkit-backdrop-filter;transition-property:opacity,backdrop-filter;transition-property:opacity,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}:is(.dark .backdrop){background-color:rgba(23,26,28,.5)}.dialog{position:fixed;z-index:50;margin:auto;display:flex;flex-direction:column;gap:1rem;background-color:#fff;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transform-origin:center;opacity:0;transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transform:scale(.95)}:is(.dark .dialog){border:1px solid #404344;background-color:#2d2e2f;color:#fff}@media (min-width:768px){.dialog{top:10vh;bottom:10vh;margin-top:0;height:-moz-fit-content;height:fit-content;max-height:80vh;width:600px}}.heading{margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:600}.backdrop[data-enter]{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog[data-enter]{opacity:1;transform:scale(1)}