.dialog{--dialog-bg: var(--color-white);border-radius:l;border-radius:1rem;padding:0;--shadow-radius: .5rem;transition:box-shadow var(--trans-time) var(--trans-fnc);box-shadow:0 0 .5rem #00000026;box-shadow:0 0 var(--shadow-radius) 0 hsl(0 0% 0%/var(--shadow-alpha, 15%));top:-20%;width:min(100% - 1rem,425px);border-width:0}@media (hover: hover){a.dialog:hover,button.dialog:hover,select.dialog:hover,input.dialog:hover,textarea.dialog:hover{--shadow-alpha: 30%}}input.dialog:focus,textarea.dialog:focus,.dialog:not(a):not(button):not(select):not(input):not(textarea){--shadow-alpha: 30%}.dialog::backdrop{background-color:#0006}.dialog__header{padding:.5rem 1rem;display:flex;flex-flow:row nowrap;align-items:center;align-content:normal;justify-content:space-between;gap:0;background:var(--color-secondary);color:var(--color-primary)}.dialog__close{padding-left:0;padding-right:0;background-color:var(--color-transparent);border-width:0;cursor:pointer}.dialog__close>.icon{--icon_color: var(--color-white)}.dialog__content{padding:1rem;background-color:var(--dialog-bg)}