.dialog{border:5px solid var(--black-oil-900);border-radius:var(--radius-lg);max-width:500px;padding:0}.dialog::backdrop{background-color:#00000080;animation:.3s fade-in}.dialog[open]{animation:.3s slide-in}.dialog:not([open]){display:none}.dialog__content{padding:var(--spacing-6);animation:.4s content-fade-in}.dialog__title{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.dialog__description{margin:0 0 var(--spacing-6) 0;font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.dialog__close{padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-interactive-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast);border:none}.dialog__close:hover{background-color:var(--color-interactive-primary-hover)}.dialog__close:active{transform:scale(.98)}.dialog-trigger-btn{padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-interactive-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:none}.dialog-trigger-btn:hover{background-color:var(--color-interactive-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.dialog-trigger-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:scale(.9)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes content-fade-in{0%{opacity:0}to{opacity:1}}
.confirm-dialog__footer{justify-content:flex-end;gap:var(--spacing-2);margin-top:var(--spacing-4);display:flex}