.wp-30{width:30%}.wp-50{width:50%}.wp-60{width:60%}.wp-65{width:65%}@keyframes wave-lines{0%{background-position:-450px 0}to{background-position:450px 0}}@keyframes ripple{0%{opacity:1;transform:scale(.75)}to{opacity:0;transform:scale(1.5)}}.button-fade-enter-active,.button-fade-leave-active,.pending-fade-enter-active,.pending-fade-leave-active{transition:all .3s}.button-fade-enter-from,.button-fade-leave-to,.pending-fade-enter-from,.pending-fade-leave-to{opacity:0;transform:translateY(5px)}.breadcrumb+form,.btn--mt,.btn-back--mt{margin-top:1em}.breadcrumb{-webkit-user-select:none;user-select:none;word-break:break-all;width:100%;margin-bottom:.5em;position:relative}@media (width>=721px){.breadcrumb{min-height:3.5em;display:table}.breadcrumb>div{vertical-align:middle;height:100%;display:table-cell}.breadcrumb>.buttons{text-align:right;overflow-wrap:break-word;width:35%}.breadcrumb>.path{text-align:left;width:auto}}@media (width<=720px){.breadcrumb>.buttons a,.breadcrumb>.buttons i,.breadcrumb>.buttons span,.breadcrumb>.path a,.breadcrumb>.path i,.breadcrumb>.path span{font-size:16px!important}.breadcrumb>.buttons{text-align:right;margin-bottom:.5em}.breadcrumb>.path{margin-bottom:.5em}}.breadcrumb>.buttons a{margin-left:.5em}.breadcrumb>.path{letter-spacing:1.25px;font-size:18px}.breadcrumb>.path>span{word-break:break-all;color:#757575}.breadcrumb>.path>i{margin-left:.25em;margin-right:.25em}.breadcrumb>.path a,.breadcrumb>.path i{display:inline-block}.breadcrumb>.path i.fa-angle-right{opacity:.2}.breadcrumb>.path .action{color:#424242}.breadcrumb>.path a{-webkit-user-drag:none;user-drag:none;color:#4084f7;font-weight:700;transition:color .3s}.breadcrumb>.path a:hover{color:#669df9}:root{--btn-radius:5px;--main-navigation-width:240px}.form-actions,.form-inputs>.input.disabled>label,.form-inputs>.input.radio_buttons,a[class*=btn]{-webkit-user-select:none;user-select:none}[class*=\ btn],a[class^=btn]{align-items:center;gap:.3em;font-size:16px;transition:opacity .3s,color .3s,border-color .3s,background-color .3s;display:inline-flex}[class*=\ btn] i,[class*=\ btn] span,a[class^=btn] i,a[class^=btn] span{display:block}[class*=\ btn] i,a[class^=btn] i{transition:transform .2s;transform:translateY(1px)}[class*=\ btn]:hover i,a[class^=btn]:hover i{transform:scale(1.1)}[class*=\ btn] .iconify,a[class^=btn] .iconify{width:24px;margin-left:.3em;font-size:20px}.btn,.btn-back{border-radius:var(--btn-radius);padding:.5em 1em;box-shadow:0 0 5px #0000001a}.btn-back,.btn-other{color:#33333380!important;background:#fff!important}.btn-back:hover,.btn-other:hover,.btn-submit:hover,.btn:hover{opacity:.5}.btn,.btn-submit{color:#fff;background:linear-gradient(45deg,#ff512f,#dd2476)}.btn,.btn--mask,.btn-submit,.btn-submit--mask{position:relative;overflow:hidden}.btn--mask:hover,.btn-submit--mask:hover{opacity:1}.btn--mask:after,.btn-submit--mask:after{content:"";opacity:0;pointer-events:none;background:#fff;transition:opacity .2s;position:absolute;inset:0}.btn--mask:hover:after,.btn-submit--mask:hover:after{opacity:.15}.btn--mic,.btn-submit--mic{cursor:pointer;background:linear-gradient(77deg,#9901ff 10.73%,#6f20e3 43.36%,#00a3f6 102.89%);gap:.1em;padding:.5em 1.1em .5em .4em}.btn--stop,.btn-submit--stop{background:linear-gradient(90deg,#ffc2d5,#f696ff 94.88%)}.btn--start,.btn--stop,.btn-submit--start,.btn-submit--stop{color:#000;cursor:pointer;gap:.1em;padding:.5em .65em .5em .1em;font-weight:500}.btn--start,.btn-submit--start{background:linear-gradient(90deg,#daf349,#78f037)}.btn--gary,.btn-submit--gary{background:gray}.form{position:relative}.form-loading,.form-loading-failed{color:#aaa;border-radius:var(--default-ui-radius);letter-spacing:4px;background-color:#fff;margin-top:1em;margin-bottom:1em;padding:2em;box-shadow:0 5px 5px #8080800d}.form-loading-failed>span,.form-loading>span{margin-right:.5em;font-size:1.5em}.form-loading-failed{color:#f06292}.form-loading-failed .large{margin-left:.25em;font-size:72px}.form-loading-failed .buttons{padding-top:1em}.form-actions{margin-top:1.5em}.form-actions a[class*=btn]{margin-bottom:.5em;margin-right:1em}@media (width<=720px){.form-actions a[class*=btn]{font-size:13px}}.form-actions--right{justify-content:flex-end;margin-right:-1em;display:flex}.form-inputs>.input.field_with_hint .hint{color:#9e9e9e;align-items:center;margin-top:.5em;font-size:12px;display:flex}.form-inputs>.input.field_with_hint .hint .iconify{width:24px;margin-right:.25em;font-size:20px}.form-inputs>.input.field_with_errors>label{color:#f66!important}.form-inputs>.input.field_with_errors>.error{color:#f66;align-items:center;margin-top:.5em;font-size:14px;font-weight:700;display:flex}.form-inputs>.input.field_with_errors>.error .iconify{width:24px;margin-right:.25em;font-size:20px}.form-inputs>.input{border-bottom:1px dashed #80808026;margin-bottom:1em;padding-bottom:1em;font-size:16px}.form-inputs>.input.readonly{cursor:not-allowed}.form-inputs>.input.readonly input,.form-inputs>.input.readonly select,.form-inputs>.input.readonly textarea{opacity:.8;background-color:#eee!important}.form-inputs>.input.disabled{cursor:not-allowed;opacity:.5}.form-inputs>.input>label{color:#424242;letter-spacing:2px;align-items:center;margin-bottom:.5em;font-weight:500;display:flex}.form-inputs>.input>label .iconify{width:24px;margin-right:.25em;font-size:24px}.form-inputs>.input>label.required{color:#333!important}.form-inputs>.input>label abbr{color:#e7586a;margin-left:0;margin-right:.3em;text-decoration:none;display:inline-block;transform:scale(1)}.form-inputs>.input>label img{width:20px;height:20px;margin-right:.3em}@media (width<=720px){.form-inputs>.input{font-size:13px}}.form-inputs>.input.file>label,.form-inputs>.input.integer>label,.form-inputs>.input.text>label{display:inline-block!important}.form-inputs>.input.radio_buttons_images span.radio label{padding:.2em!important}.form-inputs>.input.radio_buttons_images span.radio label img{border-radius:8px;width:72px;height:72px;display:block}.form-inputs>.input.radio_buttons.disabled span.radio label{cursor:not-allowed;opacity:.7;border:2px solid #0000}.form-inputs>.input.radio_buttons.disabled span.radio label:hover{background-color:#b39ddb;border:2px solid #0000}.form-inputs>.input.radio_buttons span.radio{margin-top:.5em;margin-right:.5em;display:inline-block;position:relative}.form-inputs>.input.radio_buttons span.radio input{-webkit-appearance:none;-moz-appearance:none;opacity:0;position:absolute;top:0;left:0}.form-inputs>.input.radio_buttons span.radio input+label{cursor:pointer;color:#424242;background-color:#e0e0e0;border:2px solid #0000;border-radius:10px;padding:.5em 1.5em;transition:background-color .3s,border-color .3s,color .3s;display:inline-block}.form-inputs>.input.radio_buttons span.radio input+label:hover{color:#3e8edf;border-color:#3e8edf}.form-inputs>.input.radio_buttons span.radio input+label.collection_radio_buttons--option{color:#424242;background-color:#fafafa;border:2px solid #e0e0e0;border-radius:999px;padding-right:2.5em;position:relative}.form-inputs>.input.radio_buttons span.radio input+label.collection_radio_buttons--option:hover,.form-inputs>.input.radio_buttons span.radio input+label.collection_radio_buttons--option:hover .check-icon{color:#1f86ff;border-color:#1f86ff}.form-inputs>.input.radio_buttons span.radio input+label .check-icon{color:#d3d3d3;text-align:center;background-color:#0000;border:1.5px solid #d3d3d3;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding-top:1px;padding-left:1px;font-size:12px;transition:all .3s;display:flex;position:absolute;top:50%;right:.95em;transform:translateY(-50%)}.form-inputs>.input.radio_buttons span.radio input:checked+label .check-icon{color:#fff;background-color:#1f86ff;border-color:#fff}.form-inputs>.input.radio_buttons span.radio input:checked+label{color:#fff;background-color:#1f86ff}.form-inputs>.input.radio_buttons span.radio input:checked+label:hover{color:#fff}.form-inputs>.input.radio_buttons span.radio .image-check-icon{color:#d3d3d3;pointer-events:none;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;transition:all .3s;display:flex;position:absolute;top:10px;right:8px}.form-inputs>.input.radio_buttons span.radio input:checked+label.collection_radio_buttons--option:hover .check-icon{color:#fff;background-color:#1f86ff;border-color:#fff}.form-inputs>.input.radio_buttons span.radio input:checked+label .image-check-icon{color:#fff;background-color:#1f86ff;border-color:#fff;width:18px;height:16px;padding-top:.1em}.form-inputs>.input.radio_buttons span.radio input:checked+label{border-color:#1f86ff}.form-inputs>.input>select{-webkit-appearance:none;-moz-appearance:none;border:0;border-right:1em solid #ddd}.form-inputs>.input>textarea{border-top:none;border-left:none;border-right:none}.form-inputs>.input>input.boolean.changed+label,.form-inputs>.input>input.integer.changed,.form-inputs>.input>input.string.changed,.form-inputs>.input>select.changed,.form-inputs>.input>textarea.changed{background-color:#fff9c4}.form-inputs>.input>input.boolean.changed+label{position:relative}.form-inputs>.input>input.boolean.changed+label:after{content:"";background-color:#fff9c4;width:.5em;height:100%;position:absolute;top:0;left:-.5em}.form-inputs>.input>input.file{max-width:40em}.form-inputs>.input>input.datetime-local{max-width:20em}.form-inputs>.input>input.date,.form-inputs>.input>input.datetime-local,.form-inputs>.input>input.file,.form-inputs>.input>input.integer,.form-inputs>.input>input.password,.form-inputs>.input>input.string,.form-inputs>.input>select,.form-inputs>.input>textarea{box-sizing:border-box;color:#333;letter-spacing:1px;background-color:#fff;border:2px solid #ccccccb3;border-radius:4px;outline:none;width:100%;padding:.75em;font-size:16px;transition:color .3s,border-color .3s,background-color .3s;display:block;box-shadow:inset 0 0 10px #0000000d}@media (width<=720px){.form-inputs>.input>input.date,.form-inputs>.input>input.datetime-local,.form-inputs>.input>input.file,.form-inputs>.input>input.integer,.form-inputs>.input>input.password,.form-inputs>.input>input.string,.form-inputs>.input>select,.form-inputs>.input>textarea{font-size:14px}}.form-inputs>.input>input.date::-moz-placeholder{color:#0003!important}.form-inputs>.input>input.datetime-local::-moz-placeholder{color:#0003!important}.form-inputs>.input>input.file::-moz-placeholder{color:#0003!important}.form-inputs>.input>input.integer::-moz-placeholder{color:#0003!important}.form-inputs>.input>input.password::-moz-placeholder{color:#0003!important}.form-inputs>.input>input.string::-moz-placeholder{color:#0003!important}.form-inputs>.input>select::-moz-placeholder{color:#0003!important}.form-inputs>.input>textarea::-moz-placeholder{color:#0003!important}.form-inputs>.input>input.date::placeholder,.form-inputs>.input>input.datetime-local::placeholder,.form-inputs>.input>input.file::placeholder,.form-inputs>.input>input.integer::placeholder,.form-inputs>.input>input.password::placeholder,.form-inputs>.input>input.string::placeholder,.form-inputs>.input>select::placeholder,.form-inputs>.input>textarea::placeholder{color:#0003!important}.form-inputs>.input>input.date.readonly,.form-inputs>.input>input.datetime-local.readonly,.form-inputs>.input>input.file.readonly,.form-inputs>.input>input.integer.readonly,.form-inputs>.input>input.password.readonly,.form-inputs>.input>input.string.readonly,.form-inputs>.input>select.readonly,.form-inputs>.input>textarea.readonly{cursor:not-allowed;color:#777;font-weight:700;background-color:#e0e0e0!important}.form-inputs>.input>input.date.disabled,.form-inputs>.input>input.datetime-local.disabled,.form-inputs>.input>input.file.disabled,.form-inputs>.input>input.integer.disabled,.form-inputs>.input>input.password.disabled,.form-inputs>.input>input.string.disabled,.form-inputs>.input>select.disabled,.form-inputs>.input>textarea.disabled{-webkit-user-select:none;user-select:none;cursor:not-allowed;color:#888!important;background-color:#ccc!important}.form-inputs>.input>input.date:focus,.form-inputs>.input>input.datetime-local:focus,.form-inputs>.input>input.file:focus,.form-inputs>.input>input.integer:focus,.form-inputs>.input>input.password:focus,.form-inputs>.input>input.string:focus,.form-inputs>.input>select:focus,.form-inputs>.input>textarea:focus{border-color:#3e8edf}.form-inputs>.input:last-of-type{border-bottom:none}.form-inputs .form-status{margin-top:1em}.form-inputs .form-status--live{margin-bottom:1.5em}.form-inputs .form-status--done{margin-bottom:24px}.form-inputs .form-status--done img{-o-object-fit:cover;object-fit:cover;border-radius:10px;width:100%;box-shadow:0 2px 10px #0000001a}.form-inputs .form-status__preview{gap:2em;display:flex}.form-inputs .form-status__item{background-color:#fff;border-radius:10px;gap:1em;width:100%;height:312px;padding-right:1em;display:flex;position:relative;box-shadow:0 5px 10px #00000026}.form-inputs .form-status__item img{-o-object-fit:cover;object-fit:cover;border-radius:10px;flex:1;width:100%;height:100%}.form-inputs .form-status__item--close{cursor:not-allowed;position:relative;overflow:hidden}.form-inputs .form-status__item--close:before{content:"";z-index:1;opacity:0;background-color:#000000d9;width:100%;height:100%;transition:opacity .3s;position:absolute}.form-inputs .form-status__item--close:after{content:" 您正在這個畫面唷";opacity:0;color:#fff;z-index:2;background:url(../images/decorations/ic_cancel.svg) 0 no-repeat;padding-left:1.5em;font-size:24px;position:absolute;top:45%;left:50%;transform:translate(-50%)}.form-inputs .form-status__item--close:hover:after,.form-inputs .form-status__item--close:hover:before{opacity:1}.form-inputs .form-status__content{flex:1;margin:auto}.form-inputs .form-status__title{letter-spacing:2px;font-size:24px;font-weight:500}.form-inputs .form-status__title--close{color:#757575}.form-inputs .form-status__subtitle{color:#ff1d4e}.form-inputs .form-status__subtitle--close{color:#757575}.form-inputs .form-status__btn{color:#fff;border-radius:6px;align-items:center;gap:.3em;margin-top:1em;display:inline-flex}.form-inputs .form-status__btn--disabled{pointer-events:none;opacity:1;cursor:not-allowed;background:#9e9e9e}.form-inputs .tooltip-icon{cursor:pointer;margin-left:.1em;position:relative}.form-inputs .tooltip-icon .iconify{color:#757575;width:18px;height:18px;margin-bottom:-2px}.form-inputs .tooltip-icon .tooltip{color:#fff;white-space:normal;text-align:left;pointer-events:none;background-color:#424242;border-radius:6px;width:250px;padding:8px 16px;font-size:16px;font-weight:400;line-height:1.6;top:100%;transform:translate(-52%,12px)}.form-inputs .tooltip-icon .tooltip,.form-inputs .tooltip-icon .tooltip:before{opacity:0;z-index:10;transition:opacity .2s ease-in-out;position:absolute;left:50%}.form-inputs .tooltip-icon .tooltip:before{content:"";border:6px solid #0000;border-bottom-color:#424242;bottom:100%;transform:translate(-35%)}.form-inputs .tooltip-icon .tooltip--status{white-space:normal;width:260px;padding:8px 7px}.form-inputs .tooltip-icon:hover .tooltip,.form-inputs .tooltip-icon:hover .tooltip:before{opacity:1;pointer-events:auto}.form-inputs__banner{background:url(../images/decorations/bg_form_title.png) top no-repeat;border-radius:10px;height:128px;margin-bottom:1.5em;padding:2em 2.5em}.form-inputs__title{color:#fff;font-size:24px;font-weight:500}.form-inputs__subtitle{color:#fff;margin-top:4px}.form-inputs__section-title{letter-spacing:1px;color:#424242;background:url(../images/decorations/form_title.png) 100%/cover no-repeat;border-radius:4px;align-items:center;height:56px;padding:0 1em;font-size:18px;font-weight:500;display:flex;position:relative}.form-inputs__section-title--with-btn{background:url(../images/decorations/form_title_with_button.png) top no-repeat}.form-inputs__section-title:before{content:"";background-color:#ff8140;width:2px;height:52px;position:absolute;top:-2px;left:0}.form-inputs__section-title--mb{margin-bottom:1em}.form-inputs__icon{color:#ff8140;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:.5em;display:inline-flex}.form-inputs__icon .iconify{font-size:20px}.form-inputs__hint{color:#424242;letter-spacing:2px;border-radius:8px;align-items:center;gap:1em;padding:.5em 1.5em 1em;display:flex;position:relative}.form-inputs__hint li{color:#007778;line-height:1.6;list-style-type:disc}.form-inputs__hint li::marker{font-size:8px}.form-inputs__hint--solid:before{content:"";background-color:#e0e0e0;width:150vw;height:1px;position:absolute;top:5%;left:-50px}.form-inputs__hint--top{margin-top:1em}.form-inputs .input--title{letter-spacing:1px;color:#424242;background:url(../images/decorations/form_title.png) 100%/cover no-repeat;border-radius:4px;align-items:center;height:56px;padding:0 1em;font-size:18px;font-weight:500;display:flex;position:relative}.form-inputs .input--title__icon{color:#ff8140;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:.5em;display:inline-flex}.form-inputs .input--title__icon .iconify{font-size:20px}.form-inputs .input--title:before{content:"";background-color:#ff8140;width:2px;height:52px;position:absolute;top:-2px;left:0}.form-inputs .input--mode{flex-wrap:wrap;align-items:center;gap:1em;padding-top:.5em;display:flex}.form-inputs .input__radio-group{align-items:center;gap:1em;margin-bottom:1em;display:flex}.form-inputs .input__radio-item{white-space:nowrap;align-items:center;gap:.5em;display:flex}.form-inputs .input__datetime input[type=datetime-local]{box-sizing:border-box;color:#333;letter-spacing:1px;background-color:#fff;border:2px solid #cccccc80;border-radius:4px;outline:none;padding:.75em;font-size:16px;transition:color .3s,border-color .3s,background-color .3s;display:block;box-shadow:inset 0 0 10px #0000000d;width:100%!important}.form-dialog,.form-inputs[class*=theme-]{margin-bottom:1em}.form-inputs.theme-1{border-radius:var(--default-ui-radius);background-color:#fff;padding:2em;box-shadow:0 5px 5px #0000000d}.form-inputs.theme-2{border-radius:var(--default-ui-radius);background-color:#f5f5f5;box-shadow:0 5px 10px #0000001a}.form-inputs.narrow>.input input,.form-inputs.narrow>.input textarea{width:70%}.form-inputs>.input.mini input{width:35%}.form-inputs>.input.narrow input{width:60%}.form-dialog{background-color:#fff;padding:1em}.form-inputs--disabled{pointer-events:none;opacity:.8}.form-inputs--disabled input,.form-inputs--disabled select,.form-inputs--disabled textarea{cursor:not-allowed;color:#9e9e9e!important;background-color:#eee!important}.form-inputs--disabled .input.radio_buttons{opacity:1}.form-inputs--disabled .input.radio_buttons input:checked+label{color:#fff;background-color:#9e9e9e!important;border-color:#9e9e9e!important}.form-inputs--disabled .input.radio_buttons input+label.collection_radio_buttons--option{cursor:not-allowed;color:#aaa!important;background-color:#fafafa!important;border-color:#e0e0e0!important}.form-inputs--disabled .input.radio_buttons input:checked+label.collection_radio_buttons--option{color:#fff!important;background-color:#9e9e9e!important;border-color:#9e9e9e!important}.form-inputs--disabled .input.radio_buttons input:checked+label .check-icon,.form-inputs--disabled .input.radio_buttons input:checked+label .image-check-icon{color:#fff!important;background-color:#9e9e9e!important;border-color:#fff!important}.main-navigation{-webkit-user-select:none;user-select:none;box-sizing:border-box;z-index:50;width:var(--main-navigation-width);color:#333;background-color:#424242;height:100%;position:fixed;top:0;left:0;overflow-x:hidden;box-shadow:0 0 10px #0000001a}.main-navigation::-webkit-scrollbar{width:5px}.data-not-found a,.main-container>header a,.main-navigation a{-webkit-user-drag:none;user-drag:none}.main-navigation:hover{width:var(--main-navigation-width)!important}.main-navigation:hover .logo,.main-navigation:hover .menu{opacity:1!important}.main-navigation>div{width:100%;overflow:hidden}.main-navigation .logo,.main-navigation .menu{transition:opacity .3s}.main-navigation .logo{background-color:#ff1d4e;margin-bottom:1.5em;padding:1em 0 .35em}.main-navigation .logo,.main-navigation .logo .avatar{justify-content:center;align-items:center;display:flex}.main-navigation .logo .avatar{background-color:#eee;border-radius:50%;width:72px;height:72px}.main-navigation .logo img{width:125px;margin-top:.5em;margin-bottom:.5em}.main-navigation .logo .text{letter-spacing:1.5px;color:#fff;background:linear-gradient(137deg,#3b83e8 35%,#806fec);border-radius:5px;padding:.25em 1em;font-size:14px;display:inline-block}.main-navigation .avatar{box-sizing:border-box;text-align:center;margin-bottom:1em;padding-left:.5em;padding-right:.5em}.main-navigation .avatar .border{background:linear-gradient(90deg,#ed4264,#ffedbc,#ed4264) 0 0/800px 100px;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:1.5s ease-out 6 wave-lines;display:inline-flex;overflow:hidden;box-shadow:0 5px 5px #0000000d}.main-navigation .avatar img{-o-object-fit:cover;object-fit:cover;width:72px;height:72px}.main-navigation .avatar span{color:#fff;margin-top:.25em;display:block}.main-navigation .menu{box-sizing:border-box;padding:.5em .5em 5em;overflow:hidden}.main-navigation .menu ul li{box-sizing:border-box;width:100%}.main-navigation .menu ul li .menu-button,.main-navigation .menu ul li .menu-link{cursor:pointer;box-sizing:border-box;color:#fff;letter-spacing:2px;background-color:#0000;border:2px solid #0000;border-radius:5px;align-items:center;width:100%;padding:.75em 1em .75em 1.15em;font-size:15px;transition:border-color .3s,background-color .3s;display:flex}.main-navigation .menu ul li .menu-button{margin-bottom:.25em}.main-navigation .menu ul li .menu-button i{color:#e0e0e0;opacity:1;margin-top:2px;margin-left:auto;margin-right:10px;transition:transform .3s}.main-navigation .menu ul li .menu-button[aria-expanded=true]{background-color:#21212180}.main-navigation .menu ul li .menu-button[aria-expanded=true] i{transform:rotate(90deg)}.main-navigation .menu ul li .menu-link{transition:background-color .3s}.main-navigation .menu ul li .menu-link.active,.main-navigation .menu ul li .menu-link.router-link-active{background-color:#212121}.main-navigation .menu ul li .menu-link:hover{background-color:#ffffff80}.main-navigation .menu ul li .menu-link.router-link-active:hover{background-color:#212121}.main-navigation .menu ul li .submenu{box-sizing:border-box}.main-navigation .menu ul li .submenu-link{box-sizing:border-box;color:#fff;letter-spacing:2px;border-radius:5px;margin-bottom:.25em;padding-top:.5em;padding-bottom:.5em;padding-left:1em;font-size:15px;transition:color .2s,background-color .2s;display:block}.main-navigation .menu ul li .submenu-link.disabled{opacity:.5;color:#ccc;cursor:not-allowed}.main-navigation .menu ul li .submenu-link.disabled i{color:#eee}.main-navigation .menu ul li .submenu-link i{color:#fff;margin-left:.5em;margin-right:.75em;transition:color .2s,transform .2s}.main-navigation .menu ul li .submenu-link:hover{background-color:#ddd9}.main-navigation .menu ul li .submenu-link.active,.main-navigation .menu ul li .submenu-link.router-link-active{color:#90dede;background-color:#2121214d}.main-navigation .menu ul li .submenu-link.active i,.main-navigation .menu ul li .submenu-link.router-link-active i{color:#90dede}.main-navigation .menu ul li img{-o-object-fit:cover;object-fit:cover;width:32px;height:32px;margin-right:1em;transition:filter .3s linear,opacity .3s linear}.main-container{transition:margin-left .3s}.main-navigation{transition:width .3s}body.mini-nav .main-navigation{width:68px}body.mini-nav .main-navigation .logo{opacity:.3}body.mini-nav .main-navigation .menu{opacity:.4}body.mini-nav .main-container{margin-left:68px}@media (width<=720px){body .main-navigation{display:none!important}body .main-container{margin-left:0!important}body .main-container>main{padding:2em 1em 1.5em}}.main-container{min-height:100vh;margin-left:var(--main-navigation-width);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:relative}.main-container>main{flex-grow:1;width:95%;max-width:1150px;margin:0 auto;padding:2em 5em 1.5em 1.325em}@media (width<=1536px){.main-container>main{padding:2em 1.325em 1.5em!important}}@media (width>=1600px){.main-container>main{max-width:1300px}}.main-container>.copyright{-webkit-user-select:none;user-select:none;color:#00000080;text-align:center;padding:1em 1em 3em;font-size:12px}@media (width<=720px){.main-container>.copyright{padding:2em;font-size:12px;line-height:1.5em}}.main-container>header{box-sizing:border-box;z-index:9990;-webkit-user-select:none;user-select:none;background-color:#fff;grid-template-columns:repeat(2,1fr);width:100%;font-size:15px;display:grid;position:sticky;top:0;box-shadow:0 0 10px #0000001a}.main-container>header>div.left,.main-container>header>div.right{align-items:center;padding:.75em 1em;display:flex}.main-container>header>div.left .logo img{width:152px;margin-left:1em}.main-container>header>div.right{justify-content:flex-end}.main-container>header .icon-btn{color:#888;white-space:nowrap;background-color:#eee;border-radius:1em;justify-content:center;align-items:center;height:48px;margin-right:1em;padding:0 12px;transition:color .3s,background-color .3s;display:inline-flex;overflow:hidden}.main-container>header .icon-btn.active,.main-container>header .icon-btn:hover{color:#fff;background:#536976}.main-container>header .icon-btn .iconify{flex-shrink:0;font-size:24px}.main-container>header .icon-btn .badge-wrapper{position:relative}.main-container>header .icon-btn .badge{color:#fff;z-index:1;background:#f40;border-radius:10px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-8px}.main-container>header .icon-btn:after{content:attr(data-hover-text);opacity:0;max-width:0;margin-left:0;font-size:14px;font-weight:700;transition:opacity .2s,max-width .4s .1s,margin-left .4s .1s,transform .2s;transform:translate(10px)}.main-container>header .icon-btn:hover:after{opacity:1;max-width:200px;margin-left:.5em;transition:max-width .5s,margin-left .5s,opacity .1s,transform .3s .1s;transform:translate(0)}.main-footer{text-align:center;background-color:#eee;margin-top:80px;padding-top:24px;font-size:14px;position:relative}.main-footer .footer-container{max-width:100%;margin:0 auto}.main-footer .footer-logo{max-width:360px;margin:0 auto 20px -10px}.main-footer .footer-social{justify-content:center;align-items:center;gap:20px;margin-bottom:12px;margin-left:10px;display:flex}.main-footer .footer-social img{width:28px;height:28px}.main-footer .footer-links{text-align:center;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.main-footer .footer-links .link-list{justify-content:center;align-items:center;margin:0;padding:0;list-style:none;display:flex}.main-footer .footer-links .link-list li{align-items:center;display:flex}.main-footer .footer-links .link-list .footer-icon{vertical-align:middle;width:20px;height:20px;margin-right:4px;display:inline-block}.main-footer .footer-links a{color:#212121;letter-spacing:1px;align-items:center;margin-left:20px;text-decoration:none;display:flex}.main-footer .footer-links a:hover{color:#ff1d4e}.main-footer .footer-bottom{letter-spacing:1px;color:#616161;border-top:1px solid #e0e0e0;padding:0 12px 9px;font-size:12px}.main-footer .footer-bottom img{-o-object-fit:cover;object-fit:cover;background-repeat:no-repeat;width:75px;height:24px;transform:translateY(30%)}.main-footer .footer-bottom br{display:none}.main-footer .footer-bottom-gap{padding-left:12px}.main-footer .footer-line{color:#9e9e9e;pointer-events:none;padding-left:20px}.page-notice>div{text-shadow:0 0 5px #8080801a;color:#aaa;border-radius:var(--default-ui-radius);letter-spacing:4px;background-color:#fff;grid-template-columns:auto 1fr;width:100%;margin-top:1em;margin-bottom:1em;margin-right:.5em;padding:1.5em;font-size:18px;display:grid;box-shadow:0 5px 10px #8080801a}.page-notice>div>div{align-items:center;display:flex}.page-notice>.alert{color:#fff;background:linear-gradient(-45deg,#f857a6,#ff5858)}.page-notice>.notice{color:#fff;background:linear-gradient(-45deg,#00c6ff,#0072ff)}.page-notice .icon{padding-left:.25em;padding-right:1em;font-size:32px}.vue-notification-override{color:#fff;text-shadow:0 0 8px #0003;background-color:#536976e6;border-width:0;border-radius:.5em;margin:0 .5em .5em;padding:.75em 1em;font-size:16px;box-shadow:0 5px 5px #0000001a}.vue-notification-override.success{background-color:#1e88e5e6}.vue-notification-override.error{background-color:#ea384de6}.chatroom-stage{-webkit-user-select:none;user-select:none;grid-template-rows:auto 1fr;grid-template-columns:1fr 33%;margin-top:1em;display:grid}.chatroom-stage>.sound-header{-o-object-fit:cover;object-fit:cover;border-radius:10px 10px 0 0;grid-column:1/-1;width:100%;height:150px;position:relative;box-shadow:0 5px 10px #00000026}.chatroom-stage>.sound-header .participants{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:200px}.chatroom-stage>.sound-header:before{content:"";border-radius:inherit;z-index:2;background:#00020dbf;width:100%;height:100%;position:absolute;top:0;left:0}.chatroom-stage>.sound-header .close{z-index:10;color:#fff;background:#ee0202;border-radius:4px;justify-content:center;align-items:center;gap:.5em;padding:.5em 1em;font-size:16px;transition:all .3s;display:flex;position:absolute;bottom:1.5em;right:1.5em}.chatroom-stage>.sound-header .close:hover{opacity:.5}.chatroom-stage>.sound-header .close .iconify{width:22px;height:20px}.chatroom-stage>.sound-header .time{z-index:10;background-color:#080808;border-radius:100px;align-items:center;gap:.3em;padding:.25em .5em;display:inline-flex;position:absolute;bottom:20%;right:14%}.chatroom-stage>.sound-header .time .live-clock{color:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:0 .6rem;display:inline-flex}.chatroom-stage>.sound-header .time p{color:#fff}.chatroom-stage>.sound-header .time .iconify{background:linear-gradient(269deg,#ff1e4f -25.1%,#b642e0 35.55%,#0290e6 95.85%);width:22px;height:20px}@media (width<=1600px){.chatroom-stage>.sound-header .time{right:16%}}@media (width<=1300px){.chatroom-stage>.sound-header .time{right:20%}}@media (width<=1100px){.chatroom-stage>.sound-header .time{right:22%}}.chatroom-stage>div{box-sizing:border-box;box-shadow:0 5px 20px #00000026}.chatroom-stage>.live-stage,.chatroom-stage>div{height:calc(100vh - 280px);display:grid;overflow:hidden}.chatroom-stage>.live-stage{grid-template-rows:auto auto 1fr auto}.chatroom-stage>.chatrooms{grid-area:2/2;grid-template-rows:1fr auto}.participants__record-interface{z-index:8;width:100%;display:inline-block;position:absolute;bottom:15%;left:3%}.participants__record-interface .record-interface{align-items:center;gap:.5em;display:flex}.participants__record-interface select{border:1px solid gray;border-radius:5px;width:24%;margin-left:1em;padding:.45em;font-size:14px;box-shadow:0 5px 5px #00000012}.participants__record-interface .info-tip{color:#e0e0e0;cursor:pointer;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;position:relative}.participants__record-interface .info-tip__icon{width:20px;height:20px}.participants__record-interface .info-tip:after{content:attr(data-tip);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;z-index:1000;pointer-events:none;background:#333;border-radius:6px;padding:4px 10px;font-size:13px;transition:opacity .2s;position:absolute;bottom:-165%;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #0000002e}.participants__record-interface .info-tip:hover:after{opacity:1;visibility:visible}.live{z-index:60;gap:.75rem;padding:2.5em 3.5em 0;font-size:16px}.live,.live__badge{color:#fff;align-items:center;display:inline-flex;position:relative}.live__badge{background:#e5165b;border-radius:4px;gap:.5em;height:30px;padding:0 .6em;font-size:14px;font-weight:500;line-height:1}.live__badge:before{background:#fff}.live__badge:after,.live__badge:before{content:"";border-radius:50%;width:8px;height:8px}.live__badge:after{animation:1.6s ease-out infinite live-pulse;position:absolute;left:.6em;box-shadow:0 0 #fff9}.live__title{letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:500;overflow:hidden}.chatroom-stage>.live-stage{border-radius:0 0 0 10px}.chatroom-stage>.live-stage .participants{z-index:99;background-color:#ddd;background-position:50%;background-size:cover;height:12em;position:relative;box-shadow:0 5px 5px #00000026}.chatroom-stage>.live-stage .participants .close{z-index:10;color:#fff;background:#ee0202;border-radius:4px;justify-content:center;align-items:center;gap:.5em;padding:.5em 1em;font-size:16px;transition:all .3s;display:flex;position:absolute;bottom:1.5em;right:1em}.chatroom-stage>.live-stage .participants .close:hover{opacity:.5}.chatroom-stage>.live-stage .participants .close .iconify{width:22px;height:20px}.chatroom-stage>.live-stage .participants .inner{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.chatroom-stage>.live-stage .participants .participant{background-color:#eee;background-size:cover;border:.25em solid #fff;border-radius:50%;width:128px;height:128px;margin-left:1em;margin-right:1em;display:inline-block;position:relative}.chatroom-stage>.live-stage .participants .participant.talk:after{animation-delay:0s}.chatroom-stage>.live-stage .participants .participant.talk:after,.chatroom-stage>.live-stage .participants .participant.talk:before{opacity:0;content:"";z-index:-1;border:8px solid #0003;border-radius:100%;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;animation-name:ripple;animation-duration:3s;animation-timing-function:cubic-bezier(.65,0,.34,1);animation-iteration-count:infinite;display:flex;position:absolute;inset:-8px 0 0 -8px}.chatroom-stage>.live-stage .participants .participant.talk:before{animation-delay:.5s}.chatroom-stage>.live-stage .participants .participant img{-o-object-fit:cover;object-fit:cover;background:linear-gradient(90deg,#ed4264,#ffedbc,#ed4264) 0 0/800px 100px;border-radius:50%;width:100%;height:100%;animation:1.5s ease-out 6 wave-lines;display:block;overflow:hidden}.chatroom-stage>.live-stage .record-interface{z-index:90;align-items:center;gap:1em;padding:.75em 2.5em;display:flex;position:relative;box-shadow:0 5px 5px #00000026}.chatroom-stage>.live-stage .record-interface .btn.disabled{cursor:not-allowed;background:#0003!important}.chatroom-stage>.live-stage .record-interface select{border:1px solid gray;border-radius:5px;width:50%;margin-left:1em;padding:.35em;font-size:14px;box-shadow:0 5px 5px #00000026}.chatroom-stage>.live-stage .record-interface select:disabled{opacity:.5}.chatroom-stage>.live-stage .chatroom-participants{background:url(../images/chatrooms/bg_room.jpg) 50%/cover no-repeat;border-radius:0 0 0 10px;grid-row:3;padding:1em 3em;overflow-y:auto}.chatroom-stage>.live-stage .chatroom-participants .header{justify-content:space-between;align-items:center;margin-bottom:.75em;display:flex}.chatroom-stage>.live-stage .chatroom-participants .summary{color:#fff;background:#000;border-radius:999px;align-items:center;gap:.5em;padding:.25em .75em;font-size:14px;display:inline-flex;position:relative}.chatroom-stage>.live-stage .chatroom-participants .summary .iconify{background:linear-gradient(269deg,#ff1e4f -25.1%,#b642e0 35.55%,#0290e6 95.85%);width:20px;height:20px}.chatroom-stage>.live-stage .chatroom-participants .summary .summary-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:999;background:#424242;border-radius:6px;padding:.5em 1em;transition:opacity .2s ease-in-out;position:absolute;top:calc(85% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 6px 16px #0000002e}.chatroom-stage>.live-stage .chatroom-participants .summary .summary-tooltip:before{content:"";opacity:0;z-index:11;background:#424242;width:10px;height:10px;transition:opacity .2s ease-in-out;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.chatroom-stage>.live-stage .chatroom-participants .summary:hover .summary-tooltip,.chatroom-stage>.live-stage .chatroom-participants .summary:hover .summary-tooltip:before{opacity:1}.chatroom-stage>.live-stage .chatroom-participants .search{color:#fff;text-shadow:0 0 10px #0000001a;display:flex;position:relative}.chatroom-stage>.live-stage .chatroom-participants .search form{align-items:center;margin-left:auto;display:flex}.chatroom-stage>.live-stage .chatroom-participants .search a.cancel{color:#9e9e9e;font-size:18px;display:inline-block;position:absolute;top:22%;right:3%}.chatroom-stage>.live-stage .chatroom-participants .search a.cancel:hover{opacity:.8}.chatroom-stage>.live-stage .chatroom-participants .search i{color:#9e9e9e;display:block;position:absolute;right:3%}.chatroom-stage>.live-stage .chatroom-participants .search input{color:#000;background-color:#fff;border-radius:4px;width:15em;margin-left:.5em;margin-right:.25em;padding:.35em 3em .35em 1em;font-size:14px;display:inline-block;box-shadow:0 0 10px #0000001a}.chatroom-stage>.live-stage .chatroom-participants .search input::placeholder{color:#808080ab}.chatroom-stage>.live-stage .chatroom-participants .search a.btn{margin-left:.35em}.chatroom-stage>.live-stage .chatroom-participants .microphone-access-status{z-index:888;font-size:13px;position:absolute;top:0;left:0}.chatroom-stage>.live-stage .chatroom-participants .microphone-access-status.on{background-color:#ff850d;border-radius:10px 0}.chatroom-stage>.live-stage .chatroom-participants .microphone-access-status.on span{color:#fff;padding:.25em .5em;display:inline-block}.chatroom-stage>.live-stage .chatroom-participants .microphone-access-status.on:after{border:1px solid #ff4500;width:700px;height:1000px;position:absolute;left:0}.chatroom-stage>.live-stage .chatroom-participants .microphone-access-status.off{background-color:#9e9e9e;border-radius:10px 0}.chatroom-stage>.live-stage .chatroom-participants .microphone-access-status.off span{color:#fff;text-shadow:0 0 5px #0000001a;padding:.25em .5em;display:inline-block}.chatroom-stage>.live-stage .chatroom-participants .microphone-access-status.off span .iconify{color:#fff}.chatroom-stage>.live-stage .chatroom-participants .system-loading{color:#0003;font-size:24px;display:block}.chatroom-stage>.live-stage .chatroom-participants .system-loading i{margin-right:.5em}.chatroom-stage>.live-stage .chatroom-participants .inner{grid-template-columns:repeat(3,1fr);gap:1em;display:grid}.chatroom-stage>.live-stage .chatroom-participants .user{word-break:break-all;background:#fff;border-radius:10px;padding:1em;transition:background-color .3s;display:flex;position:relative;box-shadow:0 3px 3px #00000026}.chatroom-stage>.live-stage .chatroom-participants .user .meta{grid-template-columns:72px 1fr;align-items:center;display:grid}.chatroom-stage>.live-stage .chatroom-participants .user .meta .avatar{grid-row:1/span 4;width:72px;height:72px}.chatroom-stage>.live-stage .chatroom-participants .user .meta .name{font-weight:500}.chatroom-stage>.live-stage .chatroom-participants .user .meta .role{color:#424242;margin-top:-.5em;font-size:13px}.chatroom-stage>.live-stage .chatroom-participants .user.offline{display:none}.chatroom-stage>.live-stage .chatroom-participants .user.offline .avatar{opacity:.3}.chatroom-stage>.live-stage .chatroom-participants .user.offline .avatar img{filter:grayscale()}.chatroom-stage>.live-stage .chatroom-participants .user.offline .name{opacity:.9}.chatroom-stage>.live-stage .chatroom-participants .user.offline .status-dot{background-color:#ff8381;border:2px solid #fff3;box-shadow:none!important}.chatroom-stage>.live-stage .chatroom-participants .user .inviting{z-index:888;text-align:center;color:#fff;text-shadow:0 0 5px #0000001a;background:linear-gradient(90deg,#ff5f6d,#ffc371);border-radius:5px;width:7em;padding:.25em .5em;font-size:12px;position:absolute;top:5px;left:5px;box-shadow:0 0 5px #0000001a}.chatroom-stage>.live-stage .chatroom-participants .user .more{color:#000;width:22px;height:22px;margin-top:.4em;margin-right:-.1em}.chatroom-stage>.live-stage .chatroom-participants .user .more:hover{opacity:.5}.chatroom-stage>.live-stage .chatroom-participants .user .status-dot{box-sizing:border-box;background-color:#1cd108;border:2px solid #fff3;border-radius:50%;width:12px;height:12px;position:absolute;top:5px;left:5px;box-shadow:0 0 20px #1cd108cc}.chatroom-stage>.live-stage .chatroom-participants .user.STAFF{background:linear-gradient(-43deg,#757f9a,#d7dde8)}.chatroom-stage>.live-stage .chatroom-participants .user.STAFF .name{color:#fff}.chatroom-stage>.live-stage .chatroom-participants .user.BLOCKED_USER{cursor:not-allowed;display:block}.chatroom-stage>.live-stage .chatroom-participants .user.BLOCKED_USER img{opacity:.15;filter:grayscale()}.chatroom-stage>.live-stage .chatroom-participants .user.BLOCKED_USER .name{color:gray;margin-top:-6.3em;margin-left:5.5em;text-decoration:line-through}.chatroom-stage>.live-stage .chatroom-participants .user.highlighted{color:#fff;background-color:#424242}.chatroom-stage>.live-stage .chatroom-participants .user.highlighted .name{color:#fff}.chatroom-stage>.live-stage .chatroom-participants .user.highlighted .more{color:#fff!important}.chatroom-stage>.live-stage .chatroom-participants .user.room-host{transition:all .3s}.chatroom-stage>.live-stage .chatroom-participants .user.room-host.mic-on{position:relative}.chatroom-stage>.live-stage .chatroom-participants .user.room-host:after{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(270deg,#ff1d4e .39%,#ff9d00 95%);border-radius:10px;padding:3px;position:absolute;inset:0 0 -2%;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.chatroom-stage>.live-stage .chatroom-participants .user.mic-on{z-index:0;position:relative}.chatroom-stage>.live-stage .chatroom-participants .user.mic-on:after{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(270deg,#ff1d4e .39%,#ff9d00 95%);border-radius:10px;padding:3px;position:absolute;inset:0 0 -2%;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.chatroom-stage>.live-stage .chatroom-participants .user .controls{z-index:10;gap:12px;margin-top:8px;display:flex;position:absolute;bottom:15%;right:10%}.chatroom-stage>.live-stage .chatroom-participants .user .controls .iconify{font-size:24px}.chatroom-stage>.live-stage .chatroom-participants .user .controls .ctrl{color:#616161;cursor:pointer;background:#fff;border:1px solid #9e9e9e;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform 60ms,box-shadow .2s,background .2s;display:inline-flex;position:relative}.chatroom-stage>.live-stage .chatroom-participants .user .controls .ctrl:hover{opacity:.7}.chatroom-stage>.live-stage .chatroom-participants .user .controls .ctrl:after{content:attr(data-tooltip);color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#000;border-radius:4px;margin-top:8px;padding:4px 8px;font-size:12px;transition:opacity .2s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.chatroom-stage>.live-stage .chatroom-participants .user .controls .ctrl:hover:after{opacity:1}.chatroom-stage>.live-stage .chatroom-participants .user .controls .ctrl:disabled{opacity:.5;cursor:not-allowed;border-color:#ddd}.chatroom-stage>.live-stage .chatroom-participants .user .controls .ctrl:disabled:after{display:none}.chatroom-stage>.live-stage .chatroom-participants .user .controls .ctrl--listener.active,.chatroom-stage>.live-stage .chatroom-participants .user .controls .ctrl.active{color:#fff;background:#00be39;border:none}.chatroom-stage>.live-stage .chatroom-participants .user .btn-config{color:#0003;transition:color .3s;position:absolute;top:.45em;right:.45em}.chatroom-stage>.live-stage .chatroom-participants .user .api-connecting{z-index:999;color:#555;background-color:#aaaaaa80;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.chatroom-stage>.live-stage .chatroom-participants .user .api-connecting.done{color:#fff;background-color:#43a047cc;border-radius:10px}.chatroom-stage>.live-stage .chatroom-participants .user .api-connecting.error{color:#fff;background-color:#f44336cc;border-radius:10px}.chatroom-stage>.live-stage .chatroom-participants .user .api-connecting i{font-size:32px}.chatroom-stage>.live-stage .chatroom-participants .user .api-connecting span{margin-top:.5em;font-size:15px}.chatroom-stage>.live-stage .chatroom-participants .user .name{box-sizing:border-box;word-break:break-all;color:#000;margin-top:-.2em;margin-bottom:.5em;font-size:13px;font-weight:500;overflow:hidden}.chatroom-stage>.live-stage .chatroom-participants .user .hand-up{z-index:888;color:#fff;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.chatroom-stage>.live-stage .chatroom-participants .user .hand-up img{-o-object-fit:cover;object-fit:cover;width:56px;height:56px}.chatroom-stage>.live-stage .chatroom-participants .user .be-a-talker{z-index:880;color:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:32px;display:flex;position:absolute;overflow:hidden}.chatroom-stage>.live-stage .chatroom-participants .user .be-a-talker img{-o-object-fit:contain;object-fit:contain;width:56px;height:56px}.chatroom-stage>.live-stage .chatroom-participants .user .menu{z-index:900;background:#fff;border-radius:8px;grid-template-rows:auto 1fr;width:50%;display:grid;position:absolute;top:35%;left:68%;overflow:hidden}.chatroom-stage>.live-stage .chatroom-participants .user .menu .close a{background-color:#e2544d;padding:.1em}.chatroom-stage>.live-stage .chatroom-participants .user .menu .btns{border-radius:10px}.chatroom-stage>.live-stage .chatroom-participants .user .menu .btns a{border-top:2px solid #fff}.chatroom-stage>.live-stage .chatroom-participants .user .menu a{letter-spacing:2px;color:#fff;text-align:center;background-color:#000000b3;font-size:13px;transition:background-color .3s;display:block}.chatroom-stage>.live-stage .chatroom-participants .user .menu a:hover{background-color:#e2544d}.chatroom-stage>.live-stage .chatroom-participants .user .avatar{box-sizing:border-box;text-align:center;width:72px;height:72px;margin-bottom:.5em;position:relative}.chatroom-stage>.live-stage .chatroom-participants .user .avatar.talk:after{animation-delay:0s}.chatroom-stage>.live-stage .chatroom-participants .user .avatar.talk:after,.chatroom-stage>.live-stage .chatroom-participants .user .avatar.talk:before{opacity:0;content:"";z-index:-1;border:8px solid #0003;border-radius:100%;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;animation-name:ripple;animation-duration:3s;animation-timing-function:cubic-bezier(.65,0,.34,1);animation-iteration-count:infinite;display:flex;position:absolute;inset:-8px 0 0 -8px}.chatroom-stage>.live-stage .chatroom-participants .user .avatar.talk:before{animation-delay:.5s}.chatroom-stage>.live-stage .chatroom-participants .user .avatar.room-host:after,.chatroom-stage>.live-stage .chatroom-participants .user .avatar.room-host:before{border-color:#ff66ab69!important}.chatroom-stage>.live-stage .chatroom-participants .user .avatar img{-o-object-fit:cover;object-fit:cover;background:linear-gradient(90deg,#ed4264,#ffedbc,#ed4264) 0 0/800px 100px;border-radius:10px;width:56px;height:56px;animation:1.5s ease-out 6 wave-lines;display:block;overflow:hidden}.chatroom-stage>.chatrooms{background-color:#fff;background-image:linear-gradient(#f6f6f6 1.3px,#0000 0),linear-gradient(90deg,#f6f6f6 1.3px,#fff 0);background-size:26px 26px;border-radius:0 0 10px;position:relative}.chatroom-stage>.chatrooms>.messages{max-height:100%;margin-top:3em;overflow-y:auto}.chatroom-stage>.chatrooms>.messages .message{margin-top:.5em;margin-bottom:.5em}.chatroom-stage>.chatrooms>.messages .message.system-notice{text-align:center;margin-top:1em;margin-bottom:1em;padding-left:1em;padding-right:1em}.chatroom-stage>.chatrooms>.messages .message.system-notice span{opacity:.8;color:#fff;text-shadow:0 5px 5px #00000026;background:linear-gradient(90deg,#536976,#292e49);border-radius:5px;align-items:center;padding:.5em 1em;display:inline-flex}.chatroom-stage>.chatrooms>.messages .message.system-notice span img{-o-object-fit:cover;object-fit:cover;background:linear-gradient(90deg,#ed4264,#ffedbc,#ed4264) 0 0/800px 100px;border-radius:50%;width:32px;height:32px;margin-right:.5em;animation:1.5s ease-out 6 wave-lines}.chatroom-stage>.chatrooms>.messages .message.user-message.room-host .text span{color:#fff;text-shadow:0 2px 5px #00000026;background:#f56426}.chatroom-stage>.chatrooms>.messages .message.user-message.left{grid-template-columns:50px 1fr;display:grid}.chatroom-stage>.chatrooms>.messages .message.user-message.left .text{padding:0 3em 0 0}.chatroom-stage>.chatrooms>.messages .message.user-message.left .text .name{text-align:left;padding-left:.25em;font-weight:500}.chatroom-stage>.chatrooms>.messages .message.user-message.right{grid-template-columns:1fr 50px;display:grid}.chatroom-stage>.chatrooms>.messages .message.user-message.right .loading-icon{color:#80808080;margin-right:.5em}.chatroom-stage>.chatrooms>.messages .message.user-message.right .error-icon{color:#f44336;margin-right:.5em}.chatroom-stage>.chatrooms>.messages .message.user-message.right .ok-icon{color:#8bc34a;margin-right:.5em}.chatroom-stage>.chatrooms>.messages .message.user-message.right .text{text-align:right;padding:0 0 0 3em}.chatroom-stage>.chatrooms>.messages .message.user-message.right .text .name{text-align:right;padding-right:.25em}.chatroom-stage>.chatrooms>.messages .message.donate-message{background-image:url(../images/chatrooms/donate.png);background-repeat:no-repeat;background-size:cover;border-radius:10px;width:85%;margin:0 auto .5em;padding:1em}.chatroom-stage>.chatrooms>.messages .message.donate-message .donate{color:#fff;align-items:center;display:flex}.chatroom-stage>.chatrooms>.messages .message.donate-message .avatar{border:1px solid #fff;border-radius:50%;width:24px;height:24px;margin-right:.5em}.chatroom-stage>.chatrooms>.messages .message.donate-message .coin{color:#fff;align-items:center;margin-left:auto;font-weight:700;display:flex}.chatroom-stage>.chatrooms>.messages .message.donate-message .coin strong{margin-right:.5em}.chatroom-stage>.chatrooms>.messages .message.donate-message .donate-icon{-o-object-fit:cover;object-fit:cover;width:30px;height:30px;margin-right:.5em}.chatroom-stage>.chatrooms>.messages .message .avatar{text-align:center}.chatroom-stage>.chatrooms>.messages .message .avatar span{background-color:#f0f0f0;border:2px solid #ddd;border-radius:50%;width:32px;height:32px;display:inline-block}.chatroom-stage>.chatrooms>.messages .message .avatar img{-o-object-fit:cover;object-fit:cover;background:linear-gradient(90deg,#ed4264,#ffedbc,#ed4264) 0 0/800px 100px;border:2px solid #fff;border-radius:50%;width:32px;height:32px;animation:1.5s ease-out 6 wave-lines;display:inline-block}.chatroom-stage>.chatrooms>.messages .message .text .name{margin-bottom:.25em}.chatroom-stage>.chatrooms>.messages .message .text span{color:#212121;text-align:justify;background-color:#ddd;border-radius:1em;padding:.5em 1em;display:inline-block;box-shadow:0 3px 5px #00000026}.chatroom-stage>.chatrooms>.tabs{z-index:10;background-color:#e0e0e0;width:100%;display:flex;position:absolute}.chatroom-stage>.chatrooms>.tabs button{color:#333;cursor:pointer;background:#e0e0e0;border:none;outline:none;flex:0 0 110px;padding:1em 0;font-size:14px;font-weight:500;transition:all .3s;position:relative}.chatroom-stage>.chatrooms>.tabs button.active{color:#ff1d4e;background:#fff;font-weight:500}.chatroom-stage>.chatrooms>.tabs button.active:after{content:"";background:linear-gradient(90deg,#ff7e00,#ff0e0e);border-radius:2px 2px 0 0;width:100%;height:3px;position:absolute;bottom:0;left:0}.chatroom-stage>.chatrooms>.donations-overlay{z-index:3;background:#ffffffe6;border-radius:8px 0 0;position:absolute;inset:40px 0 81px;overflow-y:auto}.chatroom-stage>.chatrooms>.donations-overlay .donations-list{margin-top:1.5em;padding-left:2em}.chatroom-stage>.chatrooms>.donations-overlay .donations-list .null{font-weight:500}.chatroom-stage>.chatrooms>.donations-overlay .donations-list h1{color:#000;font-size:10em}.chatroom-stage>.chatrooms>.donations-overlay .donations-list .donation-detail{background-color:#eee;border:2px solid #e0e0e0;border-radius:10px;align-items:center;width:85%;margin-top:.5em;margin-bottom:.5em;padding:.5em .7em;font-size:14px;display:flex}.chatroom-stage>.chatrooms>.donations-overlay .donations-list .donation-detail .time{margin-right:.5em}.chatroom-stage>.chatrooms>.donations-overlay .donations-list .donation-detail .avatar{border:1px solid #fff;border-radius:50%;width:28px;height:28px;margin-right:.5em}.chatroom-stage>.chatrooms>.donations-overlay .donations-list .donation-detail .amount{align-items:center;margin-left:auto;font-weight:500;display:flex}.chatroom-stage>.chatrooms>.donations-overlay .donations-list .donation-detail .amount .coin{-o-object-fit:cover;object-fit:cover;width:30px;height:30px;margin-right:.5em}.chatroom-stage>.chatrooms>.donations-overlay .donations-list .donation-detail .amount strong{color:#ff1d4e;margin-right:.2em}.chatroom-stage>.chatrooms>.input{background:#9e9e9e;border-radius:0 0 10px;padding:1.25em 1em;position:relative}.chatroom-stage>.chatrooms>.input input{background-color:#fff;border-radius:10px;width:100%;padding:.75em;font-size:14px;box-shadow:0 5px 10px #00000026}.chatroom-stage>.chatrooms>.input input::placeholder{color:#ccc}.chatroom-stage>.chatrooms>.input .btns{position:absolute;bottom:27%;right:5%}.chatroom-stage>.chatrooms>.input .btns a{color:#fff;background:linear-gradient(270deg,#ff1d4e .39%,#feb139 111.07%);border-radius:10px;margin-right:.5em;padding:.15em;box-shadow:0 0 5px #00000026}.chatroom-stage>.chatrooms>.input .btns a .iconify{width:25px;height:25px}.chatroom-stage>.chatrooms>.input .btns a:hover{opacity:.5;color:#fff;background-color:#555!important}.data-not-found{-webkit-user-select:none;user-select:none;text-align:center;padding-top:2em;padding-bottom:2em}.data-not-found .buttons{margin-top:2em}.data-not-found .icon{color:#3e8edf99;font-size:72px}.data-not-found .icon i+i{color:#3e8edf;margin-left:.1em}.data-not-found .message{color:#666;letter-spacing:1.5px;margin-top:.5em;font-size:16px}.data-not-found .message img{-o-object-fit:cover;object-fit:cover;width:100%}.data-table{flex-direction:column;display:flex}.data-table--padding{padding:1em 2.5em}.data-table .table-null{width:100%;height:100%}.data-table .table-null img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.data-table--top{margin-top:4em}.data-table__row{border-radius:10px;align-items:center;gap:1em;padding:1.5em;display:grid;position:relative}.data-table__row:not(:first-child,:last-child):after{content:"";border-bottom:1px dashed #ddd;height:1px;position:absolute;bottom:0;left:.5em;right:.5em}.data-table__row:hover{background-color:#fafafa}.data-table__row:nth-child(odd):not(.data-table__row--notifications){background-color:#f5f5f5}.data-table__row:nth-child(odd):not(.data-table__row--notifications):hover{background-color:#fafafa}.data-table__row:first-child{background-color:#eee}.data-table__row:first-child:hover{background:#eee}.data-table__row.unread{background-color:#f0f8ff}.data-table__row.unread:hover{background-color:#e6f2ff}.data-table__row:last-child{margin-bottom:1em}.data-table__row--head:first-of-type,.data-table__row:last-of-type{border-bottom:none}.data-table__row--head{color:#424242;background:#eee;border-radius:10px;margin-bottom:1em;font-weight:500}.data-table__row--cursor{cursor:pointer}.data-table__row--episodes{text-align:center;grid-template-columns:.5fr .5fr 1.5fr repeat(5,1fr)}.data-table__row--episodes-analytics{text-align:center;grid-template-columns:repeat(5,1fr)}.data-table__row--live-analytics{text-align:center;grid-template-columns:.5fr 1fr repeat(3,1fr)}.data-table__row--notifications{text-align:left;grid-template-columns:1.5fr 4fr 2fr}.data-table__row--liveSupport,.data-table__row--program,.data-table__row--ticket{grid-template-columns:2fr 2.5fr 1.5fr 1.5fr}.data-table__row--oneTime{grid-template-columns:2fr 1.5fr 1fr 4fr}.data-table__row--episode{grid-template-columns:2fr 2.5fr 1.5fr 1fr 3fr}.data-table__row--withdraw{text-align:center;grid-template-columns:repeat(5,1fr)}.data-table__cell{min-width:0}.data-table__cell--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5em;display:flex}.data-table__cell--sortable:hover,.data-table__cell--sortable:hover .iconify{color:#ff1d4e}.data-table__cell .data-table__coin{-o-object-fit:cover;object-fit:cover;background-repeat:no-repeat;width:16px;height:16px;margin-right:4px;transform:translateY(12%)}.data-table__text{text-overflow:ellipsis;overflow-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.data-table__link{color:#1f86ff;cursor:pointer;display:inline-block}.data-table__link:hover{opacity:.8}.data-table__link:active{transform:translateY(5%)}.data-table__pagination-bar{color:#616161;align-items:center;padding:1em 0 0;font-size:14px;display:flex}.data-table__content{font-weight:500}.data-table__content:hover,.data-table__content:hover .iconify{color:#ff1d4e;cursor:pointer}.data-table__status{justify-content:center;align-items:center;padding:4px 16px 4px 28px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.data-table__status.published{color:#008134;background:#edfff4;border:1px solid #008134}.data-table__status.published:before{content:"";background-color:#008134;border-radius:50%;width:8px;height:8px;display:inline-block;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.data-table__status.private{color:#424242;background:#f5f5f5;border:1px solid #9e9e9e}.data-table__status.private:before{content:"";background-color:#424242;border-radius:50%;width:8px;height:8px;display:inline-block;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.data-table__status.schedule{color:#f40;background:#fff3e7;border:1px solid #f40}.data-table__status.schedule:before{content:"";background-color:#f40;border-radius:50%;width:8px;height:8px;display:inline-block;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.data-table__status.blocked{color:#c00;background:#ffe8e8;border:1px solid #c00}.data-table__status.blocked:before{content:"";background-color:#c00;border-radius:50%;width:8px;height:8px;display:inline-block;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.data-table__title--ellipsis{vertical-align:middle;text-overflow:ellipsis;max-width:100%;display:inline-block}.data-table__title--flex{text-align:left;align-items:center;gap:1em;min-width:0;display:flex}.data-table .iconify{color:#424242;font-size:14px}.data-table img{border-radius:4px;width:48px;height:48px}.purchased{overflow:hidden}.purchased__banner{background:url(../images/decorations/bg_form_title.png) top no-repeat;border-radius:10px 10px 0 0;height:128px;padding:2em 2.5em}.purchased__title{color:#fff;font-size:24px;font-weight:500}.purchased__subtitle{color:#fff;margin-top:4px}.purchased__content{background-color:#fff;border-radius:10px;width:100%;height:100%;box-shadow:0 1px 10px #00000026}.purchased__grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:1.5em 2.5em;display:grid}.purchased__item{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;align-items:center;gap:16px;padding:1em;display:flex}.purchased__item img{border-radius:4px;width:72px;height:72px}.purchased__item__name{color:#212121;font-weight:500}.purchased__empty{margin-left:1em;padding:1.5em}.purchased__pagination{padding:1em 2.5em 2em}.profile-page .avatar-upload{margin-bottom:1em}.profile-page .avatar-upload .error-message{color:#f66;align-items:center;margin-top:.5em;font-size:14px;font-weight:700;display:flex}.profile-page .avatar-upload .error-message .iconify{width:24px;margin-right:.25em;font-size:20px}.profile-page .avatar-upload .image{width:132px;height:132px;position:relative}.profile-page .avatar-upload .image a{color:#fff;background:linear-gradient(90deg,#eb3349,#f45c43);border-radius:1em;padding:.5em .75em;font-size:13px;transition:opacity .3s;position:absolute;bottom:.5em;right:-1em;box-shadow:0 0 10px #0000001a}.profile-page .avatar-upload .image a:hover{opacity:.9}.profile-page .avatar-upload .image img{-o-object-fit:cover;object-fit:cover;background:linear-gradient(90deg,#ed4264,#ffedbc,#ed4264) 0 0/800px 100px;border:2px solid #fff;border-radius:50%;width:120px;height:120px;animation:1.5s ease-out 6 wave-lines;box-shadow:0 0 10px #0000001a}.profile-page .avatar-upload .hidden{width:1px;height:1px;overflow:hidden}.profile-page .avatar-upload .hidden input{opacity:0}.my-chatrooms .chatrooms-list{padding:0 2.5em}.my-chatrooms__wrap{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 5px #0000000d}.my-chatrooms .chatrooms-list>.inner{grid-template-columns:repeat(4,1fr);gap:1em;margin-top:1.5em;padding-bottom:1.5em;display:grid}.my-chatrooms .chatrooms-list>.inner>.chatroom{background-color:#fff;border:1px solid #bdbdbd;border-radius:.6em;width:100%;overflow:hidden}.my-chatrooms .chatrooms-list>.inner>.chatroom.AVAILABLE .status{background:#ff1d4e;align-items:center;gap:.3em;display:flex;top:7%;left:3%}.my-chatrooms .chatrooms-list>.inner>.chatroom.AVAILABLE .status:before{content:"";background:#fff;border-radius:50%;width:8px;height:8px}.my-chatrooms .chatrooms-list>.inner>.chatroom.AVAILABLE .status:after{content:"";border-radius:50%;width:8px;height:8px;animation:1.6s ease-out infinite live-pulse;position:absolute;left:13.5%;box-shadow:0 0 #fff9}@keyframes live-pulse{0%{box-shadow:0 0 #fff9}to{box-shadow:0 0 0 10px #fff0}}.my-chatrooms .chatrooms-list>.inner>.chatroom.NOT_YET_OPEN .status{background:#c00;top:7%;left:3%}.my-chatrooms .chatrooms-list>.inner>.chatroom.SCHEDULED .status{background:#1f86ff;top:7%;left:3%}.my-chatrooms .chatrooms-list>.inner>.chatroom.CLOSED .status{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;display:flex}.my-chatrooms .chatrooms-list>.inner>.chatroom>a{color:#333;transition:opacity .3s;display:block}.my-chatrooms .chatrooms-list>.inner>.chatroom>a:hover{opacity:.5}.my-chatrooms .chatrooms-list>.inner>.chatroom .banner{background:linear-gradient(90deg,#ed4264,#ffedbc,#ed4264) 0 0/800px 100px;animation:1.5s ease-out 6 wave-lines;position:relative;overflow:hidden}.my-chatrooms .chatrooms-list>.inner>.chatroom .banner span{color:#fff;padding:.25em .75em;font-size:15px;position:absolute;box-shadow:0 0 10px #00000026}.my-chatrooms .chatrooms-list>.inner>.chatroom .banner span.name{background:#485563b9;border-bottom-right-radius:.5em;top:0;left:0}.my-chatrooms .chatrooms-list>.inner>.chatroom .banner img{-o-object-fit:cover;object-fit:cover;opacity:0;width:100%;height:9em;transition:opacity .3s ease-in;display:block}.my-chatrooms .chatrooms-list>.inner>.chatroom .banner img.loaded{opacity:1}.my-chatrooms .chatrooms-list>.inner>.chatroom .info{padding:.5em .75em 1em 1.25em}.my-chatrooms .chatrooms-list>.inner>.chatroom .info span.type{color:#000;border-radius:4px;margin-right:.75em;padding:0 8px;bottom:0;right:0}.my-chatrooms .chatrooms-list>.inner>.chatroom .info span.type.paid{background:#feb139}.my-chatrooms .chatrooms-list>.inner>.chatroom .info span.type.free{background:#90dede}.my-chatrooms .chatrooms-list>.inner>.chatroom .meta{border-top:1px solid #bdbdbd}.my-chatrooms .chatrooms-list>.inner>.chatroom .meta h1{color:#616161;letter-spacing:2px;padding:1em;font-size:14px}.my-chatrooms .chatrooms-list>.inner>.chatroom .title{letter-spacing:2px;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;overflow:hidden;padding-bottom:.55em!important}.my-chatrooms .chatrooms-list>.inner>.chatroom .user-count{color:#212121;padding:.5em .3em;font-size:14px;display:inline-block}.my-chatrooms .chatrooms-list>.inner>.chatroom .user-count i{color:#757575}.my-chatrooms .chatrooms-list>.inner>.chatroom .participants{align-items:center;display:flex}.my-chatrooms .chatrooms-list>.inner>.chatroom .participants .avatar{background:linear-gradient(90deg,#ed4264,#ffedbc,#ed4264) 0 0/800px 100px;border:2px solid #fff;border-radius:50%;width:32px;height:32px;margin-left:-.5em;animation:1.5s ease-out 6 wave-lines;display:inline-block;overflow:hidden;box-shadow:0 0 10px #0000001a}.my-chatrooms .chatrooms-list>.inner>.chatroom .participants img{-o-object-fit:cover;object-fit:cover;opacity:0;width:32px;height:32px;transition:opacity .3s ease-in}.my-chatrooms .chatrooms-list>.inner>.chatroom .participants img.loaded{opacity:1}.my-chatrooms__select{color:#424242;background-color:#fff;border:1px solid #bdbdbd;border-radius:4px;width:100%;max-width:240px;height:40px;font-size:14px}.my-chatrooms__header{color:#fff;background:url(../images/decorations/bg_form_title_with_button.png) top/cover no-repeat;border-radius:10px 10px 0 0;justify-content:space-between;align-items:end;gap:2em;height:140px;padding:2em 2.5em;display:flex}.my-chatrooms__horizontal{width:100%}.my-chatrooms__horizontal--right{justify-content:end;align-items:center;gap:1em;display:flex}.my-chatrooms__banner{color:#fff;background:url(../images/decorations/bg_form_instant.jpg) top/cover no-repeat;border-radius:10px;justify-content:space-between;align-items:end;gap:2em;height:140px;margin-bottom:1.5em;padding:2em 2.5em;display:flex}.my-chatrooms__title{color:#fff;font-size:24px;font-weight:500}.my-chatrooms__subtitle{color:#fff;margin-top:4px}.my-chatrooms__item{align-items:center;gap:1.5em;display:flex;position:relative}.my-chatrooms__item:first-child:after{content:"";background:url(../images/decorations/x.png) 0 0/contain no-repeat;width:20px;height:20px;margin-left:1.5em}.my-chatrooms__item:nth-child(2):after{content:"";background:url(../images/decorations/=.png) 0 0/contain no-repeat;width:20px;height:15px;margin-left:1.5em;transform:translateY(15%)}.my-chatrooms__item:nth-child(3){flex:auto;min-width:200px}.my-chatrooms__item:nth-child(4){flex:0 0 160px}.my-chatrooms__icon{flex-shrink:0;width:72px;height:72px}.my-chatrooms__text{flex-direction:column;justify-content:center;display:flex}.my-chatrooms__label{color:#fff;font-size:18px}.my-chatrooms__value{font-size:32px}.my-chatrooms__value .my-chatrooms__unit{margin-left:1em;font-size:16px;font-weight:400}.my-chatrooms__btn{cursor:pointer;color:#000;background-color:#fafafa;border:none;border-radius:4px;align-items:center;gap:.3em;padding:.5em 1em;font-size:18px;font-weight:500;display:flex}.my-chatrooms__btn:hover{opacity:.95}.my-chatrooms__btn .iconify{font-size:20px}.my-chatrooms .pagination{padding:1em 3em 2em}.announcements{position:relative}.announcements:before{content:"";z-index:-1;background-image:url(../images/home/img_home.jpg);background-repeat:no-repeat;width:100vw;height:150px;position:absolute;top:-35px;left:-160px;right:0}@media (width<=977px){.announcements:before{margin-top:2.5em}}.announcements .stats-overview{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.announcements .stats-overview__item{background-color:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin-top:5em;padding:30px 40px;display:flex;box-shadow:0 4px 6px #0000001a}.announcements .stats-overview__item:hover .stats-overview__arrow{opacity:.6}.announcements .stats-overview__icon img{width:72px;height:72px;display:block}.announcements .stats-overview__info{flex-grow:1;margin-top:-5px;margin-left:24px}.announcements .stats-overview__title{color:#212121;font-size:24px;font-weight:500}.announcements .stats-overview__title strong{color:#616161;margin-left:5px;font-size:14px;font-weight:400}.announcements .stats-overview__desc{color:#616161;font-size:16px}.announcements .stats-overview__count{color:#212121;font-size:24px;font-weight:500}.announcements .stats-overview__count strong{color:#616161;margin-left:5px;font-size:14px;font-weight:400}.announcements .stats-overview__arrow{color:#757575;cursor:pointer;font-size:32px;transition:opacity .2s ease-in-out}.announcements__header{color:#fff;background:url(../images/decorations/bg_form_title_with_button.png) top/cover no-repeat;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;gap:2em;height:140px;margin-top:1.5em;padding:2em 2.5em;display:flex}.announcements__title{color:#fff;font-size:24px;font-weight:500}.announcements__subtitle{color:#fff;margin-top:4px}.announcements__list{background:#fff;border-radius:0 0 10px 10px;padding:1.5em 2.5em;overflow:hidden;box-shadow:0 4px 6px #0000001a}.announcements__cards-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1em;margin-bottom:1.5em;display:grid}.announcements__card{transition:transform .1s ease-in}.announcements__card:hover{cursor:pointer;opacity:.9;transform:translateY(-.5%)}.announcements__card-item{border:1px solid #bdbdbd;border-radius:10px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.announcements__card-tag{color:#fff;background-color:#ff1d4e;border-radius:5px 0 0;align-items:center;gap:.3em;padding:.3em .5em;font-size:18px;font-weight:700;display:flex;position:absolute}.announcements__card-tag .iconify{font-size:24px}.announcements__card-tag--ANC_SPONSORSHIP_COOPERATION{color:#fff;background-color:#ff1d4e}.announcements__card-tag--ANC_ACTIVITY_NEWS{color:#fff;background-color:#008134}.announcements__card-tag--ANC_THEME_COLLECTION{color:#fff;background-color:#ff723f}.announcements__card-tag--ANC_PLATFORM_ANNOUNCEMENT{color:#fff;background-color:#21a4f3}.announcements__card-tag--ANC_THEME_CURATION{color:#fff;background-color:#b642e0}.announcements__card-tag--ANC_LIVE_BROADCAST_PREVIEW{color:#fff;background-color:#1f86ff}.announcements__card-tag--ANC_HOT_RECOMMENDATION{color:#fff;background-color:#f40}.announcements__card-tag--ANC_UNKNOWN{color:#212121;background-color:#e0e0e0}.announcements__card img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:170px}.announcements__card-info{padding:1em 1.25em 1.25em}.announcements__card-title{color:#212121;letter-spacing:1px;line-clamp:1;-webkit-line-clamp:1;font-weight:500}.announcements__card-desc,.announcements__card-title{text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.announcements__card-desc{color:#616161;letter-spacing:2px;line-clamp:2;-webkit-line-clamp:2;margin-top:8px}.announcements__card-meta{color:#616161;border-top:1px solid #bdbdbd;margin-top:auto;padding:.75em 1.25em 1em;font-size:14px}.login-page,.register-page{-webkit-user-select:none;user-select:none;background:linear-gradient(133deg,#f3f4f5,#ededed);position:relative}.login-page .ornament,.register-page .ornament{z-index:100;width:100vw;height:100vh;position:absolute;overflow:hidden}.login-page .ornament span,.register-page .ornament span{background-size:2px 2px;width:100%;height:100%;display:block;position:absolute}.login-page .ornament img,.login-page .ornament video,.register-page .ornament img,.register-page .ornament video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.login-page .container,.register-page .container{z-index:200;justify-content:center;align-items:center;width:100%;min-height:90vh;display:flex;position:absolute}.login-page .hint,.register-page .hint{color:gray!important}.login-page .system-name,.register-page .system-name{text-align:center;margin-top:2em;margin-bottom:1em}.login-page .system-name .logo,.register-page .system-name .logo{width:95px;margin-bottom:.5em;margin-right:1em}.login-page .system-name h2,.register-page .system-name h2{font-size:24px;font-weight:700}.login-page .dialog,.register-page .dialog{border-radius:1em;overflow:hidden;box-shadow:0 4px 10px #00000026}.login-page .dialog>.inner,.register-page .dialog>.inner{background-color:#fff;width:600px}.login-page .dialog>.register__inner,.register-page .dialog>.register__inner{background-color:#fff;width:750px}.login-page .dialog .tabs,.register-page .dialog .tabs{grid-auto-columns:auto;grid-auto-flow:column;padding:2em;display:grid}.login-page .dialog .tabs>div a,.register-page .dialog .tabs>div a{text-align:center;color:#333;letter-spacing:5px;border-bottom:3px solid #0000000d;padding:.5em;font-size:18px;display:block}.login-page .dialog .tabs>div a.active,.register-page .dialog .tabs>div a.active{color:#ea3c53;border-bottom:3px solid #ea3c53}.login-page .dialog .tabs span,.register-page .dialog .tabs span{color:#212121;padding-left:8px}.login-page .dialog .tabs__img,.register-page .dialog .tabs__img{background-size:contain;width:100%;height:100%}.login-page .dialog .inner-hr,.register-page .dialog .inner-hr{background-color:#e6e6e6;width:100%;height:1px}.login-page .dialog .message,.register-page .dialog .message{color:#f44336;align-items:center;padding:0 5.5em .5em;font-size:16px;display:flex}.login-page .dialog .message .iconify,.login-page .dialog .result-failed .iconify,.register-page .dialog .message .iconify,.register-page .dialog .result-failed .iconify{width:1.25em;margin-right:.25em;font-size:24px}.login-page .dialog .message--register,.register-page .dialog .message--register{padding:0 8.5em 1em}.login-page .dialog .result-failed,.register-page .dialog .result-failed{color:#f44336;align-items:center;margin-bottom:.5em;padding:0 5.5em;display:flex}.login-page .dialog .result-failed--register,.register-page .dialog .result-failed--register{padding:0 0 .5em}.login-page .dialog .success-box,.register-page .dialog .success-box{color:#fff;background-color:#4396e5;border-radius:10px;align-items:center;margin:1em 0 0;padding:1.5em 1em;font-weight:500;display:flex}.login-page .dialog .success-box__icon,.register-page .dialog .success-box__icon{margin-left:1em;margin-right:.5em;font-size:16px}.login-page .dialog .success-box--password,.register-page .dialog .success-box--password{width:71%;margin:0 auto 1em}.login-page .dialog .footer,.register-page .dialog .footer{text-align:center;margin-top:2em;font-size:14px}.login-page .dialog .auth,.register-page .dialog .auth{padding:0 5.5em 1.5em}.login-page .dialog .auth__title,.register-page .dialog .auth__title{color:#212121;letter-spacing:2px;padding-top:40px;padding-bottom:4px;font-size:24px;font-weight:500}.login-page .dialog .auth__subtitle,.register-page .dialog .auth__subtitle{color:#757575;letter-spacing:2px}.login-page .dialog .auth__hr,.register-page .dialog .auth__hr{border-bottom:1px solid #eee}.login-page .dialog .auth--register,.register-page .dialog .auth--register{padding:0 8.5em 1.2em}.login-page .dialog .inputs,.register-page .dialog .inputs{padding:0 5.5em}.login-page .dialog .inputs input,.register-page .dialog .inputs input{color:#333;border:1px solid #ccccccb3;border-radius:5px;width:100%;margin-bottom:1em;padding:.5em 1em;font-size:16px;transition:border-color .3s;box-shadow:inset 0 0 5px #0000001a}.login-page .dialog .inputs input::-moz-placeholder{color:#80808099}.register-page .dialog .inputs input::-moz-placeholder{color:#80808099}.login-page .dialog .inputs input::placeholder,.register-page .dialog .inputs input::placeholder{color:#80808099}.login-page .dialog .inputs input:focus,.register-page .dialog .inputs input:focus{border-color:#3e8edf}.login-page .dialog .inputs input--register,.register-page .dialog .inputs input--register{padding:10em}.login-page .dialog .inputs input--verify,.register-page .dialog .inputs input--verify{padding:8em 1em}.login-page .dialog .inputs--register,.register-page .dialog .inputs--register{padding:0 8.5em}.login-page .dialog .inputs__resend,.register-page .dialog .inputs__resend{color:#9e9e9e;margin-top:-.5em;font-size:12px}.login-page .dialog .inputs__resend-btn,.register-page .dialog .inputs__resend-btn{color:#3e8edf;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.login-page .dialog .inputs__resend-btn:hover,.register-page .dialog .inputs__resend-btn:hover{color:#2a6aaa}.login-page .dialog .input--password,.register-page .dialog .input--password{position:relative}.login-page .dialog .toggle-eye,.register-page .dialog .toggle-eye{cursor:pointer;background:0 0;border:none;padding:0;font-size:1.3em;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-80%)}.login-page .dialog .input--verify input,.login-page .dialog .inputs--password input,.register-page .dialog .input--verify input,.register-page .dialog .inputs--password input{margin-bottom:.5em;padding:.5em .6em;font-size:24px}.login-page .dialog .actions,.register-page .dialog .actions{justify-content:space-between;align-items:center;padding:.1em 5.5em 4em;display:flex}.login-page .dialog .actions--register,.register-page .dialog .actions--register{padding:.1em 8.5em 4em}.login-page .dialog .actions__terms,.register-page .dialog .actions__terms{align-items:center;display:flex}.login-page .dialog .actions__terms input[type=checkbox],.register-page .dialog .actions__terms input[type=checkbox]{accent-color:#ff1d4e;width:1rem;height:1rem}.login-page .dialog .actions__terms a,.register-page .dialog .actions__terms a{color:#0290e6;text-decoration:underline}.login-page .dialog .actions__terms a:hover,.register-page .dialog .actions__terms a:hover{color:#ff1d4e}.login-page .dialog .actions__label,.register-page .dialog .actions__label{letter-spacing:.5px;align-items:center;gap:.5em;font-size:14px;display:flex}.login-page .dialog .actions__buttons,.register-page .dialog .actions__buttons{text-align:right;flex-direction:row-reverse;align-items:center;display:flex}.login-page .dialog .actions__buttons .iconify,.register-page .dialog .actions__buttons .iconify{color:#80808080;margin-right:.5em;font-size:30px}.login-page .dialog .extra-links,.register-page .dialog .extra-links{margin-bottom:.7em;padding:0 6.3em;font-size:14px}.login-page .dialog .extra-links__forgot,.register-page .dialog .extra-links__forgot{color:#212121;position:relative}.login-page .dialog .extra-links__forgot:hover,.register-page .dialog .extra-links__forgot:hover{color:#000}.login-page .dialog .extra-links__forgot:after,.register-page .dialog .extra-links__forgot:after{content:"";background-color:#bdbdbd;width:1px;height:15px;position:absolute;bottom:.1em;left:6.1em}.login-page .dialog .extra-links__register,.register-page .dialog .extra-links__register{color:#ff1d4e;margin-left:1em;text-decoration:underline}.login-page .dialog .extra-links__register:hover,.register-page .dialog .extra-links__register:hover{color:#e61b47}.channel-page .main-container{min-height:0}.channel-page .main-container .auth-header{z-index:1000;background-color:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;width:100%;height:80px;padding:1.5em 2em;display:flex;position:fixed;top:0;left:0}.channel-page .main-container .auth-header .auth-logo img{-o-object-fit:contain;object-fit:contain;width:136px;height:32px}.channel-page__banner{background:url(../images/decorations/bg_form_title.png) top no-repeat;border-radius:10px;height:128px;margin-bottom:1.5em;padding:2em 2.5em;overflow:hidden}.channel-page__banner--with-btn{background:url(../images/decorations/bg_form_title_with_button.png) top no-repeat;overflow-x:hidden}.channel-page__title{color:#fff;font-size:24px;font-weight:500}.channel-page__subtitle{color:#fff;margin-top:4px}.channel-page .banner{z-index:1;background-image:url(../images/channel/img_createvlub.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:105vw;height:198px;margin-top:5em;position:relative;left:50%;transform:translate(-50%,-16%)}.channel-page .step{background-color:#fff;justify-content:center;align-items:center;width:105vw;height:120px;display:flex;position:relative;left:50%;transform:translate(-50%,-26%)}.channel-page .step img{width:calc(clamp(1150px,73.25vw,1300px));height:auto;display:block}.channel-page .full-bg-section{background-image:url(../images/channel/bg_page_channel.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:2800px;margin-top:-2em;position:absolute;left:50%;transform:translate(-50%)}.channel-page .full-bg-section:after{content:"";background:linear-gradient(#fff0,#f5f5f5);width:100%;height:1000px;position:absolute;bottom:0;left:0}.channel-page .content{gap:1.4em;width:100%;margin-top:1em;display:flex}.channel-page .content .channel-preview{background:linear-gradient(#fff,#ffcfb4);border-radius:10px;flex:1.07;height:790px;position:sticky;top:10%}.channel-page .content .channel-preview--gradient{background:linear-gradient(#ffecd2 42.55%,#ffd2c2 99.87%)}.channel-page .content .channel-preview .preview-box{justify-content:center;height:100%;margin-top:1.6em;display:flex}.channel-page .content .channel-preview .preview-box .phone-mockup{border-radius:10px;width:335px;max-width:100%;height:100%;position:relative}.channel-page .content .channel-preview .preview-box .phone-mockup .phone-frame{z-index:1;border-radius:10px;width:100%}.channel-page .content .channel-preview .preview-box .phone-mockup .phone-screen{z-index:3;text-align:center;background-color:#f5f5f5;border-radius:25px;flex-direction:column;justify-content:center;width:86.5%;height:75.3%;display:flex;position:absolute;top:2.1%;left:7%;overflow:hidden;box-shadow:0 2px 8px #00000026}.channel-page .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-content{-o-object-fit:cover;object-fit:cover;background-image:url(../images/channel/mockup/bg_banner_voicer.png);background-position:50%;width:100%;height:87px;position:absolute;top:0}.channel-page .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-content img{-o-object-fit:cover;object-fit:cover;filter:brightness(.8);width:100%;height:159px;position:relative}.channel-page .content .channel-preview .preview-box .phone-mockup .phone-screen h2{color:#fff;text-align:left;letter-spacing:.8px;z-index:100;margin-top:-7px;padding-left:12px;font-size:22px;font-weight:500;position:absolute;bottom:28%}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-avatar{z-index:10;text-align:left;width:100%;padding-left:13px;position:absolute;top:10%}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-avatar:after{content:"";background-color:#eeecea;border-radius:25px;width:64px;height:25px;position:absolute;top:45%;right:5%}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-avatar img{-o-object-fit:cover;object-fit:cover;background-repeat:no-repeat;border:3px solid #fff;border-radius:50%;width:57px;height:57px}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-avatar p{letter-spacing:.8px;color:#616161;font-size:10px;line-height:1.1}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-avatar .bio{width:100%;font-size:14px;position:relative}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-avatar .avatar-content{width:90%}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-avatar .avatar-content h3{color:#ff1d4e;letter-spacing:.8px;align-items:center;font-size:15px;font-weight:500;display:flex}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-avatar .avatar-content p{letter-spacing:.8px;overflow-wrap:break-word;color:#212121;-webkit-box-orient:vertical;max-width:90%;margin-top:4px;font-size:11px;line-height:16.28px;position:absolute}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-avatar .avatar-content svg{width:1em;height:1em;margin-top:2px}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-avatar .avatar-content:after{content:"";background-color:#eeecea;border-radius:8px;width:90%;height:55px;position:absolute;bottom:-140%}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-description{text-align:left;background-color:#fff;width:100%;height:350px;margin-top:290px;padding:13px;position:relative}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-description h3{color:#212121;letter-spacing:.8px;margin-bottom:12px;font-size:14px;font-weight:500}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-description .card-item{background-color:#fff;border-radius:10px;align-items:center;gap:10px;height:30.2%;padding:10px;display:flex;box-shadow:0 1px 15px #0003}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-description .card-item img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:62px;height:62px}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-description .card-item .content{flex-direction:column;margin-top:-25px;display:flex;position:relative}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-description .card-item .content h4{color:#000;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.8px;max-width:21ch;font-size:13px;font-weight:500;overflow:hidden}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-description .card-item .content .category{color:#424242;margin-top:-20px;font-size:12px}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-description .card-item .content .link-arrow{color:#424242;font-size:20px;position:absolute;bottom:-20%;right:0}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-description .card-item .content:after{content:"";background-color:#eeecea;border-radius:1.6px;width:96px;height:16px;position:absolute;bottom:-55%}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-description .ghost-item{position:relative}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-description .ghost-item:before{content:"";background-color:#eeecea;border-radius:1.6px;width:72px;height:16px;position:absolute;top:-30%;left:1%}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-description .ghost-item{background-color:#eeecea;margin-top:50px;box-shadow:0 0 #df0000}.channel-page .content .channel-preview .preview-box .phone-mockup .channel-description .ghost-item:after{content:"";background-color:#eeecea;border-radius:1.6px;width:72px;height:16px;position:absolute;bottom:-35%;left:1%}.channel-page .content .channel-preview .preview-box .hover-content{z-index:1000;background-image:url(../images/channel/mockup/bg_preview_voicer.png);background-position:50%;background-repeat:no-repeat;width:100%;height:371px;transition:bottom .7s ease-in-out;position:absolute;bottom:-100%}.channel-page .content .channel-preview .preview-box .hover-content .details h3{color:#ff1d4e;font-weight:500}.channel-page .content .channel-preview .preview-box .hover-content .details img{-o-object-fit:cover;object-fit:cover;background-repeat:no-repeat;border-radius:50%;width:53px;height:53px;margin-top:.5rem}.channel-page .content .channel-preview .preview-box .hover-content .details h4{color:#616161;padding-top:18px;font-size:10px}.channel-page .content .channel-preview .preview-box .hover-content .details p{letter-spacing:.8px;text-align:start;overflow-wrap:break-word;white-space:normal;color:#212121;width:90%;margin:0 auto;padding-top:3px;font-size:11px;line-height:1.5}.channel-page .content .channel-preview .preview-box .hover-content .social-icon{justify-content:center;gap:16px;display:flex}.channel-page .content .channel-preview .preview-box .hover-content .social-icon img{-o-object-fit:cover;object-fit:cover;width:32px;height:32px}.channel-page .content .channel-preview .preview-box .phone-screen:hover .hover-content{bottom:0}.channel-page .content .channel-preview .preview-box .phone-screen:after{content:"";z-index:999;width:100%;height:100%;transition:background-color .7s ease-in-out;position:absolute;top:0;left:0}.channel-page .content .channel-preview .preview-box .phone-screen:hover:after{background-color:#0000004d}.channel-page .content .detail-wrap{flex-direction:column;flex:2.2;display:flex}.channel-page .content .detail-wrap .channel-details,.channel-page .content .detail-wrap .personal-info{background-color:#fff;border-radius:10px;margin:0 0 24px;box-shadow:0 4px 8px #0000001a}.channel-page .content .detail-wrap .channel-details--padding,.channel-page .content .detail-wrap .personal-info--padding{padding:24px 40px 40px}.channel-page .content .detail-wrap .channel-details .icon-title,.channel-page .content .detail-wrap .personal-info .icon-title{color:#212121;align-items:center;gap:.5rem;font-size:18px;font-weight:500;display:flex;position:relative}.channel-page .content .detail-wrap .channel-details .icon-title--personal-bg,.channel-page .content .detail-wrap .personal-info .icon-title--personal-bg{background-image:url(../images/channel/img_card_profile.png);background-position:100%;background-repeat:no-repeat;background-size:auto 87px;padding:1.5em}.channel-page .content .detail-wrap .channel-details .icon-title--channel-bg,.channel-page .content .detail-wrap .personal-info .icon-title--channel-bg{background-image:url(../images/channel/img_card_channel.png);background-position:100%;background-repeat:no-repeat;background-size:auto 87px;border-radius:10px 10px 0 0;padding:1.5em}.channel-page .content .detail-wrap .channel-details .icon-title .iconify,.channel-page .content .detail-wrap .personal-info .icon-title .iconify{color:#ff1d4e;width:24px;height:24px}.channel-page .content .detail-wrap .channel-details hr,.channel-page .content .detail-wrap .personal-info hr{background-color:#ddd;border:none;height:1px}.channel-page .content .detail-wrap .channel-details .form-group,.channel-page .content .detail-wrap .personal-info .form-group{margin-bottom:1.5rem}.channel-page .content .detail-wrap .channel-details .form-group h2,.channel-page .content .detail-wrap .personal-info .form-group h2{color:#555;margin-bottom:8px;font-weight:700}.channel-page .content .detail-wrap .channel-details .form-group small,.channel-page .content .detail-wrap .personal-info .form-group small{color:#9e9e9e;margin-top:.5rem;font-size:12px;display:block}.channel-page .content .detail-wrap .channel-details .form-group small span,.channel-page .content .detail-wrap .personal-info .form-group small span{padding-left:16px}.channel-page .content .detail-wrap .channel-details--spaced,.channel-page .content .detail-wrap .personal-info--spaced{margin-top:6em}.channel-page .form-actions{float:right;margin-top:0}.channel-page .form-actions a{margin-right:0}.channel-page .form-actions .btn-back{margin-right:1em}.channel-page__section-title{letter-spacing:1px;color:#424242;background:url(../images/decorations/form_title.png) 100%/cover no-repeat;border-radius:4px;align-items:center;height:56px;padding:0 1em;font-size:18px;font-weight:500;display:flex;position:relative}.channel-page__section-title--with-btn{background:url(../images/decorations/form_title_with_button.png) top no-repeat}.channel-page__section-title:before{content:"";background-color:#ff8140;width:2px;height:52px;position:absolute;top:-2px;left:0}.channel-page__section-title--mb{margin-bottom:1em}.channel-page__icon{color:#ff8140;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:.5em;display:inline-flex}.channel-page__icon .iconify{font-size:20px}.channel-page .channel-social{display:flex;position:absolute;top:17%;right:30%}.channel-page .channel-social .social-icon{gap:.3em;display:flex}.channel-page .channel-social a img{-o-object-fit:cover;object-fit:cover;max-width:23px;max-height:23px}.channel-manage{margin-top:2em}.channel-manage .manage-content{z-index:1;position:relative}.channel-manage .manage-content .stats-overview{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.channel-manage .manage-content .stats-overview .stat-item{background-color:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:42px 40px;transition:transform .2s ease-in-out;display:flex;box-shadow:0 4px 6px #0000001a}.channel-manage .manage-content .stats-overview .stat-item:hover .stats-overview__arrow{opacity:.6}.channel-manage .manage-content .stats-overview .stat-item .icon-container img{width:72px;height:72px}.channel-manage .manage-content .stats-overview .stat-item .info{flex-grow:1;margin-top:-5px;margin-left:24px}.channel-manage .manage-content .stats-overview .stat-item .info p{color:#616161;font-size:14px}.channel-manage .manage-content .stats-overview .stat-item .info span{color:#212121;font-size:32px;font-weight:500}.channel-manage .manage-content .stats-overview .stat-item .info span strong{color:#616161;margin-left:5px;font-size:14px;font-weight:400}.channel-manage .manage-content .stats-overview .stat-item .iconify{color:#757575;cursor:pointer;font-size:32px;transition:opacity .2s ease-in-out}.channel-manage .manage-content .btm-wrap{background-color:#fff;border-radius:10px;margin-top:24px;box-shadow:0 1px 15px #0003}.channel-manage .manage-content .btm-wrap .content-inner{width:100%;margin-bottom:6.5vh;display:flex}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview{background-image:url(../images/channel/bg_preview_outer.jpg);background-position:50%;background-size:cover;border-radius:10px 0 0 10px;width:600px;position:sticky}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box{flex:1;justify-content:center;height:100%;margin-top:1.6em;display:flex}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup{border-radius:10px;width:335px;max-width:100%;height:auto;max-height:100vh;position:relative;overflow:hidden}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .phone-frame{z-index:1;border-radius:10px;width:100%}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .phone-screen{z-index:3;text-align:center;aspect-ratio:9/18.6;background-color:#f5f5f5;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;width:86.5%;height:auto;margin-top:.95em;display:flex;position:absolute;top:0;left:7%;overflow:hidden;box-shadow:0 2px 8px #00000026}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .phone-screen .screen-content{background-image:url(../images/channel/mockup/bg_banner_voicer.png);background-position:50%;background-size:contain;width:100%;height:87px;position:absolute;top:0}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .phone-screen .screen-content img{-o-object-fit:cover;object-fit:cover;filter:brightness(.8);width:100%;height:159px;position:relative}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .phone-screen h2{color:#fff;text-align:left;letter-spacing:.8px;z-index:100;margin-top:-7px;padding-left:12px;font-size:22px;font-weight:500;position:absolute;bottom:28%}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-avatar{z-index:10;text-align:left;width:100%;padding-left:13px;position:absolute;top:10%}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-avatar:after{content:"";background-color:#eeecea;border-radius:25px;width:64px;height:25px;position:absolute;top:45%;right:5%}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-avatar img{border:3px solid #fff;border-radius:50%;width:57px;height:57px}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-avatar p{letter-spacing:.8px;color:#616161;font-size:10px;line-height:1.1}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-avatar .avatar-content{width:90%}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-avatar .avatar-content h3{color:#ff1d4e;letter-spacing:.8px;align-items:center;font-size:15px;font-weight:500;display:flex}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-avatar .avatar-content p{letter-spacing:.8px;overflow-wrap:break-word;color:#212121;-webkit-box-orient:vertical;max-width:90%;font-size:11px;line-height:16.28px;position:absolute}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-avatar .avatar-content svg{width:1em;height:1em;margin-top:2px}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-avatar .avatar-content:after{content:"";background-color:#eeecea;border-radius:8px;width:90%;height:50px;position:absolute;bottom:-130%}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-description{text-align:left;background-color:#fff;width:100%;height:320px;margin-top:280px;padding:13px;position:relative}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-description h3{color:#212121;letter-spacing:.8px;margin-bottom:12px;font-size:14px;font-weight:500}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-description .card-item{background-color:#fff;border-radius:10px;align-items:center;gap:10px;height:30.2%;padding:10px;display:flex;position:relative;box-shadow:0 1px 15px #0003}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-description .card-item img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:62px;height:62px}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-description .card-item .content{flex-direction:column;margin-top:-25px;display:flex}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-description .card-item .content h4{color:#000;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.8px;max-width:21ch;font-size:13px;font-weight:500;overflow:hidden}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-description .card-item .content .category{color:#424242;font-size:12px}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-description .card-item .content .link-arrow{color:#424242;font-size:20px;position:absolute;bottom:30%;right:5%}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-description .card-item .content:after{content:"";background-color:#eeecea;border-radius:1.6px;width:96px;height:16px;position:absolute;bottom:15%}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-description .ghost-item{position:relative}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-description .ghost-item:before{content:"";background-color:#eeecea;border-radius:1.6px;width:72px;height:16px;position:absolute;top:-30%;left:1%}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-description .ghost-item{background-color:#eeecea;margin-top:50px;box-shadow:0 0 #df0000}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-mockup .channel-description .ghost-item:after{content:"";background-color:#eeecea;border-radius:1.6px;width:72px;height:16px;position:absolute;bottom:-35%;left:1%}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .hover-content{z-index:1000;background-image:url(../images/channel/mockup/bg_preview_voicer.png);background-position:50%;background-repeat:no-repeat;width:100%;height:371px;transition:bottom .7s ease-in-out;position:absolute;bottom:-100%}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .hover-content .details h3{color:#ff1d4e}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .hover-content .details img{-o-object-fit:cover;object-fit:cover;background-repeat:no-repeat;border-radius:50%;width:53px;height:53px;margin-top:.5em}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .hover-content .details h4{color:#616161;padding-top:18px;font-size:10px}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .hover-content .details p{letter-spacing:.8px;text-align:start;overflow-wrap:break-word;white-space:normal;color:#212121;width:90%;margin:0 auto;padding-top:3px;font-size:11px;line-height:1.5}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .hover-content .social-icon{justify-content:center;gap:16px;display:flex}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .hover-content .social-icon img{width:32px;height:32px}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-screen:hover .hover-content{bottom:0}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-screen:after{content:"";z-index:999;background-color:#0000;width:100%;height:100%;transition:background-color .7s ease-in-out;position:absolute;top:0;left:0}.channel-manage .manage-content .btm-wrap .content-inner .channel-preview .preview-box .phone-screen:hover:after{background-color:#0000004d}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap{background-color:#fff;border-radius:0 10px 10px 0;flex-direction:column;gap:32px;width:100%;padding:24px 40px 64px;display:flex}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .icon-title{letter-spacing:1px;color:#424242;align-items:center;font-size:18px;font-weight:500;display:flex}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .icon-title--personal-bg{background-image:url(../images/channel/img_card_profile.png);background-position:100%;background-repeat:no-repeat;background-size:auto 55px;height:55px}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .icon-title--channel-bg{background-image:url(../images/channel/img_card_channel.png);background-position:100%;background-repeat:no-repeat;background-size:auto 55px;border-radius:10px 10px 0 0;height:55px}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .iconify{color:#ff1d4e;width:24px;height:24px;margin-right:8px}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .copy{color:#bdbdbd;cursor:pointer;vertical-align:middle;width:20px;height:20px;margin-left:8px}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .copy:active{color:#999;transform:translateY(1%)}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .channel-info__hr,.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .personal-info__hr{border:none;border-top:1px solid #e0e0e0;margin:0 0 16px}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .channel-info .info-container,.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .personal-info .info-container{background:#f5f5f5;border-radius:10px;padding:32px 32px 48px}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .channel-info .info-container ul,.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .personal-info .info-container ul{width:100%}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .channel-info .info-container ul .horizontal,.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .personal-info .info-container ul .horizontal{margin:0;padding:0;display:flex}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .channel-info .info-container ul .horizontal li:first-of-type,.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .personal-info .info-container ul .horizontal li:first-of-type{border-right:1px solid #e0e0e0;padding-right:32px}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .channel-info .info-container ul .horizontal li:nth-of-type(2),.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .personal-info .info-container ul .horizontal li:nth-of-type(2){padding-left:32px}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .channel-info .info-container ul li,.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .personal-info .info-container ul li{flex-direction:column;gap:4px;display:flex}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .channel-info .info-container ul li .label,.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .personal-info .info-container ul li .label{color:#757575;letter-spacing:2px;align-items:center;gap:.3em;font-size:16px;display:flex}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .channel-info .info-container ul li .label img,.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .personal-info .info-container ul li .label img{-o-object-fit:cover;object-fit:cover;width:20px;height:20px}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .channel-info .info-container ul li .value,.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .personal-info .info-container ul li .value{color:#212121;overflow-wrap:break-word;white-space:pre-wrap;font-size:16px;line-height:1.5}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .channel-info .info-container ul li .value a,.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .personal-info .info-container ul li .value a{color:#212121;text-decoration:none}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .channel-info .info-container ul li .value a:hover,.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .personal-info .info-container ul li .value a:hover{text-decoration:underline}.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .channel-info .info-container hr,.channel-manage .manage-content .btm-wrap .content-inner .detail-wrap .personal-info .info-container hr{border:none;border-top:1px solid #e0e0e0;margin:16px 0}.channel-manage .manage-content .btm-wrap .content-inner .channel-social{display:flex;position:absolute;top:17%;right:30%}.channel-manage .manage-content .btm-wrap .content-inner .channel-social .social-icon{gap:.3em;display:flex}.channel-manage .manage-content .btm-wrap .content-inner .channel-social a img{-o-object-fit:cover;object-fit:cover;max-width:23px;max-height:23px}.channel-manage__horizontal{gap:1em;width:100%;display:flex}.channel-manage__horizontal--justify-between{justify-content:space-between}.channel-manage__btn--edit{transform:translateY(-25%)}.episodes-index .episode{z-index:10;background-color:#fff;border-radius:12px;margin-top:48px;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.episodes-index .episode .header-wrap{background:url(../images/decorations/bg_form_title_with_button.png) top no-repeat;border-radius:10px 10px 0 0;justify-content:space-between;align-items:end;margin-bottom:24px;display:flex;overflow:hidden}.episodes-index .episode .header-wrap--padding{padding:2em 2.5em .5em}.episodes-index .episode .header{margin-bottom:1.5rem}.episodes-index .episode .header h1{color:#fff;margin-bottom:4px;font-size:24px;font-weight:500}.episodes-index .episode .header p{color:#fff}.episodes-index .episode .controls{margin-bottom:1.5rem}.episodes-index .episode .controls .actions{gap:16px;display:flex}.episodes-index .episode .controls .actions .search{position:relative}.episodes-index .episode .controls .actions .search input{border:1px solid #dfe4ea;border-radius:4px;outline:none;width:100%;max-width:244px;padding:12px 16px 12px 20px}.episodes-index .episode .controls .actions .search input:focus{border-color:#3e8edf}.episodes-index .episode .controls .actions .search .search-icon{color:#757575;width:20px;height:20px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.episodes-index .episode .controls .actions .create-button{color:#fff;cursor:pointer;background:#ff4757;border:none;border-radius:8px;padding:8px 16px;transition:background-color .2s}.episodes-index .episode .controls .actions .create-button:hover{background:#ff6b81}.episodes-index .episode .table-null img{-o-object-fit:cover;object-fit:cover;background-repeat:no-repeat;width:100%;height:100%}.episodes-index .episode .pagination{padding:1em 3em 2em}.episodes-index .episode .dropdown-menu{z-index:10;background:#fff;border-radius:4px;width:128px;margin-top:10px;padding:8px 0;transition:all .3s ease-in-out;position:absolute;box-shadow:0 2px 8px #00000026}.episodes-index .episode .dropdown-menu a{cursor:pointer;color:#212121;background:0 0;border:none;border-radius:4px;width:60%;padding:10px 16px;font-size:14px;font-weight:400;transition:background-color .3s;display:inline-block}.episodes-index .episode .dropdown-menu a:hover{background-color:#f5f5f5}.episodes-index .episode .charge-status{font-size:14px;font-weight:500}.episodes-index .episode .charge-status.free{color:#21a4f3}.episodes-index .episode .charge-status.paid{color:#ff8140}.episodes-index .episode .link-solid{cursor:pointer;border:1px solid #757575;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto;transition:background-color .3s;display:flex}.episodes-index .episode .link-solid:hover{opacity:.8;background-color:#757575}.episodes-index .episode .link-solid:hover .iconify{color:#fff}.episodes-index .episode .link-solid:active{transform:translateY(5%)}.episodes-index .episode .link-solid .iconify{color:#212121;font-size:1.4em}.episodes-new__banner{background:url(../images/decorations/bg_form_title.png) top no-repeat;border-radius:10px;height:128px;margin-bottom:1.5em;padding:2em 2.5em}.episodes-new__title{color:#fff;font-size:24px;font-weight:500}.episodes-new__subtitle{color:#fff;margin-top:4px}.episodes-new__blocked-notice{margin-top:0;margin-bottom:1.5em}.episodes-new__section-title{letter-spacing:1px;color:#424242;background:url(../images/decorations/form_title.png) 100%/cover no-repeat;border-radius:4px;align-items:center;height:56px;padding:0 1em;font-size:18px;font-weight:500;display:flex;position:relative}.episodes-new__section-title--with-btn{background:url(../images/decorations/form_title_with_button.png) top no-repeat}.episodes-new__section-title:before{content:"";background-color:#ff8140;width:2px;height:52px;position:absolute;top:-2px;left:0}.episodes-new__section-title--mb{margin-bottom:1em}.episodes-new__menu-wrap{text-align:center;background-color:#fff;border-radius:4px;margin-left:auto;padding:2px 8px}.episodes-new__menu-icon{color:#000;cursor:pointer;margin-left:auto}.episodes-new__menu-icon:hover{color:#ff1d4e}.episodes-new__dropdown-menu{z-index:10;background:#fff;border:1px solid #ddd;border-radius:8px;width:144px;padding:8px;position:absolute;top:90%;right:2%;box-shadow:0 2px 8px #00000026}.episodes-new__dropdown-menu button{cursor:pointer;text-align:left;color:#000;background:0 0;border:none;align-items:center;gap:4px;width:100%;padding:6px 12px;font-size:14px;display:flex}.episodes-new__dropdown-menu button:hover{background-color:#f5f5f5}.episodes-new__dropdown-menu button .trash{color:#000;margin-left:auto;font-size:22px}.episodes-new__icon{color:#ff8140;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:.5em;display:inline-flex}.episodes-new__icon .iconify{font-size:20px}.episodes-new .content{gap:1.4em;width:100%;margin-top:1em;display:flex}.episodes-new .content .channel-preview .preview-box{justify-content:center;height:100%;margin-top:1.6em;display:flex}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-top{margin-top:-400px;position:relative}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-top .blur-background{z-index:1;border-radius:20px 20px 0 0;width:300px;height:235px;position:relative;overflow:hidden}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-top .blur-background img{-o-object-fit:cover;object-fit:cover;filter:blur(6px);width:110%;height:110%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.1)}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-top .blur-background:after{content:"";background:linear-gradient(#fff0,#f5f5f5);width:100%;height:200px;position:absolute;bottom:0;left:0}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-top .main-img{z-index:2;position:absolute;top:13%;left:50%;transform:translate(-50%,50%)}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-top .main-img img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:125px;height:125px}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-content{background-image:url(../images/channel/mockup/bg_banner_voicer.png);background-position:50%;background-size:contain;width:100%;height:87px;position:absolute;top:0}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-content img{-o-object-fit:cover;object-fit:cover;filter:brightness(.8);width:100%;height:159px;position:relative}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen h2{color:#fff;text-align:left;letter-spacing:.8px;z-index:100;margin-top:-7px;padding-left:12px;font-size:22px;font-weight:500;position:absolute;bottom:28%}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-middle{z-index:3;text-align:left;background:#f5f5f5;width:100%;height:205px;padding-left:13px;position:absolute;top:36%}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-middle .middle-content .date span{color:#616161;font-size:9px}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-middle .middle-content h3{text-wrap:nowrap;color:#000;margin-top:6px;padding-left:0;font-size:14px;font-weight:500}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-middle .middle-content h3:after{content:"";z-index:1;opacity:.9;background-image:url(../images/programme/btn_collect.png);background-repeat:no-repeat;background-size:cover;width:32px;height:32px;position:absolute;top:13%;right:5%}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-middle .middle-content h3:before{content:"";background:radial-gradient(#f5f5f5,#f5f5f5 43%,#f5f5f51a 60%);border-radius:50%;width:122px;height:40px;position:absolute;top:10%;right:-15%}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-middle .middle-content p{color:#ff1d4e;margin-top:5.6px;font-size:11px}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-middle .middle-content p span{vertical-align:bottom;letter-spacing:0;color:#424242;white-space:nowrap;text-overflow:ellipsis;max-width:30ch;margin-left:-5px;display:inline-block;overflow:hidden}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-middle .middle-content .progress-bar{cursor:pointer;background:#ddd;border-radius:10px;width:100%;position:relative}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-middle .middle-content .progress{background:#f36;border-radius:4px;height:100%}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-middle .middle-content .audio-controls{justify-content:center;align-items:center;gap:28px;margin-top:35px;margin-left:-15px;display:flex}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-middle .middle-content .audio-controls button{appearance:none;cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-middle .middle-content .audio-controls .iconify{color:#757575;width:30px;height:30px}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-middle .middle-content .audio-controls .iconify:hover,.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-middle .middle-content .audio-controls .play-pause:hover .iconify{color:#000}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-middle .middle-content .audio-controls .iconify:active{transform:translateY(1%)}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-middle .middle-content .audio-controls .play-pause{background-color:#eeecea;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;transform:translateY(-10%)}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-middle .middle-content .audio-controls .play-pause:hover{background-color:#fff}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-middle .middle-content .progress-bar{background:#e0e0e0;border-radius:2px;width:95%;height:5px;margin-top:14px}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-bottom{z-index:4;text-align:left;background-color:#fff;border-radius:16px 16px 0 0;width:100%;height:210px;position:absolute;top:68%}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-bottom:after{content:"";background-color:#bdbdbd;border-radius:1.6px;width:25.6px;height:2.4px;position:absolute;top:3%;left:48%;transform:translate(-30%)}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-bottom .tabs{border-bottom:1px solid #e0e0e0;gap:16px;margin-bottom:8px;padding:13px 13px 0;display:flex}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-bottom .tab{color:#9e9e9e;cursor:pointer;background:0 0;border:none;outline:none;padding:0 0 9.6px;font-size:11px}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-bottom .tab.active{color:#ff1d4e;border-bottom:1px solid #ff1d4e;font-size:11px;font-weight:500}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-bottom .tab-content{overflow-wrap:break-word;width:95%;padding:0 0 13px 13px;font-size:11px}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-bottom .tab-content .category{color:#616161;margin-top:8px}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-bottom .tab-content .category span{color:#212121}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-bottom .comment-list p{color:#212121;font-size:11px}.episodes-new .content .channel-preview .preview-box .phone-mockup .phone-screen .screen-bottom .ghost-block{background-color:#eeecea;border-radius:8px;width:90%;height:50px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.episodes-new .content .channel-preview .preview-box .phone-screen:after{height:0;position:relative}.episode-blocked-notice{color:#c00;letter-spacing:1px;background:#ffe4e4;border:1px solid #eb4a5d;border-radius:8px;flex-direction:column;gap:4px;width:100%;margin-top:12px;margin-bottom:2em;padding:24px 32px;line-height:1.5;display:flex}.episode-blocked-notice__title{align-items:center;gap:8px;display:flex}.episode-blocked-notice .iconify{flex-shrink:0;font-size:16px}.episode-blocked-notice strong{margin:0;font-size:14px;font-weight:500;display:block}.episode-blocked-notice p{color:#212121;margin:0;font-size:14px}.episode-blocked-notice p a{color:#212121;text-underline-offset:3px;text-decoration:underline}.episode-blocked-notice p a:hover{color:#d13f57}.episode-detail .episode-hero{background:#fff;border-radius:10px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026}.episode-detail .episode-hero:before{content:"";z-index:1;background-image:url(../images/programme/Gradient.png);background-repeat:no-repeat;background-size:contain;width:100%;height:160%;position:absolute;top:-25%;right:-35%}.episode-detail .episode-hero .episode-main{padding:0 2.5em}.episode-detail .episode-hero .episode-main__content{justify-content:space-between;align-items:flex-start;padding-top:2.5em;display:flex;position:relative}.episode-detail .episode-hero .episode-main__info{gap:24px;max-width:calc(100% - 120px);display:flex}.episode-detail .episode-hero .episode-main__text{flex-direction:column;gap:.5em;display:flex}.episode-detail .episode-hero .episode-main__thumbnail{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:160px;height:160px}.episode-detail .episode-hero .episode-main__title{color:#000;white-space:normal;overflow-wrap:break-word;font-size:18px;font-weight:500}.episode-detail .episode-hero .episode-main__meta{align-items:center;gap:8px;display:flex}.episode-detail .episode-hero .episode-main__category{color:#424242;margin-top:4px;font-weight:500}.episode-detail .episode-hero .episode-main__stats{border:1px solid #e0e0e0;border-radius:10px;margin-top:auto;display:flex}.episode-detail .episode-hero .episode-main__stats-item{background-color:#f5f5f5;align-items:center;gap:.5em;padding:.5em 1.5em;display:flex}.episode-detail .episode-hero .episode-main__stats-item:first-child{border-radius:10px 0 0 10px}.episode-detail .episode-hero .episode-main__stats-item:last-child{border-radius:0 10px 10px 0}.episode-detail .episode-hero .episode-main__stats-icon img{border-radius:4px}.episode-detail .episode-hero .episode-main__stats-label{color:#616161;font-size:12px;font-weight:400}.episode-detail .episode-hero .episode-main__stats-count{color:#212121;letter-spacing:2px;justify-content:space-between;font-size:24px;font-weight:600;display:flex;transform:translateY(-10%)}.episode-detail .episode-hero .episode-main__stats-count span{margin-top:auto;margin-left:.5em;font-size:14px;font-weight:400;transform:translateY(-15%)}.episode-detail .episode-hero .episode-main__status{padding:4px 12px 4px 24px;font-size:14px;font-weight:500;display:inline-block;position:relative;transform:translate(5%,8%)}.episode-detail .episode-hero .episode-main__status--published{color:#008134;background:#edfff4;border:1px solid #008134}.episode-detail .episode-hero .episode-main__status--published:before{content:"";background-color:#008134;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.episode-detail .episode-hero .episode-main__status--private{color:#424242;background:#f5f5f5;border:1px solid #9e9e9e}.episode-detail .episode-hero .episode-main__status--private:before{content:"";background-color:#424242;border-radius:50%;width:8px;height:8px;display:inline-block;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.episode-detail .episode-hero .episode-main__status--schedule{color:#f40;background:#fff3e7;border:1px solid #f40;padding-left:28px}.episode-detail .episode-hero .episode-main__status--schedule:before{content:"";background-color:#f40;border-radius:50%;width:8px;height:8px;display:inline-block;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.episode-detail .episode-hero .episode-main__status--blocked{color:#c00;background:#ffe8e8;border:1px solid #c00;padding-left:28px}.episode-detail .episode-hero .episode-main__status--blocked:before{content:"";background-color:#c00;border-radius:50%;width:8px;height:8px;display:inline-block;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.episode-detail .episode-hero .episode-main__actions{gap:16px;display:flex}.episode-detail .episode-hero .episode-main__btn{z-index:10;gap:1px;position:relative}.episode-detail .episode-hero .episode-main__btn:hover{filter:brightness(1.1)}.episode-detail .episode-hero .episode-main__btn.btn-share{cursor:pointer;background:#21a4f3;border:none;gap:0}.episode-detail .episode-hero .episode-main__progress{align-items:center;padding:1.5em 0;display:flex}.episode-detail .episode-hero .episode-main__play-icon{cursor:pointer;aspect-ratio:1;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:1em;transition:all .3s ease-in;display:flex}.episode-detail .episode-hero .episode-main__play-icon .iconify{border:1px solid #f5f5f5;width:24px;height:24px}.episode-detail .episode-hero .episode-main__play-icon:hover{color:#fff;background-color:#ff1d4e;border:none}.episode-detail .episode-hero .episode-main__time{letter-spacing:3.5px;color:#555;width:clamp(150px,11.5%,200px);font-size:16px}.episode-detail .episode-hero .episode-main__progress-bar{cursor:pointer;z-index:999;background:#e0e0e0;border-radius:4px;width:87%;height:8px;margin-left:0;position:relative;overflow:hidden}.episode-detail .episode-hero .episode-main__progress-fill{background:#ff1d4e;height:100%}.episode-detail .episode-hero .episode-main__audio-status{padding:1em 2.5em 2em 0;line-height:1.5em}.episode-detail .episode-hero .episode-description{background-color:#f5f5f5;border-radius:0 0 10px 10px;margin-top:1.5em;padding:1.5em 2.5em 2.5em}.episode-detail .episode-hero .episode-description__title{color:#757575;margin-bottom:4px;font-size:14px}.episode-detail .episode-hero .episode-description__text{color:#212121;overflow-wrap:break-word;white-space:pre-wrap;margin-bottom:16px;line-height:1.6}.episode-detail .episode-hero .episode-description__meta{gap:24px;display:flex}.episode-detail .episode-hero .episode-description__meta-item{color:#212121;align-items:center;gap:8px;display:flex}.episode-detail .episode-hero .episode-description .iconify{color:#ff8140;width:24px;height:24px}.episode-detail__pay-status{text-align:center;border-radius:4px;margin-top:.3em;padding:4px 16px;font-size:14px}.episode-detail__pay-status.is-paid{background-color:#feb139}.episode-detail__pay-status.is-free{background-color:#90dede}.episode-detail__banner{color:#fff;background:url(../images/decorations/bg_form_instant.jpg) top/cover no-repeat;border-radius:10px;justify-content:space-between;align-items:end;gap:2em;height:140px;margin-bottom:1.5em;padding:2em 2.5em;display:flex}.episode-detail__title{color:#fff;font-size:24px;font-weight:500}.episode-detail__subtitle{color:#fff;margin-top:4px}.episode-detail__item{align-items:center;gap:1.5em;display:flex;position:relative}.episode-detail__item:first-child:after{content:"";background:url(../images/decorations/x.png) 0 0/contain no-repeat;width:20px;height:20px;margin-left:1.5em}.episode-detail__item:nth-child(2):after{content:"";background:url(../images/decorations/=.png) 0 0/contain no-repeat;width:20px;height:15px;margin-left:1.5em;transform:translateY(15%)}.episode-detail__item:nth-child(3){flex:auto;min-width:200px}.episode-detail__item:nth-child(4){flex:0 0 160px}.episode-detail__icon{flex-shrink:0;width:72px;height:72px}.episode-detail__text{flex-direction:column;justify-content:center;display:flex}.episode-detail__label{color:#fff;font-size:18px}.episode-detail__value{font-size:32px}.episode-detail__value span{margin-left:1em;font-size:16px;font-weight:400}.episode-detail__btn{cursor:pointer;color:#000;background-color:#fafafa;border:none;border-radius:4px;align-items:center;gap:.3em;padding:.5em 1em;font-size:18px;font-weight:500;display:flex}.episode-detail__btn:hover,.my-revenue__btn:hover{opacity:.95}.episode-detail__btn .iconify{font-size:20px}.episode-detail__comments{background-color:#fff;border-radius:10px;margin-bottom:24px;padding:2.5em;overflow:hidden;box-shadow:0 2px 8px #00000026}.episode-detail__comments--empty{box-shadow:none;border-radius:0;margin-bottom:-20px}.episode-detail__comments-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.episode-detail__comments-title{color:#212121;font-size:18px;font-weight:500}.episode-detail__comments-title span{font-weight:700}.episode-detail__comments-sort select{color:#616161;appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23616161' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='4 6 8 10 12 6'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #e0e0e0;border-radius:4px;outline:none;padding:6px 32px 6px 16px;font-size:14px}.episode-detail__comments-sort select:focus{border-color:#21a4f3}.episode-detail__comments-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.episode-detail__comments-list img{width:100%;height:auto}.episode-detail__comments-more{text-align:right;margin-bottom:24px}.episode-detail__comments-more button{color:#21a4f3;cursor:pointer;background:0 0;border:none;font-size:14px}.episode-detail__comments-more button:hover,.my-revenue__link{text-decoration:underline}.episode-detail__comments-input{border-radius:8px;align-items:flex-start;gap:16px;padding:16px 0;display:flex;position:relative}.episode-detail__comments-input .episode-detail__comment-avatar{width:40px;height:40px;margin-top:4px;transform:translateY(20%)}.episode-detail__comments-input:after{content:"";background-color:#eee;width:150%;height:1px;position:absolute;top:0;left:-15%}.episode-detail__comments-input-wrapper{flex:1;position:relative}.episode-detail__comments-input-wrapper input{color:#333;background-color:#fff;border:2px solid #cccccc80;border-radius:8px;outline:none;width:100%;padding:12px 48px 12px 16px;font-size:14px;transition:color .3s,border-color .3s,background-color .3s;box-shadow:inset 0 0 10px #0000000d}.episode-detail__comments-input-wrapper input::placeholder{color:#9e9e9e}.episode-detail__comments-input-wrapper input:focus{border-color:#3e8edf}.episode-detail__comments-send{color:#21a4f3;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:22px;right:8px;transform:translateY(-10%)}.episode-detail__comments-send .iconify{font-size:20px}.episode-detail__comments-send:hover{color:#0290e6}.episode-detail__comments-send:active{transform:translateY(calc(2px - 10%))}.episode-detail__comment-item{background-color:#f5f5f5;border-radius:8px;gap:16px;padding:16px;display:flex;position:relative}.episode-detail__comment-item.is-hidden,.user-status{-webkit-user-select:none;user-select:none}.episode-detail__comment-item.is-hidden:before{content:"";pointer-events:none;z-index:1;background-color:#f5f5f5b3;border-radius:8px;position:absolute;inset:0}.episode-detail__comment-item.is-hidden:after{content:"留言已隱藏";color:#fff;letter-spacing:1px;pointer-events:none;z-index:2;background-color:#00000040;border-radius:4px;padding:6px 12px;font-size:14px;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.episode-detail__comment-item.is-hidden .episode-detail__comment-more{z-index:3;position:relative}.episode-detail__comment-item.is-hidden .icon-pin-off{cursor:not-allowed;pointer-events:none}.episode-detail__comment-item.is-banned{background-color:#fde4e5}.episode-detail__comment-item.is-banned:after{content:"此留言未符合社群規範，已暫時隱藏";color:#fff;pointer-events:none;z-index:2;background-color:#ff4757cc;border-radius:4px;padding:6px 16px;font-size:14px;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.episode-detail__comment-avatar{border:1px solid #fff;border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.episode-detail__comment-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.episode-detail__comment-body{flex:1;min-width:0}.episode-detail__comment-top{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.episode-detail__comment-name{color:#212121;align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.episode-detail__comment-name.is-host{color:#ff4757}.episode-detail__comment-name .icon-pin{color:#616161;cursor:pointer;font-size:16px}.episode-detail__comment-name .icon-pin:hover{color:#000}.episode-detail__comment-name .icon-pin-off:active,.episode-detail__comment-name .icon-pin:active{transform:translateY(10%)}.episode-detail__comment-name .icon-pin-off{color:#e0e0e0;cursor:pointer;font-size:16px}.episode-detail__comment-name .icon-pin-off:hover{color:#000}.episode-detail__comment-more{color:#f0300e;position:relative}.episode-detail__comment-more-btn{color:#212121;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:flex}.episode-detail__comment-more-btn .iconify{font-size:24px}.episode-detail__comment-more-btn:hover{color:#424242}.episode-detail__comment-dropdown{z-index:10;background:#fff;border:1px solid #e0e0e0;border-radius:4px;min-width:140px;margin-top:8px;padding:8px;position:absolute;top:70%;right:0;box-shadow:0 2px 12px #00000026}.episode-detail__comment-action-btn{color:#000;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:14px;transition:background-color .2s;display:flex}.episode-detail__comment-action-btn .iconify{color:#000;font-size:18px}.episode-detail__comment-action-btn:hover{background-color:#f5f5f5}.episode-detail__comment-text{color:#424242;overflow-wrap:break-word;white-space:pre-wrap;margin-bottom:8px;font-size:14px;line-height:1.6}.episode-detail__comment-time{color:#9e9e9e;font-size:12px}.host{color:#ff1d4e}.read-more{color:#0290e6}.my-revenue__header{background:url(../images/decorations/bg_form_title.png) top no-repeat;margin-top:2em;overflow:hidden}.my-revenue__header--with-btn{background:url(../images/decorations/bg_form_title_with_button.png) top no-repeat;overflow-x:hidden}.my-revenue__form-row{border-bottom:1px dashed #80808026;gap:0 2em;margin-bottom:1em;display:flex}.my-revenue__form-row .input{border-bottom:0;flex:1;min-width:220px;max-width:30%;padding-bottom:0}.my-revenue__form-row .input.full-width{min-width:220px;max-width:65%}.my-revenue__form-row:last-child{border-bottom:none}.my-revenue__form-row--compact{gap:calc(max(105px - 4.5vw,0px));max-width:90%}.my-revenue__radio-input{gap:.5em;display:flex}.my-revenue__step-image{-o-object-fit:contain;object-fit:contain;background-size:cover;width:95%;height:88px;margin-top:4em;padding-left:2em}.my-revenue__step-image--offset{margin-bottom:-2em}.my-revenue__title{color:#fff;letter-spacing:2px;font-size:24px;font-weight:500}.my-revenue__title--black{color:#212121}.my-revenue__title--lg{font-size:32px}.my-revenue__subtitle{color:#fff;letter-spacing:2px;margin-top:4px;font-weight:400}.my-revenue__subtitle--gray{color:#757575}.my-revenue__subtitle--black{color:#424242;font-size:18px}.my-revenue__hint--top,.my-revenue__subtitle--offset{margin-top:1em}.my-revenue__note{color:#fff;letter-spacing:1px;gap:0;font-size:12px;display:flex}.my-revenue__note li{align-items:center;gap:.3em;display:flex}.my-revenue__note li:before{content:"";background-color:#ff1d4e;border-radius:50%;width:9px;height:9px;transform:translateY(1px)}.my-revenue__note li:nth-of-type(2),.my-revenue__note li:nth-of-type(3){position:relative}.my-revenue__note li:nth-of-type(2):before{content:"";background-color:#ff8140;border-radius:50%;width:9px;height:9px}.my-revenue__note li:nth-of-type(3):before{content:"";background-color:#b642e0;border-radius:50%;width:9px;height:9px}.my-revenue__section{width:100%;padding:1.2em 0 0;overflow:hidden}.my-revenue__section-title{letter-spacing:1px;color:#424242;background:url(../images/decorations/form_title.png) 100%/cover no-repeat;border-radius:4px;align-items:center;height:56px;padding:0 1em;font-size:18px;font-weight:500;display:flex}.my-revenue .input.radio_buttons span.radio input+label.collection_radio_buttons--option{padding-left:1em;padding-right:2em}.my-revenue__icon{color:#ff8140;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:.5em;display:inline-flex}.my-revenue__icon .iconify{font-size:24px}.my-revenue__hint{color:#424242;letter-spacing:2px;border-radius:8px;align-items:center;gap:1em;padding:1.5em;display:flex;position:relative}.my-revenue__hint li{color:#005959;line-height:1.6;list-style-type:disc}.my-revenue__hint li::marker{font-size:10px}.my-revenue__hint--solid:before{content:"";background-color:#e0e0e0;width:150vw;height:1px;position:absolute;top:5%;left:-50px}.my-revenue__hint-icon{color:#58cecc;flex-shrink:0;font-size:24px}.my-revenue__info{margin-top:4em}.my-revenue__card{background-color:#f5f5f5;border-radius:4px;flex-direction:column;gap:4px;margin:0 0 2em;padding:1.5em 2em 3em;display:flex}.my-revenue__card ul{border-bottom:1px solid #e0e0e0}.my-revenue__card ul:last-child{border-bottom:1px solid #0000}.my-revenue__card ul li{border-right:1px solid #e0e0e0;margin:1em 1em 1em 0}.my-revenue__label{color:#757575;letter-spacing:2px}.my-revenue__value{color:#212121;letter-spacing:2px}.my-revenue__horizontal{gap:1em;width:100%;display:flex}.my-revenue__horizontal>.form-inputs{flex:1}.my-revenue__horizontal li{padding-right:2em}.my-revenue__horizontal li:last-of-type{border-right:1px solid #0000}.my-revenue__horizontal--justify-between{justify-content:space-between}.my-revenue__horizontal--justify-end{justify-content:end}.my-revenue__horizontal--offset{margin-top:2em}.my-revenue__horizontal--padding{padding:0 2em}.my-revenue__horizontal img{width:100%;max-width:72px;height:72px;padding:1.7em 0}.my-revenue__horizontal--reset-img img{width:100%;max-width:none;height:auto;padding:0}.my-revenue__block-wrapper{border:1px solid #e0e0e0;border-radius:4px;justify-content:center;align-items:center;width:272px;height:171px;margin-top:1em;display:flex}.my-revenue__block-wrapper--big{width:376px;height:234px}.my-revenue__block{background-color:#bdbdbd;border-radius:4px;width:255px;max-width:100%;height:155px;max-height:100%;position:relative;overflow:hidden}.my-revenue__block--big{width:359px;height:218px}.my-revenue__block img{-o-object-fit:fill;object-fit:fill;width:100%;height:100%}.my-revenue__btn{cursor:pointer;color:#000;background-color:#fafafa;border:none;border-radius:4px;align-items:center;gap:.3em;padding:.5em 1em;font-size:18px;font-weight:500;display:flex}.my-revenue__btn .iconify{font-size:20px}.my-revenue__btn--position{font-size:14px;font-weight:400;position:absolute}.my-revenue__btn--top{margin-top:-.7em}.my-revenue__btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.my-revenue__status{color:#fff;letter-spacing:1px;align-items:center;padding:4px 10px;font-weight:500;display:flex;position:relative}.my-revenue__status[data-status=pending]{color:#f40;background-color:#fff3e7;border:1px solid #ff723f}.my-revenue__status[data-status=approved]{color:#008134;background-color:#ebfff4;border:1px solid #008134}.my-revenue__status[data-status=rejected]{color:#f40;background-color:#fff3e7;border:1px solid #ff723f}.my-revenue__status.is-edit[data-status=rejected]{color:#c00;background-color:#ffe8e8;border:1px solid #c00}.my-revenue__status[data-status=processing]{color:#ff7e00;background-color:#fff3e7;border:1px solid #ff723f;justify-content:center;align-items:center;margin:auto;padding:.2em .5em .2em 1.5em;font-size:14px;display:flex}.my-revenue__status[data-status=processing]:before{content:"";background-color:#ff7e00;border-radius:50%;width:8px;height:8px;display:inline-block;position:absolute;top:50%;left:8px;transform:translateY(-35%)}.my-revenue__status[data-status=completed]{color:#008134;text-align:center;background-color:#ebfff4;border:1px solid #008134;justify-content:center;align-items:center;margin:auto;padding:.2em .5em .2em 1.5em;font-size:14px;display:flex}.my-revenue__status[data-status=completed]:before{content:"";background-color:#008134;border-radius:50%;width:8px;height:8px;display:inline-block;position:absolute;top:50%;left:8px;transform:translateY(-35%)}.my-revenue__table-status{letter-spacing:1px;font-size:14px;font-weight:500}.my-revenue__table-status[data-status=pending]{color:#f40}.my-revenue__table-status[data-status=approved]{color:#0290e6;background-color:#e9f6ff;border:1px solid #0290e6;justify-content:center;align-items:center;margin:auto;padding:.2em .5em .2em 1.5em;font-size:14px;display:flex;position:relative}.my-revenue__table-status[data-status=approved]:before{content:"";background-color:currentColor;border-radius:50%;width:8px;height:8px;display:inline-block;position:absolute;top:50%;left:8px;transform:translateY(-35%)}.my-revenue__table-status[data-status=rejected]{color:#c00;background-color:#ffe8e8;border:1px solid #c00;justify-content:center;align-items:center;margin:auto;padding:.2em .5em .2em 1.5em;font-size:14px;display:flex;position:relative}.my-revenue__table-status[data-status=rejected]:before{content:"";background-color:currentColor;border-radius:50%;width:8px;height:8px;display:inline-block;position:absolute;top:50%;left:8px;transform:translateY(-35%)}.my-revenue__table-status[data-status=pending]{color:#ff7e00;background-color:#fff3e7;border:1px solid #ff723f;justify-content:center;align-items:center;margin:auto;padding:.2em .5em .2em 1.5em;font-size:14px;display:flex;position:relative}.my-revenue__table-status[data-status=pending]:before{content:"";background-color:currentColor;border-radius:50%;width:8px;height:8px;display:inline-block;position:absolute;top:50%;left:8px;transform:translateY(-35%)}.my-revenue__table-status[data-status=completed]{color:#008134;background-color:#ebfff4;border:1px solid #008134;justify-content:center;align-items:center;margin:auto;padding:.2em .5em .2em 1.5em;font-size:14px;display:flex;position:relative}.my-revenue__table-status[data-status=completed]:before{content:"";background-color:currentColor;border-radius:50%;width:8px;height:8px;display:inline-block;position:absolute;top:50%;left:8px;transform:translateY(-35%)}.my-revenue__status-img{background-color:#fff;margin-top:2em;padding:1.5em 2.5em 4em}.my-revenue__status-img img{-o-object-fit:cover;object-fit:cover;width:100%;height:236px}.my-revenue__error{background-color:#ffe4e4;border-radius:4px;margin-top:1.5em;padding:1em 2em}.my-revenue__error-title{color:#c00;letter-spacing:2px;align-items:center;gap:8px;margin-bottom:4px;display:flex}.my-revenue__error-list{color:#212121;letter-spacing:2px;flex-direction:column;gap:4px;display:flex}.my-revenue__approved{color:#008134;background-color:#e4ffeb;border-radius:4px;margin-top:1.5em;padding:1em 2em}.my-revenue__approved h3{align-items:center;gap:8px;display:flex}.my-revenue__select{color:#424242;background-color:#fff;border:1px solid #bdbdbd;border-radius:8px;width:100%;max-width:240px;height:40px;margin-top:-1em;padding-left:12px;font-size:14px}.my-revenue__link{color:#212121;display:inline-block}.my-revenue__link:hover{opacity:.8}.my-revenue__action-text a:active,.my-revenue__link:active{transform:translateY(5%)}.my-revenue__action{margin-top:-.5em;margin-bottom:1em;padding-bottom:1.5em}.my-revenue__action-terms{align-items:center;gap:.75em;display:flex}.my-revenue__action-label{align-items:center;gap:.5em;display:flex}.my-revenue__action-text{color:#232323;font-size:16px;line-height:1.6}.my-revenue__action-text a{color:#0290e6;text-decoration:underline;display:inline-block}.my-revenue__action-text a:hover{opacity:.9}.my-revenue__action-error{color:#ff1d4e;font-size:14px}.my-revenue__resend{color:#9e9e9e;margin-top:-2em;font-size:12px}.my-revenue__resend-btn{color:#3e8edf;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.my-revenue__resend-btn:hover{color:#2a6aaa}.my-revenue__null{margin-top:5em}.my-revenue__null img{-o-object-fit:cover;object-fit:cover;background-repeat:no-repeat;width:100%}.analytics,.analytics__tab{position:relative}.analytics__header{color:#fff;background:url(../images/decorations/bg_form_title_with_button.png) top/cover no-repeat;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;gap:2em;height:140px;margin-top:1.5em;padding:2em 2.5em;display:flex}.analytics__title{color:#fff;font-size:24px;font-weight:500}.analytics__subtitle{color:#fff;margin-top:4px}.analytics__panel{background-color:#fff;border-radius:0 0 10px 10px;padding:1.5em;box-shadow:0 4px 20px #0000000d}.analytics__year-select{color:#333;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;width:20%;padding:6px 10px;font-size:14px}.analytics__tabs{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;gap:8px;margin-bottom:1.5em;display:flex}.analytics__tab{color:#616161;cursor:pointer;background:#f3f3f3;border:0 solid #0000;flex-direction:column;padding:1em 1.5em;font-size:14px;font-weight:500;transition:all .2s;display:flex}.analytics__tab-value{font-size:24px}.analytics__tab-unit{margin-top:2px;font-size:14px}.analytics__tab.is-active{color:#ff1d4e;background:#fff;font-weight:500;box-shadow:0 5px 15px #00000017}.analytics__tab.is-active:after{content:"";background:linear-gradient(270deg,#ff1d4e .39%,#feb139 111.07%);height:3px;position:absolute;bottom:0;left:0;right:0}.analytics__chart{height:380px}.notification-index .notification{z-index:10;background-color:#fff;border-radius:12px;margin-top:48px;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.notification-index .notification__banner{background-color:#0b1354;background-image:url(../images/decorations/bg_form_title.png);background-position:0;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;height:128px;padding:0 2.5em;display:flex}.notification-index .notification__banner h1{color:#fff;letter-spacing:1px;margin-bottom:8px;font-size:24px;font-weight:500}.notification-index .notification__banner p{color:#ffffffd9;font-size:14px}.notification-index .notification .pagination{padding:1em 3em 2em}.notification-index .notification__opening{color:#999;vertical-align:middle;flex:none;margin-left:.5em;font-size:1em}:root{--debug-line-alpha:.5;--default-ui-radius:12px}.__debug{outline:1px dashed rgba(0,0,0,var(--debug-line-alpha))}.__debug i,.__debug p{outline:1px dashed rgba(255,195,205,var(--debug-line-alpha))}.__debug form{outline:1px dashed rgba(255,8,8,var(--debug-line-alpha))}.__debug canvas,.__debug div,.__debug dl,.__debug label{outline:1px dashed rgba(96,162,30,var(--debug-line-alpha))}.__debug svg{outline:1px dashed rgba(59,59,255,var(--debug-line-alpha))}.__debug dd,.__debug dt,.__debug li{outline:1px dashed rgba(87,87,255,var(--debug-line-alpha))}.__debug img{outline:1px dashed rgba(255,173,20,var(--debug-line-alpha))}.__debug input{outline:1px dotted rgba(255,47,47,var(--debug-line-alpha))}.__debug table{outline:1px dashed rgba(255,181,193,var(--debug-line-alpha))}.__debug td,.__debug th{outline:1px dashed rgba(255,0,0,var(--debug-line-alpha))}.__debug a,.__debug h2,.__debug span{outline:1px dashed rgba(255,47,47,var(--debug-line-alpha))}.layout-enter-active,.layout-leave-active,.page-enter-active,.page-leave-active{transition:all .3s}.page-enter-from,.page-leave-to{opacity:0}.layout-enter-from,.layout-leave-to{opacity:0;filter:blur(.5rem)}body,dd,dl,dt,h1,h2,h3,h4,h5,h6,hr,html,input,li,ol,p,ul{margin:0;padding:0}a,img{-webkit-user-drag:none}a a:focus{outline:0}li,ol,ul{list-style:none}input[type=text]::-ms-clear{display:none}textarea{resize:none}hr,input{border:0;outline:none}caption,th{font-weight:400}.inline-table{display:inline-table}::selection{color:#fff;background-color:gray}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:#eee}::-webkit-scrollbar-thumb{background-color:#ccc}::-webkit-scrollbar-thumb:hover{background-color:#ccc}@media (width>=800px){.browser-not-supported{display:none}}.browser-not-supported{z-index:9999;color:#fff;background:linear-gradient(45deg,#23074d,#cc5333);width:100%;height:100%;position:absolute;top:0;left:0}.browser-not-supported>.inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.browser-not-supported>.inner>div i{font-size:48px}.browser-not-supported>.inner>div p{margin-top:1em;font-size:18px;line-height:2em}.browser-not-supported>.inner>div{text-align:center;padding:1em 1em 5em}pre{white-space:pre-wrap}div,form,h1,h2,h3,input,select,span{box-sizing:border-box}body,html{height:100%;overflow-x:hidden}button,input,select,textarea{font-optical-sizing:auto;font-style:normal;font-weight:400;letter-spacing:1.5px!important}body,button,input,select,textarea{font-family:Noto Sans TC,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#181818;letter-spacing:1.5px;background-color:#f3f4f6;font-size:16px}a{color:#0077b6;text-decoration:none}a.strong{border-bottom:1px dashed #0077b6}.text-center{text-align:center}.text-right,.user-status{text-align:right}input[type=number],input[type=password],input[type=tel],input[type=text]{appearance:none}h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:400}.user-status{color:#fff;background-color:#003c8f;padding:1em}.user-status>div{width:100%;max-width:1000px;margin:0 auto;font-size:14px}.user-status a{color:#003c8f;background-color:#fff;border-radius:3px;padding:.25em .5em}.user-status a:hover{background-color:#c2dcff}