.screenshot-showcase[data-v-0c83480f]{opacity:0;transform:translateY(40px) scale(.96);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.34,1.2,.64,1)}.screenshot-showcase.is-visible[data-v-0c83480f]{opacity:1;transform:translateY(0) scale(1)}.color-border[data-v-0c83480f]{border-radius:28px;padding:14px;position:relative;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}.screenshot-showcase.is-hovered .color-border[data-v-0c83480f]{transform:translateY(-6px) scale(1.01)}.variant-blue .color-border[data-v-0c83480f]{background:linear-gradient(145deg,#1a6cff,#00d4aa 55%,#63b3ed);box-shadow:0 20px 50px #1a6cff40}.variant-purple .color-border[data-v-0c83480f]{background:linear-gradient(145deg,#7c3aed,#ec4899 50%,#a78bfa);box-shadow:0 20px 50px #7c3aed40}.variant-teal .color-border[data-v-0c83480f]{background:linear-gradient(145deg,#0d9488,#22d3ee 50%,#00d4aa);box-shadow:0 20px 50px #0d948840}.variant-coral .color-border[data-v-0c83480f]{background:linear-gradient(145deg,#f472b6,#fb923c 50%,#fda4af);box-shadow:0 20px 50px #f472b638}.variant-cyan .color-border[data-v-0c83480f]{background:linear-gradient(145deg,#06b6d4,#3b82f6 50%,#818cf8);box-shadow:0 20px 50px #06b6d438}.color-border[data-v-0c83480f]:after{animation:border-pulse-0c83480f 4s ease-in-out infinite;background:inherit;border-radius:30px;content:"";filter:blur(20px);top:-2px;right:-2px;bottom:-2px;left:-2px;opacity:.35;position:absolute;z-index:-1}.screenshot-showcase.is-hovered .color-border[data-v-0c83480f]:after{opacity:.55}@keyframes border-pulse-0c83480f{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.02)}}.inner-frame[data-v-0c83480f]{background:#0c1224;border:1px solid hsla(0,0%,100%,.08);border-radius:18px;box-shadow:inset 0 1px #ffffff0f;overflow:hidden}.inner-frame.is-previewable[data-v-0c83480f]{cursor:zoom-in}.inner-frame.is-previewable[data-v-0c83480f]:focus-visible{outline:2px solid rgba(0,212,170,.55);outline-offset:2px}.inner-frame[data-v-0c83480f] img{display:block;height:auto;pointer-events:none;width:100%}@media (max-width:640px){.color-border[data-v-0c83480f]{border-radius:20px;padding:8px}.color-border[data-v-0c83480f]:after{border-radius:22px}.inner-frame[data-v-0c83480f]{border-radius:14px}.screenshot-showcase.is-hovered .color-border[data-v-0c83480f]{transform:none}}