.WorkshopHeader .WorkshopHeader-center .uiControls .uiControl{display:flex}.WorkshopChat{--accent-dark:#4da3ff;--accent-light:var(--fm-blue-1);background:light-dark(var(--white),var(--fm-gray-0));border-left:1px solid light-dark(#e5e7eb,#484848);color:light-dark(var(--fm-gray-2),var(--fm-gray-8));font-size:var(--fm-font-14);text-align:left}.WorkshopChat>header{background:light-dark(#f9fafb,var(--fm-gray-1));border-bottom:1px solid light-dark(#e5e7eb,var(--fm-gray-2));color:light-dark(var(--fm-gray-1),var(--fm-gray-7));font-weight:var(--fm-fw-bold);justify-content:space-between;padding:var(--fm-space-16) var(--fm-space-24)}.WorkshopChat>header,.WorkshopChat>header>div{align-items:center;display:flex;gap:var(--fm-space-12)}.WorkshopChat>header>div>svg{color:light-dark(var(--accent-light),var(--accent-dark))}.WorkshopChat .sticky-tray{--sticky-accent:light-dark(var(--accent-light),var(--accent-dark));align-items:space-between;background:color-mix(in srgb,var(--sticky-accent) 20%,transparent);border:1px solid rgba(77,163,255,.2);border-left:4px solid var(--sticky-accent);border-radius:var(--fm-radius-medium);box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);display:flex;gap:var(--fm-space-12);margin:var(--fm-space-16);padding:var(--fm-space-16) var(--fm-space-12);position:relative}.WorkshopChat .sticky-tray:has(.body:empty){display:none}.WorkshopChat .sticky-tray .body{color:light-dark(var(--accent-light),var(--accent-dark));flex-grow:1}.WorkshopChat .sticky-tray .body h1,.WorkshopChat .sticky-tray .body h2,.WorkshopChat .sticky-tray .body h3,.WorkshopChat .sticky-tray .body h4,.WorkshopChat .sticky-tray .body h5,.WorkshopChat .sticky-tray .body h6{color:light-dark(var(--fm-gray-0),var(--white));font-size:var(--fm-font-16);margin-top:0}.WorkshopChat .sticky-tray .body p{margin-top:0}.WorkshopChat .sticky-tray .body p:last-child{margin-bottom:0}.WorkshopChat .sticky-tray .body a:-moz-any-link{color:var(--sticky-accent);font-weight:var(--fm-fw-bold);text-decoration:underline}.WorkshopChat .sticky-tray .body a:any-link{color:var(--sticky-accent);font-weight:var(--fm-fw-bold);text-decoration:underline}.WorkshopChat .sticky-tray .body a:-moz-any-link:hover{color:var(--white)}.WorkshopChat .sticky-tray .body a:any-link:hover{color:var(--white)}.WorkshopChat .sticky-tray button.hide{color:var(--sticky-accent);opacity:.8}.WorkshopChat .sticky-tray button.hide:hover{opacity:1}.WorkshopChat .chat-viewport{position:relative}.WorkshopChat .chat-stream{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.WorkshopChat .chat-stream .message{color:light-dark(var(--fm-gray-2),#d4d4d8);display:flex;font-size:var(--fm-font-14);gap:var(--fm-space-12);overflow:hidden;padding:var(--fm-space-12) var(--fm-space-16);position:relative}.WorkshopChat .chat-stream .message .userInitial{align-items:center;background:linear-gradient(135deg,var(--color1) 0,var(--color2) 100%);border-radius:50%;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:var(--white);display:flex;font-weight:var(--fm-fw-bold);height:32px;justify-content:center;width:32px}.WorkshopChat .chat-stream .message .message-wrap{flex:1;overflow:hidden}.WorkshopChat .chat-stream .message .meta{align-items:center;display:flex;gap:var(--fm-space-12);margin-bottom:8px}.WorkshopChat .chat-stream .message .meta .username a:-moz-any-link{color:light-dark(var(--fm-gray-2),#d4d4d8);display:inline-block;font-weight:var(--fm-fw-bold)}.WorkshopChat .chat-stream .message .meta .username,.WorkshopChat .chat-stream .message .meta .username a:any-link{color:light-dark(var(--fm-gray-2),#d4d4d8);display:inline-block;font-weight:var(--fm-fw-bold)}.WorkshopChat .chat-stream .message .meta .flair{--flair-accent:light-dark(var(--accent-light),var(--accent-dark));background:color-mix(in srgb,var(--flair-accent) 15%,transparent);border:1px solid var(--flair-accent);border-radius:var(--fm-radius-small);color:var(--flair-accent);font-size:var(--fm-font-12);padding:2px 4px;text-transform:uppercase}.WorkshopChat .chat-stream .message .meta .timestamp{color:var(--fm-gray-4);flex:1;font-size:var(--fm-font-12);text-align:right}.WorkshopChat .chat-stream .message .meta .hide-message{color:var(--fm-gray-4);height:16px;overflow:hidden;transition:width .1s linear;width:0}.WorkshopChat .chat-stream .message .meta .hide-message:hover{color:var(--white)}.WorkshopChat .chat-stream .message .body{word-wrap:break-word;overflow-wrap:break-word}.WorkshopChat .chat-stream .message .body a:-moz-any-link{color:light-dark(var(--fm-gray-3),#d4d4d8);font-weight:var(--fm-fw-bold);text-decoration:underline}.WorkshopChat .chat-stream .message .body a:any-link{color:light-dark(var(--fm-gray-3),#d4d4d8);font-weight:var(--fm-fw-bold);text-decoration:underline}.WorkshopChat .chat-stream .message .body a:-moz-any-link:hover{color:light-dark(var(--fm-gray-2),var(--white))}.WorkshopChat .chat-stream .message .body a:any-link:hover{color:light-dark(var(--fm-gray-2),var(--white))}.WorkshopChat .chat-stream .message .body p{margin:var(--spacing-xs) 0}.WorkshopChat .chat-stream .message .body p:first-child{margin-top:0}.WorkshopChat .chat-stream .message .body p:last-child{margin-bottom:0}.WorkshopChat .chat-stream .message .body code{background:light-dark(#f9fafb,var(--fm-gray-1));border:1px solid light-dark(#e5e7eb,var(--fm-gray-2));border-radius:var(--fm-radius-small);color:light-dark(var(--fm-gray-3),var(--fm-gray-8));overflow-x:auto}.WorkshopChat .chat-stream .message .body pre>code{border-radius:var(--fm-radius-medium);display:block;padding:var(--fm-space-12)}.WorkshopChat .chat-stream .message.sticky{display:none}.WorkshopChat .chat-stream .message.alert{--alert-accent:light-dark(var(--accent-light),var(--accent-dark));background:color-mix(in srgb,var(--alert-accent) 25%,transparent)}.WorkshopChat .chat-stream .message:has(.hide-message):hover .meta .hide-message{transition:width .1s linear .5s;width:16px}.WorkshopChat .chat-form{background:light-dark(var(--white),var(--fm-gray-1));border-top:1px solid light-dark(#e5e7eb,var(--fm-gray-2));padding:var(--fm-space-16)}.WorkshopChat .chat-form fieldset{background:light-dark(var(--white),var(--fm-gray-0));border:1px solid light-dark(#e5e7eb,var(--fm-gray-2));border-radius:var(--fm-radius-small);position:relative}.WorkshopChat .chat-form fieldset:has(textarea:focus){border-color:var(--fm-gray-4)}.WorkshopChat .chat-form fieldset[disabled]:before{align-items:center;background:rgba(34,34,34,.8);bottom:0;color:#fff;content:"Wait until quiz is over to chat.";display:flex;justify-content:center;left:0;padding:var(--spacing-sm);position:absolute;right:0;top:0;z-index:1}.WorkshopChat .chat-form textarea{background-color:transparent;border:none;box-sizing:border-box;color:light-dark(var(--fm-gray-1),var(--fm-gray-8));display:block;height:50px;line-height:1.2;max-height:180px;max-width:100%;min-height:50px;min-width:100%;padding:15px 50px 15px 15px;position:relative;width:100%;z-index:2}.WorkshopChat .chat-form textarea:focus{outline:none}.WorkshopChat .chat-form button{align-items:flex-start;background:light-dark(#e5e7eb,var(--fm-gray-1));border-radius:var(--fm-radius-medium);color:light-dark(#4a5565,var(--fm-gray-4));display:flex;flex-direction:column;padding:8px;position:absolute;right:8px;top:8px;z-index:3}.WorkshopChat .chat-form button:hover{background:var(--fm-gray-2);color:var(--white)}.WorkshopChat .user-count{color:var(--gray-mid);font-size:var(--font-xs)}.WorkshopChat .chat-controls{margin-top:var(--spacing-sm);overflow:hidden}.WorkshopChat .chat-quiz-timer{font-family:ui-monospace,Menlo,Monaco,Roboto Mono,"Ubuntu Monospace",Courier New,monospace;padding:var(--spacing-md);text-align:center}.WorkshopChat .chat-quiz-time-left{color:#fff;font-size:var(--font-xl)}.WorkshopChat .chat-admin{align-items:center;background:light-dark(#f9fafb,var(--fm-gray-1));color:light-dark(#71717b,#71717b);display:flex;gap:var(--fm-space-6);padding:var(--fm-space-16);padding-top:0}.WorkshopChat .chat-admin button{background:light-dark(#f3f4f6,#27272a);border:1px solid light-dark(#e5e7eb,var(--fm-gray-2));border-radius:var(--fm-radius-small);color:light-dark(#4a5565,#9f9fa9);font-size:10px;padding:2px 6px}.WorkshopChat .chat-admin button.active,.WorkshopChat .chat-admin button:hover{color:light-dark(#4a5565,var(--fm-gray-8))}.WorkshopChat .chat-admin button.active{background:light-dark(#e5e7eb,var(--fm-gray-2))}.WorkshopChat .chat-quiz-admin{font-size:var(--font-sm);padding:var(--spacing-sm)}.WorkshopChat .chat-quiz-admin button,.WorkshopChat .chat-quiz-admin select{margin-left:var(--spacing-sm)}.WorkshopChat .chat-quiz-admin button:first-child,.WorkshopChat .chat-quiz-admin select:first-child{margin-left:0}.WorkshopChat .chat-quiz-admin .active~select,.WorkshopChat .chat-quiz-admin .only-when-active{display:none}.WorkshopChat .chat-quiz-admin .active~.only-when-active{display:inline}