@keyframes purifierMicroVibration{0%,to{transform:translate(0,0)}22%{transform:translate(-.6px,.3px)}46%{transform:translate(.7px,-.35px)}70%{transform:translate(-.35px,.2px)}}@keyframes purifierWaterFlow{0%{background-position:0 -54px,0 0}to{background-position:0 0,0 0}}.purifier-demo-visual{isolation:isolate;aspect-ratio:1;background:#000;position:relative;overflow:hidden}.purifier-demo-overlay{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.purifier-demo-visual.is-micro-vibrating{animation:.34s ease-in-out purifierMicroVibration}.purifier-led{z-index:2;aspect-ratio:1;opacity:0;pointer-events:none;border-radius:999px;width:clamp(4px,.6vw,7px);transition:opacity .18s,box-shadow .18s;position:absolute;transform:translate(-50%,-50%)}.purifier-led.is-active{opacity:1}.purifier-led--red.is-active{background:#ff4d5a;box-shadow:0 0 4px 1px #ff4d5ae6,0 0 10px 3px #ff20366b}.purifier-led--green.is-active{background:#4de58c;box-shadow:0 0 4px 1px #4de58ce6,0 0 10px 3px #1dcc6766}.purifier-led--blue.is-active{background:#55c7ff;box-shadow:0 0 4px 1px #55c7fff2,0 0 10px 3px #2299ff6b}.purifier-water-stream{z-index:3;clip-path:polygon(0 0,100% 0,78% 100%,22% 100%);opacity:0;pointer-events:none;transform-origin:bottom;will-change:transform, opacity, background-position;background:linear-gradient(#fff0 0%,#f5fcff33 42%,#fff0 72%) 0 -54px/100% 54px repeat-y,linear-gradient(90deg,#9adefa00 0%,#afe6fc42 18%,#f2fbffb3 50%,#afe6fc42 82%,#9adefa00 100%) 0 0/100% 100% no-repeat;border-radius:999px 999px 45% 45%;width:clamp(5px,.6vw,8px);height:18%;transition:transform .16s cubic-bezier(.4,0,1,1),opacity .13s ease-out;position:absolute;transform:translate(-50%)scaleY(0);box-shadow:0 0 5px #aae5ff33}.purifier-water-stream.is-active{opacity:.74;transform-origin:top;transition:transform .21s cubic-bezier(.2,.75,.25,1),opacity 90ms ease-in;animation:.85s linear infinite purifierWaterFlow;transform:translate(-50%)scaleY(1)}.purifier-tap-hotspot{z-index:4;appearance:none;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;min-width:28px;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:1rem;outline:none;padding:0;position:absolute;transform:translate(-50%,-50%)}.purifier-tap-hotspot[aria-disabled=true]{cursor:default}.purifier-tap-focus{box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:.9rem;position:absolute;inset:0}.purifier-tap-hotspot.is-calibrating .purifier-tap-focus{background:#00e5ff1f;border:1px solid #00e5ff;box-shadow:0 0 0 2px #00e5ff59}.purifier-power-switch{background:0 0;border:0;border-radius:999px;flex:none;width:3.375rem;height:2.75rem;position:relative}.purifier-power-switch:before{content:"";background:#ffffff17;border:1px solid #ffffff29;border-radius:999px;transition:background-color .18s,border-color .18s,box-shadow .18s;position:absolute;inset:.4375rem 0}.purifier-power-switch>span{z-index:1;background:#fff;border-radius:999px;width:1.375rem;height:1.375rem;transition:transform .18s;position:absolute;top:.6875rem;left:3px;box-shadow:0 2px 8px #00000047}.purifier-power-switch.is-on:before{background:#0067b8;border-color:#41befd85;box-shadow:0 0 12px #41befd1f}.purifier-power-switch.is-on>span{transform:translate(1.625rem)}.purifier-power-switch:focus-visible{outline-offset:3px;outline:3px solid #41befd80}.purifier-power-switch:disabled{cursor:not-allowed;opacity:.45}@media (prefers-reduced-motion:reduce){.purifier-demo-visual.is-micro-vibrating,.purifier-water-stream.is-active{animation:none!important}}
