Dmitry
2 lines
1.2 KiB
CSS
2 lines
1.2 KiB
CSS
.modal-shell[data-v-ec42d534]{opacity:0;filter:blur(4px);transition:opacity var(--dur-base) var(--ease-soft),transform var(--dur-slow) var(--ease-spring),filter var(--dur-base) var(--ease-soft);transform:translateY(16px)scale(.94)}.modal-shell.is-open[data-v-ec42d534]{opacity:1;filter:blur();transform:translateY(0)scale(1)}.modal-backdrop[data-v-ec42d534]{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:backdrop-filter var(--dur-slow) var(--ease-soft)}dialog[open] .modal-backdrop[data-v-ec42d534]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-close[data-v-ec42d534]{transition:transform var(--dur-base) var(--ease-spring),color var(--dur-fast) var(--ease-soft),background-color var(--dur-fast) var(--ease-soft),border-color var(--dur-fast) var(--ease-soft)}.modal-close[data-v-ec42d534]:hover{color:var(--color-error);background-color:color-mix(in oklch,var(--color-error) 15%,transparent);transform:rotate(90deg);border-color:color-mix(in oklch,var(--color-error) 30%,transparent)!important}.modal-close[data-v-ec42d534]:active{transition-duration:var(--dur-instant);transition-timing-function:var(--ease-press);transform:rotate(90deg)scale(.88)}
|