.screenshot-container.svelte-1o312rn{border-left:solid 1px oklch(92.9% .013 255.508);border-right:solid 1px oklch(92.9% .013 255.508);padding:1rem 0 2rem}.screenshot.svelte-1o312rn{max-width:1100px;margin:0 auto;border:solid 1px oklch(92.9% .013 255.508);outline:solid 6px oklch(96.8% .007 247.896);border-radius:12px;display:flex;flex-direction:row;overflow:hidden}.image-container.svelte-1o312rn{position:relative;width:100%}.image-overlay.svelte-1o312rn{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}.screenshot.svelte-1o312rn img:where(.svelte-1o312rn){width:100%;aspect-ratio:2/1;border-radius:inherit;overflow-anchor:none;display:block}.screenshot[data-slide="1"].svelte-1o312rn .image-container:where(.svelte-1o312rn):not([data-slide="1"]){display:none}.screenshot[data-slide="2"].svelte-1o312rn .image-container:where(.svelte-1o312rn):not([data-slide="2"]){display:none}.screenshot[data-slide="3"].svelte-1o312rn .image-container:where(.svelte-1o312rn):not([data-slide="3"]){display:none}.tabs.svelte-1o312rn{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:.75rem;padding:0 .5rem 2rem}.tab.svelte-1o312rn{cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;border:solid 1px oklch(92.9% .013 255.508);border-radius:8px;background:#fff;height:30px;line-height:30px;padding:0 .5rem;font-size:14px;color:#45556c}.tabs[data-tab="1"].svelte-1o312rn .tab[data-tab="1"]:where(.svelte-1o312rn),.tabs[data-tab="2"].svelte-1o312rn .tab[data-tab="2"]:where(.svelte-1o312rn),.tabs[data-tab="3"].svelte-1o312rn .tab[data-tab="3"]:where(.svelte-1o312rn){border-color:#ffd237;border-color:oklch(87.9% .169 91.605);outline:solid 3px oklch(92.4% .12 95.746)}@media (max-width: 768px){.screenshot.svelte-1o312rn{border-radius:0}.image-container.svelte-1o312rn img:where(.svelte-1o312rn){width:180%;max-width:180%;margin-left:-40%}.screenshot[data-slide="1"].svelte-1o312rn .image-container:where(.svelte-1o312rn) img:where(.svelte-1o312rn){margin-left:0%}.screenshot[data-slide="2"].svelte-1o312rn .image-container:where(.svelte-1o312rn) img:where(.svelte-1o312rn){margin-left:0%;transform:translate(-45%)}.screenshot[data-slide="3"].svelte-1o312rn .image-container:where(.svelte-1o312rn) img:where(.svelte-1o312rn){transform:translate(-22%)}}@keyframes svelte-55r0g1-quote{0%{color:#90a1b9}to{color:#0f172b}}@supports (animation-timeline: scroll()){.quote-animation.svelte-55r0g1{animation:1s linear both svelte-55r0g1-quote;animation-timeline:view();animation-range:55vh 60vh}}