html:has(dialog[open]){overflow:hidden}dialog{--modal-radius:1rem;--modal-inline-size:34rem;--modal-max-block-size-percent:80;--modal-body-padding:2rem;background:hsl(var(--white));block-size:100dvh;border:none;box-shadow:var(--shadow-XL);display:flex;inline-size:100%;top:0;right:0;bottom:0;left:0;max-block-size:none;max-inline-size:none;overflow:hidden;padding:0;position:fixed;transition:opacity .5s var(--ease-3);z-index:var(--layer-5)}@media (prefers-reduced-motion:no-preference){dialog{animation:var(--animation-slide-out-down) forwards;animation-timing-function:var(--ease-elastic-in-out-2)}}dialog[data-size=S]{block-size:revert;border-radius:var(--modal-radius);margin:auto;max-block-size:unset;max-inline-size:min(90vw,var(--modal-inline-size))}dialog[data-size=S]::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog::backdrop{transition:background-color .5s ease,-webkit-backdrop-filter .5s ease;transition:backdrop-filter .5s ease,background-color .5s ease;transition:backdrop-filter .5s ease,background-color .5s ease,-webkit-backdrop-filter .5s ease}dialog[data-loading]{visibility:hidden}dialog:not([open]){opacity:0;pointer-events:none}@media (prefers-reduced-motion:no-preference){dialog[open]{animation:var(--animation-slide-in-up) forwards}}@media (min-width:40em){dialog{block-size:revert;border-radius:var(--modal-radius);margin:auto!important;max-block-size:unset;max-inline-size:min(90vw,var(--modal-inline-size))}dialog[data-size=L]::backdrop{background-color:hsl(var(--black)/50%)}@media (prefers-reduced-motion:no-preference){dialog{animation:var(--animation-scale-down) forwards;animation-timing-function:var(--ease-elastic-in-out-3)}}}dialog>form{background-color:hsl(var(--white));display:flex;flex-direction:column;flex-grow:1;inline-size:100%;justify-content:center;max-block-size:100vh;overscroll-behavior-y:contain}@supports (max-block-size:100dvb){dialog>form{max-block-size:100dvb}}@media (min-width:40em){dialog>form{block-size:var(--modal-block-size,unset);max-block-size:calc(var(--modal-block-size-percent, var(--modal-max-block-size-percent, 80))*1vh)}@supports (max-block-size:100dvb){dialog>form{block-size:var(--modal-block-size-dvb,var(--modal-block-size,unset));max-block-size:calc(var(--modal-block-size-percent, var(--modal-max-block-size-percent, 80))*1dvb)}}}dialog>form>header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;min-block-size:4rem;padding-block:.5rem;padding-inline:2rem 1rem}dialog>form>header>h3{color:hsl(var(--grey-900));font-size:1.5rem;font-weight:400;line-height:1.21;margin-inline-end:1rem}dialog>form>header>h3:only-child{inline-size:100%;text-align:center}dialog>form>article{border-block-end:1px solid hsl(var(--grey-200));display:flex;flex-direction:column;flex-grow:999;max-block-size:100%;overflow-y:auto;padding:var(--modal-body-padding)}dialog>form>article::-webkit-scrollbar{background:hsl(var(--white));display:none}dialog>form>header+article{border-block-start:1px solid hsl(var(--grey-200))}dialog>form>footer{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:1rem 2rem}dialog>form>footer>menu{display:flex;gap:.5rem;inline-size:100%;justify-content:flex-end;padding-inline:0}@starting-style{dialog[open]::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:hsl(var(--black),0)}}
