html:has(dialog.modal[open]){overflow:hidden;scrollbar-gutter:stable}.modal{-webkit-backdrop-filter:blur(.25rem) opacity(.999) saturate(.3);backdrop-filter:blur(.25rem) opacity(.999) saturate(.3);background-color:color-mix(in oklab,var(--modal-overlay-color,var(--primary)),transparent calc(var(--modal-overlay-opacity, .5)*100%));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--modal-padding,var(--size-md)) auto var(--modal-padding,var(--size-md)) minmax(0,1fr)}.modal>.foreground-content{display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid}.modal>.foreground-content>.container{border-radius:var(--card-border-radius,var(--button-border-radius,var(--size-2xs)));grid-area:3/2/4/3;height:fit-content;margin-inline:var(--section-horizontal-space,var(--size-lg));max-width:calc(var(--current-container-size) - var(--modal-padding, var(--size-md))*2);padding:unset;position:relative}.modal .close{background:#fff!important;border-radius:50%;color:var(--danger)!important;font-size:2rem;padding:0;position:absolute;right:calc(var(--modal-padding, var(--size-md))/2);top:calc(var(--modal-padding, var(--size-md))/2);transform:translate(50%,-50%);z-index:10}dialog.modal{clip-path:inset(100% 0 0 0 round 0);height:100dvh;max-height:100dvh;max-width:100vw;opacity:.3;overflow-y:auto;overscroll-behavior:none;padding:0;position:fixed;transition:clip-path var(--modal-transition-duration,var(--default--transition-duration)) var(--modal-transition-delay,var(--default--transition-delay)) var(--modal-transition-function,var(--default--transition-function)),opacity var(--modal-transition-duration,var(--default--transition-duration)) var(--modal-transition-delay,var(--default--transition-delay)) var(--modal-transition-function,var(--default--transition-function)),display var(--modal-transition-duration,var(--default--transition-duration)) var(--modal-transition-delay,var(--default--transition-delay)) allow-discrete,overlay var(--modal-transition-duration,var(--default--transition-duration)) var(--modal-transition-delay,var(--default--transition-delay)) allow-discrete;width:100vw}dialog.modal[open]{clip-path:inset(0 0 0 0 round 0);opacity:1}dialog.modal:not([open]){display:none}@starting-style{dialog.modal[open]{clip-path:inset(100% 0 0 0 round 0);opacity:.3}}dialog.modal::backdrop{background:none}