Dmitry
2 lines
2.8 KiB
CSS
2 lines
2.8 KiB
CSS
.latency-pill[data-v-226babb1]{background-color:color-mix(in oklch,currentColor 12%,transparent);box-shadow:var(--inner-highlight);transition:transform var(--dur-base) var(--ease-spring),background-color var(--dur-fast) var(--ease-soft);position:relative}.latency-pill[data-v-226babb1]:hover{background-color:color-mix(in oklch,currentColor 18%,transparent);transform:scale(1.06)}.latency-pill[data-v-226babb1]:active{transition-duration:var(--dur-instant);transition-timing-function:var(--ease-press);transform:scale(.92)}.latency-flip-enter-active[data-v-226babb1],.latency-flip-leave-active[data-v-226babb1]{transition:opacity var(--dur-fast) var(--ease-soft),transform var(--dur-base) var(--ease-spring)}.latency-flip-enter-from[data-v-226babb1]{opacity:0;transform:translateY(-6px)scale(.85)}.latency-flip-leave-to[data-v-226babb1]{opacity:0;transform:translateY(6px)scale(.85)}.dot-good[data-v-476aafa9]{background:#16a34a}.dot-good-selected[data-v-476aafa9]{background:#fff;border:4px solid #16a34a}.dot-medium[data-v-476aafa9]{background:#eab308}.dot-medium-selected[data-v-476aafa9]{background:#fff;border:4px solid #eab308}.dot-slow[data-v-476aafa9]{background:#ef4444}.dot-slow-selected[data-v-476aafa9]{background:#fff;border:4px solid #ef4444}.dot-neutral[data-v-476aafa9]{background:var(--color-neutral)}.dot-neutral-selected[data-v-476aafa9]{border:4px solid var(--color-neutral);background:#fff}.proxy-card{transition:transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-soft),background-color var(--dur-base) var(--ease-soft);will-change:transform}.proxy-card:hover{box-shadow:var(--lift-2);transform:translateY(-2px)scale(1.015)}.proxy-card:active{transition-duration:var(--dur-instant);transition-timing-function:var(--ease-press);transform:translateY(0)scale(.98)}.proxy-card--selected{transform:scale(1.02)}.proxy-card--selected:hover{transform:translateY(-2px)scale(1.03)}.proxy-card--selected:active{transform:scale(1)}.proxy-card__highlight{border-radius:inherit;pointer-events:none;mix-blend-mode:overlay;opacity:.7;z-index:2;background:linear-gradient(oklch(100% 5.96046e-8 none/.14),#0000 30%);position:absolute;inset:0}.proxy-card--selected .proxy-card__highlight{background:linear-gradient(oklch(100% 5.96046e-8 none/.22),#0000 35%)}@keyframes testingPulse{0%,to{box-shadow:0 0 8px color-mix(in oklch,var(--color-success) 30%,transparent)}50%{box-shadow:0 0 16px color-mix(in oklch,var(--color-success) 50%,transparent)}}@keyframes glowPulse{0%,to{box-shadow:0 0 15px color-mix(in oklch,var(--color-primary) 40%,transparent)}50%{box-shadow:0 0 25px color-mix(in oklch,var(--color-primary) 60%,transparent)}}@keyframes fade-slide-in-c081b9f4{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-slide-in[data-v-c081b9f4]{animation:.4s ease-out backwards fade-slide-in-c081b9f4}
|