html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0;vertical-align:middle}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}a img{border:none}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url("/resources/fonts/Roboto-light-ext.woff2") format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url("/resources/fonts/Roboto-light.woff2") format('woff2'),url("/resources/fonts/Roboto-light.ttf") format('ttf');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url("/resources/fonts/Roboto-regular-ext.woff2") format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url("/resources/fonts/Roboto-regular.woff2") format('woff2'),url("/resources/fonts/Roboto-regular.ttf") format('ttf');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url("/resources/fonts/Roboto-medium-ext.woff2") format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url("/resources/fonts/Roboto-medium.woff2") format('woff2'),url("/resources/fonts/Roboto-medium.ttf") format('ttf');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent}body{background:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input{padding:0;font-family:inherit;background-color:transparent}button{font-family:inherit;cursor:pointer}html{height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:'Roboto';font-weight:300;overflow:hidden}@media (min-device-width:721px){html{font-size:16px}}@media (max-device-width:720px){html{font-size:12px}}body{height:100%;font-family:'Roboto';overflow:hidden;background-image:url("/resources/images/main_bg.jpg");background-size:cover;background-position:center}#oka-live-class-container{height:100%;width:100%}#oka-live-class-container [data-component='Room']{position:relative;height:100%;width:100%;will-change:opacity}#oka-live-class-container [data-component='Room'].Appear-appear{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}#oka-live-class-container [data-component='Room'].Appear-appear.Appear-appear-active{-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:300ms;-moz-transition-duration:300ms;-o-transition-duration:300ms;-ms-transition-duration:300ms;transition-duration:300ms;opacity:1;-ms-filter:none;filter:none}#oka-live-class-container [data-component='Room'] > .state{position:fixed;z-index:105;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:9999px;background:rgba(41,48,61,0.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08)}@media (min-device-width:721px){#oka-live-class-container [data-component='Room'] > .state{top:16px;left:28%;padding:6px 16px}}@media (max-device-width:720px){#oka-live-class-container [data-component='Room'] > .state{top:8px;left:28%;padding:4px 12px}}#oka-live-class-container [data-component='Room'] > .state > .icon{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:9999px}@media (min-device-width:721px){#oka-live-class-container [data-component='Room'] > .state > .icon{margin-right:8px;height:10px;width:10px}}@media (max-device-width:720px){#oka-live-class-container [data-component='Room'] > .state > .icon{margin-right:6px;height:8px;width:8px}}#oka-live-class-container [data-component='Room'] > .state > .icon.new,#oka-live-class-container [data-component='Room'] > .state > .icon.closed{background-color:rgba(170,170,170,0.5)}#oka-live-class-container [data-component='Room'] > .state > .icon.connecting{-webkit-animation:Room-info-state-connecting .75s infinite linear;-moz-animation:Room-info-state-connecting .75s infinite linear;-o-animation:Room-info-state-connecting .75s infinite linear;-ms-animation:Room-info-state-connecting .75s infinite linear;animation:Room-info-state-connecting .75s infinite linear}#oka-live-class-container [data-component='Room'] > .state > .icon.connected{background-color:#22c55e}@media (max-device-width:720px){#oka-live-class-container [data-component='Room'] > .state > .icon.connected{display:none}}#oka-live-class-container [data-component='Room'] > .state > .text{-webkit-box-flex:100;-moz-box-flex:100;-o-box-flex:100;box-flex:100;-webkit-flex:100 0 auto;-ms-flex:100 0 auto;flex:100 0 auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;text-align:center;text-transform:uppercase;font-family:'Roboto';font-weight:500;color:rgba(255,255,255,0.92);letter-spacing:.5px}@media (min-device-width:721px){#oka-live-class-container [data-component='Room'] > .state > .text{font-size:11px}}@media (max-device-width:720px){#oka-live-class-container [data-component='Room'] > .state > .text{font-size:9px}}@media (max-device-width:720px){#oka-live-class-container [data-component='Room'] > .state > .text.connected{display:none}}#oka-live-class-container [data-component='Room'] > .room-link-wrapper{pointer-events:none;position:absolute;z-index:1;top:0;left:0;right:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}#oka-live-class-container [data-component='Room'] > .room-link-wrapper > .room-link{width:auto;background:rgba(41,48,61,0.85);backdrop-filter:blur(8px);border-bottom-right-radius:6px;border-bottom-left-radius:6px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.12);box-shadow:0 4px 12px rgba(0,0,0,0.12)}#oka-live-class-container [data-component='Room'] > .room-link-wrapper > .room-link > a.link{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto;text-transform:uppercase;font-family:'Roboto';font-weight:400;color:rgba(255,255,255,0.6);cursor:pointer;text-decoration:none;-webkit-transition:color 0.15s ease;-moz-transition:color 0.15s ease;-o-transition:color 0.15s ease;-ms-transition:color 0.15s ease;transition:color 0.15s ease}@media (min-device-width:721px){#oka-live-class-container [data-component='Room'] > .room-link-wrapper > .room-link > a.link{padding:12px 20px;font-size:12px}}@media (max-device-width:720px){#oka-live-class-container [data-component='Room'] > .room-link-wrapper > .room-link > a.link{padding:8px 12px;font-size:10px}}#oka-live-class-container [data-component='Room'] > .room-link-wrapper > .room-link > a.link:hover{color:#fff;text-decoration:underline}#oka-live-class-container [data-component='Room'] > .left-container{position:fixed;z-index:100;height:100%}#oka-live-class-container [data-component='Room'] > .left-container.active-speaker{border-color:#fff}@media (min-device-width:721px){#oka-live-class-container [data-component='Room'] > .left-container{width:25%;padding:12px;padding-right:4px}}@media (max-device-width:720px){#oka-live-class-container [data-component='Room'] > .left-container{width:25%;padding:8px;padding-right:4px}}#oka-live-class-container [data-component='Room'] > .left-container > .settings-button{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:36px;height:36px;position:absolute;z-index:1;border-radius:9999px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.12);box-shadow:0 4px 12px rgba(0,0,0,0.12);background-color:rgba(255,255,255,0.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-top:8px;margin-left:8px;cursor:pointer;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-ms-transition:all 0.15s ease;transition:all 0.15s ease;border:1px solid rgba(255,255,255,0.15);color:#fff}#oka-live-class-container [data-component='Room'] > .left-container > .settings-button > i{font-size:18px}#oka-live-class-container [data-component='Room'] > .left-container > .settings-button:hover{background-color:rgba(255,255,255,0.25);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#oka-live-class-container [data-component='Room'] > .right-container{position:fixed;height:100%;z-index:101}@media (min-device-width:721px){#oka-live-class-container [data-component='Room'] > .right-container{left:25%;width:75%;padding:12px;padding-right:8px}}@media (max-device-width:720px){#oka-live-class-container [data-component='Room'] > .right-container{left:25%;width:75%;padding:8px;padding-right:4px}}#oka-live-class-container [data-component='Room'] > .right-container > .countdown{width:100%;height:100%;background:rgba(41,48,61,0.75);border-radius:16px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}#oka-live-class-container [data-component='Room'] > .right-container > .countdown > .countdown-text{color:#fff;font-size:48px;font-weight:600;letter-spacing:1px;padding:16px 24px}#oka-live-class-container [data-component='Room'] > .me-container{position:fixed;z-index:100;overflow:hidden;-webkit-box-shadow:0 8px 24px rgba(0,0,0,0.16);box-shadow:0 8px 24px rgba(0,0,0,0.16);-webkit-transition:border-color 0.25s ease;-moz-transition:border-color 0.25s ease;-o-transition:border-color 0.25s ease;-ms-transition:border-color 0.25s ease;transition:border-color 0.25s ease;border-radius:10px}#oka-live-class-container [data-component='Room'] > .me-container.active-speaker{border-color:#fff}@media (min-device-width:721px){#oka-live-class-container [data-component='Room'] > .me-container{height:250px;width:294px;top:20px;left:20px;border:1px solid rgba(255,255,255,0.15)}}@media (max-device-width:720px){#oka-live-class-container [data-component='Room'] > .me-container{height:220px;width:200px;top:20px;left:10px;border:1px solid rgba(255,255,255,0.2)}}#oka-live-class-container [data-component='Room'] > .full-screen{width:100%;height:100%;background-image:url("/resources/images/fs_bg.jpg");background-size:cover;padding:12px}#oka-live-class-container [data-component='Room'] > .sidebar{position:fixed;z-index:101;top:calc(50% - 60px);height:120px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}@media (min-device-width:721px){#oka-live-class-container [data-component='Room'] > .sidebar{left:20px;width:36px;margin-top:-60px}}@media (max-device-width:720px){#oka-live-class-container [data-component='Room'] > .sidebar{left:10px;width:32px;margin-top:-80px}}#oka-live-class-container [data-component='Room'] > .sidebar > .button{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:4px 0;background-color:rgba(41,48,61,0.85);cursor:pointer;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-ms-transition:all 0.15s ease;transition:all 0.15s ease;border-radius:9999px}#oka-live-class-container [data-component='Room'] > .sidebar > .button > i{font-size:16px}@media (min-device-width:721px){#oka-live-class-container [data-component='Room'] > .sidebar > .button{height:36px;width:36px}}@media (max-device-width:720px){#oka-live-class-container [data-component='Room'] > .sidebar > .button{height:32px;width:32px}}#oka-live-class-container [data-component='Room'] > .sidebar > .button.on{background-color:rgba(255,255,255,0.7)}#oka-live-class-container [data-component='Room'] > .sidebar > .button.disabled{pointer-events:none;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;-ms-transition-duration:0s;transition-duration:0s}#oka-live-class-container [data-component='Room'] > .sidebar > .button.hide-videos{color:#fff}#oka-live-class-container [data-component='Room'] > .sidebar > .button.hide-videos.on{color:#29303d}#oka-live-class-container [data-component='Room'] > .sidebar > .button.mute-audio{color:#fff}#oka-live-class-container [data-component='Room'] > .sidebar > .button.mute-audio.on{color:#29303d}#oka-live-class-container [data-component='Room'] > .sidebar > .button.restart-ice{color:#fff}#oka-live-class-container [data-component='Room'] > .full-logo{background-image:url("/resources/images/logo-sliced.png");background-repeat:no-repeat;background-position:50% 50%;background-size:25%;width:100%;height:100%}#oka-live-class-container [data-component='Room'] > .connection-info{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center;min-height:100vh}#oka-live-class-container [data-component='Room'] > .connection-info > p{font-size:22px;padding:28px 36px;border-radius:10px;background:rgba(255,255,255,0.95);-webkit-box-shadow:0 8px 24px rgba(0,0,0,0.16);box-shadow:0 8px 24px rgba(0,0,0,0.16);font-family:'Roboto';font-weight:500;color:#29303d}#oka-live-class-container [data-component='Room'] > .connection-info > p.failed{color:#ef4343}#oka-live-class-container [data-component='Room'] > .connection-info > p > span{display:block;margin-top:8px;font-size:14px;font-weight:400;color:#5a6577}@-moz-keyframes Room-info-state-connecting{50%{background-color:#f59e0b}}@-webkit-keyframes Room-info-state-connecting{50%{background-color:#f59e0b}}@-o-keyframes Room-info-state-connecting{50%{background-color:#f59e0b}}@keyframes Room-info-state-connecting{50%{background-color:#f59e0b}}#oka-live-class-container [data-component='Me']{position:relative;height:100%;width:100%}#oka-live-class-container [data-component='Me'] > .controls{position:absolute;z-index:10;top:0;left:0;right:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;pointer-events:none;padding:4px}#oka-live-class-container [data-component='Me'] > .controls > .button{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:2px;border-radius:6px;pointer-events:auto;background-color:rgba(239,67,67,0.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-ms-transition:all 0.15s ease;transition:all 0.15s ease}@media (min-device-width:721px){#oka-live-class-container [data-component='Me'] > .controls > .button{width:28px;height:28px;opacity:.85;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85)}#oka-live-class-container [data-component='Me'] > .controls > .button:hover{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-o-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}}@media (max-device-width:720px){#oka-live-class-container [data-component='Me'] > .controls > .button{width:13px;height:13px;margin:2px}}#oka-live-class-container [data-component='Me'] > .controls > .button > i{font-size:14px}@media (max-device-width:720px){#oka-live-class-container [data-component='Me'] > .controls > .button > i{font-size:8px}}#oka-live-class-container [data-component='Me'] > .controls > .button.unsupported{pointer-events:none}#oka-live-class-container [data-component='Me'] > .controls > .button.disabled{pointer-events:none;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}#oka-live-class-container [data-component='Me'] > .controls > .button.on{background-color:rgba(255,188,9,0.9)}#oka-live-class-container [data-component='Me'] > .controls > .button.mic.on{color:#29303d}#oka-live-class-container [data-component='Me'] > .controls > .button.mic.off,#oka-live-class-container [data-component='Me'] > .controls > .button.mic.unsupported{background-color:rgba(239,67,67,0.7);color:#fff}#oka-live-class-container [data-component='Me'] > .controls > .button.pen{position:relative}#oka-live-class-container [data-component='Me'] > .controls > .button.pen.on{color:#29303d}#oka-live-class-container [data-component='Me'] > .controls > .button.pen.off{background-color:rgba(239,67,67,0.7);color:#fff}#oka-live-class-container [data-component='Me'] > .controls > .button.pen.off::after{content:'';position:absolute;top:50%;left:50%;width:70%;height:2px;background:#fff;-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}#oka-live-class-container [data-component='Me'] > .controls > .button.score{background-color:#fff;color:#ffbc09;font-weight:600;text-align:center;line-height:28px;width:50px;padding-left:12px;border-radius:6px}@media (max-device-width:720px){#oka-live-class-container [data-component='Me'] > .controls > .button.score{width:20px;height:13px;line-height:13px;font-size:8px}}#oka-live-class-container [data-component='Me'] > .controls > .button.score > i{margin-right:4px}#oka-live-class-container [data-component='Me'] > .controls > .button.webcam.on{color:#29303d}#oka-live-class-container [data-component='Me'] > .controls > .button.webcam.off,#oka-live-class-container [data-component='Me'] > .controls > .button.webcam.unsupported{color:#fff}#oka-live-class-container [data-component='Me'] > .controls > .button.change-webcam.on{color:#29303d}#oka-live-class-container [data-component='Me'] > .controls > .button.change-webcam.unsupported{color:#fff}#oka-live-class-container [data-component='Me'] > .controls > .button.full-Screen{color:#29303d}#oka-live-class-container [data-component='Me'] > .controls > .button.share.on{color:#29303d}#oka-live-class-container [data-component='Me'] > .controls > .button.share.off,#oka-live-class-container [data-component='Me'] > .controls > .button.share.unsupported{color:#fff}#oka-live-class-container [data-component='ChatInput']{position:relative;height:100%;width:100%}#oka-live-class-container [data-component='ChatInput'] > textarea{height:100%;width:100%;padding:8px 12px;resize:none;outline:none;background:#fff;color:#29303d;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;border:1px solid #e0e6eb;border-radius:10px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-ms-transition:all 0.15s ease;transition:all 0.15s ease}#oka-live-class-container [data-component='ChatInput'] > textarea::-webkit-input-placeholder{color:#5a6577}#oka-live-class-container [data-component='ChatInput'] > textarea:-moz-placeholder{color:#5a6577}#oka-live-class-container [data-component='ChatInput'] > textarea::-moz-placeholder{color:#5a6577}#oka-live-class-container [data-component='ChatInput'] > textarea:-ms-input-placeholder{color:#5a6577}#oka-live-class-container [data-component='ChatInput'] > textarea:focus{border-color:#47aaf0;-webkit-box-shadow:0 0 0 3px rgba(25,145,230,0.12);box-shadow:0 0 0 3px rgba(25,145,230,0.12)}#oka-live-class-container [data-component='ChatInput'] > textarea:disabled{opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);background:#f8fafc}#oka-live-class-container [data-component='Peers']{height:100%;width:100%}#oka-live-class-container [data-component='Peers'].full-screen{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}@media (min-device-width:721px){#oka-live-class-container [data-component='Peers']{width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}}#oka-live-class-container [data-component='Peers'] > .peer-container{overflow:hidden;aspect-ratio:4/3;width:100%;border-radius:10px;will-change:opacity}#oka-live-class-container [data-component='Peers'] > .peer-container.Appear-appear{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}#oka-live-class-container [data-component='Peers'] > .peer-container.Appear-appear.Appear-appear-active{-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:1000ms;-moz-transition-duration:1000ms;-o-transition-duration:1000ms;-ms-transition-duration:1000ms;transition-duration:1000ms;opacity:1;-ms-filter:none;filter:none}@media (min-device-width:721px){#oka-live-class-container [data-component='Peers'] > .peer-container{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;border:1px solid rgba(255,255,255,0.1);-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.12);box-shadow:0 4px 12px rgba(0,0,0,0.12);-webkit-transition:border-color 0.35s;-moz-transition:border-color 0.35s;-o-transition:border-color 0.35s;-ms-transition:border-color 0.35s;transition:border-color 0.35s}#oka-live-class-container [data-component='Peers'] > .peer-container.active-speaker{border-color:rgba(255,255,255,0.6)}}#oka-live-class-container [data-component='Peers'] > .chat-input-container{margin-top:7px;width:100%;height:10%}#oka-live-class-container [data-component='Peers'] > .full-screen-peers{height:auto;aspect-ratio:4/3;margin:1rem;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:.2 0 25em;-ms-flex:.2 0 25em;flex:.2 0 25em}#oka-live-class-container [data-component='Peers'] > .two-peers{width:50%;height:auto;max-height:40%;aspect-ratio:4/3;margin:0}#oka-live-class-container [data-component='Peers'] > .four-peers{width:50%;height:auto;max-height:25%;aspect-ratio:4/3;margin:0}#oka-live-class-container [data-component='Peers'] > .six-peers{height:auto;width:33%;aspect-ratio:4/3;margin:0}#oka-live-class-container [data-component='Peer']{-webkit-box-flex:100;-moz-box-flex:100;-o-box-flex:100;box-flex:100;-webkit-flex:100 100 auto;-ms-flex:100 100 auto;flex:100 100 auto;position:relative;height:100%;width:100%}@media (max-device-width:720px){#oka-live-class-container [data-component='Peer']{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}}#oka-live-class-container [data-component='Peer'] > .indicators{position:absolute;z-index:10;top:0;right:0;width:150px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}#oka-live-class-container [data-component='Peer'] > .indicators > .icon{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin:4px;margin-left:0;width:28px;height:28px;background-position:center;background-size:75%;background-repeat:no-repeat;-webkit-transition:opacity 0.15s ease;-moz-transition:opacity 0.15s ease;-o-transition:opacity 0.15s ease;-ms-transition:opacity 0.15s ease;transition:opacity 0.15s ease}@media (min-device-width:721px){#oka-live-class-container [data-component='Peer'] > .indicators > .icon{opacity:.85;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85)}}#oka-live-class-container [data-component='Peer'] > .indicators > .icon.mic-off{background-image:url("/resources/images/icon_remote_mic_white_off.svg")}#oka-live-class-container [data-component='Peer'] > .indicators > .icon.mic-on{background-image:url("/resources/images/icon_mic_black_on.svg")}#oka-live-class-container [data-component='Peer'] > .indicators > .icon.webcam-off{background-image:url("/resources/images/icon_remote_webcam_white_off.svg")}#oka-live-class-container [data-component='Peer'] .incompatible-video{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}#oka-live-class-container [data-component='Peer'] .incompatible-video > p{padding:8px 12px;border-radius:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;font-size:15px;color:rgba(255,255,255,0.6)}#oka-live-class-container [data-component='Peer'] > .controls{position:absolute;z-index:10;top:0;left:0;right:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;pointer-events:none;padding:4px}#oka-live-class-container [data-component='Peer'] > .controls > .button{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:2px;border-radius:6px;pointer-events:auto;background-color:rgba(0,0,0,0.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-ms-transition:all 0.15s ease;transition:all 0.15s ease}@media (min-device-width:721px){#oka-live-class-container [data-component='Peer'] > .controls > .button{width:28px;height:28px;opacity:.85;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85)}#oka-live-class-container [data-component='Peer'] > .controls > .button:hover{opacity:1;-ms-filter:none;filter:none;background-color:rgba(0,0,0,0.6)}}@media (max-device-width:720px){#oka-live-class-container [data-component='Peer'] > .controls > .button{width:24px;height:24px}}#oka-live-class-container [data-component='Peer'] > .controls > .button > i{font-size:14px}#oka-live-class-container [data-component='Peer'] > .controls > .button.on{background-color:rgba(255,255,255,0.85)}#oka-live-class-container [data-component='Peer'] > .controls > .button.mic.on{color:#29303d}#oka-live-class-container [data-component='Peer'] > .controls > .button.mic:not(.on){background-color:rgba(239,67,67,0.7);color:#fff}#oka-live-class-container [data-component='Peer'] > .controls > .button.pen{position:relative}#oka-live-class-container [data-component='Peer'] > .controls > .button.pen.on{color:#29303d}#oka-live-class-container [data-component='Peer'] > .controls > .button.pen:not(.on){background-color:rgba(239,67,67,0.7);color:#fff}#oka-live-class-container [data-component='Peer'] > .controls > .button.pen:not(.on)::after{content:'';position:absolute;top:50%;left:50%;width:70%;height:2px;background:#fff;-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}#oka-live-class-container [data-component='Peer'] > .controls > .button.score{color:#ffbc09}#oka-live-class-container [data-component='Peer'] > .stars{position:absolute;width:auto;height:18px;right:8px;bottom:8px;z-index:6;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;gap:2px}#oka-live-class-container [data-component='Peer'] > .stars > .star{font-size:15px;color:#ffbc09}#oka-live-class-container [data-component='Peer'] > .stars > .star.fa-regular{color:rgba(255,188,9,0.35)}#oka-live-class-container [data-component='PeerView']{position:relative;-webkit-box-flex:100;-moz-box-flex:100;-o-box-flex:100;box-flex:100;-webkit-flex:100 100 auto;-ms-flex:100 100 auto;flex:100 100 auto;height:100%;width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden;background-color:rgba(41,48,61,0.85);background-image:url("/resources/images/buddy.svg");background-position:bottom;background-size:auto 80%;background-repeat:no-repeat;-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.12);box-shadow:0 4px 12px rgba(0,0,0,0.12);-webkit-transition:border-color 0.25s ease;-moz-transition:border-color 0.25s ease;-o-transition:border-color 0.25s ease;-ms-transition:border-color 0.25s ease;transition:border-color 0.25s ease;border:1px solid rgba(255,255,255,0.1);border-radius:10px}#oka-live-class-container [data-component='PeerView'] > .info{position:absolute;pointer-events:none;z-index:5;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,0.08) 80%, rgba(0,0,0,0.45) 100%);background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,0.08) 80%, rgba(0,0,0,0.45) 100%);background:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,0.08) 80%, rgba(0,0,0,0.45) 100%);background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,0.08) 80%, rgba(0,0,0,0.45) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,0.08) 80%, rgba(0,0,0,0.45) 100%)}#oka-live-class-container [data-component='PeerView'] > .info > .icons{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}#oka-live-class-container [data-component='PeerView'] > .info > .icons > .icon{pointer-events:auto;margin:8px;margin-right:0;background-position:center;background-size:100%;background-repeat:no-repeat;cursor:pointer;-webkit-transition:opacity 0.15s ease;-moz-transition:opacity 0.15s ease;-o-transition:opacity 0.15s ease;-ms-transition:opacity 0.15s ease;transition:opacity 0.15s ease}@media (min-device-width:721px){#oka-live-class-container [data-component='PeerView'] > .info > .icons > .icon{width:24px;height:24px;opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70)}#oka-live-class-container [data-component='PeerView'] > .info > .icons > .icon:hover{opacity:1;-ms-filter:none;filter:none}}@media (max-device-width:720px){#oka-live-class-container [data-component='PeerView'] > .info > .icons > .icon{width:10px;height:10px}}#oka-live-class-container [data-component='PeerView'] > .info > .icons > .icon.info.on{background-image:url("/resources/images/icon_info_white_on.svg")}#oka-live-class-container [data-component='PeerView'] > .info > .icons > .icon.info:not(.on){background-image:url("/resources/images/icon_info_white_off.svg")}#oka-live-class-container [data-component='PeerView'] > .info > .icons > .icon.mic.on{background-image:url("/resources/images/icon_mic_black_on.svg")}#oka-live-class-container [data-component='PeerView'] > .info > .icons > .icon.mic:not(.on){background-image:url("/resources/images/icon_mic_black_off.svg")}#oka-live-class-container [data-component='PeerView'] > .info > .icons > .icon.pen.on{background-image:url("/resources/images/icon_info_white_on.svg")}#oka-live-class-container [data-component='PeerView'] > .info > .icons > .icon.pen:not(.on){background-image:url("/resources/images/icon_info_white_off.svg")}#oka-live-class-container [data-component='PeerView'] > .info > .icons > .icon.stats{background-image:url("/resources/images/icon_stats_white_on.svg")}#oka-live-class-container [data-component='PeerView'] > .info > .box{pointer-events:auto;position:absolute;left:8px;right:8px;bottom:8px;padding:8px 12px 48px 12px;border-radius:6px;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:1;-ms-filter:none;filter:none;-webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-ms-transition:all 0.15s ease;transition:all 0.15s ease}@media (min-device-width:721px){#oka-live-class-container [data-component='PeerView'] > .info > .box{top:36px}}@media (max-device-width:720px){#oka-live-class-container [data-component='PeerView'] > .info > .box{top:34px}}#oka-live-class-container [data-component='PeerView'] > .info > .box:not(.visible){z-index:-1;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}#oka-live-class-container [data-component='PeerView'] > .info > .box > h1{pointer-events:none;margin-top:4px;margin-bottom:4px;color:#fff;font-size:12px;font-weight:500}#oka-live-class-container [data-component='PeerView'] > .info > .box > p{pointer-events:none;margin-bottom:2px;color:rgba(255,255,255,0.6);font-size:11px}#oka-live-class-container [data-component='PeerView'] > .info > .box > p:last-child{margin-bottom:0}#oka-live-class-container [data-component='PeerView'] > .info > .box > p.clickable,#oka-live-class-container [data-component='PeerView'] > .info > .box > p .clickable{pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#60a5fa}#oka-live-class-container [data-component='PeerView'] > .info > .box > p.clickable:hover,#oka-live-class-container [data-component='PeerView'] > .info > .box > p .clickable:hover{cursor:pointer;color:#93c5fd;text-decoration:underline}#oka-live-class-container [data-component='PeerView'] > .info > .box > p.copiable,#oka-live-class-container [data-component='PeerView'] > .info > .box > p .copiable{pointer-events:auto;cursor:text}#oka-live-class-container [data-component='PeerView'] > .info > .box > p.copiable:hover,#oka-live-class-container [data-component='PeerView'] > .info > .box > p .copiable:hover{color:#60a5fa;text-decoration:underline}#oka-live-class-container [data-component='PeerView'] > .info > .box > p.indent{margin-left:12px}#oka-live-class-container [data-component='PeerView'] > .info > .peer{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}@media (min-device-width:721px){#oka-live-class-container [data-component='PeerView'] > .info > .peer.is-me{padding:10px;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}#oka-live-class-container [data-component='PeerView'] > .info > .peer:not(.is-me){padding:16px;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;pointer-events:none}}@media (max-device-width:720px){#oka-live-class-container [data-component='PeerView'] > .info > .peer.is-me{padding:4px;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}#oka-live-class-container [data-component='PeerView'] > .info > .peer:not(.is-me){padding:4px;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}}#oka-live-class-container [data-component='PeerView'] > .info > .peer > .display-name{font-size:13px;font-weight:500;color:rgba(255,255,255,0.92);text-shadow:0 1px 3px rgba(0,0,0,0.4)}@media (max-device-width:720px){#oka-live-class-container [data-component='PeerView'] > .info > .peer > .display-name{font-size:8px}}#oka-live-class-container [data-component='PeerView'] > .info > .peer > .multiple-peers{font-size:8px}#oka-live-class-container [data-component='PeerView'] > .info > .peer > span.display-name{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:text}#oka-live-class-container [data-component='PeerView'] > .info > .peer > span.display-name:not(.editable){cursor:default}#oka-live-class-container [data-component='PeerView'] > .info > .peer > span.display-name.editable{pointer-events:auto}@media (min-device-width:721px){#oka-live-class-container [data-component='PeerView'] > .info > .peer > span.display-name.editable:hover{background-color:rgba(174,255,0,0.25)}}#oka-live-class-container [data-component='PeerView'] > .info > .peer > span.display-name.loading{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}#oka-live-class-container [data-component='PeerView'] > .info > .peer > input.display-name{border:none;border-bottom:1px solid #aeff00;background-color:transparent;color:#fff}#oka-live-class-container [data-component='PeerView'] > .info > .peer > .row{margin-top:4px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}#oka-live-class-container [data-component='PeerView'] > .info > .peer > .row > .device-icon{height:16px;width:16px;margin-right:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url("/resources/images/devices/unknown.svg")}#oka-live-class-container [data-component='PeerView'] > .info > .peer > .row > .device-icon.chrome{background-image:url("/resources/images/devices/chrome_16x16.png")}#oka-live-class-container [data-component='PeerView'] > .info > .peer > .row > .device-icon.firefox{background-image:url("/resources/images/devices/firefox_16x16.png")}#oka-live-class-container [data-component='PeerView'] > .info > .peer > .row > .device-icon.safari{background-image:url("/resources/images/devices/safari_16x16.png")}#oka-live-class-container [data-component='PeerView'] > .info > .peer > .row > .device-icon.msedge{background-image:url("/resources/images/devices/edge_16x16.png")}#oka-live-class-container [data-component='PeerView'] > .info > .peer > .row > .device-icon.opera{background-image:url("/resources/images/devices/opera_16x16.png")}#oka-live-class-container [data-component='PeerView'] > .info > .peer > .row > .device-icon.broadcaster{height:18px;width:18px;background-image:url("/resources/images/devices/broadcaster.svg")}#oka-live-class-container [data-component='PeerView'] > .info > .peer > .row > .device-version{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;font-size:11px;color:rgba(255,255,255,0.6)}#oka-live-class-container [data-component='PeerView'] > .info > .multiple-peers{padding:1px !important}#oka-live-class-container [data-component='PeerView'] > video{-webkit-box-flex:100;-moz-box-flex:100;-o-box-flex:100;box-flex:100;-webkit-flex:100 100 auto;-ms-flex:100 100 auto;flex:100 100 auto;height:100%;width:100%;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;-ms-transition:opacity 0.5s;transition:opacity 0.5s;background-color:rgba(0,0,0,0.75)}#oka-live-class-container [data-component='PeerView'] > video.hidden{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;-ms-transition-duration:0s;transition-duration:0s}#oka-live-class-container [data-component='PeerView'] > video.network-error{filter:grayscale(100%) brightness(135%) blur(5px)}#oka-live-class-container [data-component='PeerView'] > audio{display:none;position:absolute;top:0;bottom:0;right:0;z-index:1}#oka-live-class-container [data-component='PeerView'] > canvas.face-detection{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;pointer-events:none}#oka-live-class-container [data-component='PeerView'] > .volume-container{position:absolute;top:0;bottom:0;right:2px;width:10px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;pointer-events:none}#oka-live-class-container [data-component='PeerView'] > .volume-container > .bar{width:4px;border-radius:9999px;-webkit-transition:height 0.25s, background-color 0.25s;-moz-transition:height 0.25s, background-color 0.25s;-o-transition:height 0.25s, background-color 0.25s;-ms-transition:height 0.25s, background-color 0.25s;transition:height 0.25s, background-color 0.25s}#oka-live-class-container [data-component='PeerView'] > .volume-container > .bar.level0{height:0;background-color:#22c55e}#oka-live-class-container [data-component='PeerView'] > .volume-container > .bar.level1{height:10%;background-color:#22c55e}#oka-live-class-container [data-component='PeerView'] > .volume-container > .bar.level2{height:20%;background-color:#22c55e}#oka-live-class-container [data-component='PeerView'] > .volume-container > .bar.level3{height:30%;background-color:#22c55e}#oka-live-class-container [data-component='PeerView'] > .volume-container > .bar.level4{height:40%;background-color:#f59e0b}#oka-live-class-container [data-component='PeerView'] > .volume-container > .bar.level5{height:50%;background-color:#f59e0b}#oka-live-class-container [data-component='PeerView'] > .volume-container > .bar.level6{height:60%;background-color:#ef4343}#oka-live-class-container [data-component='PeerView'] > .volume-container > .bar.level7{height:70%;background-color:#ef4343}#oka-live-class-container [data-component='PeerView'] > .volume-container > .bar.level8{height:80%;background-color:#ef4343}#oka-live-class-container [data-component='PeerView'] > .volume-container > .bar.level9{height:90%;background-color:#ef4343}#oka-live-class-container [data-component='PeerView'] > .volume-container > .bar.level10{height:100%;background-color:#ef4343}#oka-live-class-container [data-component='PeerView'] > .spinner-container{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;background-color:rgba(0,0,0,0.75)}#oka-live-class-container [data-component='PeerView'] > .spinner-container .react-spinner{position:relative;width:48px;height:48px;top:50%;left:50%}#oka-live-class-container [data-component='PeerView'] > .spinner-container .react-spinner .react-spinner_bar{position:absolute;width:20%;height:7.8%;top:-3.9%;left:-10%;-webkit-animation:PeerView-spinner 1.2s linear infinite;-moz-animation:PeerView-spinner 1.2s linear infinite;-o-animation:PeerView-spinner 1.2s linear infinite;-ms-animation:PeerView-spinner 1.2s linear infinite;animation:PeerView-spinner 1.2s linear infinite;border-radius:9999px;background-color:rgba(255,255,255,0.5)}#oka-live-class-container [data-component='PeerView'] > .video-elem-paused{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;background-position:center;background-image:url("/resources/images/icon_video_elem_paused.svg");background-size:35%;background-color:rgba(0,0,0,0.25);background-repeat:no-repeat}@-moz-keyframes PeerView-spinner{0%{opacity:1;-ms-filter:none;filter:none}100%{opacity:.15;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";filter:alpha(opacity=15)}}@-webkit-keyframes PeerView-spinner{0%{opacity:1;-ms-filter:none;filter:none}100%{opacity:.15;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";filter:alpha(opacity=15)}}@-o-keyframes PeerView-spinner{0%{opacity:1;-ms-filter:none;filter:none}100%{opacity:.15;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";filter:alpha(opacity=15)}}@keyframes PeerView-spinner{0%{opacity:1;-ms-filter:none;filter:none}100%{opacity:.15;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";filter:alpha(opacity=15)}}#oka-live-class-container [data-component='WhiteBoard']{height:100%;width:100%;position:absolute}#oka-live-class-container [data-component='WhiteBoard'] > .wb-canvas{position:absolute;z-index:1000;border-radius:10px;touch-action:none;-ms-touch-action:none}#oka-live-class-container [data-component='WhiteBoard'] > .award{z-index:1002}#oka-live-class-container [data-component='WhiteBoard'] > .award > img{width:400px;height:400px;object-fit:contain}#oka-live-class-container [data-component='WhiteBoard'] > .lesson-video{position:absolute;z-index:1001}#oka-live-class-container [data-component='WhiteBoard'] > .pagination{width:auto;height:30px;line-height:30px;pointer-events:auto;cursor:pointer;color:#1991e6;font-weight:700;padding:4px 8px;margin-bottom:0;position:absolute;top:0;right:35px}#oka-live-class-container [data-component='WhiteBoard'] > .turn-on-audio{background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:absolute;z-index:10000;padding:23%;border-radius:10px}#oka-live-class-container [data-component='WhiteBoard'] > .turn-on-audio > .switch-button{width:100%;height:100%}#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar{height:56px;top:10px;background:rgba(255,255,255,0.95);border-radius:10px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}@media (max-device-width:720px){#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar{height:40px}}#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section{width:33%;height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:0 8px}#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section > .button{display:-webkit-inline-box;display:-moz-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-box;display:inline-flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;min-width:80px;height:32px;border-radius:6px;color:#fff;text-align:center;pointer-events:auto;cursor:pointer;font-weight:500;font-size:13px;background:#ef4343;border:2px solid transparent;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-ms-transition:all 0.15s ease;transition:all 0.15s ease}#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section > .button:hover{filter:brightness(1.08)}#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section > .button:active{-webkit-transform:scale(.97);-moz-transform:scale(.97);-o-transform:scale(.97);-ms-transform:scale(.97);transform:scale(.97)}#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section > .button.f-left{margin-right:auto;margin-left:4px}#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section > .button.f-right{margin-left:auto;margin-right:4px}#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section > .button.blue{background:#1991e6;border-color:#1991e6}#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section > .button.disabled{cursor:default;background:#94a3b8;opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);pointer-events:none}#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section > .button.pen{width:32px;min-width:32px;margin-left:4px;border-radius:6px}@media (max-device-width:720px){#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section > .button.pen{width:20px;min-width:20px;height:20px;margin-left:2px}}#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section > .button.selected{border:2px solid #29303d;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1);box-shadow:0 0 0 1px rgba(0,0,0,0.1)}#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section > .pagination{display:-webkit-inline-box;display:-moz-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-box;display:inline-flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:auto;height:30px;pointer-events:auto;cursor:pointer;color:#1991e6;font-weight:700;padding:0 12px}#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section > .logo{width:auto;height:70%;margin-top:4px}@media (max-device-width:720px){#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section > .logo{height:55%}}#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section > .stars{height:100%;margin:auto;width:auto;display:-webkit-inline-box;display:-moz-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-box;display:inline-flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;gap:4px}#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section > .stars > .star{font-size:22px;color:#ffbc09}#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section > .stars > .star.fa-regular{color:rgba(255,188,9,0.35)}#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section.center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}#oka-live-class-container [data-component='WhiteBoard'] > .bottom-bar > .section.nav-buttons{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;gap:4px}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar{top:8px;right:16px;border-radius:16px;position:absolute;width:52px;padding:8px;z-index:1001;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;gap:6px;background:rgba(255,255,255,0.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);-webkit-box-shadow:0 8px 24px rgba(0,0,0,0.16);box-shadow:0 8px 24px rgba(0,0,0,0.16);border:1px solid rgba(255,255,255,0.5)}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .title{width:100%;padding:2px 0;text-align:center;color:#29303d;font-weight:600;font-size:11px;letter-spacing:.3px}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .title.countdown{color:#ef4343;font-weight:700}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .line{width:24px;height:0;border:none;border-bottom:1.5px solid #e0e6eb;margin:2px 0}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:#fff;text-align:center;pointer-events:auto;cursor:pointer;font-weight:500;background:#5a6577;border:2px solid transparent;font-size:12px;padding:0;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;position:relative}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button > i{font-size:16px}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button:hover{-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-o-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.12);box-shadow:0 4px 12px rgba(0,0,0,0.12)}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button:active{-webkit-transform:translateY(0) scale(.95);-moz-transform:translateY(0) scale(.95);-o-transform:translateY(0) scale(.95);-ms-transform:translateY(0) scale(.95);transform:translateY(0) scale(.95);-webkit-box-shadow:none;box-shadow:none}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.blue{background-color:#1991e6;border-color:transparent}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.blue:hover{background-color:#1274b8}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.disabled{cursor:default;background:#cbd5e1;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);pointer-events:none}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.selected{border-color:#fff;-webkit-box-shadow:0 0 0 2px #1991e6,0 4px 12px rgba(0,0,0,0.12);box-shadow:0 0 0 2px #1991e6,0 4px 12px rgba(0,0,0,0.12);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.end{background-color:#ef4343;color:#fff}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.end:hover{background-color:#dc2626;-webkit-box-shadow:0 4px 12px rgba(239,67,67,0.4);box-shadow:0 4px 12px rgba(239,67,67,0.4)}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.award{background-color:#fff;color:#ffbc09}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.award:hover{background-color:#f1f5f9;-webkit-box-shadow:0 4px 12px rgba(255,188,9,0.4);box-shadow:0 4px 12px rgba(255,188,9,0.4)}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.clear{background-color:#5a6577;color:#fff}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.clear:hover{background-color:#4d5665;-webkit-box-shadow:0 4px 12px rgba(90,101,119,0.35);box-shadow:0 4px 12px rgba(90,101,119,0.35)}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.white-paper{height:36px;line-height:36px;background:#fff;border:2px solid #e0e6eb;font-size:11px;font-weight:700;color:#5a6577;letter-spacing:.3px}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.white-paper:hover{border-color:#47aaf0;color:#1991e6;background:#f0f4ff}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.white-paper.active{background:#1991e6;border-color:#1991e6;color:#fff}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.white-paper.active:hover{background:#1274b8;border-color:#1274b8}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.eraser{background-color:#1991e6;color:#fff}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.eraser.selected{background-color:#1274b8}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.text-tool{background-color:#1991e6;color:#fff}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.text-tool.selected{background-color:#1274b8}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.sticker-tool{background-color:#1991e6;color:#fff}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.sticker-tool.selected{background-color:#1274b8}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.pen-tool{color:#fff;border:2px solid rgba(0,0,0,0.1)}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.pen-tool.selected{border-color:#fff;-webkit-box-shadow:0 0 0 2px #29303d,0 4px 12px rgba(0,0,0,0.12);box-shadow:0 0 0 2px #29303d,0 4px 12px rgba(0,0,0,0.12)}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .button.pen{background-size:20px;border:2px solid rgba(0,0,0,0.08)}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .sticker-list{background:rgba(255,255,255,0.95);width:320px;max-height:340px;position:absolute;right:64px;top:0;border-radius:16px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;z-index:1100;overflow-y:auto;-webkit-box-shadow:0 12px 40px rgba(0,0,0,0.2);box-shadow:0 12px 40px rgba(0,0,0,0.2);padding:12px;border:1px solid rgba(0,0,0,0.06)}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .sticker-list > .sticker-item{width:84px;height:84px;background:#f8fafc;border:2px solid transparent;border-radius:10px;cursor:pointer;margin:4px;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-ms-transition:all 0.15s ease;transition:all 0.15s ease}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .sticker-list > .sticker-item:hover{border-color:#47aaf0;background:#eef2ff;-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-o-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04)}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .sticker-list > .sticker-item.selected{border-color:#1991e6;background:#eef2ff;-webkit-box-shadow:0 0 0 1px #1991e6;box-shadow:0 0 0 1px #1991e6}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .sticker-list > .sticker-item > img{width:100%;height:100%;object-fit:contain}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .color-list{background:rgba(255,255,255,0.95);width:220px;position:absolute;right:64px;top:0;border-radius:16px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;z-index:1100;-webkit-box-shadow:0 12px 40px rgba(0,0,0,0.2);box-shadow:0 12px 40px rgba(0,0,0,0.2);padding:12px;border:1px solid rgba(0,0,0,0.06)}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .color-list > .color-item{width:52px;height:52px;border:3px solid transparent;border-radius:10px;cursor:pointer;margin:4px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .color-list > .color-item:hover{-webkit-transform:scale(1.12);-moz-transform:scale(1.12);-o-transform:scale(1.12);-ms-transform:scale(1.12);transform:scale(1.12);-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.12);box-shadow:0 4px 12px rgba(0,0,0,0.12)}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .color-list > .color-item.selected{border-color:#fff;-webkit-box-shadow:0 0 0 2px #29303d,0 4px 12px rgba(0,0,0,0.12);box-shadow:0 0 0 2px #29303d,0 4px 12px rgba(0,0,0,0.12);-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-o-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}#oka-live-class-container [data-component='WhiteBoard'] > .right-bar > .color-list > .color-item > img{width:100%;height:100%}#oka-live-class-container [data-component='PDFViewer']{height:100%;width:100%;position:absolute}#oka-live-class-container [data-component='PDFViewer'] > .render-pdf{border-radius:10px}#oka-live-class-container [data-component='PDFViewer'] > .pdf-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;z-index:10;background:rgba(255,255,255,0.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:10px}#oka-live-class-container [data-component='PDFViewer'] > .pdf-loading-overlay > .loading-content{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;gap:16px}#oka-live-class-container [data-component='PDFViewer'] > .pdf-loading-overlay > .loading-content > .spinner{width:40px;height:40px;border:4px solid rgba(25,145,230,0.2);border-top-color:#1991e6;border-radius:50%;-webkit-animation:pdf-spin .8s linear infinite;-moz-animation:pdf-spin .8s linear infinite;-o-animation:pdf-spin .8s linear infinite;-ms-animation:pdf-spin .8s linear infinite;animation:pdf-spin .8s linear infinite}#oka-live-class-container [data-component='PDFViewer'] > .pdf-loading-overlay > .loading-content > .progress-bar-track{width:180px;height:8px;background:rgba(0,0,0,0.08);border-radius:4px;overflow:hidden}#oka-live-class-container [data-component='PDFViewer'] > .pdf-loading-overlay > .loading-content > .progress-bar-track > .progress-bar-fill{height:100%;background:#1991e6;border-radius:4px;-webkit-transition:width 0.3s ease;-moz-transition:width 0.3s ease;-o-transition:width 0.3s ease;-ms-transition:width 0.3s ease;transition:width 0.3s ease}#oka-live-class-container [data-component='PDFViewer'] > .pdf-loading-overlay > .loading-content > .progress-text{font-size:14px;font-weight:600;color:#5a6577}@-moz-keyframes pdf-spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes pdf-spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes pdf-spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pdf-spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}#oka-live-class-container [data-component='Stats']{position:fixed;z-index:1000;top:0;bottom:0;right:0;overflow:hidden;pointer-events:none}@media (min-device-width:721px){#oka-live-class-container [data-component='Stats']{width:470px;padding-left:20px}}@media (max-device-width:720px){#oka-live-class-container [data-component='Stats']{left:0}}#oka-live-class-container [data-component='Stats'] > .content{position:relative;height:100%;pointer-events:auto;background:rgba(255,255,255,0.95);overscroll-behavior:contain;-webkit-transition:-webkit-transform 0.3s ease, opacity 0.3s ease;-moz-transition:-moz-transform 0.3s ease, opacity 0.3s ease;-o-transition:-o-transform 0.3s ease, opacity 0.3s ease;-ms-transition:-ms-transform 0.3s ease, opacity 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease}@media (min-device-width:721px){#oka-live-class-container [data-component='Stats'] > .content{width:450px;-webkit-box-shadow:-4px 0 24px rgba(0,0,0,0.15);box-shadow:-4px 0 24px rgba(0,0,0,0.15)}}@media (max-device-width:720px){#oka-live-class-container [data-component='Stats'] > .content{width:100%}}#oka-live-class-container [data-component='Stats'] > .content:not(.visible){-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}#oka-live-class-container [data-component='Stats'] > .content > .header{position:absolute;z-index:2;top:0;left:0;right:0;padding:0 24px;background:-webkit-linear-gradient(top, #fff, #fff, rgba(255,255,255,0.95), rgba(255,255,255,0));background:-moz-linear-gradient(top, #fff, #fff, rgba(255,255,255,0.95), rgba(255,255,255,0));background:-o-linear-gradient(top, #fff, #fff, rgba(255,255,255,0.95), rgba(255,255,255,0));background:-ms-linear-gradient(top, #fff, #fff, rgba(255,255,255,0.95), rgba(255,255,255,0));background:linear-gradient(to bottom, #fff, #fff, rgba(255,255,255,0.95), rgba(255,255,255,0))}#oka-live-class-container [data-component='Stats'] > .content > .header > .info{height:80px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}#oka-live-class-container [data-component='Stats'] > .content > .header > .info > .close-icon{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:28px;height:28px;margin-left:-8px;margin-right:20px;cursor:pointer;opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);-webkit-transition:opacity 0.15s ease;-moz-transition:opacity 0.15s ease;-o-transition:opacity 0.15s ease;-ms-transition:opacity 0.15s ease;transition:opacity 0.15s ease;color:#29303d}#oka-live-class-container [data-component='Stats'] > .content > .header > .info > .close-icon > i{font-size:18px}#oka-live-class-container [data-component='Stats'] > .content > .header > .info > .close-icon:hover{opacity:1;-ms-filter:none;filter:none}#oka-live-class-container [data-component='Stats'] > .content > .header > .info > h1{-webkit-box-flex:100;-moz-box-flex:100;-o-box-flex:100;box-flex:100;-webkit-flex:100 100 auto;-ms-flex:100 100 auto;flex:100 100 auto;text-transform:uppercase;color:#29303d;font-size:14px;font-weight:500;text-align:right;letter-spacing:.5px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}#oka-live-class-container [data-component='Stats'] > .content > .header > .list{height:150px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}#oka-live-class-container [data-component='Stats'] > .content > .header > .list > p{margin-bottom:8px;color:#5a6577;font-size:14px;font-weight:400;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#oka-live-class-container [data-component='Stats'] > .content > .header > .list > p > a{text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:500;color:#1991e6;cursor:pointer;-webkit-transition:opacity 0.15s ease;-moz-transition:opacity 0.15s ease;-o-transition:opacity 0.15s ease;-ms-transition:opacity 0.15s ease;transition:opacity 0.15s ease}#oka-live-class-container [data-component='Stats'] > .content > .header > .list > p > a.disabled{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);cursor:not-allowed}#oka-live-class-container [data-component='Stats'] > .content > .header > .list > p > a:hover:not(.disabled){opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}#oka-live-class-container [data-component='Stats'] > .content > .stats{padding:0 24px;height:100%;overflow:auto}#oka-live-class-container [data-component='Stats'] > .content > .stats > .items{margin-bottom:40px;will-change:opacity}#oka-live-class-container [data-component='Stats'] > .content > .stats > .items.Appear-appear{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}#oka-live-class-container [data-component='Stats'] > .content > .stats > .items.Appear-appear.Appear-appear-active{-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:150ms;-moz-transition-duration:150ms;-o-transition-duration:150ms;-ms-transition-duration:150ms;transition-duration:150ms;opacity:1;-ms-filter:none;filter:none}#oka-live-class-container [data-component='Stats'] > .content > .stats > .items:after{content:'';display:block;visibility:hidden;margin-bottom:-230px}#oka-live-class-container [data-component='Stats'] > .content > .stats > .items > h2{margin-bottom:20px;text-transform:uppercase;color:#5a6577;font-size:13px;font-weight:500;text-align:center;letter-spacing:.5px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}#oka-live-class-container [data-component='Stats'] > .content > .stats > .items > h2:before{content:'';display:block;visibility:hidden;height:230px}#oka-live-class-container [data-component='Stats'] > .content > .stats > .items > .item{padding-bottom:12px;margin-bottom:20px;border-bottom:1px solid #f1f5f9}#oka-live-class-container [data-component='Stats'] > .content > .stats > .items > .item > .line{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-bottom:8px}#oka-live-class-container [data-component='Stats'] > .content > .stats > .items > .item > .line > .key{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:38.5%;color:#5a6577;font-size:11px;font-weight:400;word-break:break-all;text-align:right}#oka-live-class-container [data-component='Stats'] > .content > .stats > .items > .item > .line > .value{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:58.5%;color:#29303d;font-size:11px;font-weight:400;word-break:break-all;text-align:left}#oka-live-class-container [data-component='Notifications']{position:fixed;z-index:9999;pointer-events:none;top:0;right:0;bottom:0;padding:20px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}@media (min-device-width:721px){#oka-live-class-container [data-component='Notifications']{padding:12px;width:320px}}@media (max-device-width:720px){#oka-live-class-container [data-component='Notifications']{padding:8px;width:65%;max-width:240px}}#oka-live-class-container [data-component='Notifications'] > .notification{pointer-events:auto;margin-top:8px;border-radius:10px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.12);box-shadow:0 4px 12px rgba(0,0,0,0.12)}@media (min-device-width:721px){#oka-live-class-container [data-component='Notifications'] > .notification{min-width:75%}}@media (max-device-width:720px){#oka-live-class-container [data-component='Notifications'] > .notification{width:100%}}#oka-live-class-container [data-component='Notifications'] > .notification.Appear-appear{visibility:hidden;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:all 0.2s ease-out, visibility 0s linear 0.25s;-moz-transition:all 0.2s ease-out, visibility 0s linear 0.25s;-o-transition:all 0.2s ease-out, visibility 0s linear 0.25s;-ms-transition:all 0.2s ease-out, visibility 0s linear 0.25s;transition:all 0.2s ease-out, visibility 0s linear 0.25s;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-o-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px)}#oka-live-class-container [data-component='Notifications'] > .notification.Appear-appear.Appear-appear-active{visibility:visible;pointer-events:auto;opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);-webkit-transition-delay:0s,0s;-moz-transition-delay:0s,0s;-o-transition-delay:0s,0s;-ms-transition-delay:0s,0s;transition-delay:0s,0s}@media (min-device-width:721px){#oka-live-class-container [data-component='Notifications'] > .notification{padding:16px 20px 16px 16px}}@media (max-device-width:720px){#oka-live-class-container [data-component='Notifications'] > .notification{padding:8px 12px}}#oka-live-class-container [data-component='Notifications'] > .notification > .icon{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-right:12px}#oka-live-class-container [data-component='Notifications'] > .notification > .icon > i{font-size:18px}#oka-live-class-container [data-component='Notifications'] > .notification > .body > .title{font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;line-height:1.4;margin-bottom:4px}@media (min-device-width:721px){#oka-live-class-container [data-component='Notifications'] > .notification > .body > .title{font-size:13px}}@media (max-device-width:720px){#oka-live-class-container [data-component='Notifications'] > .notification > .body > .title{font-size:12px}}#oka-live-class-container [data-component='Notifications'] > .notification > .body > .text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;line-height:1.4}@media (min-device-width:721px){#oka-live-class-container [data-component='Notifications'] > .notification > .body > .text{font-size:12px}}@media (max-device-width:720px){#oka-live-class-container [data-component='Notifications'] > .notification > .body > .text{font-size:11px}}#oka-live-class-container [data-component='Notifications'] > .notification.info{background:rgba(30,41,59,0.85);color:rgba(255,255,255,0.92)}#oka-live-class-container [data-component='Notifications'] > .notification.info > .icon{opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);color:inherit}#oka-live-class-container [data-component='Notifications'] > .notification.error{background:rgba(239,67,67,0.9);color:#fff}#oka-live-class-container [data-component='Notifications'] > .notification.error > .icon{opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);color:inherit}#oka-live-class-container [data-component='NetworkThrottle']{position:absolute;top:0;left:0;z-index:99999;padding:0 20px;background:rgba(255,255,255,0.95);border-radius:10px;-webkit-box-shadow:0 8px 24px rgba(0,0,0,0.16);box-shadow:0 8px 24px rgba(0,0,0,0.16);font-family:'Roboto'}#oka-live-class-container [data-component='NetworkThrottle'] > h1.draggable{padding:20px;text-align:center;text-transform:uppercase;font-weight:500;font-size:12px;color:#29303d;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:move;letter-spacing:.5px}#oka-live-class-container [data-component='NetworkThrottle'] > .inputs > .row{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:20px;margin-bottom:8px}#oka-live-class-container [data-component='NetworkThrottle'] > .inputs > .row:last-child{margin-bottom:0}#oka-live-class-container [data-component='NetworkThrottle'] > .inputs > .row > .key{margin-right:4px;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100px;font-weight:400;font-size:11px;text-align:right;color:#5a6577}#oka-live-class-container [data-component='NetworkThrottle'] > .inputs > .row > .value{margin-left:4px;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:100px;padding:4px 8px;font-size:11px;text-align:right;color:#29303d;border:1px solid #e0e6eb;background:#f8fafc;border-radius:6px;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-ms-transition:all 0.15s ease;transition:all 0.15s ease}#oka-live-class-container [data-component='NetworkThrottle'] > .inputs > .row > .value:disabled{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}#oka-live-class-container [data-component='NetworkThrottle'] > .inputs > .row > .value::placeholder{color:#cbd5e1}#oka-live-class-container [data-component='NetworkThrottle'] > .inputs > .row > .value:focus{border-color:#47aaf0;background:#fff}#oka-live-class-container [data-component='NetworkThrottle'] > .inputs > .row > .value:focus::placeholder{color:transparent}#oka-live-class-container [data-component='NetworkThrottle'] > .buttons{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:20px;gap:8px}#oka-live-class-container [data-component='NetworkThrottle'] > .buttons > button{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:66px;height:24px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border:none;border-radius:6px;font-weight:500;font-size:11px;color:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-ms-transition:all 0.15s ease;transition:all 0.15s ease}#oka-live-class-container [data-component='NetworkThrottle'] > .buttons > button:disabled{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);cursor:default}#oka-live-class-container [data-component='NetworkThrottle'] > .buttons > button:not(:disabled):hover{filter:brightness(1.08);-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-o-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}#oka-live-class-container [data-component='NetworkThrottle'] > .buttons > button.apply{background:#ef4343}#oka-live-class-container [data-component='NetworkThrottle'] > .buttons > button.reset{background:#5a6577}#oka-live-class-container [data-component='PreCall']{position:absolute;top:0;left:0;right:0;bottom:0;will-change:opacity;z-index:1111;background:rgba(15,23,42,0.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:1;-ms-filter:none;filter:none;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:16px;overflow-y:auto;will-change:opacity}#oka-live-class-container [data-component='PreCall'].Appear-appear{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}#oka-live-class-container [data-component='PreCall'].Appear-appear.Appear-appear-active{-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:300ms;-moz-transition-duration:300ms;-o-transition-duration:300ms;-ms-transition-duration:300ms;transition-duration:300ms;opacity:1;-ms-filter:none;filter:none}#oka-live-class-container [data-component='PreCall'] > .selection-container{height:auto;max-height:calc(100vh - 32px);overflow-y:auto;background:rgba(255,255,255,0.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;gap:16px;padding:24px 16px;-webkit-flex-shrink:0;flex-shrink:0}@media (min-device-width:721px){#oka-live-class-container [data-component='PreCall'] > .selection-container{max-width:520px;width:100%;border-radius:16px;-webkit-box-shadow:0 12px 40px rgba(0,0,0,0.2);box-shadow:0 12px 40px rgba(0,0,0,0.2)}}@media (max-device-width:720px){#oka-live-class-container [data-component='PreCall'] > .selection-container{width:100%;padding:16px 12px;gap:12px;max-height:calc(100vh - 24px)}}#oka-live-class-container [data-component='PreCall'] > .selection-container > .choose-title{-webkit-flex-shrink:0;flex-shrink:0;width:100%;text-align:center;padding:4px 8px;font-weight:600;font-size:20px;color:#29303d}@media (max-device-width:720px){#oka-live-class-container [data-component='PreCall'] > .selection-container > .choose-title{font-size:16px}}#oka-live-class-container [data-component='PreCall'] > .selection-container > .language-selector{-webkit-flex-shrink:0;flex-shrink:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;gap:10px}#oka-live-class-container [data-component='PreCall'] > .selection-container > .language-selector > label{font-size:14px;font-weight:500;color:#5a6577}#oka-live-class-container [data-component='PreCall'] > .selection-container > .language-selector > select.control.language{width:140px;height:44px;padding:0 12px;border:1px solid #e0e6eb;border-radius:10px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);background:#fff;font-size:14px;color:#29303d;cursor:pointer;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-ms-transition:all 0.15s ease;transition:all 0.15s ease}#oka-live-class-container [data-component='PreCall'] > .selection-container > .language-selector > select.control.language:focus{border-color:#47aaf0;-webkit-box-shadow:0 0 0 3px rgba(25,145,230,0.15);box-shadow:0 0 0 3px rgba(25,145,230,0.15);outline:none}#oka-live-class-container [data-component='PreCall'] > .selection-container > .video{-webkit-flex-shrink:0;flex-shrink:0;text-align:center;background:#000;width:100%;max-width:320px;aspect-ratio:4/3;max-height:200px;border-radius:10px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.12);box-shadow:0 4px 12px rgba(0,0,0,0.12);overflow:hidden}@media (max-device-width:720px){#oka-live-class-container [data-component='PreCall'] > .selection-container > .video{max-height:160px}}#oka-live-class-container [data-component='PreCall'] > .selection-container > .controls{-webkit-flex-shrink:0;flex-shrink:0;width:100%;max-width:420px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;padding:0;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;gap:12px}#oka-live-class-container [data-component='PreCall'] > .selection-container > .controls > .control-wrapper{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1 1 180px;-ms-flex:1 1 180px;flex:1 1 180px;min-width:0}#oka-live-class-container [data-component='PreCall'] > .selection-container > .controls > .control-wrapper > i{position:absolute;left:12px;font-size:16px;color:#5a6577;pointer-events:none}#oka-live-class-container [data-component='PreCall'] > .selection-container > .controls > .control-wrapper > .control{width:100%;height:48px;padding:0 12px 0 40px;border:1px solid #e0e6eb;border-radius:10px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);background:#fff;font-size:14px;color:#29303d;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-ms-transition:all 0.15s ease;transition:all 0.15s ease;cursor:pointer}#oka-live-class-container [data-component='PreCall'] > .selection-container > .controls > .control-wrapper > .control:focus{border-color:#47aaf0;-webkit-box-shadow:0 0 0 3px rgba(25,145,230,0.15);box-shadow:0 0 0 3px rgba(25,145,230,0.15);outline:none}#oka-live-class-container [data-component='PreCall'] > .selection-container > .audio-gain{-webkit-flex-shrink:0;flex-shrink:0;width:100%;max-width:300px;height:48px;border-radius:10px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08)}#oka-live-class-container [data-component='PreCall'] > .selection-container > .next-button{-webkit-flex-shrink:0;flex-shrink:0;border-radius:10px;color:#fff;text-align:center;pointer-events:auto;cursor:pointer;font-weight:600;background:#1991e6;border:none;font-size:18px;padding:14px 36px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.12);box-shadow:0 4px 12px rgba(0,0,0,0.12);-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-ms-transition:all 0.15s ease;transition:all 0.15s ease}@media (max-device-width:720px){#oka-live-class-container [data-component='PreCall'] > .selection-container > .next-button{font-size:16px;padding:12px 28px}}#oka-live-class-container [data-component='PreCall'] > .selection-container > .next-button:hover{background:#1274b8;-webkit-box-shadow:0 8px 24px rgba(0,0,0,0.16);box-shadow:0 8px 24px rgba(0,0,0,0.16);-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-o-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}#oka-live-class-container [data-component='PreCall'] > .selection-container > .next-button:active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}#oka-live-class-container [data-component='ConnectionTest']{position:absolute;height:100%;width:100%;will-change:opacity;z-index:1111;background:url("/resources/images/main_bg.jpg");background-size:cover;opacity:1;-ms-filter:none;filter:none;will-change:opacity}#oka-live-class-container [data-component='ConnectionTest'].Appear-appear{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}#oka-live-class-container [data-component='ConnectionTest'].Appear-appear.Appear-appear-active{-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:300ms;-moz-transition-duration:300ms;-o-transition-duration:300ms;-ms-transition-duration:300ms;transition-duration:300ms;opacity:1;-ms-filter:none;filter:none}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container{height:100%;background:rgba(255,255,255,0.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal{height:90%;max-width:680px;border-radius:16px;background:rgba(255,255,255,0.95);padding:24px;-webkit-box-shadow:0 12px 40px rgba(0,0,0,0.2);box-shadow:0 12px 40px rgba(0,0,0,0.2)}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > p{width:100%;padding:12px 5%;text-align:center;color:#5a6577;line-height:1.5}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal.microphone > .controls{height:20%}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal.check-window{height:auto;min-height:87px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal.successfull{height:auto;min-height:87px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .choose-title{width:100%;text-align:center;font-weight:500;font-size:18px;height:10%;color:#29303d;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}@media (max-device-width:720px){#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .choose-title{font-size:13px}}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .video{text-align:center;background:#000;width:auto;height:50%;aspect-ratio:4/3;border-radius:10px;margin:auto;max-width:100%;overflow:hidden;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08)}@media (max-device-width:720px){#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .video{height:50%;margin-top:4px}}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .video-container{text-align:center;background:#000;width:auto;height:50%;aspect-ratio:4/3;border-radius:10px;margin:auto;max-width:100%;overflow:hidden}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .video-container > iframe{width:100%;height:100%;border:none}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .controls{width:auto;height:10%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;padding:8px;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;gap:8px}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .controls > .control{width:80%;height:100%;max-height:40px;padding:4px 8px 4px 36px;border:1px solid #e0e6eb;border-radius:10px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);background:#fff;font-size:14px;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-ms-transition:all 0.15s ease;transition:all 0.15s ease}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .controls > .control:focus{border-color:#47aaf0;-webkit-box-shadow:0 0 0 3px rgba(25,145,230,0.15);box-shadow:0 0 0 3px rgba(25,145,230,0.15)}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .controls > .control-wrapper{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .controls > .control-wrapper > i{position:absolute;left:12px;font-size:16px;color:#5a6577;pointer-events:none}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .controls > .control-wrapper > .control{padding-left:40px}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .bottom{border-top:1px solid #f1f5f9;height:20%;padding-bottom:12px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:8px}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .bottom > p{width:100%;padding:4px 5%;text-align:center;font-weight:500;color:#29303d}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .bottom > .buttons{width:100%;height:50px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .bottom > .buttons > .next-button{width:auto;border-radius:10px;color:#fff;text-align:center;pointer-events:auto;cursor:pointer;font-weight:500;background:#1991e6;border:none;padding:0 20px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);height:28px;line-height:28px;font-size:13px;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-ms-transition:all 0.15s ease;transition:all 0.15s ease}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .bottom > .buttons > .next-button:hover{background:#1274b8;-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-o-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .bottom > .buttons > .next-button.green{background:#22c55e}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .bottom > .buttons > .next-button.green:hover{background:#1fb155}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .audio-gain{height:30%;width:100%;border-radius:10px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08)}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .select{width:40%;height:40px;margin-top:10px;border-radius:10px;border:1px solid #e0e6eb;padding:0 12px;font-size:14px;background:#fff}@media (max-device-width:720px){#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .select{height:20px;margin-top:4px;font-size:12px}}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .lesson-video{display:block;width:100%;height:60%;border-radius:10px;overflow:hidden}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .text{width:100%;text-align:left;margin-top:20px;line-height:1.5;color:#5a6577}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .buttons{width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;gap:12px;margin-top:12px}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .buttons > .button{font-size:16px;width:auto;border-radius:10px;color:#fff;text-align:center;pointer-events:auto;cursor:pointer;font-weight:500;background:#1991e6;border:none;padding:12px 24px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-ms-transition:all 0.15s ease;transition:all 0.15s ease}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .buttons > .button:hover{background:#1274b8;-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.12);box-shadow:0 4px 12px rgba(0,0,0,0.12);-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-o-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}#oka-live-class-container [data-component='ConnectionTest'] > .selection-container > .modal > .buttons > .button:active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}#oka-live-class-container [data-component='PermissionGuide']{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1200;pointer-events:none}#oka-live-class-container [data-component='PermissionGuide'] > .permission-guide-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);pointer-events:auto;cursor:pointer}#oka-live-class-container [data-component='PermissionGuide'] > .permission-guide-arrow{position:absolute;pointer-events:none;color:#ffbc09;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.3))}#oka-live-class-container [data-component='PermissionGuide'] > .permission-guide-message{position:absolute;pointer-events:auto;background:rgba(255,255,255,0.95);border-radius:16px;padding:20px 24px;-webkit-box-shadow:0 12px 40px rgba(0,0,0,0.2);box-shadow:0 12px 40px rgba(0,0,0,0.2);max-width:320px;text-align:center}@media (max-device-width:720px){#oka-live-class-container [data-component='PermissionGuide'] > .permission-guide-message{max-width:calc(100% - 32px);margin:0 16px}}#oka-live-class-container [data-component='PermissionGuide'] > .permission-guide-message > p{font-size:16px;font-weight:500;color:#29303d;margin:0 0 16px 0;line-height:1.5}@media (max-device-width:720px){#oka-live-class-container [data-component='PermissionGuide'] > .permission-guide-message > p{font-size:14px}}#oka-live-class-container [data-component='PermissionGuide'] > .permission-guide-message > .permission-guide-close{background:#1991e6;color:#fff;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-ms-transition:all 0.15s ease;transition:all 0.15s ease}#oka-live-class-container [data-component='PermissionGuide'] > .permission-guide-message > .permission-guide-close:hover{background:#1274b8}#oka-live-class-container [data-component='PermissionGuide'] > .permission-guide-arrow{-webkit-animation:permission-guide-pulse 1.5s ease-in-out infinite;-moz-animation:permission-guide-pulse 1.5s ease-in-out infinite;-o-animation:permission-guide-pulse 1.5s ease-in-out infinite;-ms-animation:permission-guide-pulse 1.5s ease-in-out infinite;animation:permission-guide-pulse 1.5s ease-in-out infinite}@-moz-keyframes permission-guide-pulse{0%,100%{opacity:1;-ms-filter:none;filter:none}50%{opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70)}}@-webkit-keyframes permission-guide-pulse{0%,100%{opacity:1;-ms-filter:none;filter:none}50%{opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70)}}@-o-keyframes permission-guide-pulse{0%,100%{opacity:1;-ms-filter:none;filter:none}50%{opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70)}}@keyframes permission-guide-pulse{0%,100%{opacity:1;-ms-filter:none;filter:none}50%{opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70)}}#oka-live-class-media-query-detector{position:relative;z-index:-1000;bottom:0;left:0;height:1px;width:1px}@media (max-device-width:720px){#oka-live-class-media-query-detector{display:none;position:fixed}}.welcome-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.welcome-content{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;background:rgba(255,255,255,0.95);border-radius:16px;padding:40px 48px;-webkit-box-shadow:0 12px 40px rgba(0,0,0,0.2);box-shadow:0 12px 40px rgba(0,0,0,0.2);max-width:420px;width:90%;text-align:center}.description{font-size:1.5rem;font-weight:500;color:#29303d;margin-bottom:12px}.description-2{font-size:.95rem;color:#5a6577;margin-bottom:32px;line-height:1.5}.ready-button{background:#1991e6;color:#fff;padding:12px 36px;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;-ms-transition:all 0.15s ease;transition:all 0.15s ease;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.08)}.ready-button:hover{background:#1274b8;-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.12);box-shadow:0 4px 12px rgba(0,0,0,0.12);-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-o-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}.ready-button:active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}