:root {
    --silver_header-height: 106px;
    --color-0-white: #ffffff;
    --color-0-black: #000000;
    --color-orange-primary: #fe3f06;
    --color-font-black: #222222;
    --color-font-primary: #434343;
    --color-font-primaryvariant: #7f7f7f;
    --color-point-primary: #4a99c1;
    --color-point-primaryvariant: #4e7d95;
    --color-gray-dim: #cfcfcf;
    --color-gray-1: #ececec;
    --color-gray-2: #e3e3e3;
    --color-gray-3: #f0f0f0;
    --color-gray-4: #f7f7f7;
    --color-gray-5: #b2b2b2;
    --color-disable-btn: #f1f1f1;
    --color-disable-btn-text: #bbbbbb;
    --color-alert-bg: rgba(0, 0, 0, 0.3);
    --color-selected-left-menu-item: #56C1FF33;
}
body {
    overflow: hidden;
    margin: 0px;
    font-family: 'Spoqa Han Sans Neo';
}

.silver_main {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
}

.silver_header {
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    height: var(--silver_header-height);
    min-height: var(--silver_header-height);
    max-height: var(--silver_header-height);

    position: relative;
    display: flex;
    flex-direction: row;

    align-items: center;
}

.silver_header[onlymobile] {
    justify-content: center;
}

#silver_logo {
    height: 100%;
    min-height: 100%;
    max-height: 100%;

    margin-left: 20px;
}

.silver_header[onlymobile] #silver_logo {
    margin-left: 0px;
}

.silver_city_logo_wrap_area .silver_city_logo_area {
    width: 76px;
    min-width: 76px;
    max-width: 76px;

    height: 76px;
    min-height: 76px;
    max-height: 76px;

    margin-right: 20px;
}

.silver_city_logo_wrap_area {
    margin-left: auto;

    position: relative;
    
    display: flex;
    align-items: center;
    justify-content: center;
}

.silver_city_logo_wrap_area .silver_city_logo_area {
    background-color: #ececec;
    border-radius: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: clip;
}

.silver_city_logo_area img {
    width: 60%;
    object-fit: cover;
}

.silver_name {
    margin-right: 20px;

    font-size: 20px;
    font-weight: bold;
    color: #4a99c1;
}

.silver_body {
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    height: calc(100% - var(--silver_header-height));
    min-height: calc(100% - var(--silver_header-height));
    max-height: calc(100% - var(--silver_header-height));

    display: flex;
    flex-direction: row;
}

.silver_body[column] {
    flex-direction: column;
}

.silver_body[onlymobile] {
    justify-content: center;
}

.silver_menu {
    width: 200px;
    min-width: 200px;
    max-width: 200px;

    height: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow-y: auto;
}

.silver_menu_contents {
    margin: 10px;
}

.silver_menu_content_item {
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    height: 39.5px;
    min-height: 39.5px;
    max-height: 39.5px;

    border-radius: 10px;
    display: flex;
    align-items: center;
}

.silver_menu_content_item[selected], .silver_content_item[selected] {
    background-color: var(--color-selected-left-menu-item);
}

.silver_menu_content_item_icon {
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    min-height: 24px;
    max-height: 24px;
    margin-left: 10px;

    /* background-color: #ececec; */
}

.silver_menu_content_item_icon img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
}

.silver_menu_content_item_title {
    font-size: 12pt;
    margin-left: 10px;
}

.silver_contents {
    width: calc(100% - 40px);

    height: calc(100% - 20px);
    min-height: calc(100% - 20px);
    max-height: calc(100% - 20px);

    margin: 10px;

    overflow-y: auto;
}

.silver_content {
    display: none;
}

.silver_content[selected] {
    display: block;
}

.silver_content_title {
    font-size: 18pt;
}

.silver_content_items {
    display: flex;
    flex-wrap: wrap;
}

.silver_content_item {
    width: 320px;
    min-width: 320px;
    max-width: 320px;

    border-radius: 10px;
}

.silver_content_area {
    margin-top: 20px;
}

.silver_content_area:first-child {
    margin-top: 0px;
}

