.ezi{--ezi-r: 16px}.ezi-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;align-items:center}.ezi-grid--flip{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.ezi-grid--flip .ezi-copy{order:2}.ezi-copy{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.ezi-copy .ezl-text{max-width:420px}.ezi-stage{position:relative;border-radius:var(--ezi-r);overflow:hidden;aspect-ratio:16 / 10;background:#111;border:1px solid var(--ezl-line)}.ezi-stage>img,.ezi-stage>canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.ezi-stage>img{object-fit:cover}.ezi-chip{position:absolute;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:#0a0a0bb8;border:1px solid rgba(255,255,255,.14);color:#f4f2ee;font-size:13px;font-weight:600;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none}.ezi-meter{width:100%;max-width:360px;display:flex;flex-direction:column;gap:8px}.ezi-meter__row{display:flex;justify-content:space-between;font-size:13px;color:var(--ezl-faint)}.ezi-meter__row b{color:var(--ezl-ink);font-variant-numeric:tabular-nums}.ezi-meter__bar{height:4px;border-radius:999px;background:#ffffff1a;overflow:hidden}.ezi-meter__bar i{display:block;height:100%;width:0;background:var(--ezl-accent);transition:width .3s ease}ez-wipe{display:block}ez-wipe canvas{touch-action:none;cursor:grab;transition:opacity 1.1s ease}ez-wipe canvas:active{cursor:grabbing}ez-wipe [data-hint]{left:50%;bottom:18px;transform:translate(-50%);animation:eziPulse 2.2s ease-in-out infinite}ez-wipe [data-done]{left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);opacity:0;transition:opacity .6s .5s,transform .6s .5s;pointer-events:none;flex-direction:column;height:auto;padding:18px 24px;gap:12px;border-radius:14px;text-align:center}ez-wipe.is-clean [data-done]{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}ez-wipe [data-done] b{font-family:Inter Tight,sans-serif;font-size:22px;letter-spacing:-.02em}ez-wipe [data-done] .ezl-btn{min-height:46px;padding:0 20px;font-size:14px}ez-wipe .ezi-reset{background:none;border:none;color:var(--ezl-faint);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;padding:0}ez-foam{display:block}.ezi-foam__panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;margin-top:8px;width:100%}.ezi-dial{position:relative;width:150px;height:150px;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.ezi-dial svg{width:100%;height:100%;display:block}.ezi-dial [data-knob]{transform-origin:75px 75px;transition:transform .08s linear}.ezi-dial input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:grab}.ezi-dial input:focus-visible+svg{outline:2px solid var(--ezl-accent);outline-offset:4px;border-radius:999px}.ezi-dial__min,.ezi-dial__max{position:absolute;bottom:4px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ezl-faint)}.ezi-dial__min{left:10px}.ezi-dial__max{right:10px}.ezi-readout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ezi-readout div{padding:14px 16px;border-radius:12px;background:#121315;border:1px solid var(--ezl-line);display:flex;flex-direction:column;gap:2px}.ezi-readout b{font-family:Inter Tight,sans-serif;font-size:28px;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.ezi-level{grid-column:1 / -1}.ezi-level b{font-size:20px}.ezi-level span:last-child{font-size:13px;color:var(--ezl-muted)}ez-beads{display:block}.ezi-beads__labels{position:absolute;inset:14px 16px auto;display:flex;justify-content:space-between;pointer-events:none;z-index:3}.ezi-beads__labels .ezi-chip{position:static}.ezi-line{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#ffffffbf;box-shadow:0 0 18px #ffffff59;z-index:2;pointer-events:none}.ezi-line:after{content:"";position:absolute;top:50%;left:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:999px;background:#f4f2ee;box-shadow:0 6px 18px #00000080}.ezi-line:before{content:"\2039\203a";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;color:#0a0a0b;font-weight:700;font-size:16px;letter-spacing:2px}ez-beads input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4;margin:0}.ezi-rain{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:5;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 22px;border-radius:999px;border:none;background:#f4f2ee;color:#0a0a0b;font:inherit;font-weight:600;font-size:15px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;box-shadow:0 10px 30px #00000073;transition:transform .15s,background .2s}.ezi-rain.is-on{transform:translate(-50%) scale(.96);background:var(--ezl-accent)}.ezi-rain svg{width:18px;height:18px}@keyframes eziPulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:989px){.ezi-grid,.ezi-grid--flip{grid-template-columns:1fr;gap:20px}.ezi-grid--flip .ezi-copy{order:0}}@media(max-width:749px){.ezi-stage{aspect-ratio:4 / 3.4}.ezi-foam__panel{grid-template-columns:120px minmax(0,1fr);gap:14px}.ezi-dial{width:120px;height:120px}.ezi-readout b{font-size:22px}.ezi-readout div{padding:10px 12px}}.ezi [hidden]{display:none!important}.ezi-foam__stage>img[data-frame]{transition:opacity .35s ease,clip-path 1.6s cubic-bezier(.3,.6,.2,1);clip-path:inset(0 0 0 0)}.ezi-foam__stage>img[data-frame]:not(:first-of-type){animation:ezi-cling 9s ease-in-out infinite alternate;transform-origin:50% 0}.ezi-foam__stage.is-dry>img[data-frame]:not(:first-of-type){clip-path:inset(0 0 100% 0);transition:none}@keyframes ezi-cling{0%{transform:translateY(0) scaleY(1)}to{transform:translateY(.6%) scaleY(1.008)}}ez-beads canvas{pointer-events:none;z-index:1}ez-beads img[data-left]{z-index:0;will-change:clip-path}@media(prefers-reduced-motion:reduce){.ezi-foam__stage>img[data-frame]{animation:none;transition:opacity .2s}}ez-wipe .ezi-stage{border-radius:var(--ezi-r)}ez-wipe .ezi-suds{pointer-events:none;z-index:1}@media(hover:hover)and (pointer:fine){ez-wipe canvas{cursor:none}ez-wipe.is-clean canvas{cursor:default}}.ezi-mitt{position:absolute;left:0;top:0;width:clamp(80px,12vw,132px);z-index:2;pointer-events:none;opacity:0;transition:opacity .2s;will-change:transform;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45));--grit: 0}.ezi-mitt.is-on{opacity:1}.ezi-mitt img{display:block;width:100%;height:auto;transition:transform .12s}.ezi-mitt.is-down img{transform:scale(.94)}.ezi-mitt img{filter:sepia(calc(var(--grit) * .9)) saturate(calc(1 + var(--grit) * .3)) hue-rotate(calc(var(--grit) * -12deg)) brightness(calc(1 - var(--grit) * .62))}.ezi-toast{left:50%;top:16px;transform:translate(-50%,-8px);opacity:0;transition:opacity .25s,transform .25s;z-index:3;white-space:nowrap;max-width:calc(100% - 32px)}.ezi-toast.is-on{opacity:1;transform:translate(-50%)}ez-wipe [data-done]{z-index:4}.ezi-buckets{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-top:14px}.ezi-bucket{display:flex;align-items:center;gap:16px;padding:18px 18px 18px 14px;border-radius:16px;background:#ffffff08;border:1px solid var(--ezl-line);color:var(--ezl-ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.ezi-bucket[data-bucket=rinse]{flex-direction:row-reverse;text-align:right;padding:18px 14px 18px 18px}.ezi-bucket:hover,.ezi-bucket.is-over{border-color:#ffffff59;background:#ffffff0f}.ezi-bucket.is-over{transform:scale(1.03)}.ezi-bucket.is-call{border-color:var(--ezl-accent);animation:eziCall 1.4s ease-in-out infinite}@keyframes eziCall{50%{box-shadow:0 0 0 4px #f48a322e}}.ezi-bucket__img{position:relative;width:104px;flex:none;margin:-14px 0;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}.ezi-bucket__img img{display:block;width:100%;height:auto}.ezi-bucket__water{position:absolute;top:10.5%;right:10.5%;bottom:10.5%;left:10.5%;border-radius:50%;overflow:hidden;--dirt: 0}.ezi-bucket__water.is-rinse{background:radial-gradient(ellipse 70% 40% at 38% 26%,rgba(220,235,250,.28),transparent 70%),radial-gradient(circle at 50% 55%,#3c5268d1,#121a24e6 72%);box-shadow:inset 0 5px 12px #00000080}.ezi-bucket__water.is-wash{background-size:160% 160%;background-position:center;box-shadow:inset 0 5px 12px #0006}.ezi-dirt{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 45% 40%,#8a6a45,#4a3520 75%);opacity:var(--dirt);mix-blend-mode:multiply;transition:opacity .6s}.ezi-bucket.is-dip .ezi-bucket__img{animation:eziDip .55s ease}.ezi-bucket.is-dip .ezi-bucket__water{animation:eziRipple .55s ease}@keyframes eziDip{30%{transform:translateY(4px) scale(.96)}}@keyframes eziRipple{30%{box-shadow:inset 0 0 0 6px #ffffff59}}.ezi-bucket__txt{display:flex;flex-direction:column;gap:2px}.ezi-bucket__txt b{font-family:Inter Tight,sans-serif;font-size:17px;letter-spacing:-.01em}.ezi-bucket__txt span{font-size:12.5px;color:var(--ezl-faint)}.ezi-mittstat{display:flex;flex-direction:column;gap:6px;min-width:150px}.ezi-mittstat__row{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:8px;font-size:12.5px;color:var(--ezl-faint)}.ezi-mittstat__bar{height:5px;border-radius:999px;background:#ffffff1a;overflow:hidden}.ezi-mittstat__bar i{display:block;height:100%;width:100%;background:#dce6f0;transition:width .2s}.ezi-mittstat__bar.is-grit i{width:0;background:#9b7650}@media(max-width:749px){.ezi-buckets{grid-template-columns:1fr 1fr;gap:10px}.ezi-mittstat{grid-column:1 / -1;grid-row:1;flex-direction:row;align-items:center;gap:14px;min-width:0}.ezi-mittstat .ezl-label{display:none}.ezi-mittstat__row{flex:1;grid-template-columns:auto 1fr}.ezi-bucket,.ezi-bucket[data-bucket=rinse]{flex-direction:column;text-align:center;padding:10px;gap:8px}.ezi-bucket__img{width:82px;margin:0}.ezi-toast{white-space:normal;height:auto;padding:8px 14px;text-align:center;width:max-content}}@media(prefers-reduced-motion:reduce){.ezi-bucket.is-call,.ezi-bucket.is-dip .ezi-bucket__img{animation:none}}.ezr-head{display:grid;grid-template-columns:1.1fr 1fr;gap:24px 48px;align-items:end;margin-bottom:28px}.ezr-head .ezl-text{margin:0;max-width:520px}ez-routine{display:block}.ezr-steps{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;counter-reset:s}.ezr-pill{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--ezl-line);background:#ffffff05;color:var(--ezl-faint);font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s;position:relative;overflow:hidden}.ezr-pill:hover{color:var(--ezl-ink);border-color:#ffffff40}.ezr-pill__n{flex:none;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;font-size:12px;border:1px solid rgba(255,255,255,.2);font-variant-numeric:tabular-nums}.ezr-pill[aria-selected=true]{color:var(--ezl-ink);border-color:var(--ezl-accent);background:#f48a3214}.ezr-pill[aria-selected=true] .ezr-pill__n{background:var(--ezl-accent);border-color:var(--ezl-accent);color:#0a0a0b}.ezr-pill.is-done .ezr-pill__n{background:#ffffff1f;border-color:transparent;color:transparent;position:relative}.ezr-pill.is-done .ezr-pill__n:after{content:"";position:absolute;width:10px;height:5px;border-left:2px solid var(--ezl-ink);border-bottom:2px solid var(--ezl-ink);transform:translateY(-1px) rotate(-45deg)}.ezr-grid{display:grid;grid-template-columns:minmax(300px,.8fr) 1.75fr;gap:28px;align-items:start}.ezr-panel{display:flex;flex-direction:column;gap:16px;animation:ezrIn .45s ease}@keyframes ezrIn{0%{opacity:0;transform:translateY(8px)}}.ezr-count{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ezl-accent);font-weight:600}.ezr-title{margin:-6px 0 0;font-family:Inter Tight,sans-serif;font-size:clamp(24px,2.3vw,32px);line-height:1.1;letter-spacing:-.02em;color:var(--ezl-ink);font-weight:600}.ezr-product{display:flex;align-items:center;gap:16px;padding:12px 16px 12px 12px;border-radius:16px;border:1px solid var(--ezl-line);background:linear-gradient(135deg,#ffffff0d,#ffffff03);color:var(--ezl-ink);text-decoration:none;transition:border-color .2s}.ezr-product:hover{border-color:#ffffff4d}.ezr-product img{width:44px;height:auto;flex:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.5))}.ezr-product__txt{display:flex;flex-direction:column;gap:3px}.ezr-product__txt b{font-family:Inter Tight,sans-serif;font-size:19px;letter-spacing:-.01em}.ezr-product__go{font-size:13px;color:var(--ezl-faint)}.ezr-text{margin:0;font-size:15.5px;line-height:1.6;color:var(--ezl-soft, rgba(244,242,238,.78))}.ezr-tip{margin:0;display:flex;gap:10px;align-items:baseline;font-size:14px;line-height:1.5;color:var(--ezl-faint);padding:12px 14px;border-radius:12px;background:#ffffff08;border-left:2px solid var(--ezl-accent)}.ezr-tip span{flex:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ezl-accent);font-weight:700}.ezr-progress{height:4px;border-radius:999px;background:#ffffff1a;overflow:hidden}.ezr-progress i{display:block;height:100%;width:0;background:var(--ezl-accent);transition:width .3s ease}.ezr-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ezr-next[disabled],.ezr-next[aria-disabled=true]{opacity:.35;pointer-events:none}.ezr-next:not([disabled]):not([aria-disabled=true]){animation:ezrReady .9s ease 1}@keyframes ezrReady{40%{transform:scale(1.04);box-shadow:0 0 0 6px #f48a3233}}.ezr-skip{background:none;border:none;padding:0;color:var(--ezl-faint);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.ezr-stage{aspect-ratio:2 / 1}.ezr-stage canvas:first-of-type{touch-action:none}@media(hover:hover)and (pointer:fine){.ezr-stage canvas:first-of-type{cursor:none}ez-routine.is-finished .ezr-stage canvas:first-of-type{cursor:default}}.ezr-fx{pointer-events:none;z-index:1}.ezr-tool{position:absolute;left:0;top:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s;will-change:transform;--grit: 0}.ezr-tool.is-on{opacity:1}.ezr-tool>*{display:none;position:absolute}.ezr-tool>.is-active{display:block}.ezr-tool .is-bottle{width:clamp(38px,4.6vw,58px);height:auto;left:2px;top:-8px;transform:rotate(-24deg);transform-origin:50% 0;filter:drop-shadow(0 12px 16px rgba(0,0,0,.55));transition:transform .12s}.ezr-tool.is-down .is-bottle{transform:rotate(-24deg) scale(.95)}.ezr-tool .is-mitt{width:clamp(78px,10vw,124px);height:auto;left:0;top:0;transform:translate(-50%,-52%);filter:drop-shadow(0 10px 14px rgba(0,0,0,.45)) sepia(calc(var(--grit) * .9)) saturate(calc(1 - var(--grit) * .45)) hue-rotate(calc(var(--grit) * 160deg)) brightness(calc(1 - var(--grit) * .55));transition:filter .3s}.ezr-tool.is-down .is-mitt{transform:translate(-50%,-52%) scale(.95)}.ezr-jet{width:44px;height:44px;left:-22px;top:-22px;border-radius:50%;border:2px solid rgba(220,236,255,.9);box-shadow:0 0 0 6px #dcecff2e,inset 0 0 14px #dcecff80}.ezr-hint{left:50%;bottom:16px;transform:translate(-50%);animation:eziPulse 2.2s ease-in-out infinite;z-index:3;white-space:nowrap}.ezr-timer{left:16px;top:16px;z-index:3;gap:8px;padding-left:8px;color:var(--ezl-accent)}.ezr-timer svg{width:22px;height:22px}.ezr-timer b{color:#f4f2ee;font-variant-numeric:tabular-nums}.ezr-stage .ezi-toast{z-index:4}.ezr-action{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:4;height:50px;padding:0 24px;border-radius:999px;border:none;background:#f4f2ee;color:#0a0a0b;font:inherit;font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 10px 30px #00000073;animation:ezrGlow 1.4s ease-in-out infinite}@keyframes ezrGlow{50%{box-shadow:0 10px 30px #00000073,0 0 0 7px #f48a3247}}.ezr-finale{width:max-content;max-width:86%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 28px;border-radius:16px;background:#0a0a0bb8;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:center;color:#f4f2ee;animation:ezrIn .6s ease}.ezr-finale b{font-family:Inter Tight,sans-serif;font-size:26px;letter-spacing:-.02em}.ezr-finale span{font-size:14px;color:#f4f2eeb3}.ezr-buckets{margin-top:14px}.ezr-bucket__img{position:relative;width:70px;flex:none;margin:-10px 0;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}.ezr-bucket__img img{display:block;width:100%;height:auto}.ezr-bucket__img img.is-dirty{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s}.ezi-bucket.is-dip .ezr-bucket__img{animation:eziDip .55s ease}@media(max-width:989px){.ezr-head{grid-template-columns:1fr;gap:10px;margin-bottom:18px}.ezr-grid{grid-template-columns:1fr;gap:18px}.ezr-stagecol{order:-1}.ezr-steps{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--ezl-gutter, 20px) * -1) 14px;padding:0 var(--ezl-gutter, 20px);scroll-snap-type:x mandatory}.ezr-steps::-webkit-scrollbar{display:none}.ezr-steps li{flex:none;scroll-snap-align:start}.ezr-pill{padding:9px 14px 9px 9px;white-space:nowrap;font-size:13.5px}}@media(max-width:749px){.ezr-stage{aspect-ratio:4 / 3.2}.ezr-panel{gap:12px}.ezr-text{font-size:14.5px}.ezr-tip{font-size:13px}.ezr-hint{white-space:normal;height:auto;padding:8px 14px;width:max-content;max-width:calc(100% - 32px);text-align:center}.ezr-bucket__img{width:60px;margin:0}}
/*# sourceMappingURL=/cdn/shop/t/100/assets/ez-interactive.css.map */