.icon{display:grid;place-content:center;color:inherit}.icon svg{display:block;height:24px;width:auto}.button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2xs);padding:var(--spacing-sm);border-radius:var(--radius);border:1px solid var(--button-border-color);background-color:var(--button-background-color);color:var(--button-text-color);cursor:pointer;transition:background-color .2s ease-in-out;text-decoration:none;leading-trim:both;text-edge:cap;font-family:var(--font-family);font-size:var(--font-size-300);font-style:normal;font-weight:400;line-height:96.154%;width:100%}.button--round{border-radius:var(--radius-max);aspect-ratio:1/1;width:24px;height:24px;flex-shrink:0}.button[data-level=primary]{--button-border-color: var(--bg-primary);--button-background-color: var(--bg-primary);--button-text-color: var(--fg-secondary-container-variant)}.button[data-level=primary]:hover,.button[data-level=primary]:active{--button-border-color: var(--brand-primary-700);--button-background-color: var(--brand-primary-700);--button-text-color: var(--fg-secondary-container-variant)}.button[data-level=secondary],.button[data-level=secondary]:hover,.button[data-level=secondary]:active{--button-border-color: var(--bg-neutral);--button-background-color: var(--bg-neutral);--button-text-color: var(--fg-secondary)}.button[data-level=link]{padding:0;font-size:var(--font-size-100);font-style:normal;font-weight:400;line-height:142.857%;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:2px;--button-border-color: transparent;--button-background-color: transparent;--button-text-color: var(--fg-primary-container-variant)}.button[data-level=link]:hover,.button[data-level=link]:active{--button-border-color: transparent;--button-background-color: transparent;--button-text-color: var(--fg-primary-container-variant)}.button__text{position:relative;top:2px}.video-player{position:relative;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1/1;animation:fade-in 1.2s var(--easing) forwards}@starting-style{.video-player{opacity:0;transform:scale(.9) translateY(2%)}}.video-player__poster{position:absolute;width:100%;height:100%;object-fit:contain;z-index:1}.video-player__video{position:absolute;width:120%;height:auto;opacity:0;transition:opacity .3s ease;transform:translateZ(0);will-change:contents;backface-visibility:hidden}.video-player__video--loaded{opacity:1}.layout__section--home .video-player__video{width:100%}.video-player__video[data-video-id=over-ripe],.video-player__video[data-video-id=hard-ripe]{width:110%}.video-player__error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-error, #ff4444);text-align:center;padding:1rem}.loader-container{display:grid;place-items:center;gap:var(--spacing-sm)}.loader,.loader:before,.loader:after{border-radius:50%;width:2.5em;height:2.5em;animation-fill-mode:both;animation:bblFadInOut 1.8s infinite ease-in-out}.loader{font-size:7px;position:relative;text-indent:-9999em;transform:translateZ(0);animation-delay:-.16s}.loader[data-theme=dark]{color:var(--brand-secondary-900)}.loader[data-theme=light]{color:var(--brand-secondary-100)}.loader:before,.loader:after{content:"";position:absolute;top:0}.loader:before{left:-3.5em;animation-delay:-.32s}.loader:after{left:3.5em}@keyframes bblFadInOut{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em}}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}html,body{background-color:var(--theme-background);scrollbar-width:none;color-scheme:light}@media(prefers-color-scheme:dark){html,body{--theme-background: var(--neutral-100);--theme-foreground: var(--neutral-900);background-color:var(--theme-background);color:var(--theme-foreground)}}html:focus-within{scroll-behavior:smooth}html{font-family:Arial Narrow,Impact,system-ui,sans-serif;font-weight:700}body{text-rendering:optimizeSpeed;line-height:1.5;-webkit-font-smoothing:antialiased;background-color:var(--theme-background)}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}button{appearance:none;background-color:transparent;border:none;padding:0;color:currentColor;cursor:pointer}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;transform:translateZ(0)!important}}figcaption{margin-top:var(--spacing-2xs)}*::selection{background-color:var(--brand-primary-500);color:var(--brand-primary-100)}*:focus-visible{outline-color:var(--brand-primary-300);outline-offset:.25em;outline-width:.5px}@media(prefers-color-scheme:dark){body{--theme-background: var(--neutral-100);--theme-foreground: var(--neutral-900);background-color:#fff!important;color:#000!important}}@font-face{font-family:Bebas Neue;src:url(/fonts/BebasNeue-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--brand-primary-100: #e0edff;--brand-primary-200: #c5d8f7;--brand-primary-300: #8caee4;--brand-primary-400: #4873b4;--brand-primary-500: #002f6c;--brand-primary-600: #052358;--brand-primary-700: #011e41;--brand-primary-800: #031331;--brand-primary-900: #010a1b;--brand-secondary-100: #fbfdeb;--brand-secondary-200: #e8f5a3;--brand-secondary-300: #dce983;--brand-secondary-400: #c0dc3e;--brand-secondary-500: #afcf00;--brand-secondary-600: #88a700;--brand-secondary-700: #5b7300;--brand-secondary-800: #354000;--brand-secondary-900: #202600;--brand-tertiary-100: #fce6f1;--brand-tertiary-200: #f8bfd9;--brand-tertiary-300: #f298c1;--brand-tertiary-400: #cc4e8f;--brand-tertiary-500: #a50064;--brand-tertiary-600: #91034f;--brand-tertiary-700: #78023f;--brand-tertiary-800: #5e0230;--brand-tertiary-900: #45021f;--neutral-100: #ffffff;--neutral-200: #eeeeee;--neutral-300: #cccccc;--neutral-400: #aaaaaa;--neutral-500: #666666;--neutral-600: #444444;--neutral-700: #222222;--neutral-800: #111111;--neutral-900: #000000;--system-error-100: #fffbfa;--system-error-200: #fee4e2;--system-error-300: #fda29b;--system-error-400: #f97066;--system-error-500: #f04438;--system-error-600: #d92d20;--system-error-700: #b42318;--system-error-800: #912018;--system-error-900: #55160c;--system-success-100: #f6fef9;--system-success-200: #dcfae6;--system-success-300: #75e0a7;--system-success-400: #47cd89;--system-success-500: #17b26a;--system-success-600: #079455;--system-success-700: #067647;--system-success-800: #085d3a;--system-success-900: #053321;--system-warning-100: #fffcf5;--system-warning-200: #fef0c7;--system-warning-300: #fec84b;--system-warning-400: #fdb022;--system-warning-500: #f79009;--system-warning-600: #dc6803;--system-warning-700: #b54708;--system-warning-800: #93370d;--system-warning-900: #4e1d09}:root{color-scheme:"light only";--bg-neutral: var(--neutral-100);--bg-neutral-container: var(--neutral-200);--bg-primary: var(--brand-primary-500);--bg-primary-container: var(--brand-primary-200);--bg-secondary: var(--brand-secondary-500);--bg-secondary-container: var(--brand-secondary-800);--bg-tertiary: var(--brand-tertiary-500);--bg-tertiary-container: var(--brand-tertiary-200);--fg-neutral: var(--neutral-900);--fg-neutral-variant: var(--neutral-500);--fg-primary: var(--neutral-100);--fg-primary-container: var(--brand-primary-900);--fg-primary-container-variant: var(--brand-primary-500);--fg-primary-variant: var(--brand-primary-200);--fg-secondary: var(--neutral-900);--fg-secondary-container-variant: var(--brand-secondary-500);--fg-secondary-container: var(--brand-secondary-100);--fg-secondary-variant: var(--brand-secondary-800);--fg-tertiary: var(--neutral-100);--fg-tertiary-container: var(--brand-tertiary-900);--fg-tertiary-container-variant: var(--brand-tertiary-500);--fg-tertiary-variant: var(--brand-tertiary-200);--scale-not-ripe: 236, 236, 222;--scale-hard-ripe: 209, 220, 179;--scale-ripe: 162, 184, 19;--scale-soft-ripe: 164, 171, 0;--scale-overripe: 212, 206, 185;--spacing-2xs: 8px;--spacing-xs: 12px;--spacing-sm: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 28px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 56px;--spacing-7xl: 64px;--spacing-8xl: 80px;--horizontal-margin: 16px;--content_max-width: 48rem;--vertical-margin: 32px;--step--2: clamp(.5653rem, .607rem + -.0651vw, .5917rem);--step--1: clamp(.7519rem, .7793rem + -.0428vw, .7692rem);--step--0: clamp(.875rem, .875rem + 0vw, .875rem);--step-0: clamp(1rem, 1rem + 0vw, 1rem);--step-1: clamp(1.3rem, 1.2827rem + .074vw, 1.33rem);--step-2: clamp(1.69rem, 1.6444rem + .1945vw, 1.7689rem);--step-3: clamp(2.197rem, 2.1071rem + .3837vw, 2.3526rem);--step-4: clamp(2.8561rem, 2.6984rem + .6728vw, 3.129rem);--step-5: clamp(3.7129rem, 3.4537rem + 1.1061vw, 4.1616rem);--step-6: clamp(4.8268rem, 4.4177rem + 1.7457vw, 5.5349rem);--step-7: clamp(5.9447rem, 5.3449rem + 2.5588vw, 6.9826rem);--font-family: "Bebas Neue", "Arial Narrow", Impact, system-ui, sans-serif;--font-secondary: Arial, Helvetica, system-ui, sans-serif;--font-size-000: var(--step--1);--font-size-100: var(--step--0);--font-size-200: var(--step-0);--font-size-300: var(--step-1);--font-size-400: var(--step-2);--font-size-500: var(--step-3);--font-size-600: var(--step-4);--font-size-700: var(--step-5);--font-size-800: var(--step-6);--font-size-900: var(--step-7);--radius: 1rem;--radius-xs: .25rem;--radius-max: 62.4375rem;--easing: cubic-bezier(1, -.28, .78, .66)}.heading-300{color:var(--fg-neutral);font-family:var(--font-family);font-size:var(--font-size-300);font-style:normal;font-weight:400;line-height:96.154%}.heading-400{color:var(--fg-primary);font-family:var(--font-family);font-size:var(--font-size-400);font-style:normal;font-weight:400;line-height:140.643%}.heading-500{color:var(--fg-primary);leading-trim:both;text-edge:cap;font-family:var(--font-family);font-size:40px;font-style:normal;font-weight:400;line-height:50%}.heading-600{color:var(--fg-neutral);text-align:center;font-family:var(--font-family);font-size:var(--font-size-600);font-style:normal;font-weight:400;line-height:100%}.heading-700{color:var(--fg-neutral);text-align:center;font-family:var(--font-family);font-style:normal;font-weight:400;text-wrap:balance;font-size:var(--font-size-700);line-height:100%}.heading-800{color:var(--neutral-100);font-family:var(--font-family);font-size:var(--font-size-800);font-style:normal;font-weight:400;line-height:79.995%;text-wrap:balance}.heading-900{color:var(--fg-neutral);text-align:center;font-family:var(--font-family);font-style:normal;font-weight:400;text-wrap:balance;font-size:var(--font-size-900);line-height:80%}@view-transition{navigation: auto;}::view-transition-old(root),::view-transition-new(root){animation-duration:1.2s;animation-timing-function:var(--easing)}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in 1.2s var(--easing) forwards}[data-intro=slide-in]{animation:backdropIn 1s var(--easing) forwards}@starting-style{[data-intro=slide-in]{opacity:0;transform:translateY(-100%)}}@keyframes backdropIn{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:scale(.95) translateY(.5%)}to{opacity:1;transform:scale(1) translateY(0)}}.pulsate-fwd{animation:pulsate-fwd .5s var(--easing) infinite both}@keyframes pulsate-fwd{0%{transform:scale(1)}50%{transform:scaleX(1.1) scaleY(1.2)}to{transform:scale(1)}}@keyframes attention{0%{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}50%{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}60%{transform:scale(.91);animation-timing-function:ease-in}67%{transform:scale(.98);animation-timing-function:ease-out}83%{transform:scale(.87);animation-timing-function:ease-in}95%{transform:scale(1);animation-timing-function:ease-out}}:root{--theme-background: var(--neutral-100);--theme-foreground: var(--neutral-900);--theme-primary: var(--brand-primary-500);--theme-secondary: var(--brand-secondary-500);--theme-tertiary: var(--brand-tertiary-500)}@media(prefers-color-scheme:dark){:root{--theme-background: var(--neutral-100);--theme-foreground: var(--neutral-900);--theme-primary: var(--brand-primary-500);--theme-secondary: var(--brand-secondary-500);--theme-tertiary: var(--brand-tertiary-500)}}.layout{height:100dvh;margin-inline:auto;position:relative;z-index:0;background-color:var(--theme-background)}@media(prefers-color-scheme:dark){.layout{--theme-background: var(--neutral-100);background-color:var(--theme-background)}}.layout__section{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:0;height:100%}.layout__section--scan-result .video-player{transform:translateY(-40px)}@starting-style{.layout__section--scan-result .video-player{transform:translateY(-40px)}}.layout__section--home .video-player{margin-bottom:-50px}.layout__section--error .layout__header{padding-inline:0}.layout__section .error-image{margin-bottom:-40px}.layout__header{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--spacing-xl);width:100%;padding:var(--spacing-2xs) var(--horizontal-margin)}.layout__section--camera .layout__header{position:absolute;inset-inline:0;align-items:flex-start}.layout__header a,.layout__header .evo-hass-logo{display:block;z-index:10}.layout__title{color:var(--theme-foreground);position:relative;z-index:10}.layout__main{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;margin-top:calc((40px + 10vh)*-1)}.layout__footer{padding:var(--spacing-sm) var(--horizontal-margin);display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center;justify-content:center;position:relative;z-index:2}.button-group{width:100%;display:block;text-align:center}.button-group .button{display:inline-block;width:auto;margin-left:var(--spacing-5xl)}.button-group .button:first-child{margin-left:0}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideInFromLeft{0%{transform:translate(50%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(-50%);opacity:0}to{transform:translate(0);opacity:1}}.tip-text{color:var(--fg-neutral);text-align:center}.tip-text.slide-out-left{animation:slideOutLeft .4s var(--easing) forwards}.tip-text.slide-out-right{animation:slideOutRight .4s var(--easing) forwards}.tip-text.slide-in-from-left{animation:slideInFromLeft .25s var(--easing) forwards}.tip-text.slide-in-from-right{animation:slideInFromRight .25s var(--easing) forwards}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.only{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background-color:var(--bg-neutral);color:var(--fg-neutral);font-size:var(--font-size-400);font-weight:var(--font-weight-bold);text-align:center;text-wrap:balance;display:none;padding:2vw}@media screen and (pointer:coarse)and (orientation:landscape){.only--portrait{display:flex}.only--portrait .only__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2xs)}.only--mobile{display:none}}@media screen and (pointer:fine){.only--mobile{display:flex}.only--mobile .only__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm)}.only--mobile .only__header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs)}.only--mobile .only__davo{margin-top:var(--spacing-xl)}.only--portrait{display:none}}.only .heading-500{color:var(--fg-neutral)}.center{text-align:center;text-wrap:balance}.width-100{width:100vw}