.silver_content_area_live .silver_content_item {
    height: 270px;
    min-height: 270px;
    max-height: 270px;
}

.silver_content_area_other .silver_content_item {
    height: 285px;
    min-height: 285px;
    max-height: 285px;
}

.silver_content_item_thumnail_area {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    aspect-ratio: 1.5;

    background-color: black;
    border-radius: 20px;

    position: relative;
    left: 10px;
    top: 10px;

    overflow: clip;
}

.silver_content_item_thumnail_area img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;

    position: relative;
}

.silver_content_item_contents_area {
    position: relative;
    left: 10px;
    top: 20px;

    width: 300px;
    min-width: 300px;
    max-width: 300px;
}

.silver_content_item_contents_title, .silver_content_item_contents_teacher {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
}

.silver_content_item_contents_title {
    font-size: 12pt;
}

.silver_content_item_contents_teacher, .silver_content_item_contents_datetime {
    font-size: 10pt;
    color: #5E5E5E;
}

.silver_pointer {
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    cursor: pointer;
}

img {
    vertical-align: middle;
    -webkit-user-drag: none;
}
* {
    -webkit-tap-highlight-color: transparent;
}

.silver_numbers_descript {
    text-align: center;
}

.silver_numbers {
    display: flex;
    flex-direction: row;

    justify-content: center;

    padding: 15px;
}

.silver_numbers .silver_numbers_item {
    width: 25pt;
    height: 25pt;

    font-size: 16pt;

    background-color: var(--color-gray-1);

    margin-left: 15px;

    display: flex;
    justify-content: center;
    align-items: center;
}

.silver_numbers .silver_numbers_item:first-child {
    margin-left: 0px;
}

.silver_numbers_error {
    padding: 15px;

    text-align: center;
    color: red;
}

._silver_numbers_[disabled] {
    display: none;
}

