*{box-sizing:border-box}html,body{margin:0;background:transparent}body{display:flex;justify-content:center;padding-top:12px;font-family:Arial,sans-serif}.phone{width:260px;height:558px;padding:6px;border:2px solid #777;border-radius:40px;background:#151515;box-shadow:0 12px 18px -10px #0007}.screen{position:relative;height:100%;overflow:hidden;border-radius:32px;background:#fff}.viewport{height:100%;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}.page{position:relative;min-height:100%;background:white}.page>img{display:block;width:100%;height:auto}.hotspot{position:absolute;border:0;background:transparent;cursor:pointer}.open{left:6%;width:82%;top:84.2%;height:4.6%;border-radius:12px}.close{left:7%;top:3.5%;width:10%;height:4%}.chart{position:absolute;left:9.1%;top:33.77%;width:80.4%;height:2.2%;border:2px solid #e5e4eb;border-radius:20px;overflow:hidden;display:flex;background:white}.chart span{height:100%;flex-shrink:0;border-right:1px solid #eee}.allocation{position:absolute;right:10.6%;font-size:10px;font-weight:600;color:#191538;background:#fff;text-align:right;min-width:28px;line-height:17px}.slider{position:absolute;left:4.3%;width:89.7%;height:3.9%;margin:0;appearance:none;background:linear-gradient(white,white);cursor:ew-resize;border:0;border-radius:0}.slider::-webkit-slider-runnable-track{height:13px;background:repeating-linear-gradient(90deg,#eeecfa 0 2px,white 2px 7px)}.slider::-webkit-slider-thumb{appearance:none;width:2px;height:28px;margin-top:-7px;background:#5140ce}.slider::-moz-range-track{height:13px;background:repeating-linear-gradient(90deg,#eeecfa 0 2px,white 2px 7px)}.slider::-moz-range-thumb{width:2px;height:28px;border:0;border-radius:0;background:#5140ce}.done{display:block;margin:0 auto 20px;width:80%;border:0;border-radius:12px;padding:12px;background:#5140ce;color:white;font-size:11px;font-weight:600;cursor:pointer}.editor{padding-bottom:1px}.island{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:61px;height:17px;border-radius:16px;background:#080808;pointer-events:none}.home{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:85px;height:4px;border-radius:5px;background:#111;pointer-events:none}.touch{position:absolute;z-index:4;pointer-events:none;width:25px;height:25px;border:1.5px solid #5140ce77;background:#5140ce22;border-radius:50%;transform:translate(-50%,-50%);opacity:0}.page.enter{animation:enter .35s ease-out}@keyframes enter{from{opacity:.3;transform:translateX(15px)}to{opacity:1;transform:none}}button:focus-visible,input:focus-visible{outline:2px solid #5140ce;outline-offset:2px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(prefers-reduced-motion:reduce){.page.enter{animation:none}}
.artwork{position:relative}.artwork>img{display:block;width:100%;height:auto}

.portfolio-type{position:absolute;left:24%;top:20.7%;width:36%;padding:0 2px;background:white;color:#191538;font-size:10px;line-height:17px;font-weight:600}.dashboard-type{position:absolute;left:20%;top:60.3%;width:64%;background:white;color:#191538;font-size:10px;line-height:20px;font-weight:600}