.product-shot:where(.astro-6o7my7mj){--shot-border:#9d95ff33;--shot-panel:#17192d;--shot-toolbar:#15172afa;margin:1.8rem 0 2.6rem}.shot-shell:where(.astro-6o7my7mj){border:1px solid var(--shot-border);background:var(--shot-panel);border-radius:1.25rem;overflow:hidden;box-shadow:0 1.8rem 5rem #03051447}.shot-toolbar:where(.astro-6o7my7mj){background:var(--shot-toolbar);color:#aaa8bf;border-bottom:1px solid #9991ff1f;grid-template-columns:1fr auto 1fr;align-items:center;min-height:2.7rem;padding-inline:.9rem;font-size:.7rem;display:grid}.window-controls:where(.astro-6o7my7mj){gap:.36rem;display:inline-flex}.window-controls:where(.astro-6o7my7mj) i:where(.astro-6o7my7mj){background:#4b4d68;border-radius:50%;width:.55rem;height:.55rem}.window-controls:where(.astro-6o7my7mj) i:where(.astro-6o7my7mj):first-child{background:#7067d8}.frame-label:where(.astro-6o7my7mj){color:#d7d5e6;letter-spacing:.02em;font-weight:600}.secure-indicator:where(.astro-6o7my7mj){justify-self:end}.image-link:where(.astro-6o7my7mj){color:inherit;background:#0f111e;text-decoration:none;display:block;position:relative;overflow:hidden}.image-link:where(.astro-6o7my7mj) img{width:100%;height:auto;transition:filter .16s,transform .22s;display:block}.image-link:where(.astro-6o7my7mj):hover img{filter:brightness(.96);transform:scale(1.002)}.image-link:where(.astro-6o7my7mj):focus-visible{outline-offset:-4px;outline:3px solid #8b7fffe6}.zoom-hint:where(.astro-6o7my7mj){color:#efeeff;opacity:0;backdrop-filter:blur(12px);background:#0f111fd1;border:1px solid #beb8ff40;border-radius:.55rem;align-items:center;gap:.4rem;padding:.48rem .68rem;font-size:.7rem;font-weight:600;transition:opacity .15s,transform .15s;display:inline-flex;position:absolute;bottom:.85rem;right:.85rem;transform:translateY(4px)}.zoom-hint:where(.astro-6o7my7mj) svg:where(.astro-6o7my7mj){fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:.9rem;height:.9rem}.image-link:where(.astro-6o7my7mj):hover .zoom-hint:where(.astro-6o7my7mj),.image-link:where(.astro-6o7my7mj):focus-visible .zoom-hint:where(.astro-6o7my7mj){opacity:1;transform:translateY(0)}.callout-marker:where(.astro-6o7my7mj){top:var(--callout-y);left:var(--callout-x);color:#fff;background:#6559f6;border:2px solid #ffffffe6;border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;font-size:.76rem;font-weight:700;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 .45rem 1.2rem #08072273}figcaption:where(.astro-6o7my7mj){color:var(--sl-color-gray-3);margin-top:.8rem;font-size:.86rem;line-height:1.55}figcaption:where(.astro-6o7my7mj) p:where(.astro-6o7my7mj){text-align:center;margin:0}.callout-key:where(.astro-6o7my7mj){gap:.45rem;margin:.85rem 0 0;padding:0;list-style:none;display:grid}.callout-key:where(.astro-6o7my7mj) li:where(.astro-6o7my7mj){align-items:flex-start;gap:.55rem;display:flex}.callout-key:where(.astro-6o7my7mj) li:where(.astro-6o7my7mj)>span:where(.astro-6o7my7mj){color:#a49cff;background:#6755f729;border-radius:50%;flex:none;place-items:center;width:1.35rem;height:1.35rem;font-size:.68rem;font-weight:700;display:inline-grid}.frame-mobile:where(.astro-6o7my7mj){max-width:25rem;margin-inline:auto}.frame-mobile:where(.astro-6o7my7mj) .shot-shell:where(.astro-6o7my7mj){background:#25283d;border-width:.4rem;border-color:#25283d;border-radius:2.4rem;padding:.45rem}.frame-mobile:where(.astro-6o7my7mj) .shot-toolbar:where(.astro-6o7my7mj){background:#11131f;border:0;min-height:1.8rem;position:relative}.mobile-speaker:where(.astro-6o7my7mj){background:#373a51;border-radius:999px;grid-column:2;width:3.5rem;height:.28rem}.frame-mobile:where(.astro-6o7my7mj) .frame-label:where(.astro-6o7my7mj){font-size:.6rem;position:absolute;left:.75rem}.frame-mobile:where(.astro-6o7my7mj) .image-link:where(.astro-6o7my7mj){border-radius:0 0 1.65rem 1.65rem}.frame-plain:where(.astro-6o7my7mj) .shot-shell:where(.astro-6o7my7mj){border-radius:.8rem;box-shadow:0 1.3rem 4rem #03051433}:root[data-theme=light] .product-shot:where(.astro-6o7my7mj){--shot-border:#4c3db52e;--shot-panel:#efedf7;--shot-toolbar:#f5f3fbfa}:root[data-theme=light] .shot-toolbar:where(.astro-6o7my7mj){color:#6d697b;border-bottom-color:#4c3db51a}:root[data-theme=light] .frame-label:where(.astro-6o7my7mj){color:#343044}@media (width<=50rem){.shot-shell:where(.astro-6o7my7mj){border-radius:.9rem}.secure-indicator:where(.astro-6o7my7mj){display:none}.zoom-hint:where(.astro-6o7my7mj){opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.image-link:where(.astro-6o7my7mj) img,.zoom-hint:where(.astro-6o7my7mj){transition:none}}@media print{.shot-shell:where(.astro-6o7my7mj){box-shadow:none;border:1px solid #999}.zoom-hint:where(.astro-6o7my7mj){display:none}}