:root{background:#f7f1e5}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#f7f1e5}.page{position:absolute;inset:0;display:grid;place-items:stretch;opacity:0;transform:translateY(6%);pointer-events:none;transition:opacity .42s ease,transform .42s cubic-bezier(.25,.8,.25,1);background:#f7f1e5}.page.active{opacity:1;transform:none;pointer-events:auto;z-index:2}.page.leaving{opacity:0;transform:translateY(-6%);z-index:3}.page img{width:100%;height:100%;display:block;object-fit:cover;user-select:none;-webkit-user-drag:none}.location #nav-link{position:absolute;left:14%;right:14%;top:68%;height:11.5%;z-index:5;border-radius:999px;outline:0;-webkit-tap-highlight-color:transparent}#dots{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:9;display:grid;gap:7px}#dots button{width:6px;height:6px;padding:0;border:0;border-radius:99px;background:#d9b5ae;opacity:.78;transition:.25s}#dots .on{height:18px;background:#f0749a}@media (min-width:600px){html,body{height:auto;overflow:auto;background:#dfd2bf}#app{width:402px;height:auto;margin:0 auto;background:#f7f1e5;box-shadow:0 12px 38px #7b605b55}.page,.page.active,.page.leaving{position:relative;display:block;inset:auto;width:402px;height:874px;opacity:1;transform:none;pointer-events:auto;transition:none}.page img{width:402px;height:874px}#dots{display:none}}