.showcase[data-v-89fec2ec]{container-type:size}.frames[data-v-89fec2ec],.showcase[data-v-89fec2ec]{position:absolute;inset:0}.frames[data-v-89fec2ec]{-webkit-mask-image:var(--showcase-mask,linear-gradient(#000,#000)),var(--showcase-mask-y,linear-gradient(#000,#000));-webkit-mask-image:var(--showcase-mask,linear-gradient(#000,#000)),var(--showcase-mask-y,linear-gradient(#000,#000));mask-image:var(--showcase-mask,linear-gradient(#000,#000)),var(--showcase-mask-y,linear-gradient(#000,#000));-webkit-mask-composite:source-in;overflow:hidden;-webkit-mask-composite:source-in;mask-composite:intersect}.frames img[data-v-89fec2ec]{-o-object-fit:cover;object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.frames img.prev[data-v-89fec2ec]{opacity:1;z-index:1}.frames img.on[data-v-89fec2ec]{opacity:1;z-index:2}.frames img.wipe[data-v-89fec2ec]{z-index:3;animation:1.5s cubic-bezier(.65,0,.35,1) both canvas-wipe-89fec2ec}.walls>div[data-v-89fec2ec]{opacity:0;position:absolute;inset:0}.walls>div[data-v-89fec2ec] .room{border-radius:0;width:100%;height:100%}.walls>div.prev[data-v-89fec2ec]{opacity:1;z-index:1}.walls>div.on[data-v-89fec2ec]{opacity:1;z-index:2}.walls>div.wipe[data-v-89fec2ec]{z-index:3;animation:1.5s cubic-bezier(.65,0,.35,1) both wall-wipe-89fec2ec}@keyframes wall-wipe-89fec2ec{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes canvas-wipe-89fec2ec{0%{clip-path:polygon(38% 16.6%,73.5% 0,73.5% 0,38% 16.6%)}to{clip-path:polygon(38% 16.6%,73.5% 0,73.5% 84%,37.7% 76.2%)}}.note[data-v-89fec2ec]{z-index:2;color:#fff;pointer-events:none;text-shadow:0 1px 2px #14121073,0 2px 10px #14121059;flex-direction:column;display:flex;position:absolute}.note svg[data-v-89fec2ec]{aspect-ratio:90/64;filter:drop-shadow(0 1px 2px #14121073)drop-shadow(0 2px 8px #1412104d);width:clamp(46px,11cqw,70px);height:auto}.note span[data-v-89fec2ec]{font-family:Caveat,cursive;font-size:clamp(1.1rem,3.9cqw,1.6rem);font-weight:600;line-height:.95}.note.frame[data-v-89fec2ec]{align-items:flex-start;top:24%;left:74.5%}.note.frame svg[data-v-89fec2ec]{margin-left:-14px;transform:rotate(-4deg)}.note.frame span[data-v-89fec2ec]{max-width:6.5em;margin-left:10px;transform:rotate(-6deg)}.note.canvas[data-v-89fec2ec]{align-items:flex-end;top:50%;right:63%}.note.canvas svg[data-v-89fec2ec]{margin-bottom:2px;margin-right:-16px;transform:scaleX(-1)rotate(10deg)}.note.canvas span[data-v-89fec2ec]{text-align:right;max-width:5.5em;transform:rotate(-4deg)}.note .curl[data-v-89fec2ec]{stroke-dasharray:160;stroke-dashoffset:160px;animation:1.1s ease-out .9s forwards note-draw-89fec2ec}.note .head[data-v-89fec2ec]{opacity:0;animation:.2s ease-out 1.9s forwards note-head-89fec2ec}@keyframes note-draw-89fec2ec{to{stroke-dashoffset:0}}@keyframes note-head-89fec2ec{to{opacity:1}}.capwrap[data-v-89fec2ec]{z-index:2;-webkit-backdrop-filter:blur(10px)saturate(1.2);color:#fff;background:#1c1a188c;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:min(320px,100% - 24px);padding:4px 4px 0;display:grid;position:absolute;bottom:clamp(12px,4.4cqw,28px);right:clamp(12px,4.4cqw,28px);overflow:hidden;box-shadow:0 10px 30px #14121040}.nav[data-v-89fec2ec]{color:#fff9;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:28px;height:40px;padding:0;transition:color .2s,background .2s;display:grid}.nav[data-v-89fec2ec]:hover{color:#fff;background:#ffffff14}.cap[data-v-89fec2ec]{color:#fff;white-space:nowrap;flex-direction:column;gap:1px;min-width:0;padding:6px 6px 8px;text-decoration:none;display:flex}.cap small[data-v-89fec2ec]{color:#ffffffb8;font-size:.8rem}.cap b[data-v-89fec2ec]{letter-spacing:.01em;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.steps[data-v-89fec2ec]{grid-column:1/-1;gap:3px;padding:0 14px;display:flex}.step[data-v-89fec2ec]{cursor:pointer;background:0 0;border:0;flex:1;height:12px;padding:0;position:relative}.step[data-v-89fec2ec]:before{content:"";background:#ffffff47;border-radius:2px;height:1.5px;transition:background .2s;position:absolute;top:4px;left:0;right:0}.step[data-v-89fec2ec]:hover:before{background:#ffffff80}.step i[data-v-89fec2ec]{transform-origin:0;background:#ffffffd9;border-radius:2px;height:1.5px;transition:transform .45s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;left:0;right:0}.step.on i[data-v-89fec2ec]{background:#fff;transition:none}.cap b span[data-v-89fec2ec]{transition:transform .2s;display:inline-block}.cap:hover b span[data-v-89fec2ec]{transform:translate(3px)}.cap-enter-active[data-v-89fec2ec]{transition:opacity .45s,transform .45s cubic-bezier(.2,.8,.2,1)}.cap-leave-active[data-v-89fec2ec]{transition:opacity .25s,transform .25s}.cap-enter-from[data-v-89fec2ec]{opacity:0;transform:translateY(14px)}.cap-leave-to[data-v-89fec2ec]{opacity:0;transform:translateY(-8px)}@media (prefers-reduced-motion:reduce){.note .curl[data-v-89fec2ec],.note .head[data-v-89fec2ec]{stroke-dashoffset:0;opacity:1;animation:none}.frames img.wipe[data-v-89fec2ec],.walls>div.wipe[data-v-89fec2ec]{animation:none}.cap-enter-active[data-v-89fec2ec],.cap-leave-active[data-v-89fec2ec]{transition:none}}