@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,1,0";html{background-size:cover;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAF9JREFUGFcdw9EJwkAQRdE7M8F2guRD/VErEVKALaRmRSSbzc4+wQPHbtOs0gtSQhS6GnY9PrTyJQNcFZljp3GWhhfe/X+Pil3GpzIqqHHIxh4rdj8v2upG+oDlG7MPP8dLLaQFpKcNAAAAAElFTkSuQmCC)}.v-enter-from,.v-leave-to{opacity:0}.v-enter-active,.v-leave-active{transition:.25s ease all}.modal-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:12rem 4rem;width:min(500px,100%);display:grid;place-items:center;background-color:#202020cc;backdrop-filter:blur(8px);border-radius:13px}.modal-wrapper .close{position:absolute;top:0;right:0;margin:2rem;font-size:2rem;font-weight:700;cursor:pointer}html{background-size:cover;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAF9JREFUGFcdw9EJwkAQRdE7M8F2guRD/VErEVKALaRmRSSbzc4+wQPHbtOs0gtSQhS6GnY9PrTyJQNcFZljp3GWhhfe/X+Pil3GpzIqqHHIxh4rdj8v2upG+oDlG7MPP8dLLaQFpKcNAAAAAElFTkSuQmCC)}main.index{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:10rem}main.index .header{display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:0;box-shadow:0 0 0 100vmax #68639d;clip-path:inset(0 -100vmax);background-color:#68639d;padding:2rem;width:100%;margin-inline:auto}main.index .header .logo{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0}main.index .header .logo img{max-width:70px}main.index .header ul{list-style:none;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:2rem}main.index .header ul li{cursor:pointer;font-size:1rem}main.index .section{width:100%;place-items:center;position:relative;padding:2rem}main.index .section.main{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:0}@media screen and (min-width: 1000px){main.index .section.main{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0}}main.index .section.main img{width:100%}main.index .section.main .text h1{line-height:1.25;font-weight:600;font-size:clamp(2rem,5vw,4rem)}main.index .section.main .text h1:nth-child(1){margin-bottom:5rem}main.index .section.main .text p{line-height:1.5;margin-bottom:3rem;max-width:700px;font-size:clamp(.85rem,5vw,1.2rem)}main.index .section.main button{border:none;background:none;font-weight:600;font-size:1rem;border-radius:3px;padding:1rem 2rem;transition:all ease .2s;border:1px solid transparent;cursor:pointer;margin:auto}main.index .section.main button.primary{background-color:var(--white);color:var(--black);opacity:.9}main.index .section.main button.primary:hover{opacity:1;border-radius:15px 3px}main.index .section.main button.info{font-weight:500;color:var(--white-soft-2)}main.index .section.main button.info:hover{color:var(--white);text-decoration:underline}main.index .section.about{display:flex;justify-content:center;align-items:center;flex-direction:column-reverse;gap:0}@media screen and (min-width: 1000px){main.index .section.about{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:5rem}}main.index .section.about img{width:100%;max-width:300px}main.index .section.about .text h1{line-height:1.25;font-weight:600;font-size:clamp(1.5rem,5vw,3rem)}main.index .section.about .text h1:nth-child(1){margin-bottom:1rem}main.index .section.about .text h2{margin-bottom:1rem}main.index .section.about .text ul li{font-weight:400;margin-bottom:.25rem}main.index .section.about .text p{line-height:1.5;margin-bottom:3rem;max-width:700px;font-size:clamp(1rem,2vw,1.25rem)}main.index .section.events{display:flex;justify-content:flex-start}main.index .section.events .events-table-section{width:100%}main.index .section.events .events-table-section h1{margin-bottom:2rem}main.index .section.events .events-table-section .arranger-block{margin-bottom:2.5rem}main.index .section.events .events-table-section .arranger-block .arranger-toggle{display:flex;align-items:center;cursor:pointer;user-select:none;margin-bottom:1rem;gap:.75rem}main.index .section.events .events-table-section .arranger-block .arranger-toggle:hover{opacity:.8}main.index .section.events .events-table-section .arranger-block .arranger-toggle .toggle-icon{font-style:normal;font-size:1.25rem;transition:transform .2s ease;transform:rotate(-90deg)}main.index .section.events .events-table-section .arranger-block .arranger-toggle .toggle-icon.open{transform:rotate(0)}main.index .section.events .events-table-section .events-table{width:100%;border-collapse:collapse;font-size:.95rem}main.index .section.events .events-table-section .events-table thead tr{background-color:#ffffff26}main.index .section.events .events-table-section .events-table th,main.index .section.events .events-table-section .events-table td{text-align:left;padding:.65rem 1rem;border-bottom:1px solid rgba(255,255,255,.15)}main.index .section.events .events-table-section .events-table th{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}main.index .section.events .events-table-section .events-table tbody tr:hover{background-color:#ffffff12}main.index .section.events .events-table-section .events-table a{color:inherit;text-decoration:underline;text-underline-offset:3px}main.index .section.events .events-table-section .events-table a:hover{opacity:.8}main.index .section.events .events-table-section .no-events{opacity:.6;font-style:italic}main.index .section.tickets{display:flex;justify-content:center;align-items:stretch;flex-direction:column;gap:3rem}@media screen and (min-width: 1000px){main.index .section.tickets{flex-direction:row}}main.index .section.tickets .ticket{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;background-color:#68639d;padding:1.5rem;border-radius:6px}main.index .section.tickets .ticket ul{padding-left:.5rem}@media screen and (min-width: 1000px){main.index .section.tickets .ticket{padding:3rem}main.index .section.tickets .ticket ul{padding-left:0}}main.index .section.tickets .ticket h2{text-align:center;font-size:clamp(1.25rem,5vw,2.125rem)}main.index .section.tickets .ticket ul{list-style-position:outside}main.index .footer{box-shadow:0 0 0 100vmax #68639d;clip-path:inset(0 -100vmax);background-color:#68639d;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;padding:5rem 0}main.index .footer .text{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:0}main.index .footer h1{line-height:1;font-size:clamp(1.4rem,5vw,2rem);margin-bottom:2rem}main.index .footer a{color:#fff;font-weight:700}main.index .footer .logo{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0}main.index .footer .logo img{max-width:140px}html{background-size:cover;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAF9JREFUGFcdw9EJwkAQRdE7M8F2guRD/VErEVKALaRmRSSbzc4+wQPHbtOs0gtSQhS6GnY9PrTyJQNcFZljp3GWhhfe/X+Pil3GpzIqqHHIxh4rdj8v2upG+oDlG7MPP8dLLaQFpKcNAAAAAElFTkSuQmCC)}main.viewer{padding:var(--page-padding);display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:0;overflow-y:auto}main.viewer .stream{border-radius:var(--border-radius);width:100%;margin-bottom:3rem}main.viewer .stream .controls-top{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:0;padding:var(--space-2);width:100%}main.viewer .stream .controls-top .viewers-indicator{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:var(--space-2)}main.viewer .stream .controls-top .viewers-indicator p{text-align:right}main.viewer .stream .video-container{position:relative}main.viewer .stream .video-container video{width:100%;display:block;border-radius:var(--border-radius)}main.viewer .stream .controls{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;gap:var(--space-2);margin-top:var(--space-2)}main.viewer .stream .controls .control{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;cursor:pointer;border-radius:50%;padding:.15rem;margin:-.15rem;transition:background-color ease .1s}main.viewer .stream .controls .control span{font-size:1.75rem}main.viewer .stream .controls .control:hover{background-color:var(--black-soft)}main.viewer .show-details{width:100%;border-radius:var(--border-radius);padding:var(--space-2)}main.viewer .show-details h1{line-height:1;margin-bottom:1.25rem}main.viewer .show-details p{max-width:600px}:root{--border-radius: 2px;--page-max-width: 1200px;--page-padding: min(.5rem, 5vw);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--black: hsl(0, 0%, 8%);--black-soft: hsla(0, 0%, 0%, .23);--white: hsl(0, 0%, 94%);--white-soft: hsla(0, 0%, 100%, .7);--white-soft-2: hsla(0, 0%, 100%, .4);--clr-live: hsl(11, 90%, 49%)}.material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;color:inherit;font-size:1.5rem;user-select:none}p,h1,h2,h3,span,input,button,select,li{color:inherit;font-family:sans-serif;font-family:Montserrat,sans-serif;font-weight:600;line-height:1.5}h1{font-size:2.5rem;line-height:2}p{font-weight:400;font-size:1rem}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.loader{width:15px;height:15px;border:2px solid #FFF;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#fff}i{font-weight:700}html{background-size:cover;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAF9JREFUGFcdw9EJwkAQRdE7M8F2guRD/VErEVKALaRmRSSbzc4+wQPHbtOs0gtSQhS6GnY9PrTyJQNcFZljp3GWhhfe/X+Pil3GpzIqqHHIxh4rdj8v2upG+oDlG7MPP8dLLaQFpKcNAAAAAElFTkSuQmCC)}body{height:100vh;overflow-x:hidden;color:#fff}section main{height:100%;max-width:var(--page-max-width);margin:0 auto;display:flex;flex-direction:column}.enter-show{background:rgba(255,255,255,.05);border-radius:3px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(8.7px);-webkit-backdrop-filter:blur(8.7px);border:1px solid rgba(255,255,255,.05);padding:var(--space-4);display:flex;justify-content:center;align-items:flex-start;flex-direction:column-reverse;gap:var(--space-4);display:inline-flex;color:#ebebeb}.enter-show p{max-width:300px;font-size:1rem;opacity:1}.enter-show .code-input{display:inline-block;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:var(--space-2)}.enter-show .code-input .enter{aspect-ratio:1;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;border-radius:2px;padding:.3rem;cursor:pointer}.enter-show .code-input .enter span{font-size:3rem}.enter-show .code-input input{font-size:2.5rem;border-radius:3px;border:none;border:1px solid rgba(255,255,255,.3);width:7ch;line-height:1;padding:0;margin:0;text-align:center;background-color:#00000005;padding:var(--space-2)}.enter-show .code-input input::placeholder{color:var(--white-soft);opacity:.1}.enter-show .code-input input:focus,.enter-show .code-input input:focus-visible{outline:none}.enter-show .code-input button{width:100%;font-size:1.5rem;background:none;border:none}button{border:none;background:none;font-weight:600;font-size:1rem;border-radius:3px;padding:1rem 2rem;transition:all ease .2s;border:1px solid transparent;cursor:pointer}button.primary{background-color:var(--white);color:var(--black);opacity:.9}button.primary:hover{opacity:1;border-radius:15px 3px}button.info{font-weight:500;color:var(--white-soft-2)}button.info:hover{color:var(--white);text-decoration:underline}main.streamer{padding:var(--page-padding);display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:0;overflow-y:auto}@media screen and (max-width: 600px){main.streamer{justify-content:flex-start}}main.streamer .stream{border-radius:var(--border-radius);width:100%;margin-bottom:3rem}main.streamer .stream .controls-top{display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:0;margin:1rem 0}main.streamer .stream .controls-top .live-toggle{padding:var(--space-2);display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:var(--space-2);margin-bottom:var(--space-1)}main.streamer .stream .controls-top .live-toggle .toggle{display:inline-block;font-size:20px;height:1em;width:2em;background-color:var(--black-soft);border-radius:1em;cursor:pointer;transition:background-color ease .2s}main.streamer .stream .controls-top .live-toggle .toggle.is-live{background-color:var(--clr-live)}main.streamer .stream .controls-top .live-toggle .toggle input{position:absolute;opacity:0;cursor:pointer}main.streamer .stream .controls-top .live-toggle .toggle input:checked+div{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}main.streamer .stream .controls-top .live-toggle .toggle div{height:1em;width:1em;border-radius:1em;background:#FFF;box-shadow:0 .1em .3em #0000004d;-webkit-transition:all .15s;-moz-transition:all .15s;transition:all .15s}main.streamer .stream .controls-top .live-toggle p{color:var(--white-soft);font-size:.75rem;transition:color ease .1s}main.streamer .stream .controls-top .live-toggle p.is-live{color:var(--clr-live)}main.streamer .stream .controls-top .viewers-indicator{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:var(--space-2)}main.streamer .stream .controls-top .viewers-indicator p{text-align:right}main.streamer .stream .video-container{position:relative}main.streamer .stream .video-container video{width:100%;display:block;border-radius:var(--border-radius)}main.streamer .stream .video-container .overlay{position:absolute;width:100%;height:100%;background-color:#00000080;backdrop-filter:grayscale(1);display:grid;place-items:center;user-select:none;opacity:0;transition:opacity ease .1s}main.streamer .stream .video-container .overlay.visible{opacity:1}main.streamer .stream .video-container .overlay>div{opacity:.5;display:grid;place-items:center;gap:var(--space-2)}main.streamer .stream .video-container .overlay>div span{font-size:4rem}main.streamer .stream .controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-2)}main.streamer .stream .controls .camera-select,main.streamer .stream .controls .mic-select{padding:var(--space-2);display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:var(--space-2);background-color:var(--black-soft);border-radius:var(--border-radius);color:var(--white-soft);transition:color ease .1s}main.streamer .stream .controls .camera-select:hover,main.streamer .stream .controls .mic-select:hover{color:inherit}main.streamer .stream .controls .camera-select select,main.streamer .stream .controls .mic-select select{background-color:transparent;border:none;user-select:none;transition:all ease .1s;outline:1px solid transparent;border-radius:.5px;outline-offset:2px;width:100%;text-overflow:ellipsis}main.streamer .stream .controls .camera-select select:focus,main.streamer .stream .controls .camera-select select:focus-visible,main.streamer .stream .controls .mic-select select:focus,main.streamer .stream .controls .mic-select select:focus-visible{outline-color:#ffffff58}main.streamer button{margin:1rem 0;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:1rem;padding:.75rem 1.25rem}main.streamer .show-details{width:100%;border-radius:var(--border-radius);padding:var(--space-2)}main.streamer .show-details h1{line-height:1;margin-bottom:1.25rem}main.streamer .show-details p{max-width:600px}
