body:has(.c-dialog[open]){overflow:hidden}.c-dialog{pointer-events:none;transition:display .15s ease-in-out allow-discrete, overlay .15s ease-in-out allow-discrete, opacity .15s ease-in-out, transform .15s ease-in-out;opacity:0;width:100%;max-width:450px;max-height:calc(100% - 2rem);box-shadow:var(--c-drop-shadow);background-color:var(--c-color-white);border:none;border-top-left-radius:.25rem;border-top-right-radius:.25rem;outline:none;flex-direction:column;margin-bottom:0;padding:0;display:none}.c-dialog>.content{overflow-wrap:anywhere;flex-direction:column;gap:1rem;padding:1rem 1.5rem 0;display:flex}.c-dialog>.footer{flex:none;gap:.5rem;padding:1rem;display:flex}.c-dialog>.footer .c-btn{width:100%}.c-dialog>.footer>.left,.c-dialog>.footer>.right{flex:50%}.c-dialog::backdrop{transition:display .15s ease-in-out allow-discrete, overlay .15s ease-in-out allow-discrete, background-color .15s ease-in-out, -webkit-backdrop-filter .15s ease-in-out;transition:display .15s ease-in-out allow-discrete, overlay .15s ease-in-out allow-discrete, background-color .15s ease-in-out, backdrop-filter .15s ease-in-out;transition:display .15s ease-in-out allow-discrete, overlay .15s ease-in-out allow-discrete, background-color .15s ease-in-out, backdrop-filter .15s ease-in-out, -webkit-backdrop-filter .15s ease-in-out;-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}.c-dialog[open]{pointer-events:initial;opacity:1;display:flex;transform:translateY(0)}.c-dialog[open]::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgb(from var(--c-color-grey-700) r g b / 75%)}@starting-style{.c-dialog[open]{opacity:0}.c-dialog[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}}@media (prefers-reduced-motion:no-preference){.c-dialog{transform:translateY(2rem)}@starting-style{.c-dialog[open]{transform:translateY(2rem)}}}@media (width>=576px){.c-dialog{border-radius:.5rem;margin-bottom:auto}.c-dialog>.content{padding:2rem}.c-dialog>.footer{border-top:1px solid var(--c-color-grey-200);background-color:var(--c-color-grey-50);padding:1rem}.c-dialog>.footer .c-btn{width:auto}.c-dialog>.footer>.left,.c-dialog>.footer>.right{flex:none}.c-dialog>.footer>.right{margin-left:auto}.c-dialog[open]{transform:scale(1)}@media (prefers-reduced-motion:no-preference){.c-dialog{transform:scale(.9)}@starting-style{.c-dialog[open]{transform:scale(.9)}}}}