@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;700&display=swap";:root{--shadow: 1px 4px 8px rgba(0, 0, 0, .5)}*{box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif;-webkit-user-drag:none;user-select:none}html,body{width:100%;height:100%;margin:0;padding:0;font-size:24px;overscroll-behavior:none;overflow:hidden;touch-action:pan-x pan-y}body{background:#141218 url(./background3-D5osyRdd.jpg) center/cover no-repeat;color:#fff;display:flex;align-items:center}h1,h2,h3,h4,h5,h6{margin:1.5em 0 0;line-height:1.25em}.mt-0{margin-top:0}hr{opacity:.2;margin:2em 0 2.5em}.separator{width:1px;height:100%;background-color:#fff9;margin:0 40px}#root{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.container{display:grid;grid-template-columns:40% auto 1fr;width:100%;height:100%;padding:12vh 5vw;position:relative}.show{opacity:1;pointer-events:all}.hide{opacity:0;pointer-events:none}.right{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:2em;line-height:1.25em}.right .footer{display:flex;justify-content:space-between;width:100%}.right .footer .back{background:transparent;font-weight:700}.right .footer .play{color:#ffd64f;border:1px solid #ffd64f;font-weight:700}.right .footer .play img{filter:brightness(0) saturate(100%) invert(99%) sepia(37%) saturate(6450%) hue-rotate(317deg) brightness(105%) contrast(102%)}.content{overflow-y:auto;flex-grow:1}.content code{color:orange}.content li{margin:.25em 0}.left{position:relative}.grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1em;align-content:center}.project-preview{display:flex;flex-direction:column;justify-content:center;gap:.5em;text-align:left;overflow:hidden;transition:all 80ms ease-out;opacity:.95;cursor:pointer}.project-preview:active{transform:scale(.97);transition:all 20ms ease-out}.project-preview-title{min-height:1.2em;line-height:1em;font-weight:700;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-preview-image{display:flex;overflow:hidden;border-radius:8px;border:3px solid transparent;box-shadow:var(--shadow);transition:opacity 80ms ease-out}.project-preview-image img{width:100%;object-fit:cover;overflow-clip-margin:unset;overflow:visible}.project-preview-image.selected{border-color:#fff;filter:drop-shadow(0 0 6px white)}.project-preview-image.faded{opacity:.5}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:none;transition:all .5s ease-in-out}#loader img{width:15vh;height:15vh;animation:spin 1s linear infinite;opacity:.9;filter:brightness(0) saturate(100%) invert(43%) sepia(95%) saturate(2322%) hue-rotate(202deg) brightness(98%) contrast(98%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{padding:.75em 1.5em;color:#fff;display:flex;gap:16px;align-items:center;border:none;cursor:pointer;border-radius:8px;font-size:1em;transition:all 10ms ease-out}button:active{transform:scale(.95)}button img{width:1.25em;height:1.25em}.toolbar,.secret-toolbar{position:absolute;left:8px;bottom:8px;display:flex;z-index:100000}.toolbar .language,.toolbar .info,.secret-toolbar .language,.secret-toolbar .info{width:64px;height:64px;padding:12px;cursor:pointer;transition:all 40ms ease-out}.toolbar .language img,.toolbar .info img,.secret-toolbar .language img,.secret-toolbar .info img{width:100%}.toolbar .language:active,.toolbar .info:active,.secret-toolbar .language:active,.secret-toolbar .info:active{transform:scale(.9)}.toolbar .info,.secret-toolbar .info{opacity:.5}.secret-toolbar{bottom:unset;left:unset;top:8px;right:8px;opacity:.01}.info-overlay{position:fixed;inset:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000;transition:all .4s ease}.info-modal{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#000b;color:#fff;border-radius:16px;padding:3rem;max-width:75vw;width:100%;box-shadow:0 2px 16px #0003;display:flex;flex-direction:column;align-items:center;gap:32px}.info-modal-header{display:flex;gap:64px}.info-modal-header .markdown{line-height:1.4em}.info-modal-header .markdown>*:first-child{margin-top:0}.info-modal-header .images{display:flex;flex-direction:column;gap:64px}.info-modal-header .images img{width:200px}.info-modal-row{display:grid;grid-template-columns:repeat(5,1fr);gap:32px;justify-content:space-between;width:100%;margin-top:1.5rem}.info-modal-row .qr-wrapper{display:flex;font-size:.5em;gap:8px}.info-modal-row .qr-wrapper img{height:80px}.info-modal-row .qr-text{display:flex;flex-direction:column;gap:8px;word-break:break-word;white-space:pre-line}.info-modal-row .qr-text small{color:#fffa}.shimmer{background:linear-gradient(135deg,transparent 0%,transparent 40%,white 45%,white 55%,transparent 60%,transparent 100%);background-repeat:no-repeat;background-size:300%;animation:light 3s infinite}@keyframes light{0%{background-position:-600px}to{background-position:600px}}@-webkit-keyframes light{0%{background-position:-600px}to{background-position:600px}}.iframe-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;overflow:hidden;transition:all 1s ease-in-out}.iframe-container iframe{width:100%;height:100%;border:none;transition:all 1s ease-in-out}.iframe-container .back{height:48px;position:absolute;bottom:6px;left:6px;background-color:#0007;font-weight:700}#embed-viewer-loading-page,.embed-viewer-loading-page-container{background:#00f!important}.stats-overlay{position:fixed;inset:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000;transition:all .4s ease}.stats-modal{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#000b;border-radius:16px;padding:3rem;max-width:90vw;width:100%;box-shadow:0 2px 16px #0003}.stats-modal .project-stats-grid{width:100%}.stats-modal .project-stats-grid .project-stats-header,.stats-modal .project-stats-grid .project-stats-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:1em}.stats-modal .project-stats-grid .project-stats-header{font-weight:700;background:#222;border-radius:8px 8px 0 0}.stats-modal .project-stats-grid .project-stats-row{border-bottom:1px solid #292733}.stats-modal .project-stats-grid .project-stats-row:last-child{border-bottom:none}.stats-modal .project-stats-grid small{font-size:.7em}