@layer components{dialog.g-modal{width:100%;max-width:none;height:100%;max-height:none;color:inherit;overscroll-behavior:contain;background:0 0;border:0;margin:0;padding:16px;position:fixed;inset:0;overflow:hidden}dialog.g-modal[open]{justify-content:center;align-items:center;display:flex}dialog.g-modal::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;animation:.2s cubic-bezier(.16,1,.3,1) both g-modal-fade}html[data-fmode=light] dialog.g-modal::backdrop{background:#14161e47}dialog.g-modal[data-state=closing]::backdrop{animation:.16s both g-modal-fade-out}dialog.g-modal [tabindex="-1"]:focus{outline:none}.g-modal-panel{overscroll-behavior:contain;border-radius:28px;width:min(560px,100%);max-height:100%;animation:.24s cubic-bezier(.16,1,.3,1) both g-modal-in;position:relative;overflow-y:auto}dialog.g-modal[data-state=closing] .g-modal-panel{animation:.16s both g-modal-out}dialog.g-modal[data-placement=right]{justify-content:flex-end}dialog.g-modal[data-placement=left]{justify-content:flex-start}dialog.g-modal[data-placement=right],dialog.g-modal[data-placement=left]{align-items:stretch;padding:12px}dialog.g-modal[data-placement=right] .g-modal-panel,dialog.g-modal[data-placement=left] .g-modal-panel{border-radius:24px;height:100%}dialog.g-modal[data-placement=right] .g-modal-panel{animation-name:g-modal-from-right}dialog.g-modal[data-placement=left] .g-modal-panel{animation-name:g-modal-from-left}dialog.g-modal[data-placement=right][data-state=closing] .g-modal-panel{animation-name:g-modal-to-right}dialog.g-modal[data-placement=left][data-state=closing] .g-modal-panel{animation-name:g-modal-to-left}dialog.g-modal[data-placement=sheet]{align-items:flex-end;padding:8px}dialog.g-modal[data-placement=sheet] .g-modal-panel{width:100%;max-height:min(88dvh,100%);animation-name:g-modal-from-bottom}dialog.g-modal[data-placement=sheet][data-state=closing] .g-modal-panel{animation-name:g-modal-to-bottom}@media (max-width:639px){dialog.g-modal[data-sheet-phone]{align-items:flex-end;padding:8px}dialog.g-modal[data-sheet-phone] .g-modal-panel{height:auto;max-height:min(92dvh,100%);animation-name:g-modal-from-bottom;width:100%!important}dialog.g-modal[data-sheet-phone][data-state=closing] .g-modal-panel{animation-name:g-modal-to-bottom}}@keyframes g-modal-fade{0%{opacity:0}}@keyframes g-modal-fade-out{to{opacity:0}}@keyframes g-modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes g-modal-out{to{opacity:0;transform:translateY(6px)scale(.98)}}@keyframes g-modal-from-right{0%{opacity:0;transform:translate(32px)}}@keyframes g-modal-to-right{to{opacity:0;transform:translate(32px)}}@keyframes g-modal-from-left{0%{opacity:0;transform:translate(-32px)}}@keyframes g-modal-to-left{to{opacity:0;transform:translate(-32px)}}@keyframes g-modal-from-bottom{0%{opacity:0;transform:translateY(40px)}}@keyframes g-modal-to-bottom{to{opacity:0;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){dialog.g-modal::backdrop,.g-modal-panel{animation:none!important}}}dialog.g-modal .g-modal-panel:has([data-modal-scroll]){flex-direction:column;min-height:0;display:flex;overflow:hidden}dialog.g-modal .g-modal-panel :where(:not(.contents)):has([data-modal-scroll]){flex-direction:column;flex:auto;min-height:0;max-height:100%;display:flex}dialog.g-modal [data-modal-scroll]{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}[dir=rtl] dialog.g-modal[data-placement=right] .g-modal-panel{animation-name:g-modal-from-left}[dir=rtl] dialog.g-modal[data-placement=right][data-state=closing] .g-modal-panel{animation-name:g-modal-to-left}