.hero-computer-v2.svelte-ybdr8v{position:relative;aspect-ratio:842/620;width:50rem;right:8.5rem}.hero-computer-v2.svelte-ybdr8v .checkbox-container:where(.svelte-ybdr8v){position:absolute;bottom:5rem;right:-.5rem;z-index:200;display:flex;align-items:center;padding:2rem;gap:.5rem}@media (max-width: 768px){.hero-computer-v2.svelte-ybdr8v .checkbox-container:where(.svelte-ybdr8v){bottom:unset;top:calc(100% + 4rem);right:-1rem}}.hero-computer-v2.svelte-ybdr8v .checkbox-container:where(.svelte-ybdr8v) p:where(.svelte-ybdr8v){transform:rotate(-5deg);font-size:1.25rem}.hero-computer-v2.svelte-ybdr8v .checkbox-container:where(.svelte-ybdr8v) input[type=checkbox]:where(.svelte-ybdr8v){appearance:none;height:2rem;width:4rem;background:#1f1f1f;border-radius:2rem;cursor:pointer;position:relative;box-shadow:2px -2px 15px -1px #00000080 inset}.hero-computer-v2.svelte-ybdr8v .checkbox-container:where(.svelte-ybdr8v) input[type=checkbox]:where(.svelte-ybdr8v):focus{outline:none}.hero-computer-v2.svelte-ybdr8v .checkbox-container:where(.svelte-ybdr8v) input[type=checkbox]:where(.svelte-ybdr8v):before{position:absolute;height:100%;width:50%;background-color:var(--accent-color);border:none;content:"";left:0;border-radius:100%;transition:left .33s ease;outline:3.5px solid rgb(31,31,31);outline-offset:-3px}.hero-computer-v2.svelte-ybdr8v .checkbox-container:where(.svelte-ybdr8v) input[type=checkbox]:where(.svelte-ybdr8v):checked:before{left:50%}@media (max-width: 768px){.hero-computer-v2.svelte-ybdr8v{transform:scale(.6);transform-origin:top center;margin:0 auto;right:12rem;height:22.1875rem}}.hero-computer-v2.svelte-ybdr8v .mockup:where(.svelte-ybdr8v){position:relative;z-index:3;pointer-events:none}.hero-computer-v2.svelte-ybdr8v .mockup:where(.svelte-ybdr8v) img:where(.svelte-ybdr8v){height:100%;width:100%;object-fit:contain}.hero-computer-v2.svelte-ybdr8v .screen:where(.svelte-ybdr8v){aspect-ratio:426/419;width:25.625rem;max-height:23.125rem;position:absolute;top:2.5rem;right:5.75rem;z-index:2;overflow:hidden;background:#fff;transform:skewY(-8deg) skew(-1deg)}.hero-computer-v2.svelte-ybdr8v .screen-inner:where(.svelte-ybdr8v){height:100%;overflow-y:auto;transform-origin:top right}.hero-computer-v2.svelte-ybdr8v .screen-inner:where(.svelte-ybdr8v) img:where(.svelte-ybdr8v){width:100%}@keyframes svelte-ybdr8v-anim{0%{translate:0 0}25%{translate:0 -2rem}50%{translate:0 0}75%{translate:0 -2rem}to{translate:0 0}}@keyframes svelte-ybdr8v-anim2{0%{translate:0 0}50%{translate:0 -20rem}to{translate:0 0}}.is-safari .hero-computer-v2{width:44.5rem}.is-safari .hero-computer-v2 .screen{width:23rem;right:5.15rem;top:2.25rem}