html.noscroll{overflow:hidden}html:has(.WorkshopPlayer.open) .FM-Header-Main{display:none}.WorkshopPlayer{color-scheme:dark}.WorkshopPlayer:has([data-theme-toggle=light]){color-scheme:light}.WorkshopPlayer{background:light-dark(#fff,var(--fm-gray-0));bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:900}.WorkshopPlayer.open{display:flex!important;flex-direction:column}.WorkshopPlayer [data-workshop-replays]{align-items:stretch;animation-delay:unset;display:flex;flex-flow:column nowrap;min-width:300px;overflow-y:scroll;overscroll-behavior:none;padding:0}.WorkshopPlayer [data-workshop-replays] .workshop-replay-item{display:flex;gap:var(--fm-space-12);padding:var(--fm-space-12)}.WorkshopPlayer [data-workshop-replays] .workshop-replay-item>svg{color:var(--fm-gray-4)}.WorkshopPlayer [data-workshop-replays] .workshop-replay-item.active,.WorkshopPlayer [data-workshop-replays] .workshop-replay-item:hover{background:light-dark(var(--fm-gray-8),var(--fm-gray-2))}.WorkshopPlayer [data-workshop-replays] .workshop-replay-item.active>svg,.WorkshopPlayer [data-workshop-replays] .workshop-replay-item:hover>svg{color:var(--fm-green-2)}.WorkshopPlayer [data-workshop-replays] .workshop-replay-item.active.live>svg,.WorkshopPlayer [data-workshop-replays] .workshop-replay-item:hover.live>svg{color:var(--fm-yellow-1)}.WorkshopPlayer [data-workshop-replays] .workshop-replay-item.pending,.WorkshopPlayer [data-workshop-replays] .workshop-replay-item.pending:hover,.WorkshopPlayer [data-workshop-replays] .workshop-replay-item.pending:hover>svg{background:none;color:var(--fm-gray-4);cursor:not-allowed}.WorkshopPlayer [data-workshop-replays] .workshop-replay-item:last-child{border:none}.WorkshopPlayer [data-workshop-replays] .workshop-replay-item .body{flex-grow:1}.WorkshopPlayer [data-workshop-replays] .workshop-replay-item .body>span.small{font-size:var(--fm-font-12)}.WorkshopHeader{align-items:center;border-bottom:1px solid light-dark(#e5e7eb,var(--fm-gray-2));display:flex;font-size:var(--fm-font-14);gap:var(--fm-space-48);min-height:71px;padding:var(--fm-space-12) var(--fm-space-24)}.WorkshopHeader .WorkshopHeader-left{align-items:center;container-type:inline-size;display:flex;flex:1 1 auto;gap:var(--fm-space-12)}.WorkshopHeader .WorkshopHeader-left .site-logo{height:17px}.WorkshopHeader .WorkshopHeader-left .workshop-title{color:light-dark(var(--fm-gray-1),var(--white));font-weight:var(--fm-fw-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:-moz-max-content;width:max-content}.WorkshopHeader .WorkshopHeader-center{container-type:inline-size;display:none;flex:0 1 auto;z-index:2}.WorkshopHeader .WorkshopHeader-center .uiControls{align-items:center;background:light-dark(#f3f4f6,var(--fm-gray-1));border:1px solid light-dark(var(--fm-gray-8),var(--fm-gray-2));border-radius:var(--fm-radius-medium);color:light-dark(var(--fm-gray-0),var(--fm-gray-8));display:flex;gap:var(--fm-space-6);padding:3px;width:-moz-max-content;width:max-content}.WorkshopHeader .WorkshopHeader-center .uiControls .uiControl{align-items:center;border:1px solid transparent;border-radius:var(--fm-radius-small);display:none;gap:var(--fm-space-6);padding:var(--fm-space-6) var(--fm-space-16);text-decoration:none}.WorkshopHeader .WorkshopHeader-center .uiControls .uiControl>span{display:none}.WorkshopHeader .WorkshopHeader-center .uiControls .uiControl.active{background:light-dark(var(--white),var(--fm-gray-3));border-color:light-dark(#e5e7eb,var(--fm-gray-2));box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:light-dark(var(--fm-gray-0),var(--white))}.WorkshopHeader .WorkshopHeader-center .uiControls .uiControl[data-ctx=Both]{display:none}.WorkshopHeader .WorkshopHeader-right{align-items:center;container-type:inline-size;display:flex;flex:0 1 auto;gap:var(--fm-space-24);justify-content:flex-end}.WorkshopHeader .WorkshopHeader-right .theme-toggle{color:light-dark(var(--fm-gray-3),var(--fm-gray-8));display:none}.WorkshopHeader .WorkshopHeader-right .theme-toggle[data-theme-toggle=dark]>svg.moon,.WorkshopHeader .WorkshopHeader-right .theme-toggle[data-theme-toggle=light]>svg.sun{display:none}.WorkshopHeader .WorkshopHeader-right .replays{align-items:center;background:light-dark(var(--fm-gray-7),var(--fm-gray-3));background:light-dark(var(--fm-gray-8),var(--fm-gray-2));border-radius:var(--fm-radius-medium);box-shadow:0 0 12px 0 rgba(124,134,255,.35);color:light-dark(var(--fm-gray-3),var(--fm-gray-5));display:flex;font-weight:var(--fm-fw-medium);gap:var(--fm-space-6);padding:var(--fm-space-6) var(--fm-space-12)}.WorkshopHeader .WorkshopHeader-right .replays>.text{display:none}.WorkshopHeader .WorkshopHeader-right .replays:hover{color:light-dark(var(--black),var(--white))}.WorkshopHeader .WorkshopHeader-right .replays:disabled,.WorkshopHeader .WorkshopHeader-right .replays:disabled:hover{box-shadow:none;color:var(--fm-gray-5);opacity:.5}.WorkshopHeader .WorkshopHeader-right .close{align-items:center;color:light-dark(var(--fm-gray-2),var(--fm-gray-4));display:flex;gap:var(--fm-space-6)}.WorkshopHeader .WorkshopHeader-right .close>span{display:none}.WorkshopHeader .WorkshopHeader-right .close:hover{color:light-dark(var(--fm-gray-0),var(--white))}.WorkshopBody,.WorkshopVideo{background:light-dark(#f9fafb,#000);display:flex;flex-direction:column;flex-grow:1;justify-content:center}.WorkshopVideo{position:relative}.WorkshopVideo iframe{height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.WorkshopChat{flex:1}.WorkshopPlayer.showChat .WorkshopVideo,.WorkshopPlayer.showVideo .WorkshopChat{display:none}.WorkshopPlayer.showChat .WorkshopChat{max-width:100%}@container (min-width: 220px){.WorkshopHeader .WorkshopHeader-center .uiControls .uiControl>span{display:block}.WorkshopHeader .WorkshopHeader-right .replays{display:flex}}@container (min-width: 285px){.WorkshopHeader .WorkshopHeader-right .close>span{display:block}}@media only screen and (min-width:600px){.WorkshopHeader .WorkshopHeader-center{display:flex}.WorkshopHeader .WorkshopHeader-right{flex:1 1 auto}}@media only screen and (min-width:800px){.WorkshopHeader .WorkshopHeader-center{flex-grow:1;justify-content:center}.WorkshopHeader .WorkshopHeader-right{flex-grow:1}.WorkshopHeader .WorkshopHeader-right .theme-toggle{display:initial}.WorkshopHeader .WorkshopHeader-right .replays .text{display:block}}@media only screen and (min-width:1024px){.WorkshopHeader .WorkshopHeader-center .uiControls .uiControl[data-ctx=Both]{display:flex}.WorkshopBody{flex-direction:row}.WorkshopVideo{flex:2.4}.WorkshopChat{max-width:500px;min-width:400px}}