.tooth{display:flex;position:relative}.crown01{background-color:red;left:-1.25rem}.crown01,.crown02{border-radius:50%;height:3rem;position:absolute;top:0;width:3rem}.crown02{background-color:blue;left:1.25rem}.crown03{background-color:green;height:1.875rem;top:-1.5625rem}.crown03,.crown04{border-radius:50%;left:0;position:absolute;width:3rem}.crown04{background-color:brown;height:2rem;top:0}.crown05{background-color:aqua;border-radius:30% 40% 70% 70%;left:-1rem;top:1rem;transform:rotate(-12deg);width:2.5rem}.crown05,.crown06{height:3.75rem;position:absolute}.crown06{background-color:coral;border-radius:30% 30% 70% 70%;left:1.3125rem;top:.9375rem;transform:rotate(12deg);width:2.8125rem}.root01{border-radius:40% 40% 100% 500%;left:-.625rem}.root01,.root02{background-color:orange;height:4.375rem;position:absolute;top:3.4375rem;width:1.5rem}.root02{border-radius:40% 40% 500% 100%;left:2.1875rem}.root03{background-color:#7cfc00;border-radius:50%;height:.9375rem;left:.625rem;position:absolute;top:4rem;width:1.875rem}.root05{border-radius:100% 100% 100% 500%;left:-.75rem;transform:rotate(-2deg)}.root05,.root06{height:2.5rem;position:absolute;top:3.125rem;width:1.25rem}.root06{background-color:#b0c4de;border-radius:40% 40% 500% 100%;left:2.625rem}.root07{background-color:#f0f;border-radius:50% 30% 30% 50%;left:-.1875rem;transform:rotate(10deg)}.root07,.root08{height:2.5rem;position:absolute;top:3.75rem;width:1.25rem}.root08{border-radius:30% 50% 50% 30%;left:2rem;transform:rotate(-10deg)}.root09{border-radius:50% 30% 30% 50%;left:.9375rem;transform:rotate(11deg)}.root09,.root10{height:1.75rem;position:absolute;top:4.625rem;width:.625rem}.root10{border-radius:30% 50% 50% 30%;left:1.5rem;transform:rotate(-11deg)}:root{--global:20rem;--color_X1:#9cc0c0;--color_X2:#eeebe1;--color_X3:#181e22;--color_X4:#e29b8a;--color_X5:#b7d58b;--color_X6:#918e84;--color_background:#8bd5b4;--color_white:#fff;--color_dark:#1b1822;--color_dark_light:#00000048;--color_gray:#eeede1;--color_gray_2:#cbcbcb7b;--color_pink:#e3c2ef;--color_blue:#9e9cc0;--color_yellow:#f5be4f;--color_orange:#dc9548;--color_green:#8bd5b4;--color_red:#e29b8a;--color_transparent:#c0362a;--color_backShadow:rgba(0,0,0,.513);--textSpacing:0.002;--textLarge:calc(var(--global)*0.125);--textMedium:calc(var(--textLarge)*0.4);--textSmall:calc(var(--textLarge)*0.3);--TextStrokeBlack:calc(var(--textLarge)*0.001) var(--color_dark);--TextStrokeWhite:calc(var(--textLarge)*0.001) var(--color_white);--popupBoxWidth:0.7;--popupBoxHeight:0.55;--titleBox:0.41;--functionBox:0.41;--headerSize:0.135;--headerNarrow:78.0%;--roomBoxLayout:0.2;--rectangleBoxSize:0.25;--borderRadius:calc(var(--global)*0.025);--layoutColumns:3;--itemGap:0.1;--subjectFormGap:0.5;--spinRPM:3s;--buttonGap:0.25;--buttonSize:calc(var(--global)*0.15);--buttonTransition:color 0.05s linear 0.1s,background-color 0.05s linear 0.1s translateX(calc(var(--shadowSize)*-1)) translateY(var(--shadowSize));--buttonPressedLarge:translateX(calc(var(--shadowSize)*-0.8)) translateY(calc(var(--shadowSize)*0.8));--buttonPressedSmall:translateX(calc(var(--shadowSize)*-0.55)) translateY(calc(var(--shadowSize)*0.55));--shadowSize:calc(var(--global)*0.031);--shadowLeft:calc(var(--shadowSize)*-1) var(--shadowSize) 0 0 var(--color_dark);--shadowDown:0rem var(--shadowSize) 0rem var(--color_dark);--shadowLeftSmall:calc(var(--shadowSize)*-0.5) calc(var(--shadowSize)*0.5) 0 0 var(--color_dark);--shadowButtonSelected:calc(var(--shadowSize)*1) calc(var(--shadowSize)*-1) 0 calc(var(--shadowSize)*1) var(--color_dark);--hoverDark:inset 0rem 0rem 1000rem rgba(0,0,0,.09);--hoverLight:inset 0rem 0rem 1000rem hsla(0,0%,100%,.09)}@media (max-width:1600px){:root{--layoutColumns:3}}@media (max-width:1179px){:root{--layoutColumns:3}}@media (max-width:768px){:root{--layoutColumns:3}}@media (max-width:600px){:root{--global:20rem;--layoutColumns:3}.cardBox,.errorBox{margin-left:auto;margin-right:auto}.loginUI,.popupUI,.settingsUI,.userUI{box-sizing:border-box;padding:0}}@media (hover:none){.squareBox.left:hover,.squareBox.noline:hover,.squareBox.remove:hover,.squareBox.reserved:hover,.squareBox.right:hover,.squareBox.wide:hover,.squareBox:hover,.toggleButtonBox:hover{box-shadow:none}.squareBox.eveningFree:hover,.squareBox.morningFree:hover,.squareBox.wholeDayFree:hover{transform:none;transition:none}.squareBox.broken:hover,.squareBox.full:hover{background-color:inherit}.circle.large.available:hover,.circle.large:hover{transform:none;transition:none}.toggleButtonBox.selected:hover{box-shadow:none}.toggleButtonBox.nonavailable:hover{background-color:inherit;transform:var(--buttonPressedLarge)}}@keyframes flashing{0%,to{color:var(--color_dark)}50%{color:var(--color_red)}}@keyframes flashingLight{0%,to{color:var(--color_white)}50%{color:var(--color_red)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.invisible{height:0;overflow:hidden;width:0}.message-group{display:flex;flex-direction:column;max-width:80%;width:fit-content}.message-group.receiver{align-self:flex-start}.message-group.sender{align-self:flex-end}.message{display:flex;flex-direction:column;margin-bottom:calc(var(--global)*0)}.message.content{border-radius:var(--borderRadius);padding:.5rem;word-wrap:break-word;align-items:center;color:var(--color_dark);display:flex;font-size:var(--textSmall);justify-content:center;margin-left:1rem;margin-right:1rem;min-height:2rem}.message.content.receiver{background-color:var(--color_blue);border-bottom-left-radius:0}.message.content.sender{background-color:var(--color_gray);border-bottom-right-radius:0}.message.content.unopened{background-color:var(--color_red);color:var(--color_white)}.message.timestamp{color:var(--color_dark);font-size:.75rem;margin-left:1rem;margin-right:1rem;margin-top:.25rem;position:relative}.message-group.receiver .message.timestamp{text-align:left}.message-group.sender .message.timestamp{text-align:right}.message .status{background-color:#ff0;border-radius:50%;color:var(--color_dark);height:calc(var(--global)*.05);margin-top:0;width:calc(var(--global)*.05)}.message-group.student .status{align-self:flex-start}.message-group.teacher .status{align-self:flex-end}.text{align-items:center;background-color:transparent;border:none;display:flex;font-size:var(--textSmall);height:100%;justify-content:center;letter-spacing:calc(var(--textSpacing)*var(--global));outline:none;overflow:visible}.text.small,.text.small.bold,.text.small.invisible{font-size:var(--textSmall);padding-left:calc(var(--itemGap)*.35*var(--global));padding-right:calc(var(--itemGap)*.35*var(--global))}.text.small.input{height:100%;width:100%}.text.small.light{color:var(--color_white)}.invisible{background:transparent;border:none;color:transparent;cursor:none}.text.medium,.text.medium.bold{font-size:var(--textMedium);padding-left:calc(var(--itemGap)*.1*var(--global));padding-right:calc(var(--itemGap)*.1*var(--global))}.text.medium.bold,.text.small.bold{font-weight:700}.text.small.left,.text.small.nopadding{justify-content:flex-start;text-align:left}.text.small.nopadding{padding-left:calc(var(--itemGap)*0*var(--global));padding-right:calc(var(--itemGap)*0*var(--global))}.text.large{-webkit-text-stroke:var(--TextStrokeBlack);font-size:var(--textLarge);letter-spacing:calc(var(--global)*.01);text-align:center}.mainUI{-webkit-appearance:none;appearance:none;background-color:var(--color_background);flex-direction:column;flex-grow:1;height:100vh;-webkit-user-select:none;-ms-user-select:none;user-select:none}.infoUI,.mainUI{align-items:center;box-sizing:border-box;display:flex;justify-content:center;width:100%}.infoUI{background-color:var(--color_white);background-color:transparent;box-shadow:0 var(--shadow_header) 0 var(--color_dark);height:calc(var(--headerSize)*var(--global));left:0;position:fixed;right:0;top:0;z-index:10}.centerBar{background-color:transparent;flex-direction:row;gap:calc(var(--itemGap)*0*var(--global));height:100%;width:var(--global)}.centerBar,.toggleButtonBox,.toggleButtonBox.small{align-items:center;display:flex;justify-content:center}.toggleButtonBox,.toggleButtonBox.small{background-color:var(--color_white);border:none;border-radius:var(--borderRadius);color:var(--color_dark);height:calc(var(--headerSize)*1*var(--global));margin-left:calc(var(--roomBoxLayout)*0*var(--global));margin-right:calc(var(--roomBoxLayout)*0*var(--global));outline:1px solid;overflow:hidden;position:relative;width:100%}.toggleButtonBox.square{border-radius:0}.toggleButtonBox.small{height:calc(var(--headerSize)*.9*var(--global));width:calc(var(--headerSize)*1.4*var(--global))}.toggleButtonBox.padding,.toggleButtonBox.small.padding{border-radius:var(--borderRadius);margin:calc(var(--itemGap)*.3*var(--global))}.toggleButtonBox.popUp{background-color:var(--color_gray);color:var(--color_dark);margin:calc(var(--itemGap)*.4*var(--global))}.toggleButtonBox:hover{box-shadow:var(--hoverDark)}.toggleButtonBox.sharp{border-radius:0}.toggleButtonBox.sharp.active{background-color:var(--color_gray);color:var(--color_dark)}.loginUI,.popupUI,.settingsUI,.userUI{align-items:center;background-color:var(--color_background);display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:calc(var(--headerSize)*2*var(--global));width:100%}.loginUI{gap:calc(var(--headerSize)*.5*var(--global));position:relative;top:0;width:var(--global)}.popupUI,.settingsUI{align-items:center;background-color:var(--color_backShadow);bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.settingsUI{justify-content:flex-start;padding:calc(var(--headerSize)*2*var(--global))}.cardUI{align-items:center;background-color:transparent;display:flex;flex-direction:column;gap:calc(var(--headerSize)*2*var(--global));margin-bottom:calc(var(--headerSize)*4*var(--global));margin-top:calc(var(--headerSize)*var(--global));width:var(--global)}.cardUI,.notificationUI{justify-content:center;position:relative}.notificationUI{align-items:flex-start;display:grid;gap:0;grid-auto-flow:column;height:fit-content;top:calc(var(--headerSize)*0*var(--global));width:fit-content;z-index:10}.columnBox{align-items:center;border-radius:var(--borderRadius);display:flex;flex-direction:column;justify-content:center;outline:0 solid;overflow:hidden;width:100%}.columnBox.sharp{border-radius:0}.columnBox.reserved{background-color:var(--color_gray)}.columnBox.joined{background-color:var(--color_blue)}.columnBox.started{background-color:var(--color_green)}.columnBox.finished{background-color:var(--color_yellow)}.columnBox.notificationTeacher{background-color:var(--color_red)}.gapBox{align-items:center;border-radius:var(--borderRadius);display:flex;flex-direction:column;gap:calc(var(--headerSize)*.25*var(--global));justify-content:center;margin-bottom:calc(var(--headerSize)*.25*var(--global));margin-top:calc(var(--headerSize)*0*var(--global));width:calc(100% - var(--headerSize)*.5*var(--global))}.ohjauslista{width:20rem}.notificationBox{align-items:flex-start;background-color:var(--color_white);display:flex;justify-content:flex-start;overflow-y:auto;position:relative;width:100%}.layoutUI{align-items:center;background-color:transparent;display:grid;grid-template-columns:repeat(var(--layoutColumns),calc(var(--roomBoxLayout)*var(--global)*1.5));justify-content:center;letter-spacing:0;width:100%}.cardBox,.errorBox,.menuBox,.popupBox{align-items:center;background-color:var(--color_white);border-radius:var(--borderRadius);box-shadow:var(--shadowLeft);display:flex;flex-direction:column;justify-content:center;margin:0;min-height:fit-content;outline:1px solid;overflow:hidden;position:relative;width:var(--global)}.menuBox.row{flex-direction:row}.errorBox{min-height:calc(var(--headerSize)*var(--global))}.cardBox.scaled{position:relative;scale:.5;width:30rem}.popupBox{justify-content:center;min-height:calc(var(--popupBoxHeight)*var(--global));width:calc(var(--popupBoxWidth)*var(--global))}.bottomBox,.titleBox{background-color:var(--color_white);height:calc(var(--titleBox)*var(--global));overflow-y:hidden;position:relative;width:100%}.bottomBox,.popupBottomBox,.popupTitle,.titleBox{align-items:center;display:flex;justify-content:center}.popupBottomBox,.popupTitle{flex:auto}.popupTitle,.titleBox{background-color:transparent;flex-direction:column}.bottomBox,.popupBottomBox{background-color:transparent;flex-direction:row}.functionBox,.teacherFunction{align-items:center;background-color:transparent;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:100%}.functionBox,.teacherFunction{gap:calc(var(--itemGap)*var(--global))}.functionBox{height:calc(var(--functionBox)*var(--global))}.headerBox,.headerLeft,.headerNarrow,.headerPopUp,.headerRight,.headerWide{align-items:center;background-color:var(--color_white);border:none;box-sizing:border-box;display:flex;flex-direction:row;font-size:var(--textSmall);height:calc(var(--headerSize)*var(--global));justify-content:center;overflow:hidden;width:100%}.headerBox.subheader{background-color:var(--color_gray);border-radius:var(--borderRadius);outline:1px solid}.headerBox.label,.headerBox.subheader{color:var(--color_dark);font-size:var(--textSmall);font-weight:700}.headerBox.label{background-color:var(--color_white);justify-content:flex-end;margin:0;outline:0 solid;overflow:visible;padding-right:0;width:43%}.headerBox.dark,.headerBox.title{background-color:var(--color_gray);color:var(--color_light);flex-grow:1;outline:1px solid}.headerBox.dark{box-shadow:var(--hoverDark);color:var(--color_dark)}.headerBox.margin{margin:calc(var(--itemGap)*.25*var(--global))}.headerBox.left{justify-content:flex-start}.headerBox.left.gray{background-color:var(--color_gray)}.headerBox.left.gray.label{background-color:var(--color_blue)}.headerBox.left.dropdown{justify-content:flex-start;width:90%}.headerBox.selected{background-color:var(--color_green);outline:1px solid}.headerBox.notselected{outline:0 solid}.headerBox.gray,.headerBox.left.reserved,.headerBox.notselected,.headerBox.reserved{background-color:var(--color_gray)}.headerBox.gray.round{border-radius:var(--borderRadius)}.headerBox.joined,.headerBox.left.joined{background-color:var(--color_blue)}.headerBox.left.started,.headerBox.started{background-color:var(--color_green)}.headerBox.left.notification,.headerBox.notification{background-color:var(--color_red);flex-direction:row}.headerBox.left.notification.assistant{background-color:var(--color_orange)}.headerBox.finished,.headerBox.left.finished{background-color:var(--color_yellow)}.headerWide.selected{background-color:var(--color_green)}.headerWide.white{background-color:var(--color_white)}.headerWide.gray{background-color:var(--color_gray)}.headerWide.bottom{bottom:0;position:relative}.headerNarrow,.headerWide.round{border-radius:var(--borderRadius)}.headerNarrow{align-items:center;background-color:var(--color_gray);display:flex;flex-direction:row;justify-content:left;width:var(--headerNarrow)}.headerNarrow input:focus{border:none;outline:none}.headerNarrow input:-webkit-autofill,.headerNarrow input:-webkit-autofill:focus,.headerNarrow input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--color_gray) inset;box-shadow:0 0 0 1000px var(--color_gray) inset;-webkit-text-fill-color:var(--color_dark)}.timeSlot{background-color:var(--color_green);color:var(--color_dark);height:100%;width:29%}.contentBox,.timeSlot{align-items:center;display:flex;justify-content:center;text-align:center}.contentBox{background-color:transparent;border:none;box-sizing:border-box;flex-direction:column;gap:calc(var(--itemGap)*.35*var(--global));outline:0 solid;width:100%;z-index:10}.contentBox.round{outline:1px solid;overflow:hidden}.contentBox.padding,.contentBox.round{background-color:var(--color_gray);border-radius:var(--borderRadius)}.contentBox.padding{align-items:center;justify-content:center;outline:0 solid;padding:calc(var(--itemGap)*.35*var(--global))}.contentBox.white,.loadingBox{background-color:var(--color_white);border-radius:var(--borderRadius);box-shadow:var(--shadowLeft);padding:calc(var(--itemGap)*.5*var(--global));position:relative}.contentBox.reason{gap:calc(var(--itemGap)*0*var(--global))}.contentBox.margin,.contentBox.reason{align-items:center;justify-content:center}.contentBox.margin{margin-bottom:calc(var(--itemGap)*.5*var(--global));margin-top:calc(var(--itemGap)*.5*var(--global))}.whiteboardBox{height:calc(var(--titleBox)*2.5*var(--global));overflow-y:auto;width:100%}.contentBox.noGap{gap:0}.rectangleBox,.rowBox{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-grow:1;height:100%;justify-content:space-evenly;position:relative;width:100%}.rowBox.line{border-radius:var(--borderRadius);outline:1px solid;overflow:hidden}.rectangleBox,.rectangleBox.popUp{height:calc(var(--rectangleBoxSize)*var(--global))}.rectangleBox.popUp{padding:.5rem}.rectangleBox.notification{background-color:var(--color_orange)}.rectangleBox.center{justify-content:center;width:auto}.rowBox.gray{width:var(--global)}.rowBox.noBottomMargin{margin-bottom:0}.rowBox.gap{border-radius:var(--borderRadius);gap:calc(var(--itemGap)*.35*var(--global));padding:0}.rectangleBox.selected,.rowBox.gap.selected{border-radius:0;box-shadow:var(--hoverDark)}.rowBox.gap.buttons{background-color:var(--color_dark);width:var(--global)}.rowBox.top{background-color:var(--color_white);box-shadow:var(--shadowDown);cursor:pointer;height:calc(var(--headerSize)*var(--global));position:fixed;top:0;width:100%}.rowBox.bottom{background-color:var(--color_background);bottom:0;height:calc(var(--headerSize)*2*var(--global));position:fixed;width:100%;z-index:100}.downloadBox{height:calc(var(--roomBoxLayout)*var(--global) + var(--buttonGap)*3*var(--itemGap)*var(--global));width:var(--global)}.downloadBox,.nameBox,.squareBox{align-items:center;display:flex;justify-content:center}.nameBox,.squareBox{border:none;border-radius:var(--borderRadius);color:var(--color_dark);cursor:pointer;flex-direction:column;font-size:var(--textMedium);height:calc(var(--roomBoxLayout)*var(--global));outline:0 solid;overflow:hidden;position:relative;width:calc(var(--roomBoxLayout)*var(--global));z-index:2}.squareBox.blue{background-color:var(--color_blue)}.nameBox{align-items:flex-start;justify-content:center}.nameBox,.squareBox.nameList,.squareBox.noline{outline:none;overflow:visible}.squareBox.nameList{flex-grow:1;justify-content:center;padding:1rem}.squareBox.nameList.left{align-items:flex-end}.squareBox.nameList.right{align-items:center}.squareBox.noline:hover{box-shadow:none}.squareBox.student{border-radius:0}.squareBox.left{background-color:transparent;transform:translateX(calc(var(--roomBoxLayout)*-1*var(--global)*0 - var(--buttonGap)*1.5*var(--itemGap)*var(--global)*0))}.squareBox.left:hover,.squareBox.remove:hover,.squareBox.right:hover,.squareBox.wide:hover{box-shadow:none}.squareBox.right{background-color:transparent;z-index:100}.squareBox.remove{background-color:red;z-index:100}.squareBox.wide{z-index:0}.squareBox.remove:hover,.squareBox.wide:hover{box-shadow:none}.squareBox.reserved{background-color:var(--color_gray);z-index:10}.squareBox.joined{background-color:var(--color_blue);color:var(--color_dark)}.squareBox.started{background-color:var(--color_green);color:var(--color_dark);cursor:auto}.squareBox.finished{background-color:var(--color_yellow);color:var(--color_white)}.squareBox.teacher.reserved{background-color:var(--color_blue);color:var(--color_dark);outline:0 solid}.squareBox.started.teacher.notification,.squareBox.teacher.finished,.squareBox.teacher.joined,.squareBox.teacher.started{background-color:var(--color_dark);color:var(--color_white);outline:0 solid}.squareBox.started.nurse.notification{background-color:var(--color_alert_2)}.roomBoxLayout{align-items:center;background-color:inherit;background-color:var(--color_dark);border-radius:var(--borderRadius);display:flex;height:calc(var(--roomBoxLayout)*var(--global));justify-content:space-evenly;margin-bottom:calc((var(--roomBoxLayout)*var(--global))*.5);outline:1px solid;overflow:hidden;position:relative;text-align:center;transform:translateX(calc((var(--roomBoxLayout)*var(--global))*.2));width:calc(var(--roomBoxLayout)*var(--global))}.squareBox.eveningFree:hover,.squareBox.morningFree:hover,.squareBox.wholeDayFree:hover{transform:var(--buttonPressedLarge);transition:var(--buttonTransition)}.squareBox.wholeDayFree{background-color:var(--color_green)}.squareBox.morningFree{background-color:var(--color_pink);transform:var(--buttonPressedLarge)}.squareBox.eveningFree{background-color:var(--color_gray);transform:var(--buttonPressedLarge)}.squareBox.full{background-color:var(--color_blue);color:var(--color_white);transform:var(--buttonPressedLarge)}.squareBox.broken{background-color:var(--color_dark);color:var(--color_white)}.squareBox.broken:hover,.squareBox.full:hover{background-color:var(--color_red)}.squareBox.large{flex-grow:1;height:100%}.smileyTimer{align-items:center;background-color:var(--color_dark);background-color:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:calc(var(--buttonSize)*.4);font-size:calc(var(--buttonSize)*.7);justify-content:center;position:relative;z-index:10}.circle.small,.smileyTimer{color:var(--color_dark);overflow:hidden}.circle.small{background-color:gray;border-radius:50%;display:flex;font-size:calc(var(--buttonSize)*.5);height:calc(var(--roomBoxLayout)*.5*var(--global));outline:1px solid;width:calc(var(--roomBoxLayout)*.5*var(--global))}.circle.large,.circle.small{align-items:center;justify-content:center}.circle.large{color:var(--color_dark);font-size:calc(var(--buttonSize)*.7)}.circle.large.right{background-color:var(--color_white);color:var(--color_dark);position:absolute;right:0}.circle.large,.circle.x-large,.circleBox{align-items:center;background-color:var(--color_dark);border:none;border-radius:50%;color:var(--color_white);cursor:pointer;display:flex;font-size:var(--buttonSize);height:calc(var(--roomBoxLayout)*.5*var(--global));justify-content:center;margin:calc(var(--roomBoxLayout)*.25*var(--global));outline:0 solid;width:calc(var(--roomBoxLayout)*.5*var(--global))}.circle.x-large{margin:calc(var(--buttonGap)*.08*var(--global))}.circle.large.nomargin{margin:calc(var(--roomBoxLayout)*.25*var(--global))}.circle.large.light{background-color:var(--color_white);color:var(--color_dark)}.circleBox{overflow:hidden}.circle.x-large{font-size:calc(var(--buttonSize)*.5)}.circle.large.spinning,.circle.x-large{height:calc(var(--roomBoxLayout)*.6*var(--global));width:calc(var(--roomBoxLayout)*.6*var(--global))}.circle.large.spinning{animation:spin var(--spinRPM) linear infinite;background-color:var(--color_dark);color:var(--color_white);cursor:default;font-size:calc(var(--buttonSize)*.55)}.circle.large.available{background-color:var(--color_green)}.circle.large.flashing,.toggleButtonBox.flashing{animation:flashing 4s infinite}.circle.large.selected.assistant,.circle.large.selected.teacher{box-shadow:var(--shadowButtonSelected);transform:var(--buttonPressedSmall);transition:var(--buttonTransition) ease-in-out}.circle.large.selected.assistant,.toggleButtonBox.selected.assistant{background-color:var(--color_yellow)}.circle.large.selected.teacher,.toggleButtonBox.selected.teacher{background-color:var(--color_red)}.toggleButtonBox.available{background-color:var(--color_gray)}.toggleButtonBox.nonavailable{outline:1rem solid var(--color_dark);transform:var(--buttonPressedLarge)}.toggleButtonBox.nonavailable:hover{background-color:var(--color_red);transform:var(--buttonPressedLarge)}.toggleButtonBox.disabled,.toggleButtonBox.selected,.toggleButtonBox.square.selected{background-color:var(--color_green);outline:1rem solid var(--color_dark);transform:var(--buttonPressedLarge)}.toggleButtonBox.disabled,.toggleButtonBox.selected:hover{box-shadow:var(--hoverDark)}.toggleButtonBox.disabled{background-color:var(--color_gray);cursor:not-allowed}.sideBarLeft{align-items:center;background-color:transparent;border-radius:4rem;bottom:calc(var(--headerSize)*var(--global)*.45);box-shadow:none;display:flex;flex-direction:column;gap:calc(var(--buttonGap)*0*var(--itemGap)*var(--global));gap:0;left:calc(var(--buttonGap)*1*var(--itemGap)*var(--global));outline:0 solid;padding:0;position:fixed;width:auto;z-index:1000}.sideBarLeft.toggled{gap:1rem;top:calc(var(--headerSize)*var(--global)*4)}.MarqueeBox{background-color:transparent;box-sizing:border-box;justify-content:center;margin:0 calc(var(--itemGap)*var(--global));width:100%}.MarqueeBox,.logoBox{align-items:center;display:flex;position:relative}.logoBox{background-color:var(--color_white);background-color:transparent;height:calc(var(--headerSize)*var(--global));justify-content:flex-end;left:0;z-index:1}.logo{display:flex;height:calc(var(--headerSize)*.5*var(--global));position:relative}.userBox{align-items:center;background-color:var(--color_white);display:flex;gap:calc(var(--itemGap)*var(--global));height:50%;justify-content:center;padding-left:calc(var(--itemGap)*var(--global)*1);position:absolute;right:0;z-index:1}.userFullName{cursor:pointer;font-size:var(--textSmall);font-weight:400;white-space:nowrap}.logoutButton{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;font-size:var(--textMedium);padding-right:calc(var(--itemGap)*var(--global)*1)}.subjectName{font-weight:700;margin-left:calc(var(--itemGap)*var(--global)*1);margin-right:calc(var(--itemGap)*var(--global)*1)}.releaseBox,.subjectName{font-size:var(--textSmall)}.releaseBox{font-style:italic}.contentSeparator{align-items:center;color:var(--color_dark);display:inline-flex;font-weight:700;justify-content:center;width:calc(var(--itemGap)*var(--global)*3)}body,html{box-sizing:border-box;height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}*,:after,:before{box-sizing:inherit}:root{font-family:Lucida Grande,Helvetica,sans-serif,system-ui,Avenir,Arial;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--colorxxx:linear-gradient(#367c90,#000);--colorxxx:linear-gradient(#1d4b83,#000);--colorxxx:linear-gradient(#4daaaf,#000);--color_HUS1:#367c90;--color_HUS2:#1d4b83;--color_HUS3:#4daaaf;--color_HUS4:#edf6f7;--color_HUS5:#daeff0;--color_HUS6:#8b3e87;--color_HUS7:#f3f5f7;--color_HUS8:#f3f5f7;--gradientAngle:-5deg;--gradientStart:#00000000;--gradientMiddle:#00000003;--gradientEnd:#ffffff08;--blobColor-1:#0f0e24;--blobColor-2:#3e53a8;--blobSize:120%;--blobRadius:100rem;--blobOpacity:0%}.dynamicBackground{background:linear-gradient(var(--gradientAngle),var(--gradientStart) 0,var(--gradientMiddle) 50%,var(--gradientEnd) 100%);overflow:hidden;position:relative}.blobShape{border-radius:50%;filter:blur(var(--blobRadius));height:var(--blobSize);opacity:var(--blobOpacity);pointer-events:none;position:absolute;transform:translate3d(-50%,-50%,0);width:var(--blobSize);will-change:transform}.blobShape--1{background:radial-gradient(circle,var(--blobColor-1) 0,transparent var(--blobOpacity));left:25%;top:120%}.blobShape--2{background:radial-gradient(circle,var(--blobColor-2) 0,transparent var(--blobOpacity));right:-100%;top:0}.dynamicBackground_content{height:100%;position:relative;width:100%;z-index:3}