.silver_player_area {
    position: absolute;
    display: none;
    right: 0;
    bottom: 0;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.silver_player_area[show] {
    display: block;
    width: 100%;
    height: 100%;
}

.silver_player_area[mini] {
    display: block;
    width: 20%;
    height: 20%;
}

.silver_player_area_showing_animation {
    -moz-animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;

    -moz-animation-name: silver_player_area_showing_animation;
    -webkit-animation-name: silver_player_area_showing_animation;
    animation-name: silver_player_area_showing_animation;
}

@-moz-keyframes silver_player_area_showing_animation {
    from {
        width: 0%;
        height: 0%;
    }

    to {
        width: 100%;
        height: 100%;
    }
}

@-webkit-keyframes silver_player_area_showing_animation {
    from {
        width: 0%;
        height: 0%;
    }

    to {
        width: 100%;
        height: 100%;
    }
}

@keyframes silver_player_area_showing_animation {
    from {
        width: 0%;
        height: 0%;
    }

    to {
        width: 100%;
        height: 100%;
    }
}

.silver_player_area_hidding_animation {
    -moz-animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;

    -moz-animation-name: silver_player_area_hidding_animation;
    -webkit-animation-name: silver_player_area_hidding_animation;
    animation-name: silver_player_area_hidding_animation;
}

@-moz-keyframes silver_player_area_hidding_animation {
    from {
        width: 100%;
        height: 100%;
    }

    to {
        width: 0%;
        height: 0%;
    }
}

@-webkit-keyframes silver_player_area_hidding_animation {
    from {
        width: 100%;
        height: 100%;
    }

    to {
        width: 0%;
        height: 0%;
    }
}

@keyframes silver_player_area_hidding_animation {
    from {
        width: 100%;
        height: 100%;
    }

    to {
        width: 0%;
        height: 0%;
    }
}

.silver_player_area_hidding_animation_from_minimalize {
    -moz-animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;

    -moz-animation-name: silver_player_area_hidding_animation_from_minimalize;
    -webkit-animation-name: silver_player_area_hidding_animation_from_minimalize;
    animation-name: silver_player_area_hidding_animation_from_minimalize;
}

@-moz-keyframes silver_player_area_hidding_animation_from_minimalize {
    from {
        width: 20%;
        height: 20%;
    }

    to {
        width: 0%;
        height: 0%;
    }
}

@-webkit-keyframes silver_player_area_hidding_animation_from_minimalize {
    from {
        width: 20%;
        height: 20%;
    }

    to {
        width: 0%;
        height: 0%;
    }
}

@keyframes silver_player_area_hidding_animation_from_minimalize {
    from {
        width: 20%;
        height: 20%;
    }

    to {
        width: 0%;
        height: 0%;
    }
}

.silver_player_area_minimalize_animation {
    -moz-animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;

    -moz-animation-name: silver_player_area_minimalize_animation;
    -webkit-animation-name: silver_player_area_minimalize_animation;
    animation-name: silver_player_area_minimalize_animation;
}

@-moz-keyframes silver_player_area_minimalize_animation {
    from {
        width: 100%;
        height: 100%;
    }

    to {
        width: 20%;
        height: 20%;
    }
}

@-webkit-keyframes silver_player_area_minimalize_animation {
    from {
        width: 100%;
        height: 100%;
    }

    to {
        width: 20%;
        height: 20%;
    }
}

@keyframes silver_player_area_minimalize_animation {
    from {
        width: 100%;
        height: 100%;
    }

    to {
        width: 20%;
        height: 20%;
    }
}

.silver_player_area_maximalize_animation {
    -moz-animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;

    -moz-animation-name: silver_player_area_maximalize_animation;
    -webkit-animation-name: silver_player_area_maximalize_animation;
    animation-name: silver_player_area_maximalize_animation;
}

@-moz-keyframes silver_player_area_maximalize_animation {
    from {
        width: 20%;
        height: 20%;
    }

    to {
        width: 100%;
        height: 100%;
    }
}

@-webkit-keyframes silver_player_area_maximalize_animation {
    from {
        width: 20%;
        height: 20%;
    }

    to {
        width: 100%;
        height: 100%;
    }
}

@keyframes silver_player_area_maximalize_animation {
    from {
        width: 20%;
        height: 20%;
    }

    to {
        width: 100%;
        height: 100%;
    }
}

.silver_player {
    width: 100%;
    height: 100%;
    position: relative;
}

.silver_player_toolbox {
    display: flex;
    position: absolute;
    width: 100%;
    height: 25px;
    top: 0px;
    left: 0px;
}

.silver_player_toolbox_item {
    margin: 2px;
}

.silver_player_toolbox_item[hidden] {
    display: none;
}

.silver_player_lock {
    display: block;
    position: absolute;
    top: 25px;
    left: 0px;
    width: 100%;
    height: calc(100% - 25px);
}

.silver_player_lock[hidden] {
    display: none;
}

.silver_alert_area, .silver_logout_backscreen {
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    left: 0px;
    top: 0px;
}

.silver_logout_backscreen {
    background-color: white;
}

.silver_alert_area[show], .silver_logout_backscreen[show] {
    display: flex;
}

.silver_city_logo_sub_menu {
    position: absolute;
    right: 10px;
    top: 80px;
    padding: 10px 0px 10px 0px;
    width: 150px;
    border-radius: 10px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
}

.silver_city_logo_sub_menu .silver_city_logo_sub_menu_item {
    padding: 5px 0px 5px 0px;
    display: flex;
    flex-direction: row;
    align-items: center;

    background-color: transparent;
}

.silver_city_logo_sub_menu .silver_city_logo_sub_menu_item[focused] {
    background-color: var(--color-selected-left-menu-item);
}

.silver_city_logo_sub_menu .silver_city_logo_sub_menu_item * {
    height: 32px;
    min-height: 32px;
    max-height: 32px;

    display: flex;
    flex-direction: row;
    align-items: center;
}

.silver_player_body {
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    height: 100%;
    min-height: 100%;
    max-height: 100%;
}

.silverVideoArea, .silverVideoFrame, .silverDualVideoArea, .silverVideoBox, .silverVBox {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
}

.silverVideoBox {
    display: flex;
}

.silverVBox {
    flex: 1;
}

.silverVBox video {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    aspect-ratio: 1.78;
    object-fit: cover;
}

.silver_video_main .silver_mixing_video_layer,
.silver_video_main .silver_mixing_video_layer .silver_video_layer .silverVideoOptionWrapper,
.silver_video_main .teacher,
.silver_videos .silver_video_layer {
    position: relative;
}

.silver_mixing_video_layer .silver_video_layer,
.silver_video_main .silver_mixing_video_layer .silver_video_layer .silverVideoOptionWrapper .silverOptionSet,
.silver_video_main .teacher .silverOptionSet,
.silver_videos .silver_video_layer .silverOptionSet {
    position: absolute;
}

.silver_video_layer {
    left: 0 !important;
    width: 100% !important;
}

.silver_video_main .teacher .silverOptionSetVod {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.silverOptionSetVod .silverOptionSetVodLine, .silverOptionSetVod .silverOptionSetVodLine .silverOptionSetVodWRap {
    display: flex;
    flex-direction: row;
    align-items: end;
}

.silverOptionSetVod .silverOptionSetVodLine .silverOptionSetVodWRap {
    flex: 1;
}

.silverVBox .silver_video_layer span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.silverVideoOptionWrapper {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
}

.silverOptionSet {
    z-index: 5;
    bottom: 0;
    right: 0;

    font-size: 12px;
    text-align: right;
}

.silverOptionSet button {
    padding: 0;
    color: inherit;
    font-family: inherit;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
    font-weight: inherit;
}

.oiBtn {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    font-size: 0;
    line-height: 9;
    background: no-repeat center center/contain;
}

.silverOptionSet .top {
    margin-bottom: 10px;
    text-align: right;
}

.silverOptionSet .nickname {
    display: inline-block;
    background-color: transparent;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    line-height: 30px;
    padding: 0 10px;
    color: #fff;
    font-size: 4.0em;
}

.silverOptionSetVod .silverOptionSetVodLine .oiBtn {
    margin-left: 1.5px;
    margin-right: 1.5px;
}

.silverOptionSetVod .silverOptionSetVodLine .oiBtn:first-child {
    margin-left: 0;
}

.silverOptionSetVod .silverOptionSetVodLine .oiBtn:last-child {
    margin-right: 0;
}

.silverOptionSetVod .silverOptionSetVodLine .timelabel {
    width: fit-content;
    font-size: 12px;
    color: #fff;
    padding: 0 5px 0 5px;
    display: flex;
    flex-direction: row;
}

.silverOptionSet .oiBtn {
    width: 30px;
    height: 30px;
    -webkit-background-size: 60%;
    background-size: 60%;
    background-color: rgba(0, 0, 0, 0.1);
}

.silverOptionSet .oiBtn.play {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='group1' data-name='group1' transform='translate(-830 -702)'%3E%3Crect id='rectangle1' data-name='rectangle1' width='24' height='24' transform='translate(830 702)' fill='none'/%3E%3Cpath id='polygon1' data-name='polygon1' d='M12,0,24,21H0Z' transform='translate(852.5 702) rotate(90)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
}

.silverOptionSet .oiBtn.pause {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='group1' data-name='group1' transform='translate(-891 -712)'%3E%3Crect id='rectangle1' data-name='rectangle1' width='24' height='24' transform='translate(891 712)' fill='none'/%3E%3Cg id='group2' data-name='group2'%3E%3Crect id='rectangle1' data-name='rectangle1' width='8' height='24' transform='translate(891 712)' fill='%23fff'/%3E%3Crect id='rectangle2' data-name='rectangle2' width='8' height='24' transform='translate(907 712)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.silverOptionSet .oiBtn.timerange {
    flex: 1;
}

.silverOptionSet .oiBtn.speaker {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='group1' data-name='group1' transform='translate(-970 -708)'%3E%3Crect id='rectangle1' data-name='rectangle1' width='24' height='24' transform='translate(970 708)' fill='none'/%3E%3Cpath id='ic-sound-on' d='M0,7.29H5.276l7.824-6a.24.24,0,0,1,.386.192V20.843a.24.24,0,0,1-.385.191l-7.824-6H0ZM15.762,1A10.6,10.6,0,0,1,24,11.164a10.6,10.6,0,0,1-8.238,10.165V19.288a8.587,8.587,0,0,0,6.179-8.122,8.587,8.587,0,0,0-6.18-8.123Zm0,4.267a6.383,6.383,0,0,1,4.118,5.9,6.422,6.422,0,0,1-4.118,5.926v-2.28a4.316,4.316,0,0,0,2.059-3.646,4.266,4.266,0,0,0-2.059-3.619Z' transform='translate(970 708.835)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
}

.silverOptionSet .oiBtn.speaker.off {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='group1' data-name='group1' transform='translate(-1011 -708)'%3E%3Crect id='rectangle1' data-name='rectangle1' width='24' height='24' transform='translate(1011 708)' fill='none'/%3E%3Cpath id='ic-sound-off' d='M3.63,2.129,22.8,21.3l-1.6,1.6-2.659-2.657a11.249,11.249,0,0,1-2.779,1.093V19.288a9.115,9.115,0,0,0,1.31-.52l-3.586-3.587v5.663a.24.24,0,0,1-.385.191l-7.824-6H0V7.29H5.276l.181-.139L2.033,3.726l1.6-1.6ZM15.762,1A10.6,10.6,0,0,1,24,11.164a10.171,10.171,0,0,1-2.616,6.8l-1.43-1.428a8.268,8.268,0,0,0,1.987-5.369,8.587,8.587,0,0,0-6.18-8.123V1Zm0,4.267a6.383,6.383,0,0,1,4.118,5.9,6.108,6.108,0,0,1-1.386,3.907L17.03,13.608a4.061,4.061,0,0,0,.791-2.443,4.266,4.266,0,0,0-2.059-3.619V5.266ZM13.438,1.341a.24.24,0,0,1,.049.145v8.58L8.353,4.932,13.1,1.3a.24.24,0,0,1,.336.044Z' transform='translate(1011 708.835)' fill='%23ccc'/%3E%3C/g%3E%3C/svg%3E");
}


.silverOptionSet .oiBtn.camera {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' fill='%23fff' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Ccircle cx='256' cy='277.333' r='106.667'/%3E%3Cpath d='M469.333,106.667h-67.656c-8.552,0-16.583-3.333-22.635-9.375l-39-39c-10.073-10.073-23.469-15.625-37.719-15.625 h-92.646c-14.25,0-27.646,5.552-37.719,15.625l-39,39c-6.052,6.042-14.083,9.375-22.635,9.375H42.667 C19.135,106.667,0,125.802,0,149.333v277.333c0,23.531,19.135,42.667,42.667,42.667h426.667 c23.531,0,42.667-19.135,42.667-42.667V149.333C512,125.802,492.865,106.667,469.333,106.667z M256,405.333 c-70.583,0-128-57.417-128-128s57.417-128,128-128s128,57.417,128,128S326.583,405.333,256,405.333z M426.667,213.333 c-11.76,0-21.333-9.573-21.333-21.333s9.573-21.333,21.333-21.333S448,180.24,448,192S438.427,213.333,426.667,213.333z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.silverOptionSet .oiBtn.camera.off {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' fill='%23ccc' viewBox='0 0 511.997 511.997' style='enable-background:new 0 0 511.997 511.997;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M212.28,151.957c2.844,2.854,7.021,3.854,10.844,2.604c10.667-3.479,21.729-5.229,32.875-5.229 c58.813,0,106.667,47.854,106.667,106.667c0,11.104-1.76,22.167-5.219,32.875c-1.24,3.813-0.229,8,2.604,10.833l107.917,107.917 c2.01,2.021,4.729,3.125,7.542,3.125c0.448,0,0.896-0.021,1.354-0.083c3.271-0.417,6.167-2.333,7.844-5.167 c3.896-6.646,5.958-14.063,5.958-21.5V149.332c0-23.521-19.135-42.667-42.667-42.667h-50.75c-5.615,0-11.115-2.271-15.083-6.25 l-45.25-45.25c-7.938-7.938-18.938-12.5-30.167-12.5h-101.5c-11.229,0-22.229,4.563-30.167,12.5l-22.25,22.25 c-4.167,4.167-4.167,10.917,0,15.083L212.28,151.957z M426.665,149.332c11.76,0,21.333,9.563,21.333,21.333 c0,11.771-9.573,21.333-21.333,21.333s-21.333-9.563-21.333-21.333C405.332,158.894,414.905,149.332,426.665,149.332z'/%3E%3Cpath d='M508.873,478.706L33.291,3.124c-4.166-4.166-10.919-4.166-15.085,0L3.124,18.206c-4.166,4.166-4.166,10.919,0,15.085 l73.374,73.374h-12.5c-23.564,0-42.667,19.102-42.667,42.667v234.667c0,23.564,19.103,42.667,42.667,42.667h332.5l82.208,82.208 c4.166,4.166,10.919,4.166,15.085,0l15.082-15.082C513.038,489.625,513.038,482.872,508.873,478.706z M255.998,362.665 c-58.813,0-106.667-47.854-106.667-106.667c0-21.182,6.367-41.465,17.786-58.714l15.78,15.78 c-7.674,12.892-12.233,27.452-12.233,42.934c0,47.063,38.281,85.333,85.333,85.333c15.488,0,30.047-4.559,42.935-12.232 l15.777,15.777C297.457,356.301,277.178,362.665,255.998,362.665z'/%3E%3Cpath d='M256.957,170.748c-3.75,0.208-8.271,2.521-9.958,6.521c-1.677,4-0.771,8.625,2.292,11.688l73.75,73.75 c2.042,2.042,4.771,3.125,7.542,3.125c1.396,0,2.802-0.271,4.135-0.833c4-1.688,6.583-5.625,6.531-9.958 C340.717,208.311,303.696,171.269,256.957,170.748z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.silverOptionSet .oiBtn.mic {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c0 2.209-1.791 4-4 4s-4-1.791-4-4v-7c0-2.209 1.791-4 4-4s4 1.791 4 4v7zm4-2v2c0 4.418-3.582 8-8 8s-8-3.582-8-8v-2h2v2c0 3.309 2.691 6 6 6s6-2.691 6-6v-2h2zm-7 13v-2h-2v2h-4v2h10v-2h-4z'/%3E%3C/svg%3E");
}

.silverOptionSet .oiBtn.mic.off {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' fill='%23ccc' width='565.512px' height='565.512px' viewBox='0 0 565.512 565.512' style='enable-background:new 0 0 565.512 565.512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M86.999,239.255v43.507c0,37.986,9.639,72.216,28.874,102.707l31.788-31.787c-11.432-21.311-17.161-44.945-17.161-70.914 v-43.507c0-5.881-2.16-10.979-6.457-15.294c-4.309-4.302-9.406-6.45-15.294-6.45c-5.894,0-10.991,2.148-15.294,6.45 C89.146,228.276,86.999,233.374,86.999,239.255z'/%3E%3Cpath d='M391.512,108.758c0-29.908-10.655-55.508-31.946-76.812C338.262,10.648,312.661,0,282.753,0s-55.515,10.648-76.806,31.94 C184.649,53.25,174,78.844,174,108.752v174.01c0,13.537,2.295,26.138,6.659,37.914L391.505,109.83v-1.071H391.512z'/%3E%3Cpath d='M359.565,359.574c21.291-21.291,31.946-46.904,31.946-76.812v-43.103L245.923,385.242 c11.469,4.1,23.709,6.266,36.83,6.266C312.661,391.514,338.262,380.879,359.565,359.574z'/%3E%3Cpath d='M456.763,217.511c-5.894,0-10.991,2.148-15.294,6.451c-4.309,4.314-6.456,9.412-6.456,15.293v43.507 c0,41.921-14.902,77.779-44.688,107.572c-29.798,29.791-65.655,44.682-107.571,44.682c-25.576,0-48.88-5.576-69.939-16.664 l-31.861,31.859c23.85,14.67,50.521,23.68,80.05,26.941v44.871H174c-5.894,0-10.992,2.137-15.294,6.451 c-4.309,4.303-6.457,9.4-6.457,15.293c0,5.881,2.148,10.98,6.457,15.295c4.302,4.301,9.4,6.449,15.294,6.449h217.511 c5.887,0,10.985-2.148,15.294-6.449c4.302-4.314,6.456-9.414,6.456-15.295c0-5.893-2.154-10.99-6.456-15.293 c-4.309-4.314-9.407-6.451-15.294-6.451h-87.009v-44.871c49.162-5.43,90.454-26.672,123.882-63.723 c33.415-37.037,50.129-80.594,50.129-130.673v-43.507c0-5.881-2.154-10.979-6.457-15.294 C467.748,219.659,462.65,217.511,456.763,217.511z'/%3E%3Cpath d='M478.379,44.603l-86.867,86.867l-204.01,204.005l-31.659,31.658l-31.15,31.15l-80.833,80.84 c-11.953,11.945-11.953,31.322,0,43.268c5.967,5.979,13.807,8.967,21.634,8.967c7.827,0,15.667-2.988,21.634-8.967l80.895-80.895 l31.236-31.236l31.689-31.689l160.564-160.558L521.653,87.871c11.952-11.946,11.952-31.322,0-43.268 C509.707,32.65,490.319,32.65,478.379,44.603z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.silverOptionSet .oiBtn.reverse {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='414.161px' height='414.162px' fill='%23fff' viewBox='0 0 414.161 414.162' style='enable-background:new 0 0 414.161 414.162;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M198.708,28.013c-133.206,0-175.424,126.655-175.424,126.655s152.13-117.915,256.945-37.848l-67.693,38.575l162.323,56.046 l39.302-163.05l-68.419,33.488C345.751,81.879,304.986,28.013,198.708,28.013z'/%3E%3Cpath d='M133.932,297.341l67.693-38.575L39.302,202.72L0,365.77l68.419-33.487c0,0,40.765,53.865,147.033,53.865 c133.206,0,175.425-126.655,175.425-126.655S238.747,377.408,133.932,297.341z'/%3E%3C/g%3E%3C/svg%3E");
}

.silverOptionSet .oiBtn.reverse.off {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='414.161px' height='414.162px' fill='%23ed2903' viewBox='0 0 414.161 414.162' style='enable-background:new 0 0 414.161 414.162;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M198.708,28.013c-133.206,0-175.424,126.655-175.424,126.655s152.13-117.915,256.945-37.848l-67.693,38.575l162.323,56.046 l39.302-163.05l-68.419,33.488C345.751,81.879,304.986,28.013,198.708,28.013z'/%3E%3Cpath d='M133.932,297.341l67.693-38.575L39.302,202.72L0,365.77l68.419-33.487c0,0,40.765,53.865,147.033,53.865 c133.206,0,175.425-126.655,175.425-126.655S238.747,377.408,133.932,297.341z'/%3E%3C/g%3E%3C/svg%3E");
}

.silverOptionSet .oiBtn.fullScreen {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M24 9h-4v-5h-5v-4h9v9zm-9 15v-4h5v-5h4v9h-9zm-15-9h4v5h5v4h-9v-9zm9-15v4h-5v5h-4v-9h9z'/%3E%3C/svg%3E");
}

.silverClassHeader[full] {
    display: none;
}

.full .silver_video_main {
    /**/
}

.full .silver_videos {
    position: absolute;
    width: 300px;
    height: 200px;
    top: 0px;
    right: 0px;
}

.full-user .silver_video_main {
    position: absolute;
    z-index: 1;
    width: 300px;
    height: 200px;
    top: 0px;
    right: 0px;
}

.full-user .silver_videos {
    /**/
}

.full-user .silver_video_main .silverOptionSet .oiBtn.fullScreen {
    display: none;
}

.full .silver_videos .silverOptionSet .oiBtn.fullScreen {
    display: none;
}

.silverVideoFrame .silverDualVideoArea .silverVBox video.reverse {
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.bg_et_login {
    border-radius: 6px;
    /* background-color: var(--color-0-white); */
    background-color: #E8F0FE;
    border: solid 1px var(--color-gray-2);
}

.bg_et_login:placeholder-shown {
    background-color: white;
}

.bg_alert_radius_center {
    border-radius: 16px;
    background-color: var(--color-0-white);
}

.root_alert_content_items {
    flex-direction: column;

    position: relative;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
}

.root_alert_content_items .alert_background {
    flex: 1;
}

.root_alert_content_items .alert_content {
    height: fit-content;
    min-height: fit-content;
    max-height: fit-content;
}

.alert_content .alert_title {
    display: flex;
    flex-direction: row;
}

.alert_default {
    align-items: center;
    justify-content: center;
}

.alert_default_content {
    width: 320px;
    min-width: 320px;
    max-width: 320px;

    display: flex;
    flex-direction: column;
}

custom-alert-qr .alert_default_content {
    width: 480px;
    min-width: 480px;
    max-width: 480px;
}

.alert_default .alert_default_msg, .alert_default .alert_left_msg {
    height: fit-content;
    min-height: fit-content;
    max-height: fit-content;

    margin-top: 25px;

    font-size: 18px;
    font-weight: bold;
    color: var(--color-font-black);
}

.alert_default .alert_default_msg {
    text-align: center;
}

.alert_default .alert_left_msg {
    text-align: left;
    
    margin-left: 20px;
}

.alert_default .btnsBox {
    height: 48px;
    min-height: 48px;
    max-height: 48px;

    margin: 30px 15px 15px 15px;

    display: flex;
    flex-direction: row;
}

.alert_default .btnsBox[login], .alert_default .btnsBox[qrarea], .alert_default .btnsBox[qrdescript], .alert_default .btnsBox[qr] {
    margin-top: 15px;
}

.alert_default .btnsBox[qrdescript] {
    margin-top: 0px;

    font-size: 10pt;
    height: 38px;
    min-height: 38px;
    max-height: 38px;

    margin-bottom: 0px;
}

.alert_default .btnsBox[qrarea] {
    height: 90px;
    min-height: 90px;
    max-height: 90px;
}

.alert_default .btnsBox[disabled] {
    display: none;
}

.alert_default .alert_button {
    flex: 1;
    margin-top: 0px;
    margin-bottom: 0px;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    cursor: pointer;

    border-radius: 6px;
    background-color: var(--color-disable-btn);
}

.alert_default .alert_button[selected] {
    background-color: var(--color-orange-primary);
}

.alert_default .alert_button[login] {
    background-color: black;
}

.alert_default .alert_button[qrlogin] {
    margin-top: -15px;
    margin-left: 15px;
    margin-right: 15px;
    background-color: transparent;
    align-items: end;

    font-size: 10pt;
    color: var(--color-point-primary);
}

.alert_default .alert_button span {
    width: fit-content;
    min-width: fit-content;
    max-width: fit-content;
    height: fit-content;
    min-height: fit-content;
    max-height: fit-content;

    font-size: 15px;
    font-weight: normal;
    color: var(--color-font-primary);
}

.alert_default .alert_button[selected] span, .alert_default .alert_button[login] span {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-0-white);
}

#alert_login_id, #alert_login_pw {
    height: 46px;
    min-height: 46px;
    max-height: 46px;

    margin-top: 15px;
    margin-right: 15px;
    margin-left: 15px;

    padding-right: 16px;
    padding-left: 16px;

    font-size: 16px;
    color: var(--color-font-primary);
}

.alert_qr_img_area, .alert_qr_img_area img {
    width: 90px;
    min-width: 90px;
    max-width: 90px;

    height: 90px;
    min-height: 90px;
    max-height: 90px;
}

#alert_qr_number {
    background-color: var(--color-gray-1);
    font-size: 12pt;
    font-weight: bold;
    padding: 2px;
    border-radius: 2px;
}

.alert_qr_refresh {
    display: flex;
    align-items: center;
    color: #051D37;
}

.alert_qr_time {
    flex: 1;
    padding: 15px;
}

#alert_qr_time_area {
    color: var(--color-point-primary);
    font-weight: bold;
    font-size: 13pt;
}

custom-alert-login, custom-alert-qr, custom-alert-message, custom-alert-waiting, custom-alert-notification {
    position: absolute !important;
    display: flex;
    background-color: var(--color-alert-bg);
}