@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}[v-cloak]{display:none}:root{--color-main: #f9b248;--color-accent: #ff6e61;--color-main-pale: #ffcc8a;--color-link: #2bbcca;--color-link-pale: #d5fafe;--color-gray: #afafaf;--color-gray-pale: #dddddd;--color-error: #c22020;--color-white: #ffffff;--color-black: #333333;--color-active: #a3deaf;--color-active-pale: #ddf7e2;--box-shadow-thin: 4px 4px 4px -4px #b8b8b8;--box-shadow-thick: 6px 6px 6px -6px #b8b8b8;--width-short-sidemenu: 0px;--width-sidemenu-sp: 100px;--width-sidemenu: 250px;--comment-icon-width: 40px;--comment-icon-margin-right: 6px}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;min-height:100vh}#app{flex:1 0 auto}footer{flex-shrink:0}a,a:link,a:visited{text-decoration:none}a:visited{color:initial}a.btn{padding:4px 16px;border-radius:4px}ul,ol{list-style:none}input,textarea,button,select{outline:none;border:none;border-radius:4px;padding:4px 16px}input[type=text],input[type=email],input[type=password],input[type=date],textarea,select{border:1px solid var(--color-gray)}input,button,select{height:48px}button{box-shadow:var(--box-shadow-thin)}button:hover{cursor:pointer;box-shadow:var(--box-shadow-thick)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{border:2px solid var(--color-gray)}a,button{transition:all .3s}.is-invalid-border{border:1px solid var(--color-error)}.is-invalid-text{color:var(--color-error)}.border-main{border:1px solid var(--color-main)}.bg-main{background-color:var(--color-main)}.bg-white{background-color:var(--color-white)}a.color-main,.color-main{color:var(--color-main)}.color-white{color:var(--color-white)}.w-full{width:100%}.flex{display:flex}.align-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}a.link-color{color:var(--color-link)}a.link-border{text-decoration:underline}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding:0}.pagination>li{width:48px;height:48px;text-align:center;line-height:48px;border:1px solid var(--color-main);color:var(--color-main);border-radius:50%}.pagination>li.active{background-color:var(--color-main)}.pagination>li>a,.pagination>li>span{display:inline-block;width:100%;height:100%}.pagination>li>a{color:var(--color-main)}.pagination>li>span{color:var(--color-white)}.pagination>li>span.dots{color:var(--color-main)}.pagination>li.disabled{border:1px solid var(--color-gray)}.pagination>li.disabled>span{color:var(--color-gray)}.sidemenu-wrapper{position:fixed;top:0;left:calc(var(--width-short-sidemenu));z-index:100}@media screen and (max-width: 576px){.sidemenu-wrapper{display:none}}#sidemenu{position:fixed;top:0;left:0;width:var(--width-short-sidemenu);height:100%;background-color:var(--color-main-pale);transition:all .3s}#sidemenu .menu{display:none}#cp_toggle04{position:absolute;display:none;opacity:0}#cp_toggle04:checked~#sidemenu{width:var(--width-sidemenu);transition:all .3s}#cp_toggle04:checked~#sidemenu .menu{display:flex;padding-left:40px;transition:all .3s}#cp_toggle04~label{display:block;cursor:pointer;-webkit-transition:.3s transform;transition:.3s transform;text-align:center;background-color:var(--color-main-pale);border-radius:0 4px 4px 0}#cp_toggle04:checked~label{-webkit-transform:translateX(calc(var(--width-sidemenu) - var(--width-short-sidemenu)));transform:translate(calc(var(--width-sidemenu) - var(--width-short-sidemenu)))}#cp_toggle04~label>.close{display:none}#cp_toggle04~label>.open{display:block}#cp_toggle04:checked~label>.close{display:block}#cp_toggle04:checked~label>.open{display:none}#sidemenu .menu{flex-direction:column;transition:all .3s}#sidemenu .menu.depth-1{padding-left:15px}#sidemenu .menu.depth-2{padding-left:10px}#sidemenu .menu.depth-2{height:0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}#sidemenu .menu.depth-1>li.has-menu:hover>.menu.depth-2{height:auto;opacity:1;visibility:visible}#sidemenu .menu li{padding:12px 16px}#sidemenu .menu.depth-2 li:first-child{padding-top:24px}#sidemenu .menu.depth-2 li:last-child{padding-bottom:0}#sidemenu .menu li>a{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700}#sidemenu.full .text{display:block}#sidemenu.short .text{display:none}#page.sidemenu-close{width:calc(100% - var(--width-short-sidemenu));margin-left:var(--width-short-sidemenu)}#page.sidemenu-open{width:calc(100% - var(--width-sidemenu));margin-left:var(--width-sidemenu)}header{box-shadow:0 2px 4px #0003}#mymenu{display:flex;width:max-content;margin-left:auto;padding:20px 40px}@media screen and (max-width: 768px){#mymenu{padding:16px 20px}}@media screen and (max-width: 576px){#mymenu{padding:12px 16px}}#mymenu .mymenu-items{display:flex;gap:20px;margin:0;padding:0}@media screen and (max-width: 768px){#mymenu .mymenu-items{gap:16px}}#mymenu .mymenu-items .mymenu-item{width:40px;height:40px;background-color:var(--color-main-pale);border-radius:50%}#mymenu .mymenu-items .mymenu-item .mymenu-item-link{display:inline-block}#mymenu .mymenu-items .mymenu-item .mymenu-item-link .icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}#mymenu .mymenu-items .mymenu-item .mymenu-item-link .icon>img{width:100%;height:100%;object-fit:cover;border-radius:50%}#mymenu .mymenu-items .mymenu-item .mymenu-item-link.notification{position:relative}#mymenu .mymenu-items .mymenu-item .mymenu-item-link.notification .text{position:absolute;top:-8px;left:-8px;font-size:12px;padding:2px 4px;min-width:22px;background-color:var(--color-error);color:var(--color-white);border-radius:50%;text-align:center}#mymenu .mymenu-items .mymenu-item .mymenu-item-link.notification .text.hidden{display:none}.auth-container{width:60%;max-width:680px;margin:100px auto}@media screen and (max-width: 768px){.auth-container{width:80%;max-width:initial}}@media screen and (max-width: 576px){.auth-container{width:90%}}.card-header{text-align:center;margin-bottom:40px;font-size:24px;font-weight:700}@media screen and (max-width: 768px){.auth-container .item{display:flex;flex-direction:column}}.auth-container .item:not(:last-child){margin-bottom:20px}.auth-container .item label{display:inline-block;width:140px;margin-right:20px;font-weight:900}@media screen and (max-width: 768px){.auth-container .item label{width:100%;margin-right:0;margin-bottom:10px}}.auth-container .item .input_container{width:calc(100% - 160px);flex-direction:column}@media screen and (max-width: 768px){.auth-container .item .input_container{width:100%}}.auth-container .item .input_container input{width:100%}.auth-container .item .input_container .invalid-feedback{margin-top:5px;font-size:14px;font-weight:300}.auth-container .form-check{gap:10px}.auth-container .form-check input:hover,.auth-container .form-check label:hover{cursor:pointer}.auth-container .form-check,.auth-container .post-btn-wrapper{width:calc(100% - 160px);margin-left:160px;margin-bottom:20px}@media screen and (max-width: 768px){.auth-container .form-check,.auth-container .post-btn-wrapper{width:100%;margin-left:0}}.auth-container .pw-reminder-link-wrapper{width:calc(100% - 160px);margin-left:160px}.auth-container .alert-success{margin-bottom:20px;text-align:center}.auth-container .alert-success>span{display:inline-block;padding:6px 20px;background-color:var(--color-active);color:var(--color-white);border-radius:4px}.auth-container .icom-image-form-wrapper{margin-bottom:20px;text-align:center}.auth-container .icom-image-form-wrapper input[type=file]{display:none}.auth-container .icom-image-form-wrapper .icon-image-wrapper{display:inline-block;width:120px;height:120px;border-radius:50%;position:relative;overflow:hidden}.auth-container .icom-image-form-wrapper .icon-image-wrapper:hover{cursor:pointer;opacity:.8}.auth-container .icom-image-form-wrapper .icon-image-wrapper>.current-icon,.auth-container .icom-image-form-wrapper .icon-image-wrapper>.has-preview{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.auth-container .icom-image-form-wrapper .icon-image-wrapper>.icon{display:block;width:100%;height:100%}.auth-container .icom-image-form-wrapper .icon-image-wrapper.has-preview .current-icon,.auth-container .icom-image-form-wrapper .icon-image-wrapper.has-preview .icon{display:none}.auth-container .icom-image-form-wrapper .icon-image-wrapper.has-preview #icon_image_preview{display:block}.auth-container .icom-image-form-wrapper .hidden{display:none}.mng-container{width:80%;max-width:1080px;margin:50px auto 100px}@media screen and (max-width: 768px){.mng-container{width:90%;margin:30px auto 100px}}@media screen and (max-width: 576px){.mng-container{margin:20px auto 100px}}.mng-container.category-add .items.row,.mng-container.video-add .items.row{margin-left:-10px;margin-right:-10px}.mng-container.category-add .items.row .item.col-6,.mng-container.video-add .items.row .item.col-6{width:50%;margin-left:10px;margin-right:10px}.mng-container.category-add .item,.mng-container.video-add .item{margin-bottom:20px}.mng-container.category-add .item label,.mng-container.video-add .item label{display:inline-block;font-weight:900}.mng-container.category-add .item .input_container,.mng-container.video-add .item .input_container{flex-direction:column}.mng-container.category-add .item .input_container input,.mng-container.video-add .item .input_container input{width:100%}.mng-container.category-add .item .input_container .invalid-feedback,.mng-container.video-add .item .input_container .invalid-feedback{margin-top:5px;font-size:14px;font-weight:300}.mng-container.category-add .date-input-wrapper,.mng-container.category-add .radio-items-wrapper,.mng-container.video-add .date-input-wrapper,.mng-container.video-add .radio-items-wrapper{gap:20px}.mng-container.category-add .radio-item-wrapper,.mng-container.video-add .radio-item-wrapper{gap:10px}.mng-container.category-add .post-btn-wrapper,.mng-container.video-add .post-btn-wrapper{width:50%;margin:0 auto}.mng-container.category-add .completed-text-wrapper p,.mng-container.video-add .completed-text-wrapper p{font-size:18px;font-weight:700;margin-bottom:20px}.mng-container.category-add .completed-text-wrapper .btns-wrapper,.mng-container.video-add .completed-text-wrapper .btns-wrapper{gap:20px}.mng-container.category-add .select2-selection.select2-selection--single,.mng-container.video-add .select2-selection.select2-selection--single{height:48px}.mng-container.category-add #select2-category-container,.mng-container.video-add #select2-category-container{height:100%;line-height:48px}.mng-container.category-add #select2-tag-container,.mng-container.category-add #select2-position-container,.mng-container.video-add #select2-tag-container,.mng-container.video-add #select2-position-container{display:block;margin:0}.mng-container.category-add .select2-selection__choice__remove,.mng-container.video-add .select2-selection__choice__remove{height:100%}.mng-container.category-add .select2-search__field,.mng-container.video-add .select2-search__field{width:100%!important}.mng-container.tag-add .item{width:50%;margin:0 auto 20px}@media screen and (max-width: 992px){.mng-container.tag-add .item{width:100%}}.mng-container.tag-add .item label{display:inline-block;font-weight:900}.mng-container.tag-add .item .input_container{flex-direction:column}.mng-container.tag-add .item .input_container input{width:100%}.mng-container.tag-add .item .input_container .invalid-feedback{margin-top:5px;font-size:14px;font-weight:300}.mng-container.tag-add .post-btn-wrapper{width:50%;margin:0 auto}@media screen and (max-width: 992px){.mng-container.tag-add .post-btn-wrapper{width:100%}}.mng-container.tag-add .completed-text-wrapper p{font-size:18px;font-weight:700;margin-bottom:20px}.mng-container.tag-add .completed-text-wrapper .btns-wrapper{gap:20px}.mng-container.category-index .item-wrapper{border:1px solid var(--color-gray);border-radius:4px}.mng-container.category-index .item-wrapper:not(:last-child){margin-bottom:20px}.mng-container.category-index .item-wrapper .left{width:80%;border-right:1px solid var(--color-gray)}.mng-container.category-index .item-wrapper .right{width:20%}.mng-container.category-index .item-wrapper .title{font-size:18px;font-weight:700;border-bottom:1px solid var(--color-gray);letter-spacing:2px}.mng-container.category-index .item-wrapper .place{width:50%;border-right:1px solid var(--color-gray);text-align:center}.mng-container.category-index .item-wrapper .period{width:50%;gap:10px}.mng-container.category-index .item-wrapper .title,.mng-container.category-index .item-wrapper .place,.mng-container.category-index .item-wrapper .period,.mng-container.category-index .item-wrapper .info,.mng-container.category-index .item-wrapper .control{padding:10px}.mng-container.category-index .item-wrapper .title,.mng-container.category-index .item-wrapper .info{height:56px;line-height:36px}.mng-container.category-index .item-wrapper .info{border-bottom:1px solid var(--color-gray)}.mng-container.category-index .item-wrapper .info .id,.mng-container.category-index .item-wrapper .info .show_flag{width:50%;text-align:center}.mng-container.category-index .item-wrapper .info .show_flag{border-radius:4px;color:var(--color-gray)}.mng-container.category-index .item-wrapper .info .show_flag.active{color:var(--color-active)}.mng-container.category-index .item-wrapper .control{justify-content:space-around}.mng-container.category-index .item-wrapper .control .edit,.mng-container.category-index .item-wrapper .control .delete{text-align:center}.mng-container.category-index .item-wrapper .control .edit>a,.mng-container.category-index .item-wrapper .control .delete>a{display:inline-block;width:100%;font-size:14px;padding:0 8px;border-radius:2px}.mng-container.category-index .item-wrapper .control .edit>a{border:1px solid var(--color-main);color:var(--color-main)}.mng-container.category-index .item-wrapper .control .delete>a{border:1px solid var(--color-error);color:var(--color-error)}.mng-container.video-index #sort_update_complete{position:fixed;top:50%;left:50%;z-index:1;background-color:var(--color-active);padding:10px 20px;color:var(--color-white);border-radius:4px;display:none}.mng-container.video-index .items-wrapper{gap:20px;flex-wrap:wrap}.mng-container.video-index .items-wrapper .item-wrapper{width:calc((100% - 60px)/4);border:1px solid var(--color-gray);border-radius:4px;position:relative;display:flex;flex-direction:column}.mng-container.video-index .items-wrapper .item-wrapper .id,.mng-container.video-index .items-wrapper .item-wrapper .recording_date{position:absolute;top:6px;font-size:14px;color:#fff}.mng-container.video-index .items-wrapper .item-wrapper .id{left:6px}.mng-container.video-index .items-wrapper .item-wrapper .recording_date{right:6px}.mng-container.video-index .items-wrapper .item-wrapper .image-wrapper{padding:6px;background-color:#000}.mng-container.video-index .items-wrapper .item-wrapper .image-wrapper img{width:100%}.mng-container.video-index .items-wrapper .item-wrapper .title{font-size:16px;letter-spacing:2px}.mng-container.video-index .items-wrapper .item-wrapper .title,.mng-container.video-index .items-wrapper .item-wrapper .position,.mng-container.video-index .items-wrapper .item-wrapper .control{padding:6px;border-bottom:1px solid var(--color-gray)}.mng-container.video-index .items-wrapper .item-wrapper .tag{padding:6px}.mng-container.video-index .items-wrapper .item-wrapper .position,.mng-container.video-index .items-wrapper .item-wrapper .tag{font-size:14px}.mng-container.video-index .items-wrapper .item-wrapper .position.no-data,.mng-container.video-index .items-wrapper .item-wrapper .tag.no-data{text-align:center}.mng-container.video-index .items-wrapper .item-wrapper .position.flex,.mng-container.video-index .items-wrapper .item-wrapper .tag.flex{gap:6px;flex-wrap:wrap}.mng-container.video-index .items-wrapper .item-wrapper .position.has-data>span.po-item{padding:2px 4px;border-radius:4px;border:.5px solid var(--color-gray)}.mng-container.video-index .items-wrapper .item-wrapper .control{padding:6px;justify-content:space-around}.mng-container.video-index .items-wrapper .item-wrapper .control .show_flag{border-radius:4px;color:var(--color-gray)}.mng-container.video-index .items-wrapper .item-wrapper .control .show_flag.active{color:var(--color-active)}.mng-container.video-index .items-wrapper .item-wrapper .control .edit,.mng-container.video-index .items-wrapper .item-wrapper .control .delete{text-align:center}.mng-container.video-index .items-wrapper .item-wrapper .control .edit>a,.mng-container.video-index .items-wrapper .item-wrapper .control .delete>a{display:inline-block;width:100%;font-size:14px;padding:0 8px;border-radius:2px}.mng-container.video-index .items-wrapper .item-wrapper .control .edit>a{border:1px solid var(--color-main);color:var(--color-main)}.mng-container.video-index .items-wrapper .item-wrapper .control .delete>a{border:1px solid var(--color-error);color:var(--color-error)}.mng-container.tag-index #sort_update_complete{position:fixed;top:50%;left:50%;z-index:1;background-color:var(--color-active);padding:10px 20px;color:var(--color-white);border-radius:4px;display:none}.mng-container.tag-index .items-wrapper{gap:18px;display:flex;flex-wrap:wrap}.mng-container.tag-index .items-wrapper .item-wrapper{display:flex;align-items:center;border:1px solid var(--color-gray-pale);padding:2px 6px 2px 12px;border-radius:4px;cursor:grab}.mng-container.tag-index .items-wrapper .item-wrapper:active{cursor:grabbing}.mng-container.tag-index .items-wrapper .item-wrapper .id{display:none}.mng-container.tag-index .items-wrapper .item-wrapper .title{display:flex;align-items:center;gap:4px;margin-right:10px}.mng-container.tag-index .items-wrapper .item-wrapper .title .count{font-size:14px}.mng-container.tag-index .items-wrapper .item-wrapper .edit{margin-right:6px;font-size:12px;padding:0 4px;border:1px solid var(--color-active);color:var(--color-active);border-radius:4px}.mng-container.tag-index .items-wrapper .item-wrapper .delete{font-size:12px;padding:0 4px;border:1px solid var(--color-error);color:var(--color-error);border-radius:4px}.mng-container.userpage-index .user-info{width:max-content;margin:0 auto}@media screen and (max-width: 768px){.mng-container.userpage-index .user-info{width:100%}}.mng-container.userpage-index .user-info .icon-wrapper{width:120px;height:120px;margin:0 auto 10px}.mng-container.userpage-index .user-info .icon-wrapper>.icon-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.mng-container.userpage-index .user-info .user-name{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 0 4px}.mng-container.userpage-index .user-info .user-name .name{font-size:16px;font-weight:700}.mng-container.userpage-index .user-info .user-name .name_code{font-size:14px}.mng-container.userpage-index .user-info .follow-info{margin-bottom:40px}.mng-container.userpage-index .user-info .follow-info .follows{width:max-content;margin:0 auto;display:flex;gap:8px;border-bottom:1px solid transparent;color:var(--color-black)}.mng-container.userpage-index .user-info .follow-info .follows:hover{border-bottom:1px solid var(--color-black);cursor:pointer}.mng-container.userpage-index .user-info .follow-info .follows .follow_count,.mng-container.userpage-index .user-info .follow-info .follows .follower_count{display:flex;gap:4px;align-items:end;border-bottom:1px solid transparent}.mng-container.userpage-index .user-info .follow-info .follows .follow_count .count,.mng-container.userpage-index .user-info .follow-info .follows .follower_count .count{font-weight:700}.mng-container.userpage-index .user-info .follow-info .follows .follow_count .unit,.mng-container.userpage-index .user-info .follow-info .follows .follower_count .unit{font-size:14px}.mng-container.userpage-index .user-info .follow-info .follow-status{width:max-content;margin:40px auto 0;display:flex;gap:8px;align-items:center}.mng-container.userpage-index .user-info .follow-info .follow-status>button{font-size:14px;padding:2px 6px;width:120px;height:24px}@media screen and (max-width: 576px){.mng-container.userpage-index .user-info .follow-info .follow-status>button{width:108px}}.mng-container.userpage-index .user-info .follow-info .follow-status .due-options>span:first-child{display:inline-block}.mng-container.userpage-index .user-info .follow-info .follow-status .due-options>span:nth-child(2){display:none}.mng-container.userpage-index .user-info .follow-info .follow-status .due-options:hover>span:first-child{display:none}.mng-container.userpage-index .user-info .follow-info .follow-status .due-options:hover>span:nth-child(2){display:inline-block}.mng-container.userpage-index .user-info .follow-info .follow-status #follow-judge-btn{display:flex;gap:4px;align-items:center}@media screen and (max-width: 576px){.mng-container.userpage-index .user-info .follow-info .follow-status #follow-judge-btn{gap:8px}}.mng-container.userpage-index .user-info .follow-info .follow-status #follow-judge-btn>span{font-size:14px}.mng-container.userpage-index .user-info .follow-info .follow-status #follow-judge-btn>button{font-size:14px;height:24px}@media screen and (max-width: 576px){.mng-container.userpage-index .user-info .follow-info .follow-status #follow-judge-btn>button{padding:2px 6px}}.mng-container.userpage-index .user-info .user-info-table{border:1px solid var(--color-gray);border-radius:4px}.mng-container.userpage-index .user-info .user-info-table>.row{display:flex;align-items:center;height:70px}.mng-container.userpage-index .user-info .user-info-table>.row:not(:last-child){border-bottom:1px solid var(--color-gray)}@media screen and (max-width: 768px){.mng-container.userpage-index .user-info .user-info-table>.row{flex-direction:column;height:auto}}.mng-container.userpage-index .user-info .user-info-table .label,.mng-container.userpage-index .user-info .user-info-table .data{display:flex;align-items:center;padding:10px 20px;margin:0;height:100%}.mng-container.userpage-index .user-info .user-info-table .label{width:140px;border-right:1px solid var(--color-gray)}@media screen and (max-width: 768px){.mng-container.userpage-index .user-info .user-info-table .label{width:100%;border:none;background-color:var(--color-gray-pale)}}.mng-container.userpage-index .user-info .user-info-table .data{flex-direction:column;gap:4px;margin:0 auto;justify-content:center}@media screen and (max-width: 768px){.mng-container.userpage-index .user-info .user-info-table .data{width:100%}}.mng-container.userpage-index .user-info .user-info-table .data>.help-text{font-size:14px;color:var(--color-gray)}.mng-container.userpage-index .user-info .user-info-table .data>a{font-size:14px;color:var(--color-link);text-decoration:underline}@media screen and (max-width: 768px){.mng-container.userpage-index .user-info .user-info-table .data>a{width:100%;word-wrap:break-word}}.mng-container.userpage-index .user-info .user-info-table .data>p{margin:0}.mng-container.userpage-index .controls{margin-top:60px;display:flex;gap:40px;justify-content:center}@media screen and (max-width: 576px){.mng-container.userpage-index .controls{margin-top:40px;flex-direction:column}}.mng-container.userpage-index .controls>a{width:200px;display:flex;flex-direction:column;gap:20px;align-items:center;border:2px solid var(--color-main-pale);padding:20px;border-radius:16px}@media screen and (max-width: 576px){.mng-container.userpage-index .controls>a{width:100%}}.mng-container.userpage-index .controls>a .icon{width:80px;height:80px}.mng-container.userpage-index .controls>a .text{color:var(--color-main);font-size:18px;font-weight:700}.mng-container.userpage-index .controls>a:hover{box-shadow:var(--box-shadow-thick)}.mng-container.userpage-notification .notification-wrapper{width:max-content;margin:0 auto}@media screen and (max-width: 992px){.mng-container.userpage-notification .notification-wrapper{width:100%}}.mng-container.userpage-notification .notification-wrapper .notice-item{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid var(--color-gray-pale);margin:0}@media screen and (max-width: 992px){.mng-container.userpage-notification .notification-wrapper .notice-item{flex-direction:column-reverse;padding:12px}}.mng-container.userpage-notification .notification-wrapper .notice-item.not_read_yet{background-color:var(--color-active-pale)}.mng-container.userpage-notification .notification-wrapper .notice-item a{text-decoration:underline}.mng-container.userpage-notification .notification-wrapper .notice-item .date{margin-left:40px}@media screen and (max-width: 992px){.mng-container.userpage-notification .notification-wrapper .notice-item .date{font-size:14px;margin-left:0;margin-bottom:6px}}.mng-container.userpage-favorite .items-wrapper{gap:20px;flex-wrap:wrap}@media screen and (max-width: 992px){.mng-container.userpage-favorite .items-wrapper{gap:16px}}.mng-container.userpage-favorite .items-wrapper .item-wrapper{width:calc((100% - 40px) / 3);position:relative;display:flex;flex-direction:column;gap:4px}@media screen and (max-width: 992px){.mng-container.userpage-favorite .items-wrapper .item-wrapper{width:calc((100% - 16px)/2)}}@media screen and (max-width: 576px){.mng-container.userpage-favorite .items-wrapper .item-wrapper{width:100%}}.mng-container.userpage-favorite .items-wrapper .item-wrapper .recording_date{position:absolute;top:6px;font-size:14px;color:#fff;right:6px}.mng-container.userpage-favorite .items-wrapper .item-wrapper .edit{position:absolute;top:6px;left:6px;font-size:12px;padding:0 6px;background-color:var(--color-white);color:var(--color-black);border-radius:2px}.mng-container.userpage-favorite .items-wrapper .item-wrapper .image-wrapper{padding:6px;background-color:#000}.mng-container.userpage-favorite .items-wrapper .item-wrapper .image-wrapper img{width:100%}.mng-container.userpage-favorite .items-wrapper .item-wrapper .title{padding:4px;margin:0;font-size:14px;color:var(--color-black)}.mng-container.userpage-favorite .items-wrapper .item-wrapper .memo{font-size:14px;border:1px solid var(--color-gray);border-radius:4px;height:60px;padding:6px;overflow-y:scroll}.mng-container.userpage-favorite .items-wrapper .item-wrapper .memo p{width:100%;padding:4px 6px;margin:0}.mng-container.userpage-favorite .items-wrapper .item-wrapper .memo input{width:100%;height:100%;padding:0 4px}.mng-container.userpage-follow .card-header{width:max-content;display:flex;gap:6px;margin:0 auto 30px;font-size:18px;font-weight:700}.mng-container.userpage-follow .card-header .title{color:var(--color-gray)}.mng-container.userpage-follow .card-header .title:hover{cursor:pointer}.mng-container.userpage-follow .card-header .title.active{color:var(--color-black)}.mng-container.userpage-follow .card-header .title.active:hover{cursor:not-allowed}.mng-container.userpage-follow .follow-wrapper{width:max-content;min-width:400px;margin:0 auto}@media screen and (max-width: 576px){.mng-container.userpage-follow .follow-wrapper{width:100%}}.mng-container.userpage-follow .items-wrapper{display:flex;flex-direction:column}.mng-container.userpage-follow .items-wrapper .item{border-bottom:1px solid var(--color-gray-pale);padding:10px}.mng-container.userpage-follow .items-wrapper .item .meta{display:flex;gap:10px}.mng-container.userpage-follow .items-wrapper .item .meta .image-wrapper{width:48px;height:48px}.mng-container.userpage-follow .items-wrapper .item .meta .image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:50%}.mng-container.userpage-follow .items-wrapper .item .meta .text-wrapper{color:var(--color-black)}.mng-container.userpage-follow .items-wrapper .item .meta .text-wrapper .name-wrapper{display:flex;flex-direction:column}.mng-container.userpage-follow .items-wrapper .item .meta .text-wrapper .name-wrapper .name{font-weight:700}.mng-container.userpage-follow .items-wrapper .item .meta .text-wrapper .name-wrapper .name_code{font-size:14px}.public-container{width:95%;margin:50px auto 100px}@media screen and (max-width: 768px){.public-container{margin:30px auto 100px}}@media screen and (max-width: 576px){.public-container{margin:20px auto 100px}}.public-container.top .contents-wrapper{margin-top:60px}.public-container.top .news{margin-bottom:60px}@media screen and (max-width: 576px){.public-container.top .news{margin-bottom:50px}}.public-container.top .news._system>.news_items-wrapper,.public-container.top .news._comment>.news_items-wrapper{height:250px;overflow-y:scroll}.public-container.top .news._follows{display:flex;gap:30px}@media screen and (max-width: 992px){.public-container.top .news._follows{display:block}}.public-container.top .news._system,.public-container.top .news._video{width:100%}.public-container.top .news._comment,.public-container.top .news._timestamp{width:calc((100% - 30px)/2);margin-bottom:0}@media screen and (max-width: 992px){.public-container.top .news._comment,.public-container.top .news._timestamp{width:100%;margin-bottom:50px}}.public-container.top .news._video .swiper,.public-container.top .news._timestamp .swiper{padding-bottom:40px}.public-container.top .news._video .swiper .swiper-button-prev,.public-container.top .news._video .swiper .swiper-button-next,.public-container.top .news._timestamp .swiper .swiper-button-prev,.public-container.top .news._timestamp .swiper .swiper-button-next{color:var(--color-main);height:36px;background-color:#ffffff80;border-radius:50%;width:36px}.public-container.top .news._video .swiper .swiper-button-prev:after,.public-container.top .news._video .swiper .swiper-button-next:after,.public-container.top .news._timestamp .swiper .swiper-button-prev:after,.public-container.top .news._timestamp .swiper .swiper-button-next:after{font-size:18px}.public-container.top .news._video .swiper .swiper-pagination-bullet-active,.public-container.top .news._timestamp .swiper .swiper-pagination-bullet-active{background-color:var(--color-main)}.public-container.top .news .heading{font-size:18px;font-weight:700;position:relative;color:var(--color-black);text-shadow:0 0 2px white;letter-spacing:2px;margin:0 0 40px 15px}@media screen and (max-width: 576px){.public-container.top .news .heading{margin-bottom:30px}}.public-container.top .news .heading:before{content:"";position:absolute;background:var(--color-main-pale);width:50px;height:50px;border-radius:50%;top:50%;left:-15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:-1}.public-container.top .news .news_items-wrapper{border:1px solid var(--color-gray-pale);padding:20px;border-radius:4px}.public-container.top .news .news_items-wrapper .news_items{display:flex;flex-direction:column;gap:16px}@media screen and (max-width: 768px){.public-container.top .news .news_items-wrapper .news_items{gap:10px}}.public-container.top .news .news_items-wrapper .news_item p{display:flex;align-items:center;margin:0}@media screen and (max-width: 992px){.public-container.top .news .news_items-wrapper .news_item p{flex-direction:column;gap:4px;align-items:initial;padding-bottom:4px;border-bottom:1px solid var(--color-gray-pale)}}.public-container.top .news .news_items-wrapper .news_item p .date{width:100px}@media screen and (max-width: 992px){.public-container.top .news .news_items-wrapper .news_item p .date{font-size:14px}}@media screen and (max-width: 768px){.public-container.top .news .news_items-wrapper .news_item p .date{font-size:10px}}.public-container.top .news .news_items-wrapper .news_item p .datetime{width:160px}.public-container.top .news .news_items-wrapper .news_item p .text a{color:var(--color-link)}.public-container.top .news .news_items-wrapper .news_item p .text._comment{width:calc(100% - 100px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 992px){.public-container.top .news .news_items-wrapper .news_item p .text._comment{width:100%}}.public-container.top .news .news_items-wrapper .news_item p .text._comment a{color:var(--color-black)}.public-container.top .news .news_items-wrapper .news_item p .text._comment a:hover{text-decoration:underline}@media screen and (max-width: 992px){.public-container.top .news .news_items-wrapper .news_item p .text._comment a:hover{text-decoration:none}}.public-container.top .news .new-video-item{position:relative}.public-container.top .news .new-video-item .recording_date{position:absolute;top:4px;right:4px;font-size:12px;color:var(--color-white);width:max-content}.public-container.top .news .new-video-item .category_title{margin-top:10px;font-size:14px}.public-container.top .news .timestamp-item .category_title{display:flex;gap:10px;margin-top:10px;font-size:14px}.public-container.top .news .timestamp-item .category_title .icon{width:24px;height:24px}.public-container.home .page-count-condition-clear{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.public-container.home .page-count-condition-clear .page-count{font-size:14px}.public-container.home .page-count-condition-clear .condition-clear{font-size:14px;padding:4px 12px;border-radius:4px;background-color:var(--color-gray-pale)}.public-container.home .videos-wrapper .videos{display:flex;flex-wrap:wrap;gap:20px}@media screen and (max-width: 992px){.public-container.home .videos-wrapper .videos{gap:14px}}@media screen and (max-width: 576px){.public-container.home .videos-wrapper .videos{gap:10px}}.public-container.home .videos-wrapper .video-wrapper{width:calc((100% - 60px)/4);position:relative}@media screen and (max-width: 992px){.public-container.home .videos-wrapper .video-wrapper{width:calc((100% - 28px) / 3)}}@media screen and (max-width: 576px){.public-container.home .videos-wrapper .video-wrapper{width:100%}}.public-container.home .videos-wrapper .video-wrapper .video-link{display:block;position:relative}.public-container.home .videos-wrapper .video-wrapper .image-wrapper{position:relative}.public-container.home .videos-wrapper .video-wrapper .image-wrapper>img{border-radius:4px;width:100%}.public-container.home .videos-wrapper .video-wrapper .image-wrapper .view_counts{display:block;position:absolute;right:6px;bottom:6px;font-size:14px;color:var(--color-white)}.public-container.home .videos-wrapper .video-wrapper .recording_date{display:block;position:absolute;right:6px;top:6px;font-size:14px;color:var(--color-white);z-index:1}.public-container.home .videos-wrapper .video-wrapper .title{padding:4px;margin:0;font-size:14px;color:var(--color-black)}.public-container.home .videos-wrapper .video-wrapper .edit{position:absolute;top:6px;left:6px;font-size:12px;padding:0 6px;background-color:var(--color-white);color:var(--color-black);border-radius:2px}.public-container.home .videos-wrapper .empty-text{margin:0 auto}.public-container.video .video-contents-wrapper{display:flex;gap:20px}@media screen and (max-width: 992px){.public-container.video .video-contents-wrapper{flex-direction:column-reverse}}.public-container.video .player-and-controls{width:80%}@media screen and (max-width: 992px){.public-container.video .player-and-controls{width:100%}}.public-container.video .timestamps-wrapper{width:calc(20% - 10px)}@media screen and (max-width: 992px){.public-container.video .timestamps-wrapper{width:100%}}.public-container.video .player-wrapper{width:100%;height:0;padding-bottom:56.25%;position:relative;margin-bottom:10px}.public-container.video #player{width:100%;height:100%;position:absolute;top:0;left:0}.public-container.video .date-edit-fav{margin-bottom:10px;display:flex;gap:16px;align-items:center;justify-content:end;position:relative;padding-right:60px}.public-container.video .date-edit-fav .recording-date,.public-container.video .date-edit-fav .view-count{font-size:14px}.public-container.video .date-edit-fav .edit-btn{font-size:12px;padding:2px 8px;background-color:var(--color-gray-pale);border-radius:2px;color:var(--color-black)}@media screen and (max-width: 768px){.public-container.video .date-edit-fav .edit-btn{display:none}}.public-container.video .date-edit-fav .fav-btn{margin-right:auto}.public-container.video .date-edit-fav .fav-btn:hover{cursor:pointer}.public-container.video .date-edit-fav .heart-icon{position:absolute;right:10px}.public-container.video .date-edit-fav .heart-icon:hover{cursor:pointer}.public-container.video .date-edit-fav .heart-icon.heart-btn{z-index:1}.public-container.video .video-tags-container .video-tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px}@media screen and (max-width: 992px){.public-container.video .video-tags-container .video-tags{gap:6px}}.public-container.video .video-tags-container .video-tags .tag-item{font-size:14px;padding:0 6px;color:var(--color-black);border:1px solid var(--color-black);border-radius:4px}@media screen and (max-width: 992px){.public-container.video .video-tags-container .video-tags .tag-item{font-size:10px}}.public-container.video .video-tags-container .video-tags .tag-item.active,.public-container.video .video-tags-container .video-tags .tag-item:hover{background-color:var(--color-main);border:1px solid var(--color-main);color:var(--color-white)}.public-container.video .timestamps-wrapper .new-timestamp-form{display:flex;align-items:center;gap:10px;margin-bottom:20px}.public-container.video .timestamps-wrapper .new-timestamp-form label{font-size:14px;width:max-content}.public-container.video .timestamps-wrapper .new-timestamp-form input{font-size:16px;border:none;border-radius:0;border-bottom:1px solid var(--color-gray);height:auto;width:100%;padding:0 6px 2px;flex:1}.public-container.video .timestamps-wrapper .new-timestamp-form .add-btn{font-size:14px;padding:2px 6px;background-color:var(--color-main-pale);color:var(--color-white);border-radius:4px;width:max-content}.public-container.video .timestamps-wrapper .new-timestamp-form .add-btn:hover{cursor:pointer}.public-container.video .timestamps-wrapper .controls{display:flex;border-radius:4px 4px 0 0;border:1px solid var(--color-gray-pale);border-bottom:none}.public-container.video .timestamps-wrapper .controls .select-followers{border:none;height:32px;width:calc(100% - 32px)}.public-container.video .timestamps-wrapper .controls .edit-btn{height:32px}.public-container.video .timestamps-wrapper .controls .edit-btn:hover{cursor:pointer}.public-container.video .timestamps-wrapper .container{display:flex;flex-direction:column;gap:10px;padding:20px 10px;border:1px solid var(--color-gray-pale);border-radius:0 0 4px 4px;height:500px;overflow-y:scroll}@media screen and (max-width: 992px){.public-container.video .timestamps-wrapper .container{flex-direction:row;height:63px;overflow-y:initial;overflow-x:scroll}}.public-container.video .timestamps-wrapper .container .timestamp-inner{display:flex;align-items:start;gap:10px}@media screen and (max-width: 992px){.public-container.video .timestamps-wrapper .container .timestamp-inner{flex-shrink:0}}.public-container.video .timestamps-wrapper .container .timestamp-inner .timestamp{display:flex;align-items:start;gap:10px}.public-container.video .timestamps-wrapper .container .timestamp-inner .timestamp:hover{cursor:pointer}.public-container.video .timestamps-wrapper .container .timestamp-inner .timestamp .time-label{background-color:var(--color-gray);color:var(--color-white);font-size:12px;padding:0 4px;border-radius:4px}.public-container.video .timestamps-wrapper .container .timestamp-inner .timestamp .time-memo{font-size:14px}.public-container.video .timestamps-wrapper .container .timestamp-inner .time-delete{height:18px}.public-container.video .timestamps-wrapper .container.editing .timestamp{margin-left:-30px}@media screen and (max-width: 992px){.public-container.video .timestamps-wrapper .container.editing .timestamp{margin-left:0}}.public-container.video .comment-section{margin-top:20px}.public-container.video .comment-form{display:flex;gap:20px;align-items:end;margin-bottom:30px}@media screen and (max-width: 992px){.public-container.video .comment-form{flex-direction:column;gap:10px}}.public-container.video .comment-form .comment-input{width:calc(100% - 80px)}@media screen and (max-width: 992px){.public-container.video .comment-form .comment-input{width:100%}}.public-container.video .comment-form .add-comment-btn{font-size:14px;width:60px;height:30px}.public-container.video .comment-form .add-comment-btn .icon{display:flex;height:22px;align-items:center}.public-container.video .comment-list .parent-comment-wrapper{margin-bottom:30px;border-bottom:1px solid var(--color-gray-pale)}.public-container.video .comment-list .comment-meta{display:flex;align-items:center;gap:var(--comment-icon-margin-right)}.public-container.video .comment-list .comment-meta>.icon-wrapper{width:var(--comment-icon-width);height:var(--comment-icon-width);display:flex}.public-container.video .comment-list .comment-meta>.icon-wrapper>.icon{width:100%;object-fit:cover;border-radius:50%}.public-container.video .comment-list .comment-meta>.text-wrapper{display:flex;flex-direction:column}.public-container.video .comment-list .comment-meta>.text-wrapper .commenter-name,.public-container.video .comment-list .comment-meta>.text-wrapper .comment-date{font-size:10px;color:var(--color-black)}.public-container.video .comment-list .comment-text-wrapper{margin-left:calc(var(--comment-icon-width) + var(--comment-icon-margin-right));margin-bottom:10px}.public-container.video .comment-list .comment-text-wrapper .comment-text{margin-top:0;font-size:14px;white-space:pre-wrap}.public-container.video .comment-list .comment-text-wrapper .comment-text .type-timestamp{color:var(--color-link)}.public-container.video .comment-list .comment-text-wrapper .comment-text .type-timestamp:hover{cursor:pointer}.public-container.video .comment-list .comment-text-wrapper .comment-text .type-username{color:var(--color-main);font-weight:900}.public-container.video .comment-list .comment-text-wrapper .comment-text .type-iframe{display:block;width:100%;max-width:500px;position:relative;margin:5px 0}.public-container.video .comment-list .comment-text-wrapper .comment-text .type-iframe .embed-iframe{width:100%;height:100%;border:none}.public-container.video .comment-list .comment-text-wrapper .comment-text .type-iframe .embed-iframe.media-instagram{aspect-ratio:9/13;border:1px solid var(--color-gray-pale)}.public-container.video .comment-list .comment-text-wrapper .comment-text .type-iframe .embed-iframe.media-x{aspect-ratio:16/16}.public-container.video .comment-list .comment-text-wrapper .comment-text .type-iframe .embed-iframe.media-youtube{aspect-ratio:16/9}.public-container.video .comment-list .comment-text-wrapper .comment-text .type-url>a{color:var(--color-link)}.public-container.video .comment-list .comment-edit-textarea-wrapper{margin-left:calc(var(--comment-icon-width) + var(--comment-icon-margin-right));margin-bottom:10px}.public-container.video .comment-list .comment-edit-textarea-wrapper .comment-edit-textarea{width:100%}.public-container.video .comment-list .reaction-btn-group{margin-left:calc(var(--comment-icon-width) + var(--comment-icon-margin-right));display:flex;align-items:center;gap:12px;margin-bottom:10px;position:relative}.public-container.video .comment-list .reaction-btn-group .reaction-items-wrapper{display:flex;gap:10px}.public-container.video .comment-list .reaction-btn-group .reaction-items-wrapper .reaction-item{position:relative}.public-container.video .comment-list .reaction-btn-group .reaction-items-wrapper .reaction-item .reaction-item-wrapper{display:flex;flex-direction:column;align-items:center}.public-container.video .comment-list .reaction-btn-group .reaction-items-wrapper .reaction-item .reaction-item-wrapper .icon{width:28px;height:28px}.public-container.video .comment-list .reaction-btn-group .reaction-items-wrapper .reaction-item .reaction-item-wrapper .icon img{width:100%;height:100%;object-fit:cover}.public-container.video .comment-list .reaction-btn-group .reaction-items-wrapper .reaction-item .reaction-item-wrapper .count{font-size:10px}.public-container.video .comment-list .reaction-btn-group .reaction-items-wrapper .reaction-item .reaction-item-wrapper:hover{cursor:pointer}.public-container.video .comment-list .reaction-btn-group .reaction-items-wrapper .reaction-item .reacted-users-wrapper{position:absolute;z-index:2;left:-20px;display:none;width:max-content;background-color:var(--color-white);flex-direction:column;gap:8px;padding:10px;border-radius:4px;border:1px solid var(--color-gray-pale)}.public-container.video .comment-list .reaction-btn-group .reaction-items-wrapper .reaction-item .reacted-users-wrapper .reacted-user-item{display:flex;align-items:center;gap:10px}.public-container.video .comment-list .reaction-btn-group .reaction-items-wrapper .reaction-item .reacted-users-wrapper .reacted-user-item .image-wrapper,.public-container.video .comment-list .reaction-btn-group .reaction-items-wrapper .reaction-item .reacted-users-wrapper .reacted-user-item .icon{width:36px;height:36px}.public-container.video .comment-list .reaction-btn-group .reaction-items-wrapper .reaction-item .reacted-users-wrapper .reacted-user-item .image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:50%}.public-container.video .comment-list .reaction-btn-group .reaction-items-wrapper .reaction-item .reacted-users-wrapper .reacted-user-item .user-name{font-size:14px}.public-container.video .comment-list .reaction-btn-group .reaction-items-wrapper .reaction-item .reacted-users-wrapper .reacted-user-item .reaction-cancel-btn{font-size:12px;background-color:var(--color-error);padding:2px 6px;border-radius:4px;color:var(--color-white);margin-left:20px}.public-container.video .comment-list .reaction-btn-group .reaction-items-wrapper .reaction-item .reacted-users-wrapper .reacted-user-item .reaction-cancel-btn:hover{cursor:pointer}.public-container.video .comment-list .reaction-btn-group .reaction-items-wrapper .reaction-item:hover .reacted-users-wrapper{display:flex}.public-container.video .comment-list .reaction-btn-group .edit-comment-btn,.public-container.video .comment-list .reaction-btn-group .edit-comment-cancel-btn,.public-container.video .comment-list .reaction-btn-group .update-comment-btn,.public-container.video .comment-list .reaction-btn-group .open-reply-form,.public-container.video .comment-list .reaction-btn-group .toggle-reaction-form{font-size:12px}.public-container.video .comment-list .reaction-btn-group .edit-comment-btn:hover,.public-container.video .comment-list .reaction-btn-group .edit-comment-cancel-btn:hover,.public-container.video .comment-list .reaction-btn-group .update-comment-btn:hover,.public-container.video .comment-list .reaction-btn-group .open-reply-form:hover,.public-container.video .comment-list .reaction-btn-group .toggle-reaction-form:hover{cursor:pointer}.public-container.video .comment-list .child-comment-wrapper{margin-left:calc(var(--comment-icon-width) + var(--comment-icon-margin-right))}.public-container.video .comment-list .reply-form{display:flex;gap:10px;align-items:end;margin-left:calc(var(--comment-icon-width) + var(--comment-icon-margin-right));margin-bottom:30px}.public-container.video .comment-list .reply-form.hidden{display:none}@media screen and (max-width: 992px){.public-container.video .comment-list .reply-form{flex-wrap:wrap;justify-content:end}}.public-container.video .comment-list .reply-form .comment-input{width:calc(100% - 160px)}@media screen and (max-width: 992px){.public-container.video .comment-list .reply-form .comment-input{width:100%}}.public-container.video .comment-list .reply-form .comment-cancel-btn{font-size:12px;width:80px;height:30px;line-height:30px;text-align:center}.public-container.video .comment-list .reply-form .comment-cancel-btn:hover{cursor:pointer}.public-container.video .comment-list .reply-form .add-comment-btn{font-size:14px;width:60px;height:30px}.public-container.video .comment-list .reply-form .add-comment-btn .icon{display:flex;height:22px;align-items:center}.public-container.video .comment-list .reaction-types-wrapper{position:absolute;bottom:-304px;left:0;z-index:3;background-color:var(--color-white);border:2px solid var(--color-main-pale);padding:10px;border-radius:4px;width:304px;height:304px;overflow-y:scroll}@media screen and (max-width: 992px){.public-container.video .comment-list .reaction-types-wrapper{width:220px;left:-30px}}.public-container.video .comment-list .reaction-types-wrapper .reaction-type-items{display:flex;flex-wrap:wrap;gap:14px}.public-container.video .comment-list .reaction-types-wrapper .reaction-type-item{width:28px;height:28px}.public-container.video .comment-list .reaction-types-wrapper .reaction-type-item:hover{cursor:pointer}.public-container.video .comment-list .reaction-types-wrapper .reaction-type-item .icon{display:inline-block;width:100%;height:100%}.public-container.video .comment-list .reaction-types-wrapper .reaction-type-item .icon img{width:100%;height:100%;object-fit:cover}.public-container.comments{max-width:500px}.public-container.comments .comments-wrapper{display:flex;flex-direction:column}.public-container.comments .comments-wrapper .comment{border-bottom:1px solid var(--color-gray-pale);color:var(--color-black)}.public-container.comments .comments-wrapper .comment:hover{background-color:var(--color-link-pale)}.public-container.comments .comments-wrapper .comment .meta{padding:10px;display:flex;align-items:start;gap:10px}.public-container.comments .comments-wrapper .comment .meta .img-wrapper{width:40px;height:40px}.public-container.comments .comments-wrapper .comment .meta .img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:50%}.public-container.comments .comments-wrapper .comment .meta .txt-wrapper{display:flex;flex-direction:column}.public-container.comments .comments-wrapper .comment .meta .txt-wrapper .user_name{font-size:14px;font-weight:700}.public-container.comments .comments-wrapper .comment .meta .txt-wrapper .date{font-size:12px}.public-container.comments .comments-wrapper .comment .text{padding:0 10px 10px}.public-container.comments .comments-wrapper .comment .text p{margin:0;word-break:break-all}.public-container.comments #loading{width:50px;height:50px;margin:40px auto 0}.public-container.comments #load-more{display:inline-block;padding:4px 12px;border-radius:4px;background-color:var(--color-gray-pale);font-size:14px;margin-top:40px}.public-container.comments #load-more:hover{cursor:pointer}@keyframes float{0%{transform:translateY(0) translate(calc(-50% + var(--sway) * 0));opacity:1}25%{transform:translateY(-100px) translate(calc(-50% + var(--sway) * 1));opacity:.9}50%{transform:translateY(-200px) translate(calc(-50% + var(--sway) * 0));opacity:.7}75%{transform:translateY(-300px) translate(calc(-50% + var(--sway) * -1));opacity:.4}to{transform:translateY(-400px) translate(calc(-50% + var(--sway) * 0));opacity:0}}.search-form-container{margin-bottom:20px}.search-form-container._accordion .accordion{width:100%;border:1px solid #e2e8f0;border-radius:4px;overflow:hidden}.search-form-container._accordion .accordion-trigger-bar{display:flex;justify-content:space-between;align-items:center;height:40px}.search-form-container._accordion .top-tags-container{margin-left:10px;width:calc(100% - 50px)}.search-form-container._accordion .top-tags-container .top-tags{display:flex;align-items:center;gap:10px;width:100%;overflow-x:scroll}.search-form-container._accordion .top-tags-container .top-tags .tag-item{font-size:14px;padding:0 6px;color:var(--color-gray);border:1px solid var(--color-gray);border-radius:4px;flex-shrink:0}.search-form-container._accordion .top-tags-container .top-tags .tag-item.active,.search-form-container._accordion .top-tags-container .top-tags .tag-item:hover{color:var(--color-main);border:1px solid var(--color-main)}.search-form-container._accordion .accordion-trigger{padding:8px;display:flex;justify-content:space-between;align-items:center;background:#fff;border:none;cursor:pointer;transition:background-color .2s}.search-form-container._accordion .accordion-trigger:hover{background-color:#f8fafc}.search-form-container._accordion .accordion-icon{transition:transform .2s}.search-form-container._accordion .accordion-trigger[aria-expanded=true] .accordion-icon{transform:rotate(180deg)}.search-form-container._accordion .accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.search-form-container._accordion .accordion-content.open{max-height:800px}.search-form-container._accordion .accordion-body{padding:1rem}.search-form-container._accordion .accordion-body .category-date{display:flex;gap:10px;margin-bottom:20px}@media screen and (max-width: 768px){.search-form-container._accordion .accordion-body .category-date{flex-direction:column}}.search-form-container._accordion .accordion-body .category-date .category{width:calc((100% - 10px)*.8)}@media screen and (max-width: 768px){.search-form-container._accordion .accordion-body .category-date .category{width:100%}}.search-form-container._accordion .accordion-body .category-date .category>select{height:100%}.search-form-container._accordion .accordion-body .category-date .recording_date{width:calc((100% - 10px)/5)}@media screen and (max-width: 768px){.search-form-container._accordion .accordion-body .category-date .recording_date{width:100%}}.search-form-container._accordion .accordion-body .category-date .recording_date>input{width:100%}.search-form-container._accordion .select2-selection.select2-selection--single{height:48px}.search-form-container._accordion .select2-selection.select2-selection--multiple{height:100px}.search-form-container._accordion .select2-selection--single .select2-selection__arrow{height:48px}.search-form-container._accordion #select2-category-container{height:100%;line-height:48px}.search-form-container._accordion #select2-tag-container,.search-form-container._accordion #select2-position-container{display:block;margin:0}.search-form-container._accordion .select2-selection__choice__remove{height:100%}.search-form-container._accordion .select2-search__field{width:100%!important}.search-form-container._accordion textarea.select2-search__field:not([rows]){min-height:initial}.search-form-container._accordion .search-button{background-color:var(--color-main);margin:20px auto 0;color:var(--color-white);display:flex;align-items:center;gap:8px}.search-form-container._accordion .search-button .text{letter-spacing:8px;font-size:18px;font-weight:500}.search-form-container._bar .form-body{display:flex;align-items:center;gap:10px}@media screen and (max-width: 768px){.search-form-container._bar .form-body{flex-wrap:wrap}}.search-form-container._bar .form-body .category{width:calc((100% - 80px)*.8)}@media screen and (max-width: 768px){.search-form-container._bar .form-body .category{width:100%}}.search-form-container._bar .form-body .recording_date{width:calc((100% - 80px)/5)}@media screen and (max-width: 768px){.search-form-container._bar .form-body .recording_date{width:calc(100% - 70px)}}.search-form-container._bar .form-body .recording_date>input{width:100%}.search-form-container._bar .form-body .select2-selection.select2-selection--single{height:48px}.search-form-container._bar .form-body #select2-category-container{height:100%;line-height:48px}.search-form-container._bar .form-body .select2-selection--single .select2-selection__arrow{height:48px}.search-form-container._bar .form-body .search-button{background-color:var(--color-main);color:var(--color-white)}#select2-tag-results.select2-results__options{display:flex!important;flex-wrap:wrap!important;gap:8px;padding:8px!important;max-height:initial!important;width:100%}#select2-tag-results.select2-results__options .select2-results__option{padding:0 12px!important;margin:0;border:1px solid #ddd;border-radius:4px;text-align:center}#select2-tag-results.select2-results__options .select2-results__option--highlighted{background-color:#5897fb!important;color:#fff!important}footer{padding:10px 0}.footer-nav{width:max-content;margin:0 auto}.footer-nav ul{display:flex;gap:10px;margin:0;padding:0}.footer-nav ul li a{font-size:14px;color:var(--color-gray)}