html,body{padding:0;margin:0;height:100%;background:var(--bg-color);color:var(--text-color);font-family:system-ui,sans-serif;overflow-y:clip}.layout{display:grid;place-items:center;text-align:center;grid-template-rows:1fr;grid-template-columns:1fr;height:100%}.layout__background{z-index:1;isolation:isolate;position:relative;width:100%;height:100%;grid-area:1 / 1 / 2 / 2;overflow:clip}.layout__svg{position:absolute;left:50%;transform:translate(-50%);width:auto;height:100%;fill:var(--svg-fill)}.layout__content{z-index:2;grid-area:1 / 1 / 2 / 2;display:grid;place-items:center;gap:1rem}iframe{display:block;box-sizing:border-box;border:none;margin:0;width:100%;height:auto;aspect-ratio:16 / 9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}form,#cookies,#error,.container{display:grid;box-sizing:border-box;width:100%;place-items:center;gap:4.444vw;padding:4.444vw}.hidden{display:none!important}h1,label,h2{font-size:4.444vw;font-weight:400}input[type=text]{padding:1.777vw 4.444vw;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-bg-color);color:var(--input-text-color);width:90vw;max-width:400px;box-sizing:border-box;text-transform:uppercase;font-size:4.4444vw;text-align:center;box-shadow:none}button{cursor:pointer;padding:1.777vw 4.444vw;border-radius:var(--btn-border-radius);border:var(--btn-border-width) solid var(--btn-border-color);background-color:var(--btn-bg-color);color:var(--btn-text-color);transition:all .2s;font-size:4.444vw;font-weight:400}button:hover{opacity:.8}#error{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--bg-color)}#video{position:relative;width:100%}#logout{position:absolute;top:.5rem;right:.5rem;width:auto;padding:0}#logout button{display:grid;place-items:center;text-align:center;padding:clamp(.4rem,1.2vw,.75rem)}.size-6{width:1.5rem;height:1.5rem}@media (min-width: 360px){h1,label,h2,input[type=text]{font-size:clamp(1rem,3vw,2.3rem)}input[type=text]{padding:clamp(.4rem,1.2vw,.75rem) clamp(1rem,3vw,1.4rem);font-size:clamp(1rem,2vw,1.3rem)}form,#cookies,#error,.container{gap:clamp(1rem,3vw,2.1rem);padding:1rem}button{padding:clamp(.4rem,1.2vw,.75rem) clamp(1rem,3vw,1.4rem);font-size:clamp(1rem,2vw,1.2rem)}}