.demo-shell-module__T62xCG__section{--ease-out:cubic-bezier(.22, 1, .36, 1);background:var(--d-section-bg);color:var(--d-fg);font-family:var(--d-font-body);padding:100px 20px 108px;scroll-margin-top:4rem;position:relative;overflow:hidden}.demo-shell-module__T62xCG__inner{max-width:64rem;margin:0 auto}.demo-shell-module__T62xCG__overline{letter-spacing:.14em;text-transform:uppercase;color:var(--d-nav-muted);margin:0 0 14px;font-size:11px;font-weight:700}.demo-shell-module__T62xCG__title{font-family:var(--d-font-head);letter-spacing:-.02em;max-width:17ch;color:var(--d-fg);margin:0 0 14px;font-size:clamp(30px,4.2vw,42px);font-weight:600;line-height:1.1}.demo-shell-module__T62xCG__lede{color:var(--d-nav-text);max-width:44ch;margin:0 0 48px;font-size:17px;line-height:1.6}.demo-shell-module__T62xCG__tag{letter-spacing:.04em;text-transform:uppercase;background:var(--d-lav-bright);color:var(--d-t1);border-radius:999px;margin-bottom:14px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-block}.demo-shell-module__T62xCG__demo{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:64px;display:grid}.demo-shell-module__T62xCG__demoStageRight{grid-template-columns:minmax(0,1fr) minmax(0,540px);align-items:center}.demo-shell-module__T62xCG__demoStageRight .demo-shell-module__T62xCG__stage{order:2}.demo-shell-module__T62xCG__steps{flex-direction:column;gap:6px;margin:56px 0 0;padding:0;list-style:none;display:flex}.demo-shell-module__T62xCG__demoStageRight .demo-shell-module__T62xCG__steps{margin-top:0}.demo-shell-module__T62xCG__step{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;border-radius:var(--d-r-md);transition:background .35s var(--ease-out), border-color .35s, box-shadow .35s;background:0 0;border:1px solid #0000;padding:15px 18px 17px 62px;position:relative}.demo-shell-module__T62xCG__step:hover{background:var(--d-nav-hover);border-color:var(--d-nav-border)}.demo-shell-module__T62xCG__step:focus-visible{outline:2px solid var(--d-lav-dim);outline-offset:2px}.demo-shell-module__T62xCG__step[aria-current=true]{background:var(--d-nav-hover);border-color:var(--d-nav-border);box-shadow:var(--d-shadow-1)}.demo-shell-module__T62xCG__sn{background:var(--d-nav-hover);width:32px;height:32px;color:var(--d-nav-text);transition:background .35s, color .35s, transform .35s var(--ease-out);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;top:14px;left:16px}.demo-shell-module__T62xCG__step[aria-current=true] .demo-shell-module__T62xCG__sn{background:var(--d-lav);color:var(--d-t1);transform:scale(1.08)}.demo-shell-module__T62xCG__stepTitle{font-family:var(--d-font-head);color:var(--d-nav-text);flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;line-height:1.3;display:flex}.demo-shell-module__T62xCG__step[aria-current=true] .demo-shell-module__T62xCG__stepTitle{color:var(--d-fg)}.demo-shell-module__T62xCG__stepDesc{color:var(--d-nav-text);opacity:0;transition:grid-template-rows .45s var(--ease-out), opacity .35s, margin .45s var(--ease-out);grid-template-rows:0fr;margin:0;font-size:14px;line-height:1.5;display:grid}.demo-shell-module__T62xCG__stepDesc>span{min-height:0;overflow:hidden}.demo-shell-module__T62xCG__step[aria-current=true] .demo-shell-module__T62xCG__stepDesc{opacity:1;grid-template-rows:1fr;margin-top:5px}.demo-shell-module__T62xCG__track{background:var(--d-nav-border);border-radius:999px;height:3px;position:absolute;bottom:8px;left:62px;right:18px;overflow:hidden}.demo-shell-module__T62xCG__track i{background:var(--d-track);transform-origin:0;height:100%;animation:demo-shell-module__T62xCG__fill var(--d-dur,5.8s) linear forwards;display:block;transform:scaleX(0)}@keyframes demo-shell-module__T62xCG__fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.demo-shell-module__T62xCG__stepAddon{font-family:var(--d-font-body);letter-spacing:.04em;text-transform:uppercase;background:var(--d-lav-bright);color:var(--d-t1);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.demo-shell-module__T62xCG__stage{flex-direction:column;align-items:center;gap:22px;min-width:0;display:flex;position:relative}.demo-shell-module__T62xCG__glow{pointer-events:none;filter:blur(10px);background:radial-gradient(closest-side, var(--d-lav-a30), var(--d-lav-a05) 62%, transparent);border-radius:50%;width:460px;max-width:120%;height:460px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.demo-shell-module__T62xCG__measure{justify-content:center;width:100%;display:flex}.demo-shell-module__T62xCG__controls{color:var(--d-nav-muted);align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.demo-shell-module__T62xCG__incl{border-top:1px solid var(--d-nav-border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:64px;padding-top:30px;display:flex}.demo-shell-module__T62xCG__inclLabel{letter-spacing:.14em;text-transform:uppercase;color:var(--d-nav-muted);margin:0 8px 0 0;font-size:11px;font-weight:700}.demo-shell-module__T62xCG__chip{border:1px solid var(--d-nav-border);color:var(--d-nav-text);border-radius:999px;padding:6px 13px;font-size:12px;font-weight:700}.demo-shell-module__T62xCG__cta{flex-wrap:wrap;align-items:center;gap:20px;margin-top:36px;display:flex}.demo-shell-module__T62xCG__ctaLink{color:var(--d-fg);align-items:center;gap:6px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.demo-shell-module__T62xCG__ctaLink:hover{text-decoration:underline}.demo-shell-module__T62xCG__paused .demo-shell-module__T62xCG__track i,.demo-shell-module__T62xCG__paused .demo-shell-module__T62xCG__stage *{animation-play-state:paused!important}@media (max-width:900px){.demo-shell-module__T62xCG__section{padding:64px 20px 72px}.demo-shell-module__T62xCG__lede{margin-bottom:36px;font-size:16px}.demo-shell-module__T62xCG__demo,.demo-shell-module__T62xCG__demoStageRight{grid-template-columns:minmax(0,1fr);gap:28px}.demo-shell-module__T62xCG__stage,.demo-shell-module__T62xCG__demoStageRight .demo-shell-module__T62xCG__stage{order:-1}.demo-shell-module__T62xCG__steps,.demo-shell-module__T62xCG__demoStageRight .demo-shell-module__T62xCG__steps{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-direction:row;gap:10px;margin:0 -20px;padding:4px 20px 10px;overflow-x:auto}.demo-shell-module__T62xCG__steps::-webkit-scrollbar{display:none}.demo-shell-module__T62xCG__steps>li{scroll-snap-align:center;flex:0 0 min(78vw,300px);display:flex}.demo-shell-module__T62xCG__step{border-color:var(--d-nav-border);background:var(--d-nav-hover);align-self:stretch;min-height:132px}.demo-shell-module__T62xCG__step:not([aria-current=true]){opacity:.72}.demo-shell-module__T62xCG__stepDesc{opacity:1;grid-template-rows:1fr;margin-top:5px}.demo-shell-module__T62xCG__incl{margin-top:44px}}@media (prefers-reduced-motion:reduce){.demo-shell-module__T62xCG__section .demo-shell-module__T62xCG__track,.demo-shell-module__T62xCG__section .demo-shell-module__T62xCG__glow{display:none}.demo-shell-module__T62xCG__section .demo-shell-module__T62xCG__step,.demo-shell-module__T62xCG__section .demo-shell-module__T62xCG__sn,.demo-shell-module__T62xCG__section .demo-shell-module__T62xCG__stepDesc{transition:none}}
.demo-ui-module__PQvOia__pill{background:var(--d-bg-alt);color:var(--d-bottle);border:1px solid var(--d-bottle);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.demo-ui-module__PQvOia__lav{background:var(--d-lav-bright);border-color:var(--d-lav-dim);color:var(--d-t1)}.demo-ui-module__PQvOia__dot{background:var(--d-moss-bright);border-radius:50%;width:6px;height:6px;display:inline-block}.demo-ui-module__PQvOia__blink{animation:1.4s ease-in-out infinite demo-ui-module__PQvOia__blink}@keyframes demo-ui-module__PQvOia__blink{50%{opacity:.3}}.demo-ui-module__PQvOia__card{background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-r-sm);box-shadow:var(--d-shadow-1);padding:10px 12px}.demo-ui-module__PQvOia__fl{color:var(--d-t3);letter-spacing:.07em;text-transform:uppercase;font-size:9.5px;font-weight:700}.demo-ui-module__PQvOia__num{font-family:var(--d-font-head);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.demo-ui-module__PQvOia__btn{background:var(--d-bottle);width:100%;color:var(--d-on-dark);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-size:13px;font-weight:700;display:flex;position:relative;overflow:hidden}.demo-ui-module__PQvOia__photo{background:var(--d-placeholder);border-radius:10px;position:relative;overflow:hidden}.demo-ui-module__PQvOia__photo img{object-fit:cover}
.product-loop-module__YZXM7q__devbox{--ease-out:cubic-bezier(.22, 1, .36, 1);width:calc(300px * var(--s,1));height:calc(567px * var(--s,1));will-change:transform;flex:none;animation:7s ease-in-out infinite product-loop-module__YZXM7q__float;position:relative}@keyframes product-loop-module__YZXM7q__float{50%{transform:translateY(-6px)}}.product-loop-module__YZXM7q__phone{width:300px;height:567px;transform:scale(var(--s,1));transform-origin:0 0;background:var(--d-bottle-deep);box-shadow:var(--d-shadow-3), 0 0 0 1px var(--d-nav-border);border-radius:42px;padding:10px;position:absolute;top:0;left:0}.product-loop-module__YZXM7q__phone:before{content:"";background:var(--d-bottle-deep);z-index:4;border-radius:999px;width:70px;height:20px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.product-loop-module__YZXM7q__screen{background:var(--d-bg);width:100%;height:100%;color:var(--d-t1);isolation:isolate;border-radius:32px;position:relative;overflow:hidden}.product-loop-module__YZXM7q__scene{opacity:0;pointer-events:none;transition:opacity .5s var(--ease-out), transform .6s var(--ease-out);padding:44px 16px 18px;position:absolute;inset:0;transform:translateY(16px)scale(.985)}.product-loop-module__YZXM7q__on{opacity:1;transform:none}.product-loop-module__YZXM7q__out{opacity:0;transition-duration:.35s;transform:translateY(-12px)scale(.99)}.product-loop-module__YZXM7q__sbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.product-loop-module__YZXM7q__sbar b{font-family:var(--d-font-head);letter-spacing:-.01em;font-size:15px;font-weight:600}.product-loop-module__YZXM7q__tap{z-index:6;opacity:0;pointer-events:none;background:var(--d-lav-a50);border:2px solid var(--d-lav-dim);width:26px;height:26px;box-shadow:var(--d-shadow-2);border-radius:50%;margin:-13px 0 0 -13px;position:absolute;top:0;left:0}@keyframes product-loop-module__YZXM7q__type{0%{max-width:0}to{max-width:100%}}@keyframes product-loop-module__YZXM7q__caretOff{to{border-color:#0000}}@keyframes product-loop-module__YZXM7q__rise{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@keyframes product-loop-module__YZXM7q__fade{0%{opacity:0}to{opacity:1}}@keyframes product-loop-module__YZXM7q__blurIn{0%{opacity:0;filter:blur(10px);transform:scale(.9)}to{opacity:1;filter:blur();transform:none}}@keyframes product-loop-module__YZXM7q__press{0%{transform:scale(1)}45%{transform:scale(.95)}to{transform:scale(1)}}@keyframes product-loop-module__YZXM7q__ripple{0%{opacity:.55;transform:scale(0)}to{opacity:0;transform:scale(2.4)}}@keyframes product-loop-module__YZXM7q__ring{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.7)}}@keyframes product-loop-module__YZXM7q__fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes product-loop-module__YZXM7q__draw{0%{stroke-dashoffset:60px}to{stroke-dashoffset:0}}@keyframes product-loop-module__YZXM7q__drop{0%{opacity:0;transform:translateY(-34px)scale(.6)}60%{opacity:1;transform:translateY(3px)scale(1.06)}to{transform:none}}@keyframes product-loop-module__YZXM7q__burst{0%{opacity:0;transform:translate(0)scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(var(--x), var(--y)) scale(1)}}@property --demo-n{syntax:"<integer>";inherits:false;initial-value:128}@keyframes product-loop-module__YZXM7q__tick{0%{--demo-n:0}to{--demo-n:128}}.product-loop-module__YZXM7q__typed{white-space:nowrap;vertical-align:bottom;border-right:2px solid var(--d-lav-dim);max-width:100%;padding-right:1px;display:inline-block;overflow:hidden}.product-loop-module__YZXM7q__fieldRow{min-height:21px;font-size:14px;font-weight:700}.product-loop-module__YZXM7q__s1.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__typed{animation:1.5s steps(18,end) .55s both product-loop-module__YZXM7q__type,0s 2.3s forwards product-loop-module__YZXM7q__caretOff}.product-loop-module__YZXM7q__s1.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__nameCard{animation:product-loop-module__YZXM7q__rise .7s var(--ease-out) .15s both}.product-loop-module__YZXM7q__row2{gap:8px;margin:8px 0 10px;display:flex}.product-loop-module__YZXM7q__row2>*{box-shadow:none;flex:1;padding:8px 10px}.product-loop-module__YZXM7q__row2 b{font-size:12px}.product-loop-module__YZXM7q__s1.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__row2{animation:product-loop-module__YZXM7q__rise .7s var(--ease-out) .35s both}.product-loop-module__YZXM7q__s1.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__createBtn{animation:product-loop-module__YZXM7q__rise .7s var(--ease-out) .45s both, product-loop-module__YZXM7q__press .45s var(--ease-out) 2.75s}.product-loop-module__YZXM7q__rp{background:var(--d-lav-a50);opacity:0;border-radius:50%;width:70px;height:70px;margin:-35px;position:absolute;top:50%;left:50%}.product-loop-module__YZXM7q__s1.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__rp{animation:product-loop-module__YZXM7q__ripple .7s var(--ease-out) 2.75s}.product-loop-module__YZXM7q__s1.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__tap{animation:product-loop-module__YZXM7q__tap1 2.8s var(--ease-out) 1.9s both}@keyframes product-loop-module__YZXM7q__tap1{0%{opacity:0;transform:translate(230px,330px)scale(1)}25%{opacity:1}70%{opacity:1;transform:translate(140px,253px)scale(1)}82%{transform:translate(140px,253px)scale(.8)}to{opacity:0;transform:translate(140px,253px)scale(1.1)}}.product-loop-module__YZXM7q__qrcard{text-align:center;position:absolute;top:280px;left:16px;right:16px}.product-loop-module__YZXM7q__s1.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__qrcard{animation:product-loop-module__YZXM7q__rise .85s var(--ease-out) 3s both}.product-loop-module__YZXM7q__qrbox{border-radius:6px;width:124px;margin:0 auto 8px;position:relative;overflow:hidden}.product-loop-module__YZXM7q__qr{width:124px;height:124px;display:block}.product-loop-module__YZXM7q__qr rect{fill:var(--d-t1)}.product-loop-module__YZXM7q__s1.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__qr rect{animation:.35s ease-out both product-loop-module__YZXM7q__fade;animation-delay:calc(3.2s + var(--d) * 1ms)}.product-loop-module__YZXM7q__scan{opacity:0;background:linear-gradient(180deg, transparent, var(--d-lav-a50));border-bottom:2px solid var(--d-lav-dim);height:26px;position:absolute;top:-26px;left:-4px;right:-4px}.product-loop-module__YZXM7q__s1.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__scan{animation:product-loop-module__YZXM7q__scan 1s var(--ease-out) 4.2s both}@keyframes product-loop-module__YZXM7q__scan{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(152px)}}.product-loop-module__YZXM7q__link{color:var(--d-t2);font-size:11px;font-weight:700}.product-loop-module__YZXM7q__ready{margin-top:8px}.product-loop-module__YZXM7q__s1.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__ready{animation:product-loop-module__YZXM7q__rise .6s var(--ease-out) 4.8s both}.product-loop-module__YZXM7q__cover{border-radius:var(--d-r-md);background:linear-gradient(135deg, var(--d-lav), var(--d-lav-bright) 60%, var(--d-bg-alt));height:84px;margin-bottom:12px;position:relative;overflow:hidden}.product-loop-module__YZXM7q__cover b{font-family:var(--d-font-head);letter-spacing:-.01em;font-size:16px;font-weight:600;position:absolute;bottom:10px;left:12px}.product-loop-module__YZXM7q__noApp{position:absolute;top:10px;right:10px}.product-loop-module__YZXM7q__s2.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__cover{animation:product-loop-module__YZXM7q__rise .7s var(--ease-out) .1s both}.product-loop-module__YZXM7q__s2.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__addBtn{animation:product-loop-module__YZXM7q__rise .7s var(--ease-out) .3s both, product-loop-module__YZXM7q__press .45s var(--ease-out) 1.45s}.product-loop-module__YZXM7q__s2.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__tap{animation:product-loop-module__YZXM7q__tap2 4.6s var(--ease-out) .7s both}@keyframes product-loop-module__YZXM7q__tap2{0%{opacity:0;transform:translate(230px,330px)}8%{opacity:1}16%{transform:translate(140px,161px)scale(1)}19%{transform:translate(140px,161px)scale(.8)}23%{transform:translate(140px,161px)scale(1)}38%{transform:translate(55px,343px)scale(1)}40%{transform:translate(55px,343px)scale(.8)}44%{transform:translate(55px,343px)scale(1)}50%{transform:translate(55px,428px)scale(1)}52%{transform:translate(55px,428px)scale(.8)}56%{transform:translate(55px,428px)scale(1)}64%{transform:translate(225px,428px)scale(1)}66%{transform:translate(225px,428px)scale(.8)}70%{transform:translate(225px,428px)scale(1)}80%{transform:translate(140px,500px)scale(1)}82%{transform:translate(140px,500px)scale(.8)}86%{opacity:1;transform:translate(140px,500px)scale(1)}to{opacity:0;transform:translate(140px,500px)}}.product-loop-module__YZXM7q__sheet{z-index:3;background:var(--d-surface);border-radius:var(--d-r-lg) var(--d-r-lg) 0 0;box-shadow:0 -14px 40px -12px var(--d-bottle-a30);padding:12px 16px 24px;position:absolute;bottom:0;left:0;right:0;transform:translateY(105%)}.product-loop-module__YZXM7q__s2.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__sheet{animation:product-loop-module__YZXM7q__sheet 4.1s var(--ease-out) 1.55s both}@keyframes product-loop-module__YZXM7q__sheet{0%{transform:translateY(105%)}16%,78%{transform:none}to{transform:translateY(105%)}}.product-loop-module__YZXM7q__grab{background:var(--d-border);border-radius:4px;width:36px;height:4px;margin:0 auto 12px}.product-loop-module__YZXM7q__pick{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.product-loop-module__YZXM7q__pickItem{aspect-ratio:1;--t:99}.product-loop-module__YZXM7q__pickItem:after{content:"";border:2.5px solid var(--d-lav-dim);background:var(--d-lav-a30);opacity:0;border-radius:10px;position:absolute;inset:0}.product-loop-module__YZXM7q__pickItem i{z-index:1;background:var(--d-bottle);width:18px;height:18px;color:var(--d-on-dark);opacity:0;border-radius:50%;place-items:center;font-size:10px;font-style:normal;font-weight:700;display:grid;position:absolute;top:5px;right:5px;transform:scale(.4)}.product-loop-module__YZXM7q__s2.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__pickItem:after{animation:product-loop-module__YZXM7q__sel .5s var(--ease-out) both;animation-delay:calc(var(--t) * 1s)}.product-loop-module__YZXM7q__s2.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__pickItem i{animation:product-loop-module__YZXM7q__selb .5s var(--ease-out) both;animation-delay:calc(var(--t) * 1s)}@keyframes product-loop-module__YZXM7q__sel{to{opacity:1}}@keyframes product-loop-module__YZXM7q__selb{to{opacity:1;transform:none}}.product-loop-module__YZXM7q__shareBtn{margin-top:12px}.product-loop-module__YZXM7q__toast{background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-r-sm);box-shadow:var(--d-shadow-2);align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;top:150px;left:16px;right:16px}.product-loop-module__YZXM7q__toast span{background:var(--d-moss-a10);width:22px;height:22px;color:var(--d-moss-bright);border-radius:50%;flex:none;place-items:center;font-size:11px;display:grid}.product-loop-module__YZXM7q__s2.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__toast{animation:product-loop-module__YZXM7q__rise .6s var(--ease-out) 5s both}.product-loop-module__YZXM7q__count{font-size:40px}.product-loop-module__YZXM7q__count:before{counter-reset:demo-n var(--demo-n);content:counter(demo-n)}.product-loop-module__YZXM7q__s3.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__count{animation:product-loop-module__YZXM7q__tick 3.6s var(--ease-out) .2s both}.product-loop-module__YZXM7q__masonry{columns:2;column-gap:8px;margin-top:14px}.product-loop-module__YZXM7q__masonry>*{break-inside:avoid;width:100%;margin-bottom:8px}.product-loop-module__YZXM7q__h1{height:140px}.product-loop-module__YZXM7q__h2{height:102px}.product-loop-module__YZXM7q__h3{height:124px}.product-loop-module__YZXM7q__s3.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__masonry>*{animation:product-loop-module__YZXM7q__blurIn .8s var(--ease-out) both;animation-delay:calc(.5s + var(--i) * .5s)}.product-loop-module__YZXM7q__newPill{z-index:3;opacity:0;position:absolute;top:104px;left:50%;transform:translate(-50%)}.product-loop-module__YZXM7q__s3.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__newPill{animation:product-loop-module__YZXM7q__newp 1.4s var(--ease-out) calc(.6s + var(--k) * 1.3s) both}@keyframes product-loop-module__YZXM7q__newp{0%{opacity:0;transform:translate(-50%,-10px)scale(.8)}25%,70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-4px)}}.product-loop-module__YZXM7q__search{background:var(--d-surface);border:1.5px solid var(--d-lav-dim);box-shadow:var(--d-shadow-1);border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;display:flex}.product-loop-module__YZXM7q__sug{flex-direction:column;gap:6px;margin-top:8px;display:flex}.product-loop-module__YZXM7q__res{justify-content:space-between;align-items:center;padding:9px 12px;font-size:13px;font-weight:700;display:flex}.product-loop-module__YZXM7q__resDim{opacity:.55;font-weight:600}.product-loop-module__YZXM7q__s4.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__search{animation:product-loop-module__YZXM7q__rise .6s var(--ease-out) .1s both}.product-loop-module__YZXM7q__s4.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__typed{animation:.95s steps(7,end) .5s both product-loop-module__YZXM7q__type,0s 1.5s forwards product-loop-module__YZXM7q__caretOff}.product-loop-module__YZXM7q__s4.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__res{animation:product-loop-module__YZXM7q__rise .55s var(--ease-out) both;animation-delay:calc(1.5s + var(--i) * .15s)}.product-loop-module__YZXM7q__s4.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__resMe{animation:product-loop-module__YZXM7q__rise .55s var(--ease-out) 1.5s both, product-loop-module__YZXM7q__hit .5s var(--ease-out) 2.5s both}@keyframes product-loop-module__YZXM7q__hit{to{background:var(--d-lav-bright);border-color:var(--d-lav-dim)}}.product-loop-module__YZXM7q__s4.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__tap{animation:product-loop-module__YZXM7q__tap4 3s var(--ease-out) 1.9s both}@keyframes product-loop-module__YZXM7q__tap4{0%{opacity:0;transform:translate(220px,240px)}30%{opacity:1}60%{transform:translate(150px,156px)scale(1)}72%{transform:translate(150px,156px)scale(.8)}to{opacity:0;transform:translate(150px,156px)scale(1)}}.product-loop-module__YZXM7q__mapWrap{height:216px;position:absolute;top:254px;left:16px;right:16px}.product-loop-module__YZXM7q__s4.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__mapWrap{animation:product-loop-module__YZXM7q__rise .8s var(--ease-out) 3.1s both}.product-loop-module__YZXM7q__map{border-radius:var(--d-r-md);background:var(--d-bg-alt);border:1px solid var(--d-border);box-shadow:var(--d-shadow-1);position:absolute;inset:0;overflow:hidden}.product-loop-module__YZXM7q__plane{transform-origin:60%;position:absolute;inset:0}.product-loop-module__YZXM7q__s4.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__plane{animation:product-loop-module__YZXM7q__zoom 1.6s var(--ease-out) 3.7s both}@keyframes product-loop-module__YZXM7q__zoom{0%{transform:scale(1)}to{transform:scale(1.5)}}.product-loop-module__YZXM7q__tbl{background:var(--d-surface);border:1.5px solid var(--d-border);width:30px;height:30px;color:var(--d-t3);border-radius:50%;place-items:center;font-size:9px;font-weight:700;display:grid;position:absolute}.product-loop-module__YZXM7q__tblMe{background:var(--d-lav);border-color:var(--d-lav-dim);width:40px;height:40px;color:var(--d-t1);z-index:2;font-size:12px}.product-loop-module__YZXM7q__tblMe:after{content:"";border:2px solid var(--d-lav-dim);opacity:0;border-radius:50%;position:absolute;inset:-9px}.product-loop-module__YZXM7q__s4.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__tblMe{animation:product-loop-module__YZXM7q__drop .8s var(--ease-out) 3.6s both}.product-loop-module__YZXM7q__s4.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__tblMe:after{animation:1.6s ease-out 4.3s infinite product-loop-module__YZXM7q__ring}.product-loop-module__YZXM7q__caption{text-align:center;font-family:var(--d-font-head);letter-spacing:-.01em;font-size:17px;font-weight:600;position:absolute;top:484px;left:16px;right:16px}.product-loop-module__YZXM7q__s4.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__caption{animation:product-loop-module__YZXM7q__rise .6s var(--ease-out) 4.4s both}.product-loop-module__YZXM7q__row{border-bottom:1px solid var(--d-border);justify-content:space-between;align-items:center;padding:9px 0;font-size:12.5px;font-weight:600;display:flex}.product-loop-module__YZXM7q__row:last-child{border:0}.product-loop-module__YZXM7q__row em{color:var(--d-t2);font-variant-numeric:tabular-nums;font-style:normal}.product-loop-module__YZXM7q__s5.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__row{animation:product-loop-module__YZXM7q__rise .6s var(--ease-out) both;animation-delay:calc(.2s + var(--i) * .18s)}.product-loop-module__YZXM7q__prog{background:var(--d-bottle-a10);border-radius:999px;height:8px;margin:18px 0 8px;overflow:hidden}.product-loop-module__YZXM7q__prog i{background:var(--d-bottle);border-radius:inherit;transform-origin:0;height:100%;display:block}.product-loop-module__YZXM7q__s5.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__prog i{animation:2.4s cubic-bezier(.65,0,.35,1) 1s both product-loop-module__YZXM7q__fill}.product-loop-module__YZXM7q__done{text-align:center;margin-top:22px;position:relative}.product-loop-module__YZXM7q__check{width:64px;height:64px;margin:0 auto 10px;display:block;overflow:visible}.product-loop-module__YZXM7q__check circle{fill:var(--d-moss-a10);stroke:none}.product-loop-module__YZXM7q__check path{fill:none;stroke:var(--d-moss-bright);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60}.product-loop-module__YZXM7q__s5.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__check{animation:product-loop-module__YZXM7q__drop .8s var(--ease-out) 3.5s both}.product-loop-module__YZXM7q__s5.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__check path{animation:product-loop-module__YZXM7q__draw .6s var(--ease-out) 3.9s both}.product-loop-module__YZXM7q__doneTitle{font-family:var(--d-font-head);margin:0 0 12px;font-size:17px;font-weight:600}.product-loop-module__YZXM7q__s5.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__doneTitle{animation:product-loop-module__YZXM7q__rise .6s var(--ease-out) 4.1s both}.product-loop-module__YZXM7q__s5.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__dlBtn{animation:product-loop-module__YZXM7q__rise .6s var(--ease-out) 4.3s both}.product-loop-module__YZXM7q__conf{opacity:0;border-radius:50%;width:7px;height:7px;position:absolute;top:32px;left:50%}.product-loop-module__YZXM7q__s5.product-loop-module__YZXM7q__on .product-loop-module__YZXM7q__conf{animation:product-loop-module__YZXM7q__burst 1.1s var(--ease-out) 3.9s both}@media (prefers-reduced-motion:reduce){.product-loop-module__YZXM7q__devbox,.product-loop-module__YZXM7q__devbox *{transition:none!important;animation:none!important}}
.checkin-module__R_NNmW__devbox{--ease-out:cubic-bezier(.22, 1, .36, 1);width:calc(436px * var(--s,1));height:calc(396px * var(--s,1));will-change:transform;flex:none;animation:7s ease-in-out infinite checkin-module__R_NNmW__float;position:relative}@keyframes checkin-module__R_NNmW__float{50%{transform:translateY(-6px)}}.checkin-module__R_NNmW__dev{width:436px;height:396px;transform:scale(var(--s,1));transform-origin:0 0;background:var(--d-bottle-deep);box-shadow:var(--d-shadow-3), 0 0 0 1px var(--d-nav-border);border-radius:24px;padding:8px;position:absolute;top:0;left:0}.checkin-module__R_NNmW__screen{background:var(--d-bg);width:100%;height:100%;color:var(--d-t1);isolation:isolate;border-radius:17px;position:relative;overflow:hidden}.checkin-module__R_NNmW__top{z-index:2;background:var(--d-surface);border-bottom:1px solid var(--d-border);align-items:center;gap:8px;height:40px;padding:0 14px;display:flex;position:relative}.checkin-module__R_NNmW__top b{font-family:var(--d-font-head);letter-spacing:-.01em;font-size:14px;font-weight:600}.checkin-module__R_NNmW__spacer{flex:1}.checkin-module__R_NNmW__tabs{gap:2px;display:flex}.checkin-module__R_NNmW__tabs span{color:var(--d-t3);border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:700}.checkin-module__R_NNmW__tabs .checkin-module__R_NNmW__tabOn{background:var(--d-lav);color:var(--d-t1)}.checkin-module__R_NNmW__scene{opacity:0;pointer-events:none;transition:opacity .5s var(--ease-out), transform .6s var(--ease-out);padding:14px;position:absolute;inset:40px 0 0;transform:translateY(12px)scale(.99)}.checkin-module__R_NNmW__on{opacity:1;transform:none}.checkin-module__R_NNmW__out{opacity:0;transition-duration:.35s;transform:translateY(-10px)scale(.995)}@property --demo-ci-n{syntax:"<integer>";inherits:false;initial-value:47}@property --demo-ci-k{syntax:"<integer>";inherits:false;initial-value:112}@property --demo-ci-p{syntax:"<integer>";inherits:false;initial-value:62}@property --demo-ci-q{syntax:"<integer>";inherits:false;initial-value:96}@keyframes checkin-module__R_NNmW__cn{0%{--demo-ci-n:0}to{--demo-ci-n:47}}@keyframes checkin-module__R_NNmW__ck{0%{--demo-ci-k:0}to{--demo-ci-k:112}}@keyframes checkin-module__R_NNmW__cp{0%{--demo-ci-p:0}to{--demo-ci-p:62}}@keyframes checkin-module__R_NNmW__cq{0%{--demo-ci-q:62}to{--demo-ci-q:96}}@keyframes checkin-module__R_NNmW__rise{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}@keyframes checkin-module__R_NNmW__fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes checkin-module__R_NNmW__grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes checkin-module__R_NNmW__ringfill{0%{stroke-dashoffset:214px}}@keyframes checkin-module__R_NNmW__rowIn{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:56px;transform:none}}@keyframes checkin-module__R_NNmW__flash{0%{background:var(--d-lav-bright);border-color:var(--d-lav-dim)}}@keyframes checkin-module__R_NNmW__pop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.15)}to{opacity:1;transform:none}}@keyframes checkin-module__R_NNmW__heat{0%{background:var(--d-bg-alt);color:var(--d-t3);transform:scale(.9)}}.checkin-module__R_NNmW__sum{align-items:center;gap:14px;margin-bottom:12px;display:flex}.checkin-module__R_NNmW__ring{flex:none;width:70px;height:70px}.checkin-module__R_NNmW__ring circle{fill:none;stroke-width:8px}.checkin-module__R_NNmW__ringBg{stroke:var(--d-bottle-a10)}.checkin-module__R_NNmW__ringFg{stroke:var(--d-bottle);stroke-linecap:round;stroke-dasharray:214;stroke-dashoffset:158px;transform-origin:50%;transform:rotate(-90deg)}.checkin-module__R_NNmW__sa.checkin-module__R_NNmW__on .checkin-module__R_NNmW__ringFg{animation:checkin-module__R_NNmW__ringfill 3.6s var(--ease-out) .5s both}.checkin-module__R_NNmW__sumNum{font-size:30px}.checkin-module__R_NNmW__sumNum:before{counter-reset:demo-ci-n var(--demo-ci-n);content:counter(demo-ci-n)}.checkin-module__R_NNmW__sa.checkin-module__R_NNmW__on .checkin-module__R_NNmW__sumNum{animation:checkin-module__R_NNmW__cn 3.9s var(--ease-out) .5s both}.checkin-module__R_NNmW__feed{flex-direction:column;display:flex}.checkin-module__R_NNmW__row{max-height:56px;overflow:hidden}.checkin-module__R_NNmW__rowInner{background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-r-sm);align-items:center;gap:10px;height:48px;margin-bottom:6px;padding:0 10px;display:flex}.checkin-module__R_NNmW__sa.checkin-module__R_NNmW__on .checkin-module__R_NNmW__row{animation:checkin-module__R_NNmW__rowIn .6s var(--ease-out) both;animation-delay:calc(.6s + var(--r) * .85s)}.checkin-module__R_NNmW__sa.checkin-module__R_NNmW__on .checkin-module__R_NNmW__rowInner{animation:1.6s ease-out both checkin-module__R_NNmW__flash;animation-delay:calc(.6s + var(--r) * .85s)}.checkin-module__R_NNmW__tick{background:var(--d-moss-a10);width:28px;height:28px;color:var(--d-moss-bright);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.checkin-module__R_NNmW__who{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.checkin-module__R_NNmW__who small{color:var(--d-t3);font-size:10.5px;font-weight:600;display:block}.checkin-module__R_NNmW__kpis{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.checkin-module__R_NNmW__kpiNum{margin-top:3px;font-size:24px}.checkin-module__R_NNmW__kpiName{white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:13px;font-weight:700;overflow:hidden}.checkin-module__R_NNmW__k1 .checkin-module__R_NNmW__kpiNum:before{counter-reset:demo-ci-k var(--demo-ci-k);content:counter(demo-ci-k)}.checkin-module__R_NNmW__k2 .checkin-module__R_NNmW__kpiNum:before{counter-reset:demo-ci-p var(--demo-ci-p);content:counter(demo-ci-p) "%"}.checkin-module__R_NNmW__sb.checkin-module__R_NNmW__on .checkin-module__R_NNmW__k1 .checkin-module__R_NNmW__kpiNum{animation:checkin-module__R_NNmW__ck 2.4s var(--ease-out) .3s both}.checkin-module__R_NNmW__sb.checkin-module__R_NNmW__on .checkin-module__R_NNmW__k2 .checkin-module__R_NNmW__kpiNum{animation:checkin-module__R_NNmW__cp 2.4s var(--ease-out) .4s both}.checkin-module__R_NNmW__sb.checkin-module__R_NNmW__on .checkin-module__R_NNmW__kpi{animation:checkin-module__R_NNmW__rise .6s var(--ease-out) both;animation-delay:calc(.1s + var(--i) * .1s)}.checkin-module__R_NNmW__mini{background:var(--d-bottle-a10);border-radius:999px;height:5px;margin-top:8px;overflow:hidden}.checkin-module__R_NNmW__mini i{background:var(--d-bottle);border-radius:inherit;transform-origin:0;width:62%;height:100%;display:block}.checkin-module__R_NNmW__sb.checkin-module__R_NNmW__on .checkin-module__R_NNmW__mini i{animation:checkin-module__R_NNmW__fill 2.4s var(--ease-out) .4s both}.checkin-module__R_NNmW__tl{padding:10px 12px 8px}.checkin-module__R_NNmW__tlHead{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.checkin-module__R_NNmW__bars{border-bottom:1px solid var(--d-border);align-items:flex-end;gap:5px;height:104px;display:flex}.checkin-module__R_NNmW__bars i{height:var(--h);background:var(--d-bottle-soft);transform-origin:bottom;border-radius:4px 4px 0 0;flex:1}.checkin-module__R_NNmW__bars .checkin-module__R_NNmW__peakBar{background:var(--d-lav-dim)}.checkin-module__R_NNmW__sb.checkin-module__R_NNmW__on .checkin-module__R_NNmW__bars i{animation:checkin-module__R_NNmW__grow .7s var(--ease-out) both;animation-delay:calc(.9s + var(--i) * 90ms)}.checkin-module__R_NNmW__axis{color:var(--d-t3);justify-content:space-between;margin-top:5px;font-size:9.5px;font-weight:700;display:flex}.checkin-module__R_NNmW__sb.checkin-module__R_NNmW__on .checkin-module__R_NNmW__tl{animation:checkin-module__R_NNmW__rise .6s var(--ease-out) .5s both}.checkin-module__R_NNmW__grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.checkin-module__R_NNmW__cell{border-radius:var(--d-r-sm);border:1px solid var(--d-border);flex-direction:column;justify-content:center;align-items:center;height:60px;font-size:10px;font-weight:700;line-height:1.25;display:flex}.checkin-module__R_NNmW__cell b{font-size:14px;font-family:var(--d-font-head);font-weight:600}.checkin-module__R_NNmW__heat1{background:var(--d-bottle-a30);color:var(--d-t1)}.checkin-module__R_NNmW__heat2{background:var(--d-bottle-a50);color:var(--d-on-dark)}.checkin-module__R_NNmW__heat3{background:var(--d-bottle-a70);color:var(--d-on-dark)}.checkin-module__R_NNmW__heat4{background:var(--d-bottle);color:var(--d-on-dark)}.checkin-module__R_NNmW__sc.checkin-module__R_NNmW__on .checkin-module__R_NNmW__cell{animation:checkin-module__R_NNmW__heat .7s var(--ease-out) both;animation-delay:calc(.3s + var(--i) * .22s)}.checkin-module__R_NNmW__sum2{justify-content:space-between;align-items:center;gap:12px;display:flex}.checkin-module__R_NNmW__bigNum{font-size:34px}.checkin-module__R_NNmW__bigNum:before{counter-reset:demo-ci-q var(--demo-ci-q);content:counter(demo-ci-q) "%"}.checkin-module__R_NNmW__sc.checkin-module__R_NNmW__on .checkin-module__R_NNmW__bigNum{animation:checkin-module__R_NNmW__cq 2.9s var(--ease-out) .4s both}.checkin-module__R_NNmW__legend{color:var(--d-t3);align-items:center;gap:8px;margin-top:12px;font-size:10px;font-weight:700;display:flex}.checkin-module__R_NNmW__legend i{background:linear-gradient(90deg, var(--d-bottle-a10), var(--d-bottle));border-radius:999px;width:96px;height:8px;display:block}.checkin-module__R_NNmW__done{align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:flex}.checkin-module__R_NNmW__done span{background:var(--d-moss-a10);width:24px;height:24px;color:var(--d-moss-bright);border-radius:50%;place-items:center;font-size:12px;display:grid}.checkin-module__R_NNmW__sc.checkin-module__R_NNmW__on .checkin-module__R_NNmW__done{animation:checkin-module__R_NNmW__rise .6s var(--ease-out) 4.2s both}.checkin-module__R_NNmW__sc.checkin-module__R_NNmW__on .checkin-module__R_NNmW__done span{animation:checkin-module__R_NNmW__pop .5s var(--ease-out) 4.3s both}@media (prefers-reduced-motion:reduce){.checkin-module__R_NNmW__devbox,.checkin-module__R_NNmW__devbox *{transition:none!important;animation:none!important}}