*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif}
.o{position:absolute}.o .in{width:100%;height:100%;overflow:hidden;display:flex;align-items:flex-start}
.o.button .in{align-items:stretch}
.btn{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit;text-decoration:none}
.o.image img,.o.video iframe{width:100%;height:100%;border:0;object-fit:cover;display:block}
.ph{width:100%;height:100%;display:grid;place-items:center;background:rgba(128,128,128,.25);font-size:14px;opacity:.7}
.fm{display:flex;flex-direction:column;gap:10px;padding:20px;width:100%;height:100%;position:relative}
.fm input,.fm textarea{font:inherit;font-size:15px;padding:10px 12px;border-radius:10px;border:1px solid rgba(128,128,128,.4);background:rgba(0,0,0,.25);color:inherit}
.fm textarea{flex:1;resize:none}.fm button{font:inherit;font-weight:600;padding:12px;border:0;border-radius:10px;background:var(--a);color:#fff;cursor:pointer}
.fm .hp{position:absolute;left:-9999px}.fm .msg{margin:0;font-size:14px}
.o.ed{cursor:move}.o.ed .in{pointer-events:none}.o.ed:hover{outline:1px solid rgba(124,156,255,.6)}.o.sel{outline:2px solid #7c9cff}
.hd{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;background:#7c9cff;border:2px solid #fff;border-radius:3px;cursor:nwse-resize}
.sk{position:relative}.gd{position:absolute;background:#ff4da6;pointer-events:none;z-index:99}.gd.v{top:0;bottom:0;width:1px}.gd.h{left:0;right:0;height:1px}
section{position:relative;overflow:hidden}.dv{position:absolute;left:0;bottom:-1px;width:100%;height:60px;pointer-events:none;z-index:1}
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}.rv.vis{opacity:1;transform:none}
#app{transition:opacity .2s,transform .2s}#app.out{opacity:0;transform:translateY(12px)}
.cab{position:fixed;left:18px;bottom:18px;z-index:50;font-family:var(--f)}
.iso{position:relative;filter:drop-shadow(4px 5px 0 rgba(0,0,0,.25))}.iso img{position:absolute;image-rendering:pixelated;pointer-events:none;display:block}
.hit{position:absolute;display:block;outline:none}
.lb{position:absolute;transform:translate(-6px,-50%);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;white-space:nowrap;background:var(--cabd);color:var(--cabt);font:600 13px/1 var(--f);padding:7px 11px;border-radius:6px;box-shadow:3px 3px 0 rgba(0,0,0,.25);z-index:3}
.lb.on{opacity:1;transform:translate(0,-50%)}
.tap,.scrim{display:none}
@media(max-width:1024px){.cab.mini{pointer-events:none}
.cab.mini .tap{display:block;position:absolute;left:-8px;bottom:-8px;border:0;border-radius:14px;background:transparent;cursor:pointer;pointer-events:auto;z-index:4;-webkit-tap-highlight-color:transparent}
.cab.mini .iso{transform-origin:0 100%;transform:scale(var(--ms,.4));transition:transform .38s cubic-bezier(.2,.9,.3,1.15)}
.cab.mini.big{pointer-events:auto}.cab.mini.big .iso{transform:none}.cab.mini.big .tap{display:none}
.cab.mini .iso .hit{pointer-events:none}.cab.mini.big .iso .hit{pointer-events:auto}
.cab.mini.big .lb{opacity:1;transform:translate(0,-50%)}
.cab.mini .scrim{display:block;position:fixed;inset:0;z-index:-1;background:rgba(0,0,0,.38);opacity:0;pointer-events:none;transition:opacity .3s}
.cab.mini.big .scrim{opacity:1;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.lb,#app,.cab .iso,.scrim{transition:none!important}}
.o.lk{pointer-events:none}

.o.shape svg{width:100%;height:100%;display:block;overflow:visible;stroke-linecap:round;stroke-linejoin:round}.o.shape svg *{vector-effect:non-scaling-stroke}
