@charset "UTF-8";body{margin:0}*,*:before,*:after{box-sizing:border-box}:root{--vgc-color--base: #fcfcfc;--vgc-color--white: #fff;--vgc-color--black: #212121;--vgc-color--text: #383838;--vgc-color--title: #0C0E0D;--vgc-color--primary: #fd5000;--vgc-color--primary-hover: #ca4000;--vgc-color--primary-disabled: #ffad87;--vgc-color--secondary: #6799ab;--vgc-color--secondary-light: #e1ebee;--vgc-color--neutral-2: #cdcdcd;--vgc-color--neutral-2-hover: #9a9a9a;--vgc-color--neutral-2-disabled: #e9e9e9;--vgc-color--success: #9ed7ad;--vgc-color--success-light: #edf9f0;--vgc-color--success-dark: #287d3c;--vgc-color--error: #f4b8b8;--vgc-color--error-light: #feefef;--vgc-color--error-dark: #da1414;--vgc--custom--shadow--1: 0px 1px 3px rgba(0, 0, 0, .08);--vgc-font-size--h1: clamp(2rem, 1rem + 2.0833333333vw, 3rem);--vgc-font-size--body-text: clamp(1rem, .875rem + .2604166667vw, 1.125rem);--vgc-font-size--body-text-s: clamp(.875rem, .75rem + .2604166667vw, 1rem);--vgc-font-size--cta: clamp(1.125rem, 1rem + .2604166667vw, 1.25rem);--vgc-spacing--xs: 10px;--vgc-spacing--s: 16px;--vgc-spacing--m: 32px;--vgc-spacing--l: 48px;--vgc-spacing--xl: 64px}body{--body-font: "Open Sans", sans-serif;--heading-font: "Anybody", sans-serif;--cta-font: "Lato", sans-serif;font-family:var(--body-font);font-size:var(--vgc-font-size--body-text);line-height:1.5rem}h1{font-family:var(--heading-font);font-weight:700;font-size:var(--vgc-font-size--h1);line-height:3.75rem;margin:0}.vg-button{--_accent: var(--vgc-color--primary);--_accent-hover: var(--vgc-color--primary-hover);--_accent-disabled: var(--vgc-color--primary-disabled);--_contrast: var(--vgc-color--white);--_contrast-disabled: var(--vgc-color--white);--_shadow-color: rgba(255, 97, 5, .2)}.vg-button{--_bg: var(--_accent);--_bd: var(--_bg);--_fg: var(--_contrast);--_shadow: 3px 4px 5px 1px rgba(199, 201, 199, .08);--_shadow-focus: 0px 1px 4px 4px var(--_shadow-color);display:inline-block;min-width:96px;padding:10px 14px;border:2px solid var(--_bd);border-radius:8px;background-color:var(--_bg);box-shadow:var(--_shadow);color:var(--_fg);cursor:pointer;font-family:var(--cta-font, system-ui);font-size:var(--vgc-font-size--cta);font-weight:600;line-height:1.75rem;text-align:center;text-decoration:none}.vg-button:is(:hover,:focus){--_accent: var(--_accent-hover)}.vg-button:focus-visible{box-shadow:var(--_shadow-focus);outline:none}.vg-button[disabled],.vg-button--disabled{--_bg: var(--_accent-disabled);--_fg: var(--_contrast-disabled);--_shadow: unset;cursor:not-allowed}.selector-page{min-height:100vh;background-color:var(--vgc-color--base)}.selector-header{--header-height: clamp(3rem, 2.5rem + 1.0416666667vw, 3.5rem);background-color:var(--vgc-color--primary);height:var(--header-height);display:flex;align-items:center;justify-content:center}.selector-header__logo{width:30px;height:30px}.selector-content{max-width:clamp(25rem,13.25rem + 24.4791666667vw,36.75rem);margin-inline:auto;padding-top:clamp(6.5625rem,0rem + 13.671875vw,13.125rem);padding-bottom:64px;min-height:calc(100vh - var(--header-height, 56px))}.selector-content h1{margin:0 0 20px}.selector-content>p{margin:0 0 56px;font-weight:400;color:#383838}.search-input{width:100%;background-color:var(--vgc-color--white);padding:8px 12px;border-radius:8px;border:1px solid var(--vgc-color--neutral-2-hover);box-shadow:var(--vgc--custom--shadow--1);display:flex;align-items:center;gap:8px}.search-input input{width:100%;border:0;outline:none;background:transparent;font-size:var(--vgc-font-size--body-text-s);font-family:inherit;color:var(--vgc-color--text);padding:4px 0}.search-input__icon{flex-shrink:0;cursor:pointer;display:flex;align-items:center}.search-input.is-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:vgc-shimmer 1.4s infinite;pointer-events:none}.search-input.is-loading input{color:transparent}.search-input.is-loading input::placeholder{color:transparent}.search-input.is-loading .search-input__icon{opacity:.3}@keyframes vgc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.search-selector__input-wrapper.is-open .search-input{border:2px solid #1C1C1C;box-shadow:3px 4px 5px 1px #3e3e3e14}.search-selector__dropdown{list-style:none;margin:4px 0 0;padding:0;border:.5px solid #cdcdcd;border-radius:8px;background:var(--vgc-color--white);box-shadow:3px 4px 5px 1px #3e3e3e1f;max-height:200px;overflow-y:auto;scrollbar-width:none}.search-selector__dropdown::-webkit-scrollbar{display:none}.search-selector__option{padding:8px 16px 8px 32px;cursor:pointer;font-size:var(--vgc-font-size--body-text);font-style:italic;line-height:1.5rem}.search-selector__option:hover,.search-selector__option.is-selected{background-color:var(--vgc-color--secondary-light)}.search-selector__option:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.search-selector__option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.search-selector__option em{font-weight:400}.search-selector.is-disabled{opacity:.4;pointer-events:none}.room-selector__no-rooms{background-color:var(--vgc-color--secondary-light);border-left:4px solid var(--vgc-color--primary);border-radius:4px;padding:12px 16px;margin:0 0 24px;font-size:var(--vgc-font-size--body-text-s);color:#383838}.search-selector__actions{display:flex;justify-content:flex-end;margin-top:48px}.classes-page{min-height:100vh;background-color:var(--vgc-color--base)}.classes-header{height:56px;background-color:var(--vgc-color--white);border-bottom:1px solid var(--vgc-color--neutral-2);padding-inline:24px;gap:24px;display:flex;align-items:center}.classes-header__logo{flex-shrink:0;height:24px;width:auto}.classes-header__title{font-family:var(--body-font);font-weight:400;font-size:16px;line-height:28px;color:var(--vgc-color--text)}.classes-content{height:calc(100vh - 56px);box-sizing:border-box;display:flex;align-items:stretch;overflow:hidden}.classes-list{width:clamp(9.6875rem,7.1875rem + 5.2083333333vw,12.1875rem);flex-shrink:0;display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cdcdcd #F9FAF9}.classes-list::-webkit-scrollbar{width:14px}.classes-list::-webkit-scrollbar-track{background:#f9faf9;border-top:1px solid #E9E9E9;border-radius:6px;padding:2px 3px}.classes-list::-webkit-scrollbar-thumb{background-color:#cdcdcd;border-radius:6px;border:3px solid #F9FAF9}.classes-list{background-color:var(--vgc-color--white)}@media(max-width:767px){.classes-list{width:100%;height:auto;max-height:40vh}}.classes-player{flex:1;min-width:0;display:flex;align-items:center;overflow:hidden;background-color:#000}.classes-list__item{display:flex;align-items:center;gap:clamp(.75rem,.25rem + 1.0416666667vw,1.25rem);padding:4px 2px;height:clamp(3rem,2.375rem + 1.3020833333vw,3.625rem);box-sizing:border-box;border:1px solid transparent;border-bottom-color:#b8deef;cursor:default;flex-shrink:0}.classes-list__item:first-child{border-top-color:transparent}.classes-list__item--active{border-color:#fd5000}.classes-list__item--past .classes-list__time,.classes-list__item--past .classes-list__name{color:#757575}.classes-list__preview{width:clamp(3.125rem,1.9375rem + 2.4739583333vw,4.3125rem);height:clamp(2.25rem,1.375rem + 1.8229166667vw,3.125rem);flex-shrink:0;border-radius:2px;overflow:hidden;background-color:#e9e9e9}.classes-list__thumbnail{width:100%;height:100%;object-fit:cover;display:block}.classes-list__preview-icon{width:100%;height:100%;display:block}.classes-list__info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.classes-list__time{font-family:var(--body-font);font-weight:700;font-size:clamp(.875rem,.625rem + .5208333333vw,1.125rem);line-height:24px;letter-spacing:0;color:var(--vgc-color--text);white-space:nowrap}.classes-list__name{font-family:var(--body-font);font-weight:400;font-size:clamp(.6875rem,.5rem + .390625vw,.875rem);line-height:18px;letter-spacing:0;color:var(--vgc-color--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classes-player__wrapper{position:relative;width:100%}.classes-player__unmute{position:absolute;bottom:48px;left:50%;transform:translate(-50%);z-index:10;background-color:#000000bf;color:var(--vgc-color--white);border:none;border-radius:24px;padding:10px 24px;font-family:var(--body-font);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.classes-player__unmute:hover{background-color:#000000e6}.classes-player__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000}.classes-player__placeholder.classes-player__placeholder--countdown{background-color:#f2f2f2}.classes-player__placeholder-image{width:100%;height:100%;object-fit:cover}.classes-player__placeholder-icon{width:clamp(15rem,7.5rem + 15.625vw,22.5rem);height:clamp(15rem,7.5rem + 15.625vw,22.5rem);color:#000;opacity:.15;z-index:1}.classes-player__container{width:100%}.countdown-modal{position:fixed;bottom:clamp(3rem,-.75rem + 7.8125vw,6.75rem);left:50%;transform:translate(-50%);z-index:100;pointer-events:none;opacity:0;transition:opacity 1s ease;width:748px;max-width:calc(100% - 48px);box-sizing:border-box}.countdown-modal.countdown-modal--visible{opacity:1}.countdown-modal__content{width:100%;box-sizing:border-box;border-radius:16px;padding:20px clamp(1.5rem,0rem + 3.125vw,3rem);display:flex;flex-direction:column;align-items:center;gap:8px;background-color:#b8deef;color:#0c0e0d}.countdown-modal__label{font-family:var(--heading-font);font-weight:700;font-size:clamp(1.5rem,.5rem + 2.0833333333vw,2.5rem);line-height:100%;letter-spacing:0;text-align:center;margin:0}.countdown-modal__time{font-family:var(--heading-font);font-weight:700;font-size:clamp(3rem,1.5rem + 3.125vw,4.5rem);line-height:100%;letter-spacing:0;text-align:center;font-variant-numeric:tabular-nums;margin:0}.lang-selector{min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-block:clamp(3rem,1rem + 4.1666666667vw,5rem);background-color:var(--vgc-color--base)}.lang-selector__container{width:100%;max-width:clamp(22.5rem,8.25rem + 29.6875vw,36.75rem);display:flex;flex-direction:column;align-items:center;flex-shrink:0}.lang-selector__title{font-family:var(--heading-font);font-weight:700;font-size:clamp(1.375rem,.75rem + 1.3020833333vw,2rem);line-height:100%;letter-spacing:0;text-align:center;color:#0c0e0d;margin:0 0 clamp(2rem,1rem + 2.0833333333vw,3rem)}.lang-selector__options{display:flex;align-items:flex-start;gap:clamp(4rem,1.375rem + 5.46875vw,6.625rem)}.lang-selector__option{display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,.25rem + 1.5625vw,1.75rem);background:none;border:none;cursor:pointer;padding:0}.lang-selector__option:hover .lang-selector__flag{opacity:.85}.lang-selector__flag{width:clamp(4rem,1.75rem + 4.6875vw,6.25rem);height:auto;display:block;transition:opacity .2s ease}.lang-selector__name{font-family:var(--heading-font);font-weight:700;font-size:clamp(1.375rem,.75rem + 1.3020833333vw,2rem);line-height:100%;letter-spacing:0;text-align:center;color:#0c0e0d}.connection-error{min-height:100vh;background-color:#1a1a1a;display:flex;align-items:center;justify-content:center}.connection-error__box{text-align:center;color:var(--vgc-color--white);display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px}.connection-error__title{font-size:var(--vgc-font-size--heading-3);font-weight:700;margin:0;color:var(--vgc-color--primary)}.connection-error__message{font-size:var(--vgc-font-size--body-text);margin:0;opacity:.8}