html:has(.dialog[open]){overflow:hidden}.light-mode .dialog{--color-dialog-border:transparent;--color-select-bg:var(--color-bg)}.dark-mode .dialog{--color-grey-light:var(--color-grey-bg)}.dialog{--color-dialog-border:var(--card-border-color);--dialog-padding-inline:1.5rem;--dialog-padding-block:1.5rem;--color-input-bg:transparent;color:var(--color-text);background-color:var(--color-dialog-bg);border:none;border-radius:0;outline:1px solid #0000;padding:0}.dialog::backdrop{background-color:#000000bf}.dialog h1{font-size:var(--font-size-lg);margin-block:0}.dialog .dialog-header-wrapper{padding-block-start:var(--dialog-padding-block);padding-block-end:1.5rem;padding-inline:var(--dialog-padding-inline);padding-inline-end:calc(2.75rem + var(--dialog-padding-inline))}.dialog .dialog-header-wrapper .dialog-header{align-items:center;display:flex}.dialog .dialog-title-wrapper{align-items:center;gap:.5rem;display:flex}.dialog .dialog-title-wrapper>.iconify{flex-shrink:0;font-size:larger}.dialog .close-button{z-index:9;position:absolute;top:1rem;right:1rem}.dialog .dialog-content{padding-inline:var(--dialog-padding-inline)}.dialog .dialog-buttons{padding-inline:var(--dialog-padding-inline);flex-wrap:wrap;gap:.65rem;display:flex}.dialog .dialog-buttons>.button{flex-grow:1;width:calc(50% - .5rem);max-width:none}.dialog-position--center{--dialog-padding-inline:1.25rem;--dialog-padding-block:1.5rem 1.25rem;border:2px solid var(--color-dialog-border);border-radius:var(--radius-lg);padding-block:var(--dialog-padding-block)}.dialog-position--center[open]{animation:fadeIn var(--duration-md) forwards}.dialog-position--center[open]::backdrop{animation:fadeIn var(--duration-md) forwards}.dialog-position--center[closing]{animation:fadeOut var(--duration-md) forwards;display:block}.dialog-position--center[closing]::backdrop{animation:fadeOut var(--duration-md) forwards}.dialog-position--inline-start{border:none;border-inline-end:1px solid var(--color-dialog-border);width:100%;max-width:min(100vw,800px);min-height:100dvh;margin:0 auto 0 0;padding-block-end:var(--dialog-padding-block)}.dialog-position--inline-start[open]{animation:slideFadeInLeft var(--duration-md) forwards}.dialog-position--inline-start[open]::backdrop{animation:fadeIn var(--duration-md) forwards}.dialog-position--inline-start[closing]{animation:slideFadeOutLeft var(--duration-md) forwards;display:block}.dialog-position--inline-start[closing]::backdrop{animation:fadeOut var(--duration-md) forwards}.dialog-position--inline-start .close-button{top:1.5rem;right:1.5rem}.dialog-position--inline-end{border:none;border-inline-start:1px solid var(--color-dialog-border);width:100%;max-width:min(100vw,800px);min-height:100dvh;margin:0 0 0 auto;padding-block-end:var(--dialog-padding-block)}.dialog-position--inline-end[open]{animation:slideFadeInRight var(--duration-md) forwards}.dialog-position--inline-end[open]::backdrop{animation:fadeIn var(--duration-md) forwards}.dialog-position--inline-end[closing]{animation:slideFadeOutRight var(--duration-md) forwards;display:block}.dialog-position--inline-end[closing]::backdrop{animation:fadeOut var(--duration-md) forwards}.dialog-position--inline-end .close-button{top:1.5rem;right:1.5rem}.dialog-position--block-start{border:none;border-block-end:1px solid var(--color-dialog-border);width:100%;max-width:100%;margin:0;inset:0 0 0 auto}.dialog-position--block-start[open]{animation:slideInTop var(--duration-md) forwards}.dialog-position--block-start[open]::backdrop{animation:fadeIn var(--duration-md) forwards}.dialog-position--block-start[closing]{animation:slideOutTop var(--duration-md) forwards;display:block}.dialog-position--block-start[closing]::backdrop{animation:fadeOut var(--duration-md) forwards}.dialog-position--block-end{border:none;border-block-start:1px solid var(--color-dialog-border);width:100%;max-width:100%;margin:0;inset:auto 0 0}.dialog-position--block-end[open]{animation:slideInBottom var(--duration-sm) forwards}.dialog-position--block-end[open]::backdrop{animation:fadeIn var(--duration-sm) forwards}.dialog-position--block-end[closing]{animation:slideOutBottom var(--duration-md) forwards;display:block}.dialog-position--block-end[closing]::backdrop{animation:fadeOut var(--duration-md) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideFadeInLeft{0%{opacity:0;transform:translate(-4rem)}to{opacity:1;transform:translate(0)}}@keyframes slideFadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-4rem)}}@keyframes slideFadeInRight{0%{opacity:0;transform:translate(4rem)}to{opacity:1;transform:translate(0)}}@keyframes slideFadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(4rem)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutTop{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideInTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}