.swatch[data-v-b89e5560]{border:2px solid #fff;border-radius:50%;flex-shrink:0;height:2rem;width:2rem}.tpl-phone[data-v-35d476fa]{position:absolute;right:16px;top:25%;transform-origin:center bottom;transition:transform .6s cubic-bezier(.34,1.55,.64,1),filter .45s ease;width:28%;will-change:transform;z-index:3}.card-desktop-pos[data-v-35d476fa]{left:16px;position:absolute;top:16px;width:calc(85% - 16px);z-index:2}.card-desktop-frame[data-v-35d476fa]{background:var(--color-ink);border-radius:10px;box-shadow:0 20px 40px color-mix(in srgb,var(--color-purple) 28%,transparent),0 4px 10px color-mix(in srgb,var(--color-purple) 15%,transparent);overflow:hidden}.card-phone-frame[data-v-35d476fa]{aspect-ratio:200/410;background:var(--color-ink);border-radius:8%;box-shadow:0 24px 48px color-mix(in srgb,var(--color-purple) 32%,transparent),0 4px 12px color-mix(in srgb,var(--color-purple) 18%,transparent);padding:3%;width:100%}.card-phone-screen[data-v-35d476fa]{background:#fff;border-radius:7%;height:100%;overflow:hidden;position:relative;width:100%}.card-phone-notch[data-v-35d476fa]{background:var(--color-ink);border-radius:var(--radius-pill);height:3%;left:50%;position:absolute;top:3%;transform:translate(-50%);width:34%;z-index:4}.tpl:hover .tpl-phone[data-v-35d476fa]{transform:translateY(-22px) rotate(-6deg) scale(1.09)}.tpl-glow[data-v-35d476fa]{background:radial-gradient(ellipse 60% 55% at 30% 45%,color-mix(in srgb,var(--color-purple) 55%,transparent) 0,transparent 70%),radial-gradient(ellipse 50% 45% at 80% 60%,color-mix(in srgb,var(--color-blue-light) 55%,transparent) 0,transparent 70%);filter:blur(10px);inset:6% 4%;opacity:0;pointer-events:none;position:absolute;transition:opacity .55s ease;z-index:10}.tpl:hover .tpl-glow[data-v-35d476fa]{opacity:1}.tpl-actions[data-v-35d476fa]{align-items:center;bottom:18px;display:flex;gap:8px;left:18px;opacity:0;pointer-events:none;position:absolute;right:18px;transition:opacity .4s ease;z-index:4}.tpl:hover .tpl-actions[data-v-35d476fa]{opacity:1;pointer-events:auto}@media(max-width:767px){.tpl-actions[data-v-35d476fa]{flex-wrap:nowrap;opacity:1;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.tpl-actions[data-v-35d476fa]::-webkit-scrollbar{display:none}.tpl-actions[data-v-35d476fa]>*{flex:0 0 auto;white-space:nowrap}.tpl-phone[data-v-35d476fa]{transform:translateY(-22px) rotate(-6deg) scale(1.09)}.tpl-glow[data-v-35d476fa]{opacity:0}}