:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel-active-flex:min(40, calc((6 * 100svh) / (100vw - 100svh)));background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (max-aspect-ratio:1){:root{--panel-active-flex:min(40, calc((6 * 100vw) / (100svh - 100vw)))}}a:link{color:#7e7ef0;text-decoration:none}a:visited,a:hover{color:#aa91c2;text-decoration:none}a:active{color:#ff8181;text-decoration:none}#render-canvas{z-index:0;border:none;outline:none;width:100vw;height:100svh;position:fixed;top:0;right:0}.panels-container{flex-direction:row-reverse;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}@media (max-aspect-ratio:1){.panels-container{flex-direction:column-reverse}}.panel{flex:var(--panel-active-flex);z-index:0;text-align:center;background-position:50%;background-size:cover;border:2px solid #fff;border-top-right-radius:15px;border-bottom-right-radius:15px;width:auto;min-width:0%;height:calc(100% - 54px);margin-left:-15px;padding-top:50px;padding-left:15px;transition:flex .5s;position:relative;box-shadow:0 0 10px #000}.panel:not(.active){flex:1}@media (max-aspect-ratio:1){.panel{border-top-right-radius:0;border-bottom-right-radius:15px;border-bottom-left-radius:15px;width:calc(100% - 4px);height:auto;margin-top:-15px;margin-left:0;padding-top:60px;padding-left:0}.panel:not(.active){flex:1;padding-top:0}}.panel .title{white-space:nowrap;-webkit-text-stroke:4px black;paint-order:stroke fill;transform-origin:15px 15px;height:30px;font-size:24px;font-weight:700;line-height:24px;transition:transform .1s;display:block;position:absolute;top:0;left:15px;transform:translate(5px,5px)rotate(0)}.panel:not(.active) .title{transform:translate(5px,5px)rotate(90deg)}@media (max-aspect-ratio:1){.panel .title{top:15px;left:5px}.panel:not(.active) .title{transform:translate(5px,5px)rotate(0)}}.panel .close{opacity:1;pointer-events:all;border:1px solid #000;border-radius:3px 10px 3px 3px;width:30px;height:30px;font-size:20px;font-weight:700;transition:opacity .2s;position:absolute;top:8px;right:8px}.panel:not(.active) .close{opacity:0;pointer-events:none}@media (max-aspect-ratio:1){.panel .close{top:20px}}.panel .btn-large{color:#fff;paint-order:stroke fill;background-color:#0f9caf;border:1px solid #fff;border-radius:35px;width:300px;height:60px;padding-left:50px;transition:opacity .5s;display:inline-block;position:relative;box-shadow:0 0 5px #000}.panel .btn-large .label-1{vertical-align:middle;font-size:28px;font-weight:700}.panel .btn-large .label-2{vertical-align:middle;margin-left:10px;font-size:16px;font-style:italic}.panel .btn-large .btn-icon{height:40px}.panel .btn-large .btn-icon.left{position:absolute;top:10px;left:15px}.btn-large.hidden{pointer-events:none;opacity:0}.panel .panel-body{scrollbar-width:thin;max-height:calc(100svh - 100px);overflow-y:auto}@media (max-aspect-ratio:1){.panel .panel-body{max-height:calc(100vw - 50px)}}.panel .text{text-align:justify;background-color:#000000c0;width:fit-content;min-width:0;padding-left:20px;padding-right:20px;font-size:16px;transition:opacity .5s}.panel .text.quote{text-align:center;color:#000;background-color:#ffffffe0;border-radius:10px;margin-left:auto;margin-right:auto;padding:10px 20px;font-style:italic}@media (max-aspect-ratio:1){.panel .text.quote{max-width:80vw}}.text.hidden{pointer-events:none;opacity:0}
