nav{position:fixed;margin:1.25rem;z-index:999;font-family:Helvetica,sans-serif}.nav-dropdown-button{background-color:transparent;border:none;cursor:pointer;width:max(5rem,60px);height:max(5rem,60px)}.nav-dropdown-button img{width:100%;height:100%}.nav-dropdown{border:black 1px solid;width:fit-content;margin-left:max(.5rem,8px);background-color:var(--bg-light)}.nav-dropdown ul{list-style-type:none}.nav-dropdown li>a{width:100%;background-color:transparent;border:none;color:var(--nav-text);padding:max(1rem,14px) max(1.5rem,20px);font-size:max(1.125rem,16px);font-family:inherit;text-align:left;cursor:pointer;transition:color .2s;text-decoration:none;display:inline-block}.nav-dropdown li>a:not(:disabled):hover{color:red}.nav-dropdown li>a:disabled{color:#b9adad;cursor:auto}*{margin:0;padding:0;box-sizing:border-box}:root{font-size:calc(1px + .8vw);--bg-dark: hsl(225, 3%, 78%);--bg: hsl(0, 0%, 87%);--bg-light: hsl(0, 0%, 100%);--primary: hsl(0, 68%, 50%);--secondary: hsl(345, 2%, 20%);--text-light: hsl(0, 0%, 100%);--text-muted: hsl(0, 2%, 58%);--shadow: hsl(225, 2%, 63%);--border: hsl(0, 0%, 31%);--nav-text: hsl(0, 0%, 31%);--bg-dark: oklch(.8297 .0066 251.8);--bg: oklch(.9017 .0031 269.7);--bg-light: oklch(1 0 0);--primary: oklch(.5666 .2337 29.2);--secondary: oklch(.2159 .0158 20.8);--text-light: oklch(1 0 0);--text-muted: oklch(.6024 .0061 21.2);--shadow: oklch(.7426 .0068 251.4);--param-background: oklch(.8115 .0053 228.84);--param-fill: oklch(.6401 0 0);--border: oklch(.4313 0 0);--nav-text: oklch(.4313 0 0)}body.dark{--bg-dark: hsl(251.8, 66%, 15%);--bg: hsl(269.7, 31%, 21%);--bg-light: hsl(0, 0%, 40%);--primary: hsl(29.2, 100%, 0%);--secondary: hsl(20.8, 10%, 0%);--text-light: hsl(0, 0%, 40%);--text-muted: hsl(0, 0%, 100%);--shadow: hsl(251.4, 68%, 9%);--param-background: hsl(228.84, 53%, 13%);--param-fill: hsl(0, 0%, 4%);--nav-text: hsl(0, 0%, 100%);--bg-dark: oklch(.2297 .0066 251.8);--bg: oklch(.3017 .0031 269.7);--bg-light: oklch(.4 0 0);--primary: oklch(0 .2337 29.2);--secondary: oklch(0 .0158 20.8);--text-light: oklch(.4 0 0);--text-muted: oklch(.75 0 0);--shadow: oklch(.1426 .0068 251.4);--param-background: oklch(.2115 .0053 228.84);--param-fill: oklch(.0401 0 0);--nav-text: oklch(1 0 0)}body{font-family:Inconsolata,Courier New,Courier,monospace;cursor:url(/assets/cursor.png),auto;background-color:var(--bg-light);color:#000}.wrapper{padding:1.5rem;position:relative;min-height:100vh;display:grid;place-content:center}.hidden{display:none!important}@media (max-width: 768px){.wrapper{min-height:80vh}:root{font-size:1.25vw}}.info{position:absolute;width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:max(1.5rem,24px)}.info p{margin-bottom:.25rem;color:var(--nav-text)}.info .links a{text-decoration:none;color:var(--nav-text)}.info .links a:hover{color:red}.frame{width:65rem;margin:2rem auto 11rem;min-height:37rem;border:.01rem solid #505050;border-top-left-radius:.75rem;border-top-right-radius:.75rem;padding:1.5rem;background-color:var(--bg-dark);display:flex;position:relative}.frame.vert{transform:rotate(-90deg);width:44.5rem;min-height:25.875rem;margin-top:13rem;margin-right:5.5rem}.paper-border{flex:1;box-shadow:0 0 1rem var(--shadow);position:relative}.paper-border:before{content:"";position:absolute;top:-.4rem;left:0;bottom:-.4rem;width:1.125rem;background-color:#505050;border-top-left-radius:.2rem;border-bottom-left-radius:.2rem;z-index:2}.paper-border:after{content:"";position:absolute;top:-.4rem;right:0;bottom:-.4rem;width:1.125rem;border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;background-color:#505050;z-index:2}.frame.vert .paper-border:before,.frame.vert .paper-border:after{top:-.4rem;bottom:-.4rem}.paper{background-color:var(--bg);width:100%;height:100%;position:relative;border-left:.4rem solid #505050;border-right:.4rem solid #505050;z-index:3;overflow:hidden}.paper:after{content:"";position:absolute;top:0;right:0;width:.75rem;height:100%;background:linear-gradient(to left,rgba(0,0,0,.4),transparent);filter:blur(4px);pointer-events:none;z-index:2}.paper:before{content:"";position:absolute;top:0;left:0;width:.75rem;height:100%;background:linear-gradient(to right,rgba(0,0,0,.4),transparent);filter:blur(4px);pointer-events:none;z-index:2}.button-bar{position:absolute;width:calc(100% + 1.25rem);height:7.5rem;background-color:var(--bg);bottom:-7.5rem;left:-.75rem;border:.01rem solid #505050;border-top-left-radius:.75rem;border-top-right-radius:.75rem}.button-bar-frame{height:100%;width:100%;position:relative}.light-button{background-color:transparent;border:none;position:absolute;width:3.25rem;top:-.5rem;right:0;cursor:pointer;transform-origin:60% 50%;transform:rotate(-90deg);transition:transform .1s}.light-button:active,.light-button.active{transform:rotate(0)}.light-button img{width:100%;height:100%}.light-overlay{position:absolute;top:0;bottom:0;left:.25rem;right:.25rem;background-color:#fff;opacity:.2;z-index:5}.light-shadow-overlay{position:absolute;top:0;bottom:0;left:.25rem;right:.25rem;box-shadow:0 1.5rem 8rem -1rem #ffffff80;z-index:5}.buttons-attachment{background-color:var(--bg-dark);position:absolute;left:3.75rem;top:1.75rem;bottom:0;width:20rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:.5rem;z-index:1}.button-labels{display:flex;flex-wrap:wrap;padding:.5rem;padding-top:0;position:absolute;left:3.75rem;width:20rem;bottom:-1.3rem;z-index:2;font-size:.75rem;color:var(--nav-text)}.play-label,.prev-label,.next-label{margin-left:.75rem;margin-right:1.75rem}.vol-down-label{margin-right:1.25rem}.buttons-attachment:before{content:"";position:absolute;background-color:#272727;top:0;bottom:1.125rem;left:0;width:20rem;z-index:0;border:none}.buttons-attachment>button{flex:1;background-color:var(--secondary);height:4.5rem;border:.05rem solid #272727;z-index:1;color:var(--text-light);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;box-shadow:0 3px 8px #000c;cursor:pointer;position:relative;transition:transform .15s,box-shadow .15s}.buttons-attachment>button:active{transform:translateY(3px);box-shadow:0 0 8px #000c}.buttons-attachment>button:nth-child(1){background-color:var(--primary);border:.01rem solid #272727}.buttons-attachment>button:nth-child(2) img{transform:scaleX(-1) scaleY(-1)}.frame.vert .buttons-attachment>button img,.frame.vert .buttons-attachment>button svg{transform:rotate(90deg)}.frame.vert .buttons-attachment>button:nth-child(2) img{transform:scaleX(-1) scaleY(-1) rotate(90deg)}.buttons-attachment>button:nth-child(1) svg{height:37.5%;width:32.5%}.buttons-attachment>button img,.buttons-attachment>button svg{width:30%;height:25%}.frame-bottom{position:absolute;bottom:-1.5rem;height:1.5rem;width:92.5%;left:3.75%;background-color:var(--bg-dark);border:.01rem solid var(--border);border-top:none;z-index:0}.frame-bottom-left{position:absolute;bottom:-1.5rem;height:1.5rem;width:2.5%;left:1.25%;background-color:var(--bg);border:.01rem solid var(--border);border-right:none;border-bottom-left-radius:1rem;z-index:0}.frame-bottom-right{position:absolute;bottom:-1.5rem;height:1.5rem;width:2.5%;right:1.25%;background-color:var(--bg);border:.01rem solid var(--border);border-left:none;border-bottom-right-radius:1rem;z-index:0}.view-switch{margin:0 auto 5rem;background-color:var(--bg);padding:.35rem;display:flex;justify-content:center;border:none;border-radius:5.35rem;gap:.25rem}.view-switch>button{background-color:transparent;border:none;padding:.75rem 1rem;border-radius:5rem;font-size:.8rem;cursor:pointer;color:var(--nav-text)}.view-switch>button.active{background-color:var(--bg-light)}@media (max-width: 560px){.frame{margin-top:16rem}.frame.vert{width:61.5rem;min-height:36rem;margin-bottom:15rem}}.info-video{position:absolute;left:.85rem;top:.25rem;z-index:2;transform-origin:left;transform:rotate(90deg);width:16.5rem}.info-video .info-container{position:relative;width:100%;height:100%}.info-video .info-container p{position:absolute;right:0;bottom:-.5rem;font-size:.65rem;color:var(--nav-text);font-family:Helvetica,sans-serif}.selected-works-text{position:absolute;left:39rem;top:2.5rem;font-size:.9rem}.poster-wrapper{height:52.5rem;width:40rem;position:relative;margin:1rem auto;z-index:0;background-color:transparent}.poster-frame{height:100%;width:100%;border:solid .01rem #505050;border-radius:.75rem;padding:1.5rem;background-color:var(--bg);display:flex;justify-content:flex-end;position:relative;transform:scaleX(-1);z-index:2}.poster-frame+.rotatable-button{position:absolute;right:-3.5rem;top:4.75rem;width:12.5rem;z-index:1}.poster-frame+.rotatable-button img{transform-origin:44% 50%}.poster-frame .light-button{right:auto;left:0;transform:scaleX(-1)}.poster-frame .light-button:active,.poster-frame .light-button.active{transform:rotate(-90deg)}.poster-frame .paper{background-color:var(--bg-light);width:99.9%;height:100%;position:relative;border-top:.4rem solid #505050;border-bottom:.4rem solid #505050;border-left:none;border-right:none;z-index:3;padding:0;overflow:hidden}.poster-container{display:flex 100%;flex-direction:column;justify-content:center;align-items:center}.poster-viewer{width:100%;height:47.5rem}.poster{width:100%;object-fit:contain}.poster-frame .paper:after{content:"";position:absolute;bottom:0;top:auto;right:0;height:.75rem;width:100%;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);filter:blur(3px);pointer-events:none;z-index:2}.poster-frame .paper:before{content:"";position:absolute;top:0;left:0;height:.75rem;width:100%;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);filter:blur(3px);pointer-events:none;z-index:2}.poster-frame .paper-border{justify-self:flex-start;flex:.9;width:90%;height:96%;position:relative;background-color:transparent;box-shadow:none;border:none}.poster-frame .paper-border:before{content:"";position:absolute;left:-.25rem;top:0;right:-.2rem;height:1.125rem;width:auto;border-top-right-radius:.2rem;border-bottom-left-radius:0;background-color:#505050;z-index:2}.poster-frame .paper-border:after{content:"";position:absolute;left:-.25rem;bottom:0;right:-.2rem;top:auto;height:1.125rem;width:auto;border-top-right-radius:0;border-bottom-left-radius:.2rem;background-color:#505050;z-index:2}.poster-frame .light-overlay{opacity:.1}.poster-frame .light-shadow-overlay{box-shadow:0 1.5rem 4rem -.5rem #ffffff80}.rotate-buttons{position:absolute;bottom:.5rem;left:4.5rem;display:flex;gap:1rem;align-items:center}.rotate-buttons .rotatable-button{width:3rem}.rotatable-button img{width:100%;height:100%;pointer-events:none}.poster-wrapper .frame-bottom,.poster-wrapper .frame-bottom-left,.poster-wrapper .frame-bottom-right{border-top:solid .01rem var(--border);bottom:-1.245rem;height:1.25rem}.frame-bottom{display:flex;gap:1.75rem;justify-content:flex-end;align-self:center;padding:.1rem 2.75rem .1rem 0;color:var(--nav-text);font-size:.75rem;width:90%;left:5%}.frame-bottom-left,.frame-bottom-right{width:3.75%}.zoom-container{position:absolute;left:1.875rem;top:22.5rem;height:17.5rem;width:1.5rem;display:flex;flex-direction:column;align-items:center}.zoom-container .zoom-meter{width:100%;height:.05rem;background-color:var(--text-muted);margin:1.55rem 0}.zoom-parameter{position:absolute;background-color:var(--border);border-radius:1rem;width:.25rem;height:100%}.zoom-draggable{position:absolute;width:1rem;height:1rem;border-radius:50%;background-color:var(--border);bottom:0;cursor:pointer}.zoom-container>p{position:absolute;transform:scaleX(-1);top:-2rem;color:var(--nav-text);font-size:.75rem}.info-reset{position:absolute;right:.85rem;bottom:.25rem;z-index:2;transform:scaleX(-1);width:18rem}.info-container{position:relative;width:100%;height:100%}.info-container button{background-color:transparent;border:none;cursor:pointer;width:1.25rem;height:1.25rem}.info-container button svg{width:100%;height:100%}.info-container p{position:absolute;right:0;bottom:.2rem;font-size:.6rem;color:var(--nav-text);font-family:Helvetica,sans-serif}.rotatable-button:nth-child(2){transform:rotate(90deg)}