.rn-suction-wrap{scroll-margin-top:120px}.rn-suction{--rn-suction-controls:92px;--rn-mode-rgb:52 198 230;position:relative;display:block}.rn-suction__panels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.rn-suction__panels>*{pointer-events:auto}.rn-suction__stage{position:relative;aspect-ratio:16 / 9;max-height:min(82vh,820px);width:100%;overflow:hidden;border-radius:var(--rn-r-xl);background:radial-gradient(120% 90% at 20% 0%,rgb(255 246 230 / .35),transparent 60%),linear-gradient(180deg,#d2ae84,#b98f63);box-shadow:var(--rn-shadow-lg),inset 0 0 0 1px #ffffff40;touch-action:pan-y;user-select:none;-webkit-user-select:none;isolation:isolate}.rn-suction__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s var(--rn-ease)}.rn-suction.is-ready .rn-suction__canvas{opacity:1}@media(hover:hover)and (pointer:fine){.rn-suction__stage{cursor:crosshair}}.rn-suction__card{position:absolute;z-index:2;top:18px;padding:16px 18px;color:var(--rn-ink)}.rn-suction__card--mode{left:18px;width:min(330px,34%)}.rn-suction__card--stats{right:76px;display:grid;grid-template-columns:repeat(4,auto);gap:18px;align-items:start;padding:14px 18px}.rn-suction__info[hidden]{display:none}.rn-suction__info:not([hidden]){animation:rn-suction-in .45s var(--rn-ease)}@keyframes rn-suction-in{0%{opacity:0;translate:0 6px}}.rn-suction__name{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:.8125rem;font-weight:600;letter-spacing:.01em;color:var(--rn-muted)}.rn-suction__dot{width:8px;height:8px;border-radius:50%;background:rgb(var(--rn-mode-rgb));box-shadow:0 0 0 3px rgb(var(--rn-mode-rgb) / .2),0 0 12px rgb(var(--rn-mode-rgb) / .8)}.rn-suction__value{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0}.rn-suction__value .rn-num{font-size:clamp(1.9rem,1.4rem + 1.4vw,2.6rem)}.rn-suction__caption{font-size:.8125rem;color:var(--rn-muted)}.rn-suction__desc{margin:10px 0 0;font-size:.875rem;line-height:1.5;color:var(--rn-muted);text-wrap:pretty}.rn-suction__auto{display:inline-flex;align-items:center;gap:8px;margin:12px 0 0;padding:6px 10px;border-radius:var(--rn-r-pill);font-size:.75rem;font-weight:600;color:var(--rn-ink);background:rgb(var(--rn-mode-rgb) / .16);box-shadow:inset 0 0 0 1px rgb(var(--rn-mode-rgb) / .35)}.rn-suction__auto:before{content:"";width:6px;height:6px;border-radius:50%;background:rgb(var(--rn-mode-rgb));animation:rn-suction-pulse 1.4s ease-in-out infinite}.rn-suction__auto[hidden]{display:none}@keyframes rn-suction-pulse{50%{opacity:.35}}.rn-suction__stat{display:grid;gap:6px;justify-items:start}.rn-suction__label{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--rn-faint);white-space:nowrap}.rn-suction__num{font-size:1.35rem;min-width:3.2ch}.rn-suction__bars{display:flex;align-items:flex-end;gap:3px;height:22px}.rn-suction__bars i{width:6px;border-radius:2px;background:rgb(var(--rn-ink-rgb) / .14);transition:background-color .35s,box-shadow .35s}.rn-suction__bars i:nth-child(1){height:40%}.rn-suction__bars i:nth-child(2){height:70%}.rn-suction__bars i:nth-child(3){height:100%}.rn-suction__bars[data-level="1"] i:nth-child(-n+1),.rn-suction__bars[data-level="2"] i:nth-child(-n+2),.rn-suction__bars[data-level="3"] i{background:rgb(var(--rn-mode-rgb));box-shadow:0 0 10px rgb(var(--rn-mode-rgb) / .6)}.rn-suction__cup{position:relative;display:block;width:26px;height:22px;overflow:hidden;border-radius:6px 6px 8px 8px;background:#ffffff8c;box-shadow:inset 0 0 0 1px rgb(var(--rn-ink-rgb) / .18)}.rn-suction__cup span{position:absolute;inset:auto 0 0;height:calc(var(--fill,0) * 100%);background:radial-gradient(circle at 30% 40%,rgb(255 255 255 / .35) 0 1px,transparent 1.5px) 0 0 / 5px 5px,linear-gradient(180deg,#a08c74,#6f5d49);transition:height .4s var(--rn-ease)}.rn-suction__reset{position:absolute;z-index:2;top:18px;right:18px;display:grid;place-items:center;width:46px;height:46px;padding:0;border:0;color:var(--rn-ink);cursor:pointer;transition:scale .3s var(--rn-ease)}.rn-suction__reset:hover svg{rotate:-160deg}.rn-suction__reset svg{transition:rotate .6s var(--rn-ease)}.rn-suction__reset:active{scale:.94}.rn-suction__hint,.rn-suction__toast{position:absolute;z-index:2;left:50%;bottom:calc(var(--rn-suction-controls) - 4px);translate:-50% 0;margin:0;padding:7px 14px;border-radius:var(--rn-r-pill);font-size:.8125rem;font-weight:500;white-space:nowrap;color:#fff;background:#0b0d108c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;transition:opacity .5s var(--rn-ease)}.rn-suction__hint.is-gone{opacity:0}.rn-suction__hint-touch{display:none}@media(pointer:coarse){.rn-suction__hint-pointer{display:none}.rn-suction__hint-touch{display:inline}}.rn-suction__toast{display:inline-flex;align-items:center;gap:6px;background:rgb(var(--rn-mode-rgb) / .92);color:var(--rn-ink);animation:rn-suction-in .45s var(--rn-ease)}.rn-suction__toast[hidden]{display:none}.rn-suction__modes{position:absolute;z-index:2;left:50%;bottom:18px;translate:-50% 0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:min(560px,calc(100% - 36px));padding:5px}.rn-suction__indicator{position:absolute;top:5px;bottom:5px;left:0;width:var(--w,0);translate:var(--x,0) 0;border-radius:var(--rn-r-pill);background:radial-gradient(120% 150% at 28% -10%,#ffffffa6,#fff0 55%),linear-gradient(180deg,rgb(var(--rn-mode-rgb) / .95),rgb(var(--rn-mode-rgb)));box-shadow:inset 0 1px #fff9,0 6px 18px -8px rgb(var(--rn-mode-rgb) / .95);transition:translate .6s var(--rn-spring),width .6s var(--rn-spring)}.rn-suction__indicator.is-moving{animation:rn-suction-stretch .6s var(--rn-ease)}@keyframes rn-suction-stretch{35%{scale:1.12 .86}70%{scale:.97 1.04}}.rn-suction__mode{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:0 12px;border:0;border-radius:var(--rn-r-pill);background:none;font:inherit;font-size:.9rem;font-weight:600;color:var(--rn-muted);cursor:pointer;transition:color .35s}.rn-suction__mode[aria-checked=true]{color:var(--rn-ink)}.rn-suction__mode:focus-visible{outline:2px solid var(--rn-ink);outline-offset:-3px}.rn-suction__foot{margin:18px 0 0;font-size:.8125rem;line-height:1.5;color:var(--rn-faint)}@media(max-width:989px){.rn-suction__stage{aspect-ratio:4 / 3}.rn-suction__card--mode{width:min(300px,46%)}.rn-suction__card--stats{grid-template-columns:repeat(2,auto);gap:12px 18px}}@media(max-width:749px){.rn-suction{--rn-suction-controls:74px}.rn-suction__stage{aspect-ratio:4 / 5;max-height:78vh;border-radius:var(--rn-r-lg)}.rn-suction__panels{position:static;display:grid;gap:10px;margin-top:12px}.rn-suction__card{position:static;width:auto}.rn-suction__card--stats{grid-template-columns:repeat(4,auto);justify-content:space-between;column-gap:12px}.rn-suction__reset{top:12px;right:12px;width:42px;height:42px}.rn-suction__modes{bottom:12px;width:calc(100% - 24px)}.rn-suction__mode{flex-direction:column;gap:2px;min-height:50px;padding:0 4px;font-size:.75rem}}@media(prefers-reduced-motion:reduce){.rn-suction__indicator,.rn-suction__reset svg{transition:none}.rn-suction__auto:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/rn-suction.css.map */