@font-face{font-family:montserrat;font-style:normal;font-weight:500;display:swap;src:url(/fonts/montserrat-500.cd40121a.woff2) format("woff2")}@font-face{font-family:opensans;font-style:normal;display:swap;src:url(/fonts/open-sans-regular.f09ec2eb.woff2) format("woff2")}@font-face{font-family:opensans;font-style:bold;display:swap;src:url(/fonts/open-sans-500.2c02f76f.woff2) format("woff2")}:root{--brand-shadow:0 12px 48px 0 rgba(0,0,0,.15),0 6px 16px 0 rgba(0,0,0,.15),0 0 6px -2px rgba(0,0,0,.2);--color-button-body:#f5f5f5;--color-body:#000;--color-background-neutral:#eaeaea;--color-background:#f5f5f5;--site-padding:clamp(16px,1.5vw,32px)}*{box-sizing:border-box}body,html{margin:0;padding:0}#app,body,html{overflow:hidden}#app{font-family:opensans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;display:flex;flex-direction:column;align-items:center;background-color:var(--brand-color);color:var(--color-body)}a{color:inherit}.header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:var(--site-padding);z-index:1;img{width:192px;max-width:40vw;height:auto;@media (orientation:landscape) and (hover:none) and (pointer:coarse){max-width:160px}}.page-indicator{display:block;align-self:start;font-size:12.5px;border:1px solid hsla(0,0%,100%,.2);border-radius:100px;padding:6px 20px;color:hsla(0,0%,100%,.7);span{font-weight:700;color:#fff;letter-spacing:.05em}}}.action-bar{position:fixed;left:0;bottom:0;padding:var(--site-padding);width:100%;display:flex;justify-content:space-between;align-items:center;z-index:1;gap:4px;@media (min-width:768px){gap:32px;justify-content:center}.symbol-action{display:flex;gap:6px}.btn{font-size:14px;color:#fff;border:1px solid hsla(0,0%,100%,.6);border-radius:100px;height:44px;padding:0 32px;display:flex;justify-content:center;align-items:center;transition:all .2s ease-in-out;&.primary{background-color:#fff;color:var(--brand-color)}&.symbol{width:44px;padding:0;font-weight:600}&:hover{cursor:pointer}&:active,&:hover{opacity:.85}&.disabled{opacity:.5;pointer-events:none;border:1px solid hsla(0,0%,100%,.4)}}}.flipbook{width:100vw;display:flex;align-items:center;justify-content:center;overflow:hidden}.flipbook .viewport{margin-top:72px;width:calc(100vw - var(--site-padding)*2)!important;height:calc(100vh - 200px)!important;max-width:90vw;@media (max-width:768px){margin-top:56px;max-width:100vw}@media (orientation:landscape) and (hover:none) and (pointer:coarse){margin-top:56px;width:calc(100vw - var(--site-padding)*2)!important;height:calc(100vh - 128px)!important}.bounding-box{box-shadow:var(--brand-shadow)}}