.ExampleReveal-module___nJClG__demo{max-width:max(400px, calc((100svh - 315px) * var(--ratio)));margin-inline:auto}.ExampleReveal-module___nJClG__loop{isolation:isolate}.ExampleReveal-module___nJClG__loop[data-ready=false] *{animation-play-state:paused}.ExampleReveal-module___nJClG__mark,.ExampleReveal-module___nJClG__sparkles,.ExampleReveal-module___nJClG__sweep{pointer-events:none;position:absolute;inset:0}.ExampleReveal-module___nJClG__mark{animation:ExampleReveal-module___nJClG__mark var(--cycle) linear infinite}.ExampleReveal-module___nJClG__stroke{stroke:#da563d;stroke-dasharray:1;filter:drop-shadow(0 0 1.5px #fff4db)}.ExampleReveal-module___nJClG__annotation{opacity:0;animation-duration:var(--cycle);white-space:nowrap;align-items:center;gap:7px;padding:2px;animation-timing-function:ease-out;animation-iteration-count:infinite;display:flex;position:absolute}.ExampleReveal-module___nJClG__annotation[data-number="1"]{animation-name:ExampleReveal-module___nJClG__first-note}.ExampleReveal-module___nJClG__annotation[data-number="2"]{animation-name:ExampleReveal-module___nJClG__second-note}.ExampleReveal-module___nJClG__annotation[data-number="3"]{flex-direction:row-reverse;animation-name:ExampleReveal-module___nJClG__third-note;transform:translate(-100%)}@keyframes ExampleReveal-module___nJClG__first-note{0%,16%{opacity:0}18%,to{opacity:1}}@keyframes ExampleReveal-module___nJClG__second-note{0%,32%{opacity:0}34%,to{opacity:1}}@keyframes ExampleReveal-module___nJClG__third-note{0%,48%{opacity:0}50%,to{opacity:1}}.ExampleReveal-module___nJClG__pin{color:#fff;background:#b94734;border:2px solid #fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;font-weight:700;display:grid;box-shadow:0 1px 7px #44221755}.ExampleReveal-module___nJClG__request{color:#30231e;background:#fffaf3;border:1px solid #ffffffbc;border-radius:10px;padding:8px 11px;font-size:12px;font-weight:650;box-shadow:0 3px 16px #4422172e}.ExampleReveal-module___nJClG__result{animation:ExampleReveal-module___nJClG__reveal var(--cycle) ease-in-out infinite}.ExampleReveal-module___nJClG__sweep{animation:ExampleReveal-module___nJClG__sweep var(--cycle) ease-in-out infinite;background:linear-gradient(90deg,#0000 calc(100% - 24px),#fff8deaa calc(100% - 3px),#fff)}.ExampleReveal-module___nJClG__star{fill:#fffdf2;opacity:0;filter:drop-shadow(0 0 5px #fff0b8)drop-shadow(0 0 9px #fff);animation:ExampleReveal-module___nJClG__twinkle var(--cycle) ease-out infinite;position:absolute}@keyframes ExampleReveal-module___nJClG__mark{0%,58%{opacity:1}62%,to{opacity:0}}@keyframes ExampleReveal-module___nJClG__reveal{0%,61%{clip-path:inset(0 100% 0 0);opacity:1}76%,93%{clip-path:inset(0);opacity:1}to{clip-path:inset(0);opacity:0}}@keyframes ExampleReveal-module___nJClG__sweep{0%,61%{opacity:0;transform:translate(-100%)}63%{opacity:.95}74%{opacity:.95}76%,to{opacity:0;transform:translate(0)}}@keyframes ExampleReveal-module___nJClG__twinkle{0%,61%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-15deg)}63%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(0)}64.5%{opacity:.9}69%,to{opacity:0;transform:translate(-50%,-50%)scale(.35)rotate(18deg)}}.ExampleReveal-module___nJClG__loop[data-kind=furniture] .ExampleReveal-module___nJClG__annotation{animation-name:ExampleReveal-module___nJClG__placement-note}.ExampleReveal-module___nJClG__product{color:#30231e;animation:ExampleReveal-module___nJClG__product var(--cycle) ease-out infinite;background:#fffaf3;border-radius:11px;align-items:center;gap:8px;padding:5px 11px 5px 5px;font-size:12px;font-weight:650;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 3px 16px #4422172e}.ExampleReveal-module___nJClG__product img{border-radius:7px}@keyframes ExampleReveal-module___nJClG__product{0%{opacity:0;transform:translateY(-4px)}7%,to{opacity:1;transform:translateY(0)}}@keyframes ExampleReveal-module___nJClG__placement-note{0%,43%{opacity:0}46%,to{opacity:1}}.ExampleReveal-module___nJClG__loop[data-kind=makeover] .ExampleReveal-module___nJClG__result{animation-name:ExampleReveal-module___nJClG__makeover-reveal}.ExampleReveal-module___nJClG__loop[data-kind=makeover] .ExampleReveal-module___nJClG__sweep{animation-name:ExampleReveal-module___nJClG__makeover-sweep}.ExampleReveal-module___nJClG__loop[data-kind=makeover] .ExampleReveal-module___nJClG__star{animation-name:ExampleReveal-module___nJClG__makeover-twinkle}@media (prefers-reduced-motion:reduce){.ExampleReveal-module___nJClG__loop[data-kind] .ExampleReveal-module___nJClG__result{animation:none}.ExampleReveal-module___nJClG__mark,.ExampleReveal-module___nJClG__sparkles,.ExampleReveal-module___nJClG__sweep{display:none}}@keyframes ExampleReveal-module___nJClG__makeover-reveal{0%,20%{clip-path:inset(0 100% 0 0);opacity:1}49%,88%{clip-path:inset(0);opacity:1}to{clip-path:inset(0);opacity:0}}@keyframes ExampleReveal-module___nJClG__makeover-sweep{0%,20%{opacity:0;transform:translate(-100%)}23%,47%{opacity:.95}49%,to{opacity:0;transform:translate(0)}}@keyframes ExampleReveal-module___nJClG__makeover-twinkle{0%,20%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-15deg)}23%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(0)}27%{opacity:.9}34%,to{opacity:0;transform:translate(-50%,-50%)scale(.35)rotate(18deg)}}
