@charset "UTF-8";

.ui.simple.active.dropdown>.menu,
.ui.simple.dropdown:hover>.menu {
    overflow:visible;
    width:auto;
    height:auto;
    top:100%!important;
    opacity:1
}
.ui.simple.dropdown:hover>.menu>.item:hover>.menu,
.ui.simple.dropdown>.menu>.item:active>.menu {
    overflow:visible;
    width:auto;
    height:auto;
    top:0!important;
    left:100%!important;
    opacity:1
}
.ui.simple.disabled.dropdown:hover .menu {
    display:none;
    height:0;
    width:0;
    overflow:hidden
}
.ui.simple.visible.dropdown>.menu {
    display:block
}
.ui.fluid.dropdown {
    display:block;
    width:100%;
    min-width:0
}
.ui.fluid.dropdown>.dropdown.icon {
    float:right
}
.ui.floating.dropdown .menu {
    left:0;
    right:auto;
    box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)!important;
    border-radius:.28571429rem!important
}
.ui.floating.dropdown>.menu {
    margin-top:.5em!important;
    border-radius:.28571429rem!important
}
.ui.pointing.dropdown>.menu {
    top:100%;
    margin-top:.78571429rem;
    border-radius:.28571429rem
}
.ui.pointing.dropdown>.menu:after {
    display:block;
    position:absolute;
    pointer-events:none;
    content:"";
    visibility:visible;
    transform:rotate(45deg);
    width:.5em;
    height:.5em;
    box-shadow:-1px -1px 0 0 rgba(34,36,38,.15);
    background:#fff;
    z-index:2;
    top:-.25em;
    left:50%;
    margin:0 0 0 -.25em
}
.ui.top.left.pointing.dropdown>.menu {
    top:100%;
    bottom:auto;
    left:0;
    right:auto;
    margin:1em 0 0
}
.ui.top.left.pointing.dropdown>.menu:after {
    top:-.25em;
    left:1em;
    right:auto;
    margin:0;
    transform:rotate(45deg)
}
.ui.top.right.pointing.dropdown>.menu {
    top:100%;
    bottom:auto;
    right:0;
    left:auto;
    margin:1em 0 0
}
.ui.top.pointing.dropdown>.left.menu:after,
.ui.top.right.pointing.dropdown>.menu:after {
    top:-.25em;
    left:auto!important;
    right:1em!important;
    margin:0;
    transform:rotate(45deg)
}
.ui.left.pointing.dropdown>.menu {
    top:0;
    left:100%;
    right:auto;
    margin:0 0 0 1em
}
.ui.left.pointing.dropdown>.menu:after {
    top:1em;
    left:-.25em;
    margin:0;
    transform:rotate(-45deg)
}
.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu {
    left:auto!important;
    right:100%!important;
    margin:0 1em 0 0
}
.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu:after {
    top:1em;
    left:auto;
    right:-.25em;
    margin:0;
    transform:rotate(135deg)
}
.ui.right.pointing.dropdown>.menu {
    top:0;
    left:auto;
    right:100%;
    margin:0 1em 0 0
}
.ui.right.pointing.dropdown>.menu:after {
    top:1em;
    left:auto;
    right:-.25em;
    margin:0;
    transform:rotate(135deg)
}
.ui.bottom.pointing.dropdown>.menu {
    top:auto;
    bottom:100%;
    left:0;
    right:auto;
    margin:0 0 1em
}
.ui.bottom.pointing.dropdown>.menu:after {
    top:auto;
    bottom:-.25em;
    right:auto;
    margin:0;
    transform:rotate(-135deg)
}
.ui.bottom.pointing.dropdown>.menu .menu {
    top:auto!important;
    bottom:0!important
}
.ui.bottom.left.pointing.dropdown>.menu {
    left:0;
    right:auto
}
.ui.bottom.left.pointing.dropdown>.menu:after {
    left:1em;
    right:auto
}
.ui.bottom.right.pointing.dropdown>.menu {
    right:0;
    left:auto
}
.ui.bottom.right.pointing.dropdown>.menu:after {
    left:auto;
    right:1em
}
.ui.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
    top:auto!important;
    bottom:100%!important;
    margin:0 0 .78571429rem;
    border-radius:.28571429rem
}
.ui.pointing.upward.dropdown .menu:after,
.ui.top.pointing.upward.dropdown .menu:after {
    top:100%!important;
    bottom:auto!important;
    box-shadow:1px 1px 0 0 rgba(34,36,38,.15);
    margin:-.25em 0 0
}
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
    top:auto!important;
    bottom:0!important;
    margin:0 1em 0 0
}
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
    top:auto!important;
    bottom:0!important;
    margin:0 0 1em;
    box-shadow:-1px -1px 0 0 rgba(34,36,38,.15)
}
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
    top:auto!important;
    bottom:0!important;
    margin:0 0 0 1em
}
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
    top:auto!important;
    bottom:0!important;
    margin:0 0 1em;
    box-shadow:-1px -1px 0 0 rgba(34,36,38,.15)
}
@font-face {
    font-family:Dropdown;
    src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format("woff");
    font-weight:400;
    font-style:normal
}
.ui.dropdown>.dropdown.icon {
    font-family:Dropdown;
    line-height:1;
    height:1em;
    width:1.23em;
    backface-visibility:hidden;
    font-weight:400;
    font-style:normal;
    text-align:center;
    width:auto
}
.ui.dropdown>.dropdown.icon:before {
    content:"\f0d7"
}
.ui.dropdown .menu .item .dropdown.icon:before {
    content:"\f0da"
}
.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
    content:"\f0d9"
}
.ui.vertical.menu .dropdown.item>.dropdown.icon:before {
    content:"\f0da"
}
.ui.dropdown>.clear.icon:before {
    content:"\f00d"
}
/*!
 * # Semantic UI 2.4.0 - Video
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.embed {
       position:relative;
       max-width:100%;
       height:0;
       overflow:hidden;
       background:#dcddde;
       padding-bottom:56.25%
   }
.ui.embed embed,
.ui.embed iframe,
.ui.embed object {
    position:absolute;
    border:none;
    width:100%;
    height:100%;
    top:0;
    left:0;
    margin:0;
    padding:0
}
.ui.embed>.embed {
    display:none
}
.ui.embed>.placeholder {
    display:block;
    background-color:radial-gradient(transparent 45%,rgba(0,0,0,.3))
}
.ui.embed>.icon,
.ui.embed>.placeholder {
    position:absolute;
    cursor:pointer;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.ui.embed>.icon {
    z-index:2
}
.ui.embed>.icon:after {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:3;
    content:"";
    background:radial-gradient(transparent 45%,rgba(0,0,0,.3));
    opacity:.5;
    transition:opacity .5s ease
}
.ui.embed>.icon:before {
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    color:#fff;
    font-size:6rem;
    text-shadow:0 2px 10px rgba(34,36,38,.2);
    transition:opacity .5s ease,color .5s ease;
    z-index:10
}
.ui.embed .icon:hover:after {
    background:radial-gradient(transparent 45%,rgba(0,0,0,.3));
    opacity:1
}
.ui.embed .icon:hover:before {
    color:#fff
}
.ui.active.embed>.icon,
.ui.active.embed>.placeholder {
    display:none
}
.ui.active.embed>.embed {
    display:block
}
.ui.square.embed {
    padding-bottom:100%
}
.ui[class*="4:3"].embed {
    padding-bottom:75%
}
.ui[class*="16:9"].embed {
    padding-bottom:56.25%
}
.ui[class*="21:9"].embed {
    padding-bottom:42.85714286%
}
/*!
 * # Semantic UI 2.4.0 - Modal
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.modal {
       position:absolute;
       display:none;
       z-index:1001;
       text-align:left;
       background:#fff;
       border:none;
       box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);
       transform-origin:50% 25%;
       flex:0 0 auto;
       border-radius:.28571429rem;
       -webkit-user-select:text;
       -moz-user-select:text;
       user-select:text;
       will-change:top,left,margin,transform,opacity
   }
.ui.modal>.icon:first-child+*,
.ui.modal>:first-child:not(.icon) {
    border-top-left-radius:.28571429rem;
    border-top-right-radius:.28571429rem
}
.ui.modal>:last-child {
    border-bottom-left-radius:.28571429rem;
    border-bottom-right-radius:.28571429rem
}
.ui.modal>.close {
    cursor:pointer;
    position:absolute;
    top:-2.5rem;
    right:-2.5rem;
    z-index:1;
    opacity:.8;
    font-size:1.25em;
    color:#fff;
    width:2.25rem;
    height:2.25rem;
    padding:.625rem 0 0
}
.ui.modal>.close:hover {
    opacity:1
}
.ui.modal>.header {
    display:block;
    font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;
    background:#fff;
    margin:0;
    padding:1.25rem 1.5rem;
    box-shadow:none;
    color:rgba(0,0,0,.85);
    border-bottom:1px solid rgba(34,36,38,.15)
}
.ui.modal>.header:not(.ui) {
    font-size:1.42857143rem;
    line-height:1.28571429em;
    font-weight:700
}
.ui.modal>.content {
    display:block;
    width:100%;
    font-size:1em;
    line-height:1.4;
    padding:1.5rem;
    background:#fff
}
.ui.modal>.image.content {
    display:flex;
    flex-direction:row
}
.ui.modal>.content>.image {
    display:block;
    flex:0 1 auto;
    width:"";
    align-self:top
}
.ui.modal>[class*="top aligned"] {
    align-self:top
}
.ui.modal>[class*="middle aligned"] {
    align-self:middle
}
.ui.modal>[class*=stretched] {
    align-self:stretch
}
.ui.modal>.content>.description {
    display:block;
    flex:1 0 auto;
    min-width:0;
    align-self:top
}
.ui.modal>.content>.icon+.description,
.ui.modal>.content>.image+.description {
    flex:0 1 auto;
    min-width:"";
    width:auto;
    padding-left:2em
}
.ui.modal>.content>.image>i.icon {
    margin:0;
    opacity:1;
    width:auto;
    line-height:1;
    font-size:8rem
}
.ui.modal>.actions {
    background:#f9fafb;
    padding:1rem;
    border-top:1px solid rgba(34,36,38,.15);
    text-align:right
}
.ui.modal .actions>.button {
    margin-left:.75em
}
@media only screen and (max-width:767px) {
    .ui.modal {
        width:95%;
        margin:0
    }
}
@media only screen and (min-width:768px) {
    .ui.modal {
        width:88%;
        margin:0
    }
}
@media only screen and (min-width:992px) {
    .ui.modal {
        width:850px;
        margin:0
    }
}
@media only screen and (min-width:1200px) {
    .ui.modal {
        width:900px;
        margin:0
    }
}
@media only screen and (min-width:1920px) {
    .ui.modal {
        width:950px;
        margin:0
    }
}
@media only screen and (max-width:991px) {
    .ui.modal>.header {
        padding-right:2.25rem
    }
    .ui.modal>.close {
        top:1.0535rem;
        right:1rem;
        color:rgba(0,0,0,.87)
    }
}
@media only screen and (max-width:767px) {
    .ui.modal>.header {
        padding:.75rem 2.25rem .75rem 1rem!important
    }
    .ui.modal>.content {
        display:block;
        padding:1rem!important
    }
    .ui.modal>.close {
        top:.5rem!important;
        right:.5rem!important
    }
    .ui.modal .image.content {
        flex-direction:column
    }
    .ui.modal .content>.image {
        display:block;
        max-width:100%;
        margin:0 auto!important;
        text-align:center;
        padding:0 0 1rem!important
    }
    .ui.modal>.content>.image>i.icon {
        font-size:5rem;
        text-align:center
    }
    .ui.modal .content>.description {
        display:block;
        width:100%!important;
        margin:0!important;
        padding:1rem 0!important;
        box-shadow:none
    }
    .ui.modal>.actions {
        padding:1rem 1rem 0!important
    }
    .ui.modal .actions>.button,
    .ui.modal .actions>.buttons {
        margin-bottom:1rem
    }
}
.ui.inverted.dimmer>.ui.modal {
    box-shadow:1px 3px 10px 2px rgba(0,0,0,.2)
}
.ui.basic.modal {
    border:none;
    border-radius:0;
    box-shadow:none!important;
    color:#fff
}
.ui.basic.modal,
.ui.basic.modal>.actions,
.ui.basic.modal>.content,
.ui.basic.modal>.header {
    background-color:transparent
}
.ui.basic.modal>.header {
    color:#fff
}
.ui.basic.modal>.close {
    top:1rem;
    right:1.5rem
}
.ui.inverted.dimmer>.basic.modal {
    color:rgba(0,0,0,.87)
}
.ui.inverted.dimmer>.ui.basic.modal>.header {
    color:rgba(0,0,0,.85)
}
.ui.legacy.modal,
.ui.legacy.page.dimmer>.ui.modal {
    top:50%;
    left:50%
}
.ui.legacy.page.dimmer>.ui.scrolling.modal,
.ui.page.dimmer>.ui.scrolling.legacy.modal,
.ui.top.aligned.dimmer>.ui.legacy.modal,
.ui.top.aligned.legacy.page.dimmer>.ui.modal {
    top:auto
}
@media only screen and (max-width:991px) {
    .ui.basic.modal>.close {
        color:#fff
    }
}
.ui.loading.modal {
    display:block;
    visibility:hidden;
    z-index:-1
}
.ui.active.modal {
    display:block
}
.modals.dimmer[class*="top aligned"] .modal {
    margin:5vh auto
}
@media only screen and (max-width:767px) {
    .modals.dimmer[class*="top aligned"] .modal {
        margin:1rem auto
    }
}
.legacy.modals.dimmer[class*="top aligned"] {
    padding-top:5vh
}
@media only screen and (max-width:767px) {
    .legacy.modals.dimmer[class*="top aligned"] {
        padding-top:1rem
    }
}
.scrolling.dimmable.dimmed {
    overflow:hidden
}
.scrolling.dimmable>.dimmer {
    justify-content:flex-start
}
.scrolling.dimmable.dimmed>.dimmer {
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
.scrolling.dimmable>.dimmer {
    position:fixed
}
.modals.dimmer .ui.scrolling.modal {
    margin:1rem auto
}
.scrolling.undetached.dimmable.dimmed {
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
.scrolling.undetached.dimmable.dimmed>.dimmer {
    overflow:hidden
}
.scrolling.undetached.dimmable .ui.scrolling.modal {
    position:absolute;
    left:50%;
    margin-top:1rem!important
}
.ui.modal .scrolling.content {
    max-height:calc(70vh);
    overflow:auto
}
.ui.fullscreen.modal {
    width:95%!important;
    left:0!important;
    margin:1em auto
}
.ui.fullscreen.scrolling.modal {
    left:0!important
}
.ui.fullscreen.modal>.header {
    padding-right:2.25rem
}
.ui.fullscreen.modal>.close {
    top:1.0535rem;
    right:1rem;
    color:rgba(0,0,0,.87)
}
.ui.modal {
    font-size:1rem
}
.ui.mini.modal>.header:not(.ui) {
    font-size:1.3em
}
@media only screen and (max-width:767px) {
    .ui.mini.modal {
        width:95%;
        margin:0
    }
}
@media only screen and (min-width:768px) {
    .ui.mini.modal {
        width:35.2%;
        margin:0
    }
}
@media only screen and (min-width:992px) {
    .ui.mini.modal {
        width:340px;
        margin:0
    }
}
@media only screen and (min-width:1200px) {
    .ui.mini.modal {
        width:360px;
        margin:0
    }
}
@media only screen and (min-width:1920px) {
    .ui.mini.modal {
        width:380px;
        margin:0
    }
}
@media only screen and (max-width:767px) {
    .ui.tiny.modal {
        width:95%;
        margin:0
    }
}
@media only screen and (min-width:768px) {
    .ui.tiny.modal {
        width:52.8%;
        margin:0
    }
}
@media only screen and (min-width:992px) {
    .ui.tiny.modal {
        width:510px;
        margin:0
    }
}
@media only screen and (min-width:1200px) {
    .ui.tiny.modal {
        width:540px;
        margin:0
    }
}
@media only screen and (min-width:1920px) {
    .ui.tiny.modal {
        width:570px;
        margin:0
    }
}
.ui.small.modal>.header:not(.ui) {
    font-size:1.3em
}
@media only screen and (max-width:767px) {
    .ui.small.modal {
        width:95%;
        margin:0
    }
}
@media only screen and (min-width:768px) {
    .ui.small.modal {
        width:70.4%;
        margin:0
    }
}
@media only screen and (min-width:992px) {
    .ui.small.modal {
        width:680px;
        margin:0
    }
}
@media only screen and (min-width:1200px) {
    .ui.small.modal {
        width:720px;
        margin:0
    }
}
@media only screen and (min-width:1920px) {
    .ui.small.modal {
        width:760px;
        margin:0
    }
}
.ui.large.modal>.header {
    font-size:1.6em
}
@media only screen and (max-width:767px) {
    .ui.large.modal {
        width:95%;
        margin:0
    }
}
@media only screen and (min-width:768px) {
    .ui.large.modal {
        width:88%;
        margin:0
    }
}
@media only screen and (min-width:992px) {
    .ui.large.modal {
        width:1020px;
        margin:0
    }
}
@media only screen and (min-width:1200px) {
    .ui.large.modal {
        width:1080px;
        margin:0
    }
}
@media only screen and (min-width:1920px) {
    .ui.large.modal {
        width:1140px;
        margin:0
    }
}
/*!
 * # Semantic UI 2.4.0 - Nag
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.nag {
       display:none;
       opacity:.95;
       position:relative;
       top:0;
       left:0;
       z-index:999;
       min-height:0;
       width:100%;
       margin:0;
       padding:.75em 1em;
       background:#555;
       box-shadow:0 1px 2px 0 rgba(0,0,0,.2);
       font-size:1rem;
       text-align:center;
       color:rgba(0,0,0,.87);
       border-radius:0 0 .28571429rem .28571429rem;
       transition:background .2s ease
   }
a.ui.nag {
    cursor:pointer
}
.ui.nag>.title {
    display:inline-block;
    margin:0 .5em;
    color:#fff
}
.ui.nag>.close.icon {
    cursor:pointer;
    opacity:.4;
    position:absolute;
    top:50%;
    right:1em;
    font-size:1em;
    margin:-.5em 0 0;
    color:#fff;
    transition:opacity .2s ease
}
.ui.nag:hover {
    background:#555;
    opacity:1
}
.ui.nag .close:hover {
    opacity:1
}
.ui.overlay.nag {
    position:absolute;
    display:block
}
.ui.fixed.nag {
    position:fixed
}
.ui.bottom.nag,
.ui.bottom.nags {
    border-radius:.28571429rem .28571429rem 0 0;
    top:auto;
    bottom:0
}
.ui.inverted.nag,
.ui.inverted.nags .nag {
    background-color:#f3f4f5;
    color:rgba(0,0,0,.85)
}
.ui.inverted.nag .close,
.ui.inverted.nag .title,
.ui.inverted.nags .nag .close,
.ui.inverted.nags .nag .title {
    color:rgba(0,0,0,.4)
}
.ui.nags .nag {
    border-radius:0!important
}
.ui.nags .nag:last-child {
    border-radius:0 0 .28571429rem .28571429rem
}
.ui.bottom.nags .nag:last-child {
    border-radius:.28571429rem .28571429rem 0 0
}
/*!
 * # Semantic UI 2.4.0 - Popup
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.popup {
       display:none;
       position:absolute;
       top:0;
       right:0;
       min-width:-moz-min-content;
       min-width:min-content;
       z-index:1900;
       border:1px solid #d4d4d5;
       line-height:1.4285em;
       max-width:250px;
       background:#fff;
       padding:.833em 1em;
       font-weight:400;
       font-style:normal;
       color:rgba(0,0,0,.87);
       border-radius:.28571429rem;
       box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)
   }
.ui.popup>.header {
    padding:0;
    font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;
    font-size:1.14285714em;
    line-height:1.2;
    font-weight:700
}
.ui.popup>.header+.content {
    padding-top:.5em
}
.ui.popup:before {
    position:absolute;
    content:"";
    width:.71428571em;
    height:.71428571em;
    background:#fff;
    transform:rotate(45deg);
    z-index:2;
    box-shadow:1px 1px 0 0 #bababc
}
[data-tooltip] {
    position:relative
}
[data-tooltip]:before {
    content:"";
    width:.71428571em;
    height:.71428571em;
    transform:rotate(45deg);
    z-index:2;
    box-shadow:1px 1px 0 0 #bababc
}
[data-tooltip]:after,
[data-tooltip]:before {
    pointer-events:none;
    position:absolute;
    font-size:1rem;
    background:#fff
}
[data-tooltip]:after {
    content:attr(data-tooltip);
    text-transform:none;
    text-align:left;
    white-space:nowrap;
    border:1px solid #d4d4d5;
    line-height:1.4285em;
    max-width:none;
    padding:.833em 1em;
    font-weight:400;
    font-style:normal;
    color:rgba(0,0,0,.87);
    border-radius:.28571429rem;
    box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);
    z-index:1
}
[data-tooltip]:not([data-position]):before {
    top:auto;
    right:auto;
    bottom:100%;
    left:50%;
    background:#fff;
    margin-left:-.07142857rem;
    margin-bottom:.14285714rem
}
[data-tooltip]:not([data-position]):after {
    left:50%;
    transform:translateX(-50%);
    bottom:100%;
    margin-bottom:.5em
}
[data-tooltip]:after,
[data-tooltip]:before {
    pointer-events:none;
    visibility:hidden
}
[data-tooltip]:before {
    opacity:0;
    transform:rotate(45deg) scale(0)!important;
    transform-origin:center top;
    transition:all .1s ease
}
[data-tooltip]:after {
    opacity:1;
    transform-origin:center bottom;
    transition:all .1s ease
}
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
    visibility:visible;
    pointer-events:auto
}
[data-tooltip]:hover:before {
    transform:rotate(45deg) scale(1)!important;
    opacity:1
}
[data-tooltip]:after,
[data-tooltip][data-position="bottom center"]:after,
[data-tooltip][data-position="top center"]:after {
    transform:translateX(-50%) scale(0)!important
}
[data-tooltip]:hover:after,
[data-tooltip][data-position="bottom center"]:hover:after {
    transform:translateX(-50%) scale(1)!important
}
[data-tooltip][data-position="left center"]:after,
[data-tooltip][data-position="right center"]:after {
    transform:translateY(-50%) scale(0)!important
}
[data-tooltip][data-position="left center"]:hover:after,
[data-tooltip][data-position="right center"]:hover:after {
    transform:translateY(-50%) scale(1)!important
}
[data-tooltip][data-position="bottom left"]:after,
[data-tooltip][data-position="bottom right"]:after,
[data-tooltip][data-position="top left"]:after,
[data-tooltip][data-position="top right"]:after {
    transform:scale(0)!important
}
[data-tooltip][data-position="bottom left"]:hover:after,
[data-tooltip][data-position="bottom right"]:hover:after,
[data-tooltip][data-position="top left"]:hover:after,
[data-tooltip][data-position="top right"]:hover:after {
    transform:scale(1)!important
}
[data-tooltip][data-inverted]:before {
    box-shadow:none!important;
    background:#1b1c1d
}
[data-tooltip][data-inverted]:after {
    background:#1b1c1d;
    color:#fff;
    border:none;
    box-shadow:none
}
[data-tooltip][data-inverted]:after .header {
    background-color:none;
    color:#fff
}
[data-position="top center"][data-tooltip]:after {
    top:auto;
    right:auto;
    left:50%;
    bottom:100%;
    transform:translateX(-50%);
    margin-bottom:.5em
}
[data-position="top center"][data-tooltip]:before {
    top:auto;
    right:auto;
    bottom:100%;
    left:50%;
    background:#fff;
    margin-left:-.07142857rem;
    margin-bottom:.14285714rem
}
[data-position="top left"][data-tooltip]:after {
    top:auto;
    right:auto;
    left:0;
    bottom:100%;
    margin-bottom:.5em
}
[data-position="top left"][data-tooltip]:before {
    top:auto;
    right:auto;
    bottom:100%;
    left:1em;
    margin-left:-.07142857rem;
    margin-bottom:.14285714rem
}
[data-position="top right"][data-tooltip]:after {
    top:auto;
    left:auto;
    right:0;
    bottom:100%;
    margin-bottom:.5em
}
[data-position="top right"][data-tooltip]:before {
    top:auto;
    left:auto;
    bottom:100%;
    right:1em;
    margin-left:-.07142857rem;
    margin-bottom:.14285714rem
}
[data-position="bottom center"][data-tooltip]:after {
    bottom:auto;
    right:auto;
    left:50%;
    top:100%;
    transform:translateX(-50%);
    margin-top:.5em
}
[data-position="bottom center"][data-tooltip]:before {
    bottom:auto;
    right:auto;
    top:100%;
    left:50%;
    margin-left:-.07142857rem;
    margin-top:.14285714rem
}
[data-position="bottom left"][data-tooltip]:after {
    left:0;
    top:100%;
    margin-top:.5em
}
[data-position="bottom left"][data-tooltip]:before {
    bottom:auto;
    right:auto;
    top:100%;
    left:1em;
    margin-left:-.07142857rem;
    margin-top:.14285714rem
}
[data-position="bottom right"][data-tooltip]:after {
    right:0;
    top:100%;
    margin-top:.5em
}
[data-position="bottom right"][data-tooltip]:before {
    bottom:auto;
    left:auto;
    top:100%;
    right:1em;
    margin-left:-.14285714rem;
    margin-top:.07142857rem
}
[data-position="left center"][data-tooltip]:after {
    right:100%;
    top:50%;
    margin-right:.5em;
    transform:translateY(-50%)
}
[data-position="left center"][data-tooltip]:before {
    right:100%;
    top:50%;
    margin-top:-.14285714rem;
    margin-right:-.07142857rem
}
[data-position="right center"][data-tooltip]:after {
    left:100%;
    top:50%;
    margin-left:.5em;
    transform:translateY(-50%)
}
[data-position="right center"][data-tooltip]:before {
    left:100%;
    top:50%;
    margin-top:-.07142857rem;
    margin-left:.14285714rem
}
[data-position~=bottom][data-tooltip]:before {
    background:#fff;
    box-shadow:-1px -1px 0 0 #bababc
}
[data-position="left center"][data-tooltip]:before {
    background:#fff;
    box-shadow:1px -1px 0 0 #bababc
}
[data-position="right center"][data-tooltip]:before {
    background:#fff;
    box-shadow:-1px 1px 0 0 #bababc
}
[data-position~=top][data-tooltip]:before {
    background:#fff
}
[data-inverted][data-position~=bottom][data-tooltip]:before {
    background:#1b1c1d;
    box-shadow:-1px -1px 0 0 #bababc
}
[data-inverted][data-position="left center"][data-tooltip]:before {
    background:#1b1c1d;
    box-shadow:1px -1px 0 0 #bababc
}
[data-inverted][data-position="right center"][data-tooltip]:before {
    background:#1b1c1d;
    box-shadow:-1px 1px 0 0 #bababc
}
[data-inverted][data-position~=top][data-tooltip]:before {
    background:#1b1c1d
}
[data-position~=bottom][data-tooltip]:before {
    transform-origin:center bottom
}
[data-position~=bottom][data-tooltip]:after {
    transform-origin:center top
}
[data-position="left center"][data-tooltip]:before {
    transform-origin:top center
}
[data-position="left center"][data-tooltip]:after,
[data-position="right center"][data-tooltip]:before {
    transform-origin:right center
}
[data-position="right center"][data-tooltip]:after {
    transform-origin:left center
}
.ui.popup {
    margin:0
}
.ui.top.popup {
    margin:0 0 .71428571em
}
.ui.top.left.popup {
    transform-origin:left bottom
}
.ui.top.center.popup {
    transform-origin:center bottom
}
.ui.top.right.popup {
    transform-origin:right bottom
}
.ui.left.center.popup {
    margin:0 .71428571em 0 0;
    transform-origin:right 50%
}
.ui.right.center.popup {
    margin:0 0 0 .71428571em;
    transform-origin:left 50%
}
.ui.bottom.popup {
    margin:.71428571em 0 0
}
.ui.bottom.left.popup {
    transform-origin:left top
}
.ui.bottom.center.popup {
    transform-origin:center top
}
.ui.bottom.right.popup {
    transform-origin:right top
}
.ui.bottom.center.popup:before {
    margin-left:-.30714286em;
    top:-.30714286em;
    left:50%;
    right:auto;
    bottom:auto;
    box-shadow:-1px -1px 0 0 #bababc
}
.ui.bottom.left.popup {
    margin-left:0
}
.ui.bottom.left.popup:before {
    top:-.30714286em;
    left:1em;
    right:auto;
    bottom:auto;
    margin-left:0;
    box-shadow:-1px -1px 0 0 #bababc
}
.ui.bottom.right.popup {
    margin-right:0
}
.ui.bottom.right.popup:before {
    top:-.30714286em;
    right:1em;
    bottom:auto;
    left:auto;
    margin-left:0;
    box-shadow:-1px -1px 0 0 #bababc
}
.ui.top.center.popup:before {
    top:auto;
    right:auto;
    bottom:-.30714286em;
    left:50%;
    margin-left:-.30714286em
}
.ui.top.left.popup {
    margin-left:0
}
.ui.top.left.popup:before {
    bottom:-.30714286em;
    left:1em;
    top:auto;
    right:auto;
    margin-left:0
}
.ui.top.right.popup {
    margin-right:0
}
.ui.top.right.popup:before {
    bottom:-.30714286em;
    right:1em;
    top:auto;
    left:auto;
    margin-left:0
}
.ui.left.center.popup:before {
    top:50%;
    right:-.30714286em;
    bottom:auto;
    left:auto;
    margin-top:-.30714286em;
    box-shadow:1px -1px 0 0 #bababc
}
.ui.right.center.popup:before {
    top:50%;
    left:-.30714286em;
    bottom:auto;
    right:auto;
    margin-top:-.30714286em;
    box-shadow:-1px 1px 0 0 #bababc
}
.ui.bottom.popup:before,
.ui.left.center.popup:before,
.ui.right.center.popup:before,
.ui.top.popup:before {
    background:#fff
}
.ui.inverted.bottom.popup:before,
.ui.inverted.left.center.popup:before,
.ui.inverted.right.center.popup:before,
.ui.inverted.top.popup:before {
    background:#1b1c1d
}
.ui.popup>.ui.grid:not(.padded) {
    width:calc(100% + 1.75rem);
    margin:-.7rem -.875rem
}
.ui.loading.popup {
    display:block;
    visibility:hidden;
    z-index:-1
}
.ui.animating.popup,
.ui.visible.popup {
    display:block
}
.ui.visible.popup {
    transform:translateZ(0);
    backface-visibility:hidden
}
.ui.basic.popup:before {
    display:none
}
.ui.wide.popup {
    max-width:350px
}
.ui[class*="very wide"].popup {
    max-width:550px
}
@media only screen and (max-width:767px) {
    .ui.wide.popup,
    .ui[class*="very wide"].popup {
        max-width:250px
    }
}
.ui.fluid.popup {
    width:100%;
    max-width:none
}
.ui.inverted.popup {
    background:#1b1c1d;
    color:#fff;
    border:none;
    box-shadow:none
}
.ui.inverted.popup .header {
    background-color:none;
    color:#fff
}
.ui.inverted.popup:before {
    background-color:#1b1c1d;
    box-shadow:none!important
}
.ui.flowing.popup {
    max-width:none
}
.ui.mini.popup {
    font-size:.78571429rem
}
.ui.tiny.popup {
    font-size:.85714286rem
}
.ui.small.popup {
    font-size:.92857143rem
}
.ui.popup {
    font-size:1rem
}
.ui.large.popup {
    font-size:1.14285714rem
}
.ui.huge.popup {
    font-size:1.42857143rem
}
/*!
 * # Semantic UI 2.4.0 - Progress Bar
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.progress {
       position:relative;
       display:block;
       max-width:100%;
       border:none;
       margin:1em 0 2.5em;
       box-shadow:none;
       background:rgba(0,0,0,.1);
       padding:0;
       border-radius:.28571429rem
   }
.ui.progress:first-child {
    margin:0 0 2.5em
}
.ui.progress:last-child {
    margin:0 0 1.5em
}
.ui.progress .bar {
    display:block;
    line-height:1;
    position:relative;
    width:0;
    min-width:2em;
    background:#888;
    border-radius:.28571429rem;
    transition:width .1s ease,background-color .1s ease
}
.ui.progress .bar>.progress {
    white-space:nowrap;
    width:auto;
    font-size:.92857143em;
    top:50%;
    right:.5em;
    left:auto;
    color:hsla(0,0%,100%,.7);
    margin-top:-.5em;
    text-align:left
}
.ui.progress .bar>.progress,
.ui.progress>.label {
    position:absolute;
    bottom:auto;
    text-shadow:none;
    font-weight:700
}
.ui.progress>.label {
    width:100%;
    font-size:1em;
    top:100%;
    right:auto;
    left:0;
    color:rgba(0,0,0,.87);
    margin-top:.2em;
    text-align:center;
    transition:color .4s ease
}
.ui.indicating.progress[data-percent^="1"] .bar,
.ui.indicating.progress[data-percent^="2"] .bar {
    background-color:#d95c5c
}
.ui.indicating.progress[data-percent^="3"] .bar {
    background-color:#efbc72
}
.ui.indicating.progress[data-percent^="4"] .bar,
.ui.indicating.progress[data-percent^="5"] .bar {
    background-color:#e6bb48
}
.ui.indicating.progress[data-percent^="6"] .bar {
    background-color:#ddc928
}
.ui.indicating.progress[data-percent^="7"] .bar,
.ui.indicating.progress[data-percent^="8"] .bar {
    background-color:#b4d95c
}
.ui.indicating.progress[data-percent^="100"] .bar,
.ui.indicating.progress[data-percent^="9"] .bar {
    background-color:#66da81
}
.ui.indicating.progress[data-percent^="1"] .label,
.ui.indicating.progress[data-percent^="100"] .label,
.ui.indicating.progress[data-percent^="2"] .label,
.ui.indicating.progress[data-percent^="3"] .label,
.ui.indicating.progress[data-percent^="4"] .label,
.ui.indicating.progress[data-percent^="5"] .label,
.ui.indicating.progress[data-percent^="6"] .label,
.ui.indicating.progress[data-percent^="7"] .label,
.ui.indicating.progress[data-percent^="8"] .label,
.ui.indicating.progress[data-percent^="9"] .label {
    color:rgba(0,0,0,.87)
}
.ui.indicating.progress[data-percent="1"] .bar,
.ui.indicating.progress[data-percent="2"] .bar,
.ui.indicating.progress[data-percent="3"] .bar,
.ui.indicating.progress[data-percent="4"] .bar,
.ui.indicating.progress[data-percent="5"] .bar,
.ui.indicating.progress[data-percent="6"] .bar,
.ui.indicating.progress[data-percent="7"] .bar,
.ui.indicating.progress[data-percent="8"] .bar,
.ui.indicating.progress[data-percent="9"] .bar {
    background-color:#d95c5c
}
.ui.indicating.progress[data-percent="1"] .label,
.ui.indicating.progress[data-percent="2"] .label,
.ui.indicating.progress[data-percent="3"] .label,
.ui.indicating.progress[data-percent="4"] .label,
.ui.indicating.progress[data-percent="5"] .label,
.ui.indicating.progress[data-percent="6"] .label,
.ui.indicating.progress[data-percent="7"] .label,
.ui.indicating.progress[data-percent="8"] .label,
.ui.indicating.progress[data-percent="9"] .label {
    color:rgba(0,0,0,.87)
}
.ui.indicating.progress.success .label {
    color:#1a531b
}
.ui.progress.success .bar {
    background-color:#21ba45!important
}
.ui.progress.success .bar,
.ui.progress.success .bar:after {
    animation:none!important
}
.ui.progress.success>.label {
    color:#1a531b
}
.ui.progress.warning .bar {
    background-color:#f2c037!important
}
.ui.progress.warning .bar,
.ui.progress.warning .bar:after {
    animation:none!important
}
.ui.progress.warning>.label {
    color:#794b02
}
.ui.progress.error .bar {
    background-color:#db2828!important
}
.ui.progress.error .bar,
.ui.progress.error .bar:after {
    animation:none!important
}
.ui.progress.error>.label {
    color:#912d2b
}
.ui.active.progress .bar {
    position:relative;
    min-width:2em
}
.ui.active.progress .bar:after {
    content:"";
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#fff;
    border-radius:.28571429rem;
    animation:progress-active 2s ease infinite
}
@keyframes progress-active {
    0% {
        opacity:.3;
        width:0
    }
    to {
        opacity:0;
        width:100%
    }
}
.ui.disabled.progress {
    opacity:.35
}
.ui.disabled.progress .bar,
.ui.disabled.progress .bar:after {
    animation:none!important
}
.ui.inverted.progress {
    background:hsla(0,0%,100%,.08);
    border:none
}
.ui.inverted.progress .bar {
    background:#888
}
.ui.inverted.progress .bar>.progress {
    color:#f9fafb
}
.ui.inverted.progress>.label {
    color:#fff
}
.ui.inverted.progress.success>.label {
    color:#21ba45
}
.ui.inverted.progress.warning>.label {
    color:#f2c037
}
.ui.inverted.progress.error>.label {
    color:#db2828
}
.ui.progress.attached {
    background:0 0;
    position:relative;
    border:none;
    margin:0
}
.ui.progress.attached,
.ui.progress.attached .bar {
    display:block;
    height:.2rem;
    padding:0;
    overflow:hidden;
    border-radius:0 0 .28571429rem .28571429rem
}
.ui.progress.attached .bar {
    border-radius:0
}
.ui.progress.top.attached,
.ui.progress.top.attached .bar {
    top:0;
    border-radius:.28571429rem .28571429rem 0 0
}
.ui.progress.top.attached .bar {
    border-radius:0
}
.ui.card>.ui.attached.progress,
.ui.segment>.ui.attached.progress {
    position:absolute;
    top:auto;
    left:0;
    bottom:100%;
    width:100%
}
.ui.card>.ui.bottom.attached.progress,
.ui.segment>.ui.bottom.attached.progress {
    top:100%;
    bottom:auto
}
.ui.red.progress .bar {
    background-color:#db2828
}
.ui.red.inverted.progress .bar {
    background-color:#ff695e
}
.ui.orange.progress .bar {
    background-color:#f2711c
}
.ui.orange.inverted.progress .bar {
    background-color:#ff851b
}
.ui.yellow.progress .bar {
    background-color:#fbbd08
}
.ui.yellow.inverted.progress .bar {
    background-color:#ffe21f
}
.ui.olive.progress .bar {
    background-color:#b5cc18
}
.ui.olive.inverted.progress .bar {
    background-color:#d9e778
}
.ui.green.progress .bar {
    background-color:#21ba45
}
.ui.green.inverted.progress .bar {
    background-color:#2ecc40
}
.ui.teal.progress .bar {
    background-color:#00b5ad
}
.ui.teal.inverted.progress .bar {
    background-color:#6dffff
}
.ui.blue.progress .bar {
    background-color:#2185d0
}
.ui.blue.inverted.progress .bar {
    background-color:#54c8ff
}
.ui.violet.progress .bar {
    background-color:#6435c9
}
.ui.violet.inverted.progress .bar {
    background-color:#a291fb
}
.ui.purple.progress .bar {
    background-color:#a333c8
}
.ui.purple.inverted.progress .bar {
    background-color:#dc73ff
}
.ui.pink.progress .bar {
    background-color:#e03997
}
.ui.pink.inverted.progress .bar {
    background-color:#ff8edf
}
.ui.brown.progress .bar {
    background-color:#a5673f
}
.ui.brown.inverted.progress .bar {
    background-color:#d67c1c
}
.ui.grey.progress .bar {
    background-color:#767676
}
.ui.grey.inverted.progress .bar {
    background-color:#dcddde
}
.ui.black.progress .bar {
    background-color:#1b1c1d
}
.ui.black.inverted.progress .bar {
    background-color:#545454
}
.ui.tiny.progress {
    font-size:.85714286rem
}
.ui.tiny.progress .bar {
    height:.5em
}
.ui.small.progress {
    font-size:.92857143rem
}
.ui.small.progress .bar {
    height:1em
}
.ui.progress {
    font-size:1rem
}
.ui.progress .bar {
    height:1.75em
}
.ui.large.progress {
    font-size:1.14285714rem
}
.ui.large.progress .bar {
    height:2.5em
}
.ui.big.progress {
    font-size:1.28571429rem
}
.ui.big.progress .bar {
    height:3.5em
}
/*!
 * # Semantic UI 2.4.0 - Rating
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.rating {
       display:inline-flex;
       white-space:nowrap;
       vertical-align:baseline
   }
.ui.rating:last-child {
    margin-right:0
}
.ui.rating .icon {
    padding:0;
    margin:0;
    flex:1 0 auto;
    cursor:pointer;
    width:1.25em;
    height:auto;
    transition:opacity .1s ease,background .1s ease,text-shadow .1s ease,color .1s ease;
    background:0 0;
    color:rgba(0,0,0,.15)
}
.ui.rating .active.icon {
    background:0 0;
    color:rgba(0,0,0,.85)
}
.ui.rating .icon.selected,
.ui.rating .icon.selected.active {
    background:0 0;
    color:rgba(0,0,0,.87)
}
.ui.star.rating .icon {
    width:1.25em;
    height:auto;
    background:0 0;
    color:rgba(0,0,0,.15);
    text-shadow:none
}
.ui.star.rating .active.icon {
    background:0 0!important;
    color:#ffe623!important;
    text-shadow:0 -1px 0 #ddc507,-1px 0 0 #ddc507,0 1px 0 #ddc507,1px 0 0 #ddc507!important
}
.ui.star.rating .icon.selected,
.ui.star.rating .icon.selected.active {
    background:0 0!important;
    color:#fc0!important;
    text-shadow:0 -1px 0 #e6a200,-1px 0 0 #e6a200,0 1px 0 #e6a200,1px 0 0 #e6a200!important
}
.ui.heart.rating .icon {
    width:1.4em;
    height:auto;
    background:0 0;
    color:rgba(0,0,0,.15);
    text-shadow:none!important
}
.ui.heart.rating .active.icon {
    background:0 0!important;
    color:#ff6d75!important;
    text-shadow:0 -1px 0 #cd0707,-1px 0 0 #cd0707,0 1px 0 #cd0707,1px 0 0 #cd0707!important
}
.ui.heart.rating .icon.selected,
.ui.heart.rating .icon.selected.active {
    background:0 0!important;
    color:#ff3000!important;
    text-shadow:0 -1px 0 #aa0101,-1px 0 0 #aa0101,0 1px 0 #aa0101,1px 0 0 #aa0101!important
}
.ui.disabled.rating .icon {
    cursor:default
}
.ui.rating .icon.selected,
.ui.rating.selected .active.icon,
.ui.rating.selected .icon.selected {
    opacity:1
}
.ui.mini.rating {
    font-size:.78571429rem
}
.ui.tiny.rating {
    font-size:.85714286rem
}
.ui.small.rating {
    font-size:.92857143rem
}
.ui.rating {
    font-size:1rem
}
.ui.large.rating {
    font-size:1.14285714rem
}
.ui.huge.rating {
    font-size:1.42857143rem
}
.ui.massive.rating {
    font-size:2rem
}
@font-face {
    font-family:Rating;
    src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"),
    url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
    font-weight:400;
    font-style:normal
}
.ui.rating .icon {
    font-family:Rating;
    line-height:1;
    backface-visibility:hidden;
    font-weight:400;
    font-style:normal;
    text-align:center
}
.ui.rating .active.icon:before,
.ui.rating .icon:before,
.ui.star.rating .active.icon:before,
.ui.star.rating .icon:before {
    content:"\f005"
}
.ui.star.rating .partial.icon:before {
    content:"\f006"
}
.ui.star.rating .partial.icon {
    content:"\f005"
}
.ui.heart.rating .active.icon:before,
.ui.heart.rating .icon:before {
    content:"\f004"
}
/*!
 * # Semantic UI 2.4.0 - Search
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.search {
       position:relative
   }
.ui.search>.prompt {
    margin:0;
    outline:0;
    -webkit-appearance:none;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    text-shadow:none;
    font-style:normal;
    font-weight:400;
    line-height:1.21428571em;
    padding:.67857143em 1em;
    font-size:1em;
    background:#fff;
    border:1px solid rgba(34,36,38,.15);
    color:rgba(0,0,0,.87);
    box-shadow:inset 0 0 0 0 transparent;
    transition:background-color .1s ease,color .1s ease,box-shadow .1s ease,border-color .1s ease
}
.ui.search .prompt {
    border-radius:500rem
}
.ui.search .prompt~.search.icon {
    cursor:pointer
}
.ui.search>.results {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    transform-origin:center top;
    white-space:normal;
    text-align:left;
    text-transform:none;
    background:#fff;
    margin-top:.5em;
    width:18em;
    border-radius:.28571429rem;
    box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);
    border:1px solid #d4d4d5;
    z-index:998
}
.ui.search>.results>:first-child {
    border-radius:.28571429rem .28571429rem 0 0
}
.ui.search>.results>:last-child {
    border-radius:0 0 .28571429rem .28571429rem
}
.ui.search>.results .result {
    cursor:pointer;
    display:block;
    overflow:hidden;
    font-size:1em;
    padding:.85714286em 1.14285714em;
    color:rgba(0,0,0,.87);
    line-height:1.33;
    border-bottom:1px solid rgba(34,36,38,.1)
}
.ui.search>.results .result:last-child {
    border-bottom:none!important
}
.ui.search>.results .result .image {
    float:right;
    overflow:hidden;
    background:0 0;
    width:5em;
    height:3em;
    border-radius:.25em
}
.ui.search>.results .result .image img {
    display:block;
    width:auto;
    height:100%
}
.ui.search>.results .result .image+.content {
    margin:0 6em 0 0
}
.ui.search>.results .result .title {
    margin:-.14285714em 0 0;
    font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;
    font-weight:700;
    font-size:1em;
    color:rgba(0,0,0,.85)
}
.ui.search>.results .result .description {
    margin-top:0;
    font-size:.92857143em;
    color:rgba(0,0,0,.4)
}
.ui.search>.results .result .price {
    float:right;
    color:#21ba45
}
.ui.search>.results>.message {
    padding:1em
}
.ui.search>.results>.message .header {
    font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;
    font-size:1rem;
    font-weight:700;
    color:rgba(0,0,0,.87)
}
.ui.search>.results>.message .description {
    margin-top:.25rem;
    font-size:1em;
    color:rgba(0,0,0,.87)
}
.ui.search>.results>.action {
    display:block;
    border-top:none;
    background:#f3f4f5;
    padding:.92857143em 1em;
    color:rgba(0,0,0,.87);
    font-weight:700;
    text-align:center
}
.ui.search>.prompt:focus {
    border-color:rgba(34,36,38,.35);
    background:#fff;
    color:rgba(0,0,0,.95)
}
.ui.loading.search .input>i.icon:before {
    border-radius:500rem;
    border:.2em solid rgba(0,0,0,.1)
}
.ui.loading.search .input>i.icon:after,
.ui.loading.search .input>i.icon:before {
    position:absolute;
    content:"";
    top:50%;
    left:50%;
    margin:-.64285714em 0 0 -.64285714em;
    width:1.28571429em;
    height:1.28571429em
}
.ui.loading.search .input>i.icon:after {
    animation:button-spin .6s linear;
    animation-iteration-count:infinite;
    border-radius:500rem;
    border:.2em solid transparent;
    border-top-color:#767676;
    box-shadow:0 0 0 1px transparent
}
.ui.category.search>.results .category .result:hover,
.ui.search>.results .result:hover {
    background:#f9fafb
}
.ui.search .action:hover {
    background:#e0e0e0
}
.ui.category.search>.results .category.active {
    background:#f3f4f5
}
.ui.category.search>.results .category.active>.name {
    color:rgba(0,0,0,.87)
}
.ui.category.search>.results .category .result.active,
.ui.search>.results .result.active {
    position:relative;
    border-left-color:rgba(34,36,38,.1);
    background:#f3f4f5;
    box-shadow:none
}
.ui.search>.results .result.active .description,
.ui.search>.results .result.active .title {
    color:rgba(0,0,0,.85)
}
.ui.disabled.search {
    cursor:default;
    pointer-events:none;
    opacity:.45
}
.ui.search.selection .prompt {
    border-radius:.28571429rem
}
.ui.search.selection>.icon.input>.remove.icon {
    pointer-events:none;
    position:absolute;
    left:auto;
    opacity:0;
    color:"";
    top:0;
    right:0;
    transition:color .1s ease,opacity .1s ease
}
.ui.search.selection>.icon.input>.active.remove.icon {
    cursor:pointer;
    opacity:.8;
    pointer-events:auto
}
.ui.search.selection>.icon.input:not([class*="left icon"])>.icon~.remove.icon {
    right:1.85714em
}
.ui.search.selection>.icon.input>.remove.icon:hover {
    opacity:1;
    color:#db2828
}
.ui.category.search .results {
    width:28em
}
.ui.category.search .results.animating,
.ui.category.search .results.visible {
    display:table
}
.ui.category.search>.results .category {
    display:table-row;
    background:#f3f4f5;
    box-shadow:none;
    transition:background .1s ease,border-color .1s ease
}
.ui.category.search>.results .category:last-child {
    border-bottom:none
}
.ui.category.search>.results .category:first-child .name+.result {
    border-radius:0 .28571429rem 0 0
}
.ui.category.search>.results .category:last-child .result:last-child {
    border-radius:0 0 .28571429rem 0
}
.ui.category.search>.results .category>.name {
    display:table-cell;
    text-overflow:ellipsis;
    width:100px;
    white-space:nowrap;
    background:0 0;
    font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;
    font-size:1em;
    padding:.4em 1em;
    font-weight:700;
    color:rgba(0,0,0,.4);
    border-bottom:1px solid rgba(34,36,38,.1)
}
.ui.category.search>.results .category .results {
    display:table-cell;
    background:#fff;
    border-left:1px solid rgba(34,36,38,.15);
    border-bottom:1px solid rgba(34,36,38,.1)
}
.ui.category.search>.results .category .result {
    border-bottom:1px solid rgba(34,36,38,.1);
    transition:background .1s ease,border-color .1s ease;
    padding:.85714286em 1.14285714em
}
.ui[class*="left aligned"].search>.results {
    right:auto;
    left:0
}
.ui[class*="right aligned"].search>.results {
    right:0;
    left:auto
}
.ui.fluid.search .results {
    width:100%
}
.ui.mini.search {
    font-size:.78571429em
}
.ui.small.search {
    font-size:.92857143em
}
.ui.search {
    font-size:1em
}
.ui.large.search {
    font-size:1.14285714em
}
.ui.big.search {
    font-size:1.28571429em
}
.ui.huge.search {
    font-size:1.42857143em
}
.ui.massive.search {
    font-size:1.71428571em
}
@media only screen and (max-width:767px) {
    .ui.search .results {
        max-width:calc(100vw - 2rem)
    }
}
/*!
 * # Semantic UI 2.4.0 - Shape
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.shape {
       position:relative;
       vertical-align:top;
       display:inline-block;
       perspective:2000px;
       transition:transform .6s ease-in-out,left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out
   }
.ui.shape .sides {
    transform-style:preserve-3d
}
.ui.shape .side {
    opacity:1;
    width:100%;
    margin:0!important;
    backface-visibility:hidden;
    display:none
}
.ui.shape .side * {
    backface-visibility:visible!important
}
.ui.cube.shape .side {
    min-width:15em;
    height:15em;
    padding:2em;
    background-color:#e6e6e6;
    color:rgba(0,0,0,.87);
    box-shadow:0 0 2px rgba(0,0,0,.3)
}
.ui.cube.shape .side>.content {
    width:100%;
    height:100%;
    display:table;
    text-align:center;
    -webkit-user-select:text;
    -moz-user-select:text;
    user-select:text
}
.ui.cube.shape .side>.content>div {
    display:table-cell;
    vertical-align:middle;
    font-size:2em
}
.ui.text.shape.animating .sides {
    position:static
}
.ui.text.shape .side {
    white-space:nowrap
}
.ui.text.shape .side>* {
    white-space:normal
}
.ui.loading.shape {
    position:absolute;
    top:-9999px;
    left:-9999px
}
.ui.shape .animating.side {
    position:absolute;
    top:0;
    left:0;
    display:block;
    z-index:100
}
.ui.shape .hidden.side {
    opacity:.6
}
.ui.shape.animating .sides {
    position:absolute;
    transition:transform .6s ease-in-out,left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out
}
.ui.shape.animating .side {
    transition:opacity .6s ease-in-out
}
.ui.shape .active.side {
    display:block
}
/*!
 * # Semantic UI 2.4.0 - Sidebar
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.sidebar {
       position:fixed;
       top:0;
       left:0;
       transition:none;
       will-change:transform;
       transform:translateZ(0);
       visibility:hidden;
       -webkit-overflow-scrolling:touch;
       height:100%!important;
       max-height:100%;
       border-radius:0!important;
       margin:0!important;
       overflow-y:auto!important;
       z-index:102
   }
.ui.sidebar,
.ui.sidebar>* {
    backface-visibility:hidden
}
.ui.left.sidebar {
    right:auto;
    left:0;
    transform:translate3d(-100%,0,0)
}
.ui.right.sidebar {
    right:0!important;
    left:auto!important;
    transform:translate3d(100%,0,0)
}
.ui.bottom.sidebar,
.ui.top.sidebar {
    width:100%!important;
    height:auto!important
}
.ui.top.sidebar {
    top:0!important;
    bottom:auto!important;
    transform:translate3d(0,-100%,0)
}
.ui.bottom.sidebar {
    top:auto!important;
    bottom:0!important;
    transform:translate3d(0,100%,0)
}
.pushable {
    height:100%;
    overflow-x:hidden;
    padding:0!important
}
body.pushable {
    background:#545454!important
}
.pushable:not(body) {
    transform:translateZ(0)
}
.pushable:not(body)>.fixed,
.pushable:not(body)>.pusher:after,
.pushable:not(body)>.ui.sidebar {
    position:absolute
}
.pushable>.fixed {
    position:fixed;
    will-change:transform;
    z-index:101
}
.pushable>.fixed,
.pushable>.pusher {
    backface-visibility:hidden;
    transition:transform .5s ease
}
.pushable>.pusher {
    position:relative;
    overflow:hidden;
    min-height:100%;
    z-index:2
}
body.pushable>.pusher {
    background:#fff
}
.pushable>.pusher {
    background:inherit
}
.pushable>.pusher:after {
    position:fixed;
    top:0;
    right:0;
    content:"";
    background-color:rgba(0,0,0,.4);
    overflow:hidden;
    opacity:0;
    transition:opacity .5s;
    will-change:opacity;
    z-index:1000
}
.ui.sidebar.menu .item {
    border-radius:0!important
}
.pushable>.pusher.dimmed:after {
    width:100%!important;
    height:100%!important;
    opacity:1!important
}
.ui.animating.sidebar {
    visibility:visible
}
.ui.visible.sidebar {
    visibility:visible;
    transform:translateZ(0)
}
.ui.bottom.visible.sidebar,
.ui.left.visible.sidebar,
.ui.right.visible.sidebar,
.ui.top.visible.sidebar {
    box-shadow:0 0 20px rgba(34,36,38,.15)
}
.ui.visible.left.sidebar~.fixed,
.ui.visible.left.sidebar~.pusher {
    transform:translate3d(260px,0,0)
}
.ui.visible.right.sidebar~.fixed,
.ui.visible.right.sidebar~.pusher {
    transform:translate3d(-260px,0,0)
}
.ui.visible.top.sidebar~.fixed,
.ui.visible.top.sidebar~.pusher {
    transform:translate3d(0,36px,0)
}
.ui.visible.bottom.sidebar~.fixed,
.ui.visible.bottom.sidebar~.pusher {
    transform:translate3d(0,-36px,0)
}
.ui.visible.left.sidebar~.ui.visible.right.sidebar~.fixed,
.ui.visible.left.sidebar~.ui.visible.right.sidebar~.pusher,
.ui.visible.right.sidebar~.ui.visible.left.sidebar~.fixed,
.ui.visible.right.sidebar~.ui.visible.left.sidebar~.pusher {
    transform:translateZ(0)
}
.ui.thin.left.sidebar,
.ui.thin.right.sidebar {
    width:150px
}
.ui[class*="very thin"].left.sidebar,
.ui[class*="very thin"].right.sidebar {
    width:60px
}
.ui.left.sidebar,
.ui.right.sidebar {
    width:260px
}
.ui.wide.left.sidebar,
.ui.wide.right.sidebar {
    width:350px
}
.ui[class*="very wide"].left.sidebar,
.ui[class*="very wide"].right.sidebar {
    width:475px
}
.ui.visible.thin.left.sidebar~.fixed,
.ui.visible.thin.left.sidebar~.pusher {
    transform:translate3d(150px,0,0)
}
.ui.visible[class*="very thin"].left.sidebar~.fixed,
.ui.visible[class*="very thin"].left.sidebar~.pusher {
    transform:translate3d(60px,0,0)
}
.ui.visible.wide.left.sidebar~.fixed,
.ui.visible.wide.left.sidebar~.pusher {
    transform:translate3d(350px,0,0)
}
.ui.visible[class*="very wide"].left.sidebar~.fixed,
.ui.visible[class*="very wide"].left.sidebar~.pusher {
    transform:translate3d(475px,0,0)
}
.ui.visible.thin.right.sidebar~.fixed,
.ui.visible.thin.right.sidebar~.pusher {
    transform:translate3d(-150px,0,0)
}
.ui.visible[class*="very thin"].right.sidebar~.fixed,
.ui.visible[class*="very thin"].right.sidebar~.pusher {
    transform:translate3d(-60px,0,0)
}
.ui.visible.wide.right.sidebar~.fixed,
.ui.visible.wide.right.sidebar~.pusher {
    transform:translate3d(-350px,0,0)
}
.ui.visible[class*="very wide"].right.sidebar~.fixed,
.ui.visible[class*="very wide"].right.sidebar~.pusher {
    transform:translate3d(-475px,0,0)
}
.ui.overlay.sidebar {
    z-index:102
}
.ui.left.overlay.sidebar {
    transform:translate3d(-100%,0,0)
}
.ui.right.overlay.sidebar {
    transform:translate3d(100%,0,0)
}
.ui.top.overlay.sidebar {
    transform:translate3d(0,-100%,0)
}
.ui.bottom.overlay.sidebar {
    transform:translate3d(0,100%,0)
}
.animating.ui.overlay.sidebar,
.ui.visible.overlay.sidebar {
    transition:transform .5s ease
}
.ui.visible.bottom.overlay.sidebar,
.ui.visible.left.overlay.sidebar,
.ui.visible.right.overlay.sidebar,
.ui.visible.top.overlay.sidebar {
    transform:translateZ(0)
}
.ui.visible.overlay.sidebar~.fixed,
.ui.visible.overlay.sidebar~.pusher {
    transform:none!important
}
.ui.push.sidebar {
    transition:transform .5s ease;
    z-index:102
}
.ui.left.push.sidebar {
    transform:translate3d(-100%,0,0)
}
.ui.right.push.sidebar {
    transform:translate3d(100%,0,0)
}
.ui.top.push.sidebar {
    transform:translate3d(0,-100%,0)
}
.ui.bottom.push.sidebar {
    transform:translate3d(0,100%,0)
}
.ui.uncover.sidebar,
.ui.visible.push.sidebar {
    transform:translateZ(0)
}
.ui.uncover.sidebar {
    z-index:1
}
.ui.visible.uncover.sidebar {
    transform:translateZ(0);
    transition:transform .5s ease
}
.ui.slide.along.sidebar {
    z-index:1
}
.ui.left.slide.along.sidebar {
    transform:translate3d(-50%,0,0)
}
.ui.right.slide.along.sidebar {
    transform:translate3d(50%,0,0)
}
.ui.top.slide.along.sidebar {
    transform:translate3d(0,-50%,0)
}
.ui.bottom.slide.along.sidebar {
    transform:translate3d(0,50%,0)
}
.ui.animating.slide.along.sidebar {
    transition:transform .5s ease
}
.ui.visible.slide.along.sidebar {
    transform:translateZ(0)
}
.ui.slide.out.sidebar {
    z-index:1
}
.ui.left.slide.out.sidebar {
    transform:translate3d(50%,0,0)
}
.ui.right.slide.out.sidebar {
    transform:translate3d(-50%,0,0)
}
.ui.top.slide.out.sidebar {
    transform:translate3d(0,50%,0)
}
.ui.bottom.slide.out.sidebar {
    transform:translate3d(0,-50%,0)
}
.ui.animating.slide.out.sidebar {
    transition:transform .5s ease
}
.ui.visible.slide.out.sidebar {
    transform:translateZ(0)
}
.ui.scale.down.sidebar {
    transition:transform .5s ease;
    z-index:102
}
.ui.left.scale.down.sidebar {
    transform:translate3d(-100%,0,0)
}
.ui.right.scale.down.sidebar {
    transform:translate3d(100%,0,0)
}
.ui.top.scale.down.sidebar {
    transform:translate3d(0,-100%,0)
}
.ui.bottom.scale.down.sidebar {
    transform:translate3d(0,100%,0)
}
.ui.scale.down.left.sidebar~.pusher {
    transform-origin:75% 50%
}
.ui.scale.down.right.sidebar~.pusher {
    transform-origin:25% 50%
}
.ui.scale.down.top.sidebar~.pusher {
    transform-origin:50% 75%
}
.ui.scale.down.bottom.sidebar~.pusher {
    transform-origin:50% 25%
}
.ui.animating.scale.down>.visible.ui.sidebar {
    transition:transform .5s ease
}
.ui.animating.scale.down.sidebar~.pusher,
.ui.visible.scale.down.sidebar~.pusher {
    display:block!important;
    width:100%;
    height:100%;
    overflow:hidden!important
}
.ui.visible.scale.down.sidebar {
    transform:translateZ(0)
}
.ui.visible.scale.down.sidebar~.pusher {
    transform:scale(.75)
}
/*!
 * # Semantic UI 2.4.0 - Sticky
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.sticky {
       position:static;
       transition:none;
       z-index:800
   }
.ui.sticky.bound {
    position:absolute;
    left:auto;
    right:auto
}
.ui.sticky.fixed {
    position:fixed;
    left:auto;
    right:auto
}
.ui.sticky.bound.top,
.ui.sticky.fixed.top {
    top:0;
    bottom:auto
}
.ui.sticky.bound.bottom,
.ui.sticky.fixed.bottom {
    top:auto;
    bottom:0
}
.ui.native.sticky {
    position:-moz-sticky;
    position:-ms-sticky;
    position:-o-sticky;
    position:sticky
}
/*!
 * # Semantic UI 2.4.0 - Tab
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.tab {
       display:none
   }
.ui.tab.active,
.ui.tab.open {
    display:block
}
.ui.tab.loading {
    position:relative;
    overflow:hidden;
    display:block;
    min-height:250px
}
.ui.tab.loading * {
    position:relative!important;
    left:-10000px!important
}
.ui.tab.loading.segment:before,
.ui.tab.loading:before {
    position:absolute;
    content:"";
    top:100px;
    left:50%;
    margin:-1.25em 0 0 -1.25em;
    width:2.5em;
    height:2.5em;
    border-radius:500rem;
    border:.2em solid rgba(0,0,0,.1)
}
.ui.tab.loading.segment:after,
.ui.tab.loading:after {
    position:absolute;
    content:"";
    top:100px;
    left:50%;
    margin:-1.25em 0 0 -1.25em;
    width:2.5em;
    height:2.5em;
    animation:button-spin .6s linear;
    animation-iteration-count:infinite;
    border-radius:500rem;
    border:.2em solid transparent;
    border-top-color:#767676;
    box-shadow:0 0 0 1px transparent
}
/*!
 * # Semantic UI 2.4.0 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.transition {
       animation-iteration-count:1;
       animation-duration:.3s;
       animation-timing-function:ease;
       animation-fill-mode:both
   }
.animating.transition {
    backface-visibility:hidden;
    visibility:visible!important
}
.loading.transition {
    position:absolute;
    top:-99999px;
    left:-99999px
}
.hidden.transition {
    display:none;
    visibility:hidden
}
.visible.transition {
    display:block!important;
    visibility:visible!important
}
.disabled.transition {
    animation-play-state:paused
}
.looping.transition {
    animation-iteration-count:infinite
}
.transition.browse {
    animation-duration:.5s
}
.transition.browse.in {
    animation-name:browseIn
}
.transition.browse.left.out,
.transition.browse.out {
    animation-name:browseOutLeft
}
.transition.browse.right.out {
    animation-name:browseOutRight
}
@keyframes browseIn {
    0% {
        transform:scale(.8) translateZ(0);
        z-index:-1
    }
    10% {
        transform:scale(.8) translateZ(0);
        z-index:-1;
        opacity:.7
    }
    80% {
        transform:scale(1.05) translateZ(0);
        opacity:1;
        z-index:999
    }
    to {
        transform:scale(1) translateZ(0);
        z-index:999
    }
}
@keyframes browseOutLeft {
    0% {
        z-index:999;
        transform:translateX(0) rotateY(0) rotateX(0)
    }
    50% {
        z-index:-1;
        transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity:1
    }
    to {
        z-index:-1;
        transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity:0
    }
}
@keyframes browseOutRight {
    0% {
        z-index:999;
        transform:translateX(0) rotateY(0) rotateX(0)
    }
    50% {
        z-index:1;
        transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity:1
    }
    to {
        z-index:1;
        transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity:0
    }
}
.drop.transition {
    transform-origin:top center;
    animation-duration:.4s;
    animation-timing-function:cubic-bezier(.34,1.61,.7,1)
}
.drop.transition.in {
    animation-name:dropIn
}
.drop.transition.out {
    animation-name:dropOut
}
@keyframes dropIn {
    0% {
        opacity:0;
        transform:scale(0)
    }
    to {
        opacity:1;
        transform:scale(1)
    }
}
@keyframes dropOut {
    0% {
        opacity:1;
        transform:scale(1)
    }
    to {
        opacity:0;
        transform:scale(0)
    }
}
.transition.fade.in {
    animation-name:fadeIn
}
.transition[class*="fade up"].in {
    animation-name:fadeInUp
}
.transition[class*="fade down"].in {
    animation-name:fadeInDown
}
.transition[class*="fade left"].in {
    animation-name:fadeInLeft
}
.transition[class*="fade right"].in {
    animation-name:fadeInRight
}
.transition.fade.out {
    animation-name:fadeOut
}
.transition[class*="fade up"].out {
    animation-name:fadeOutUp
}
.transition[class*="fade down"].out {
    animation-name:fadeOutDown
}
.transition[class*="fade left"].out {
    animation-name:fadeOutLeft
}
.transition[class*="fade right"].out {
    animation-name:fadeOutRight
}
@keyframes fadeIn {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}
@keyframes fadeInUp {
    0% {
        opacity:0;
        transform:translateY(10%)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity:0;
        transform:translateY(-10%)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes fadeInLeft {
    0% {
        opacity:0;
        transform:translateX(10%)
    }
    to {
        opacity:1;
        transform:translateX(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity:0;
        transform:translateX(-10%)
    }
    to {
        opacity:1;
        transform:translateX(0)
    }
}
@keyframes fadeOut {
    0% {
        opacity:1
    }
    to {
        opacity:0
    }
}
@keyframes fadeOutUp {
    0% {
        opacity:1;
        transform:translateY(0)
    }
    to {
        opacity:0;
        transform:translateY(5%)
    }
}
@keyframes fadeOutDown {
    0% {
        opacity:1;
        transform:translateY(0)
    }
    to {
        opacity:0;
        transform:translateY(-5%)
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity:1;
        transform:translateX(0)
    }
    to {
        opacity:0;
        transform:translateX(5%)
    }
}
@keyframes fadeOutRight {
    0% {
        opacity:1;
        transform:translateX(0)
    }
    to {
        opacity:0;
        transform:translateX(-5%)
    }
}
.flip.transition.in,
.flip.transition.out {
    animation-duration:.6s
}
.horizontal.flip.transition.in {
    animation-name:horizontalFlipIn
}
.horizontal.flip.transition.out {
    animation-name:horizontalFlipOut
}
.vertical.flip.transition.in {
    animation-name:verticalFlipIn
}
.vertical.flip.transition.out {
    animation-name:verticalFlipOut
}
@keyframes horizontalFlipIn {
    0% {
        transform:perspective(2000px) rotateY(-90deg);
        opacity:0
    }
    to {
        transform:perspective(2000px) rotateY(0);
        opacity:1
    }
}
@keyframes verticalFlipIn {
    0% {
        transform:perspective(2000px) rotateX(-90deg);
        opacity:0
    }
    to {
        transform:perspective(2000px) rotateX(0);
        opacity:1
    }
}
@keyframes horizontalFlipOut {
    0% {
        transform:perspective(2000px) rotateY(0);
        opacity:1
    }
    to {
        transform:perspective(2000px) rotateY(90deg);
        opacity:0
    }
}
@keyframes verticalFlipOut {
    0% {
        transform:perspective(2000px) rotateX(0);
        opacity:1
    }
    to {
        transform:perspective(2000px) rotateX(-90deg);
        opacity:0
    }
}
.scale.transition.in {
    animation-name:scaleIn
}
.scale.transition.out {
    animation-name:scaleOut
}
@keyframes scaleIn {
    0% {
        opacity:0;
        transform:scale(.8)
    }
    to {
        opacity:1;
        transform:scale(1)
    }
}
@keyframes scaleOut {
    0% {
        opacity:1;
        transform:scale(1)
    }
    to {
        opacity:0;
        transform:scale(.9)
    }
}
.transition.fly {
    animation-duration:.6s;
    transition-timing-function:cubic-bezier(.215,.61,.355,1)
}
.transition.fly.in {
    animation-name:flyIn
}
.transition[class*="fly up"].in {
    animation-name:flyInUp
}
.transition[class*="fly down"].in {
    animation-name:flyInDown
}
.transition[class*="fly left"].in {
    animation-name:flyInLeft
}
.transition[class*="fly right"].in {
    animation-name:flyInRight
}
.transition.fly.out {
    animation-name:flyOut
}
.transition[class*="fly up"].out {
    animation-name:flyOutUp
}
.transition[class*="fly down"].out {
    animation-name:flyOutDown
}
.transition[class*="fly left"].out {
    animation-name:flyOutLeft
}
.transition[class*="fly right"].out {
    animation-name:flyOutRight
}
@keyframes flyIn {
    0% {
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    20% {
        transform:scale3d(1.1,1.1,1.1)
    }
    40% {
        transform:scale3d(.9,.9,.9)
    }
    60% {
        opacity:1;
        transform:scale3d(1.03,1.03,1.03)
    }
    80% {
        transform:scale3d(.97,.97,.97)
    }
    to {
        opacity:1;
        transform:scaleX(1)
    }
}
@keyframes flyInUp {
    0% {
        opacity:0;
        transform:translate3d(0,1500px,0)
    }
    60% {
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    75% {
        transform:translate3d(0,10px,0)
    }
    90% {
        transform:translate3d(0,-5px,0)
    }
    to {
        transform:translateZ(0)
    }
}
@keyframes flyInDown {
    0% {
        opacity:0;
        transform:translate3d(0,-1500px,0)
    }
    60% {
        opacity:1;
        transform:translate3d(0,25px,0)
    }
    75% {
        transform:translate3d(0,-10px,0)
    }
    90% {
        transform:translate3d(0,5px,0)
    }
    to {
        transform:none
    }
}
@keyframes flyInLeft {
    0% {
        opacity:0;
        transform:translate3d(1500px,0,0)
    }
    60% {
        opacity:1;
        transform:translate3d(-25px,0,0)
    }
    75% {
        transform:translate3d(10px,0,0)
    }
    90% {
        transform:translate3d(-5px,0,0)
    }
    to {
        transform:none
    }
}
@keyframes flyInRight {
    0% {
        opacity:0;
        transform:translate3d(-1500px,0,0)
    }
    60% {
        opacity:1;
        transform:translate3d(25px,0,0)
    }
    75% {
        transform:translate3d(-10px,0,0)
    }
    90% {
        transform:translate3d(5px,0,0)
    }
    to {
        transform:none
    }
}
@keyframes flyOut {
    20% {
        transform:scale3d(.9,.9,.9)
    }
    50%,
    55% {
        opacity:1;
        transform:scale3d(1.1,1.1,1.1)
    }
    to {
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
}
@keyframes flyOutUp {
    20% {
        transform:translate3d(0,10px,0)
    }
    40%,
    45% {
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    to {
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
@keyframes flyOutDown {
    20% {
        transform:translate3d(0,-10px,0)
    }
    40%,
    45% {
        opacity:1;
        transform:translate3d(0,20px,0)
    }
    to {
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
@keyframes flyOutRight {
    20% {
        opacity:1;
        transform:translate3d(20px,0,0)
    }
    to {
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
@keyframes flyOutLeft {
    20% {
        opacity:1;
        transform:translate3d(-20px,0,0)
    }
    to {
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
}
.transition.slide.in,
.transition[class*="slide down"].in {
    animation-name:slideInY;
    transform-origin:top center
}
.transition[class*="slide up"].in {
    animation-name:slideInY;
    transform-origin:bottom center
}
.transition[class*="slide left"].in {
    animation-name:slideInX;
    transform-origin:center right
}
.transition[class*="slide right"].in {
    animation-name:slideInX;
    transform-origin:center left
}
.transition.slide.out,
.transition[class*="slide down"].out {
    animation-name:slideOutY;
    transform-origin:top center
}
.transition[class*="slide up"].out {
    animation-name:slideOutY;
    transform-origin:bottom center
}
.transition[class*="slide left"].out {
    animation-name:slideOutX;
    transform-origin:center right
}
.transition[class*="slide right"].out {
    animation-name:slideOutX;
    transform-origin:center left
}
@keyframes slideInY {
    0% {
        opacity:0;
        transform:scaleY(0)
    }
    to {
        opacity:1;
        transform:scaleY(1)
    }
}
@keyframes slideInX {
    0% {
        opacity:0;
        transform:scaleX(0)
    }
    to {
        opacity:1;
        transform:scaleX(1)
    }
}
@keyframes slideOutY {
    0% {
        opacity:1;
        transform:scaleY(1)
    }
    to {
        opacity:0;
        transform:scaleY(0)
    }
}
@keyframes slideOutX {
    0% {
        opacity:1;
        transform:scaleX(1)
    }
    to {
        opacity:0;
        transform:scaleX(0)
    }
}
.transition.swing {
    animation-duration:.8s
}
.transition[class*="swing down"].in {
    animation-name:swingInX;
    transform-origin:top center
}
.transition[class*="swing up"].in {
    animation-name:swingInX;
    transform-origin:bottom center
}
.transition[class*="swing left"].in {
    animation-name:swingInY;
    transform-origin:center right
}
.transition[class*="swing right"].in {
    animation-name:swingInY;
    transform-origin:center left
}
.transition.swing.out,
.transition[class*="swing down"].out {
    animation-name:swingOutX;
    transform-origin:top center
}
.transition[class*="swing up"].out {
    animation-name:swingOutX;
    transform-origin:bottom center
}
.transition[class*="swing left"].out {
    animation-name:swingOutY;
    transform-origin:center right
}
.transition[class*="swing right"].out {
    animation-name:swingOutY;
    transform-origin:center left
}
@keyframes swingInX {
    0% {
        transform:perspective(1000px) rotateX(90deg);
        opacity:0
    }
    40% {
        transform:perspective(1000px) rotateX(-30deg);
        opacity:1
    }
    60% {
        transform:perspective(1000px) rotateX(15deg)
    }
    80% {
        transform:perspective(1000px) rotateX(-7.5deg)
    }
    to {
        transform:perspective(1000px) rotateX(0)
    }
}
@keyframes swingInY {
    0% {
        transform:perspective(1000px) rotateY(-90deg);
        opacity:0
    }
    40% {
        transform:perspective(1000px) rotateY(30deg);
        opacity:1
    }
    60% {
        transform:perspective(1000px) rotateY(-17.5deg)
    }
    80% {
        transform:perspective(1000px) rotateY(7.5deg)
    }
    to {
        transform:perspective(1000px) rotateY(0)
    }
}
@keyframes swingOutX {
    0% {
        transform:perspective(1000px) rotateX(0)
    }
    40% {
        transform:perspective(1000px) rotateX(-7.5deg)
    }
    60% {
        transform:perspective(1000px) rotateX(17.5deg)
    }
    80% {
        transform:perspective(1000px) rotateX(-30deg);
        opacity:1
    }
    to {
        transform:perspective(1000px) rotateX(90deg);
        opacity:0
    }
}
@keyframes swingOutY {
    0% {
        transform:perspective(1000px) rotateY(0)
    }
    40% {
        transform:perspective(1000px) rotateY(7.5deg)
    }
    60% {
        transform:perspective(1000px) rotateY(-10deg)
    }
    80% {
        transform:perspective(1000px) rotateY(30deg);
        opacity:1
    }
    to {
        transform:perspective(1000px) rotateY(-90deg);
        opacity:0
    }
}
.transition.zoom.in {
    animation-name:zoomIn
}
.transition.zoom.out {
    animation-name:zoomOut
}
@keyframes zoomIn {
    0% {
        opacity:1;
        transform:scale(0)
    }
    to {
        opacity:1;
        transform:scale(1)
    }
}
@keyframes zoomOut {
    0% {
        opacity:1;
        transform:scale(1)
    }
    to {
        opacity:1;
        transform:scale(0)
    }
}
.flash.transition {
    animation-duration:.75s;
    animation-name:flash
}
.shake.transition {
    animation-duration:.75s;
    animation-name:shake
}
.bounce.transition {
    animation-duration:.75s;
    animation-name:bounce
}
.tada.transition {
    animation-duration:.75s;
    animation-name:tada
}
.pulse.transition {
    animation-duration:.5s;
    animation-name:pulse
}
.jiggle.transition {
    animation-duration:.75s;
    animation-name:jiggle
}
.transition.glow {
    animation-duration:2s;
    animation-timing-function:cubic-bezier(.19,1,.22,1);
    animation-name:glow
}
@keyframes flash {
    0%,
    50%,
    to {
        opacity:1
    }
    25%,
    75% {
        opacity:0
    }
}
@keyframes shake {
    0%,
    to {
        transform:translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform:translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        transform:translateX(10px)
    }
}
@keyframes tada {
    0% {
        transform:scale(1)
    }
    10%,
    20% {
        transform:scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform:scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform:scale(1.1) rotate(-3deg)
    }
    to {
        transform:scale(1) rotate(0)
    }
}
@keyframes pulse {
    0% {
        transform:scale(1);
        opacity:1
    }
    50% {
        transform:scale(.9);
        opacity:.7
    }
    to {
        transform:scale(1);
        opacity:1
    }
}
@keyframes jiggle {
    0% {
        transform:scaleX(1)
    }
    30% {
        transform:scale3d(1.25,.75,1)
    }
    40% {
        transform:scale3d(.75,1.25,1)
    }
    50% {
        transform:scale3d(1.15,.85,1)
    }
    65% {
        transform:scale3d(.95,1.05,1)
    }
    75% {
        transform:scale3d(1.05,.95,1)
    }
    to {
        transform:scaleX(1)
    }
}
@keyframes glow {
    0% {
        background-color:#fcfcfd
    }
    30% {
        background-color:#fff6cd
    }
    to {
        background-color:#fcfcfd
    }
}
.react-tabs {
    -webkit-tap-highlight-color:transparent
}
.react-tabs__tab-list {
    border-bottom:1px solid #aaa;
    margin:0 0 10px;
    padding:0
}
.react-tabs__tab {
    display:inline-block;
    border:1px solid transparent;
    border-bottom:none;
    bottom:-1px;
    position:relative;
    list-style:none;
    padding:6px 12px;
    cursor:pointer
}
.react-tabs__tab--selected {
    background:#fff;
    border-color:#aaa;
    color:#000;
    border-radius:5px 5px 0 0
}
.react-tabs__tab--disabled {
    color:GrayText;
    cursor:default
}
.react-tabs__tab:focus {
    outline:none
}
.react-tabs__tab:focus:after {
    content:"";
    position:absolute;
    height:5px;
    left:-4px;
    right:-4px;
    bottom:-5px;
    background:#fff
}
.react-tabs__tab-panel {
    display:none
}
.react-tabs__tab-panel--selected {
    display:block
}
.glide {
    position:relative;
    width:100%;
    box-sizing:border-box
}
.glide * {
    box-sizing:inherit
}
.glide__slides,
.glide__track {
    overflow:hidden
}
.glide__slides {
    position:relative;
    width:100%;
    list-style:none;
    backface-visibility:hidden;
    transform-style:preserve-3d;
    touch-action:pan-Y;
    padding:0;
    white-space:nowrap;
    display:flex;
    flex-wrap:nowrap;
    will-change:transform
}
.glide__slide,
.glide__slides--dragging {
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.glide__slide {
    width:100%;
    height:100%;
    flex-shrink:0;
    white-space:normal;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent
}
.glide__slide a {
    -webkit-user-select:none;
    user-select:none;
    -webkit-user-drag:none;
    -moz-user-select:none;
    -ms-user-select:none
}
.glide__arrows,
.glide__bullets {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.glide--rtl {
    direction:rtl
}
@keyframes plyr-progress {
    to {
        background-position:25px 0;
        background-position:var(--plyr-progress-loading-size,25px) 0
    }
}
@keyframes plyr-popup {
    0% {
        opacity:.5;
        transform:translateY(10px)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes plyr-fade-in {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}
.plyr {
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    align-items:center;
    direction:ltr;
    display:flex;
    flex-direction:column;
    font-family:inherit;
    font-family:var(--plyr-font-family,inherit);
    font-variant-numeric:tabular-nums;
    font-weight:400;
    font-weight:var(--plyr-font-weight-regular,400);
    line-height:1.7;
    line-height:var(--plyr-line-height,1.7);
    max-width:100%;
    min-width:200px;
    position:relative;
    text-shadow:none;
    transition:box-shadow .3s ease;
    z-index:0
}
.plyr audio,
.plyr iframe,
.plyr video {
    display:block;
    height:100%;
    width:100%
}
.plyr button {
    font:inherit;
    line-height:inherit;
    width:auto
}
.plyr:focus {
    outline:0
}
.plyr--full-ui {
    box-sizing:border-box
}
.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
    box-sizing:inherit
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    touch-action:manipulation
}
.plyr__badge {
    background:#4a5464;
    background:var(--plyr-badge-background,#4a5464);
    border-radius:2px;
    border-radius:var(--plyr-badge-border-radius,2px);
    color:#fff;
    color:var(--plyr-badge-text-color,#fff);
    font-size:9px;
    font-size:var(--plyr-font-size-badge,9px);
    line-height:1;
    padding:3px 4px
}
.plyr--full-ui ::-webkit-media-text-track-container {
    display:none
}
.plyr__captions {
    animation:plyr-fade-in .3s ease;
    bottom:0;
    display:none;
    font-size:13px;
    font-size:var(--plyr-font-size-small,13px);
    left:0;
    padding:10px;
    padding:var(--plyr-control-spacing,10px);
    position:absolute;
    text-align:center;
    transition:transform .4s ease-in-out;
    width:100%
}
.plyr__captions span:empty {
    display:none
}
@media (min-width:480px) {
    .plyr__captions {
        font-size:15px;
        font-size:var(--plyr-font-size-base,15px);
        padding:20px;
        padding:calc(var(--plyr-control-spacing, 10px)*2)
    }
}
@media (min-width:768px) {
    .plyr__captions {
        font-size:18px;
        font-size:var(--plyr-font-size-large,18px)
    }
}
.plyr--captions-active .plyr__captions {
    display:block
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform:translateY(-40px);
    transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}
.plyr__caption {
    background:rgba(0,0,0,.8);
    background:var(--plyr-captions-background,rgba(0,0,0,.8));
    border-radius:2px;
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone;
    color:#fff;
    color:var(--plyr-captions-text-color,#fff);
    line-height:185%;
    padding:.2em .5em;
    white-space:pre-wrap
}
.plyr__caption div {
    display:inline
}
.plyr__control {
    background:transparent;
    border:0;
    border-radius:3px;
    border-radius:var(--plyr-control-radius,3px);
    color:inherit;
    cursor:pointer;
    flex-shrink:0;
    overflow:visible;
    padding:7px;
    padding:calc(var(--plyr-control-spacing, 10px)*.7);
    position:relative;
    transition:all .3s ease
}
.plyr__control svg {
    fill:currentColor;
    display:block;
    height:18px;
    height:var(--plyr-control-icon-size,18px);
    pointer-events:none;
    width:18px;
    width:var(--plyr-control-icon-size,18px)
}
.plyr__control:focus {
    outline:0
}
.plyr__control.plyr__tab-focus {
    outline:3px dotted #00b3ff;
    outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;
    outline-offset:2px
}
a.plyr__control {
    text-decoration:none
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
    display:none
}
.plyr--full-ui ::-webkit-media-controls {
    display:none
}
.plyr__controls {
    align-items:center;
    display:flex;
    justify-content:flex-end;
    text-align:center
}
.plyr__controls .plyr__progress__container {
    flex:1;
    min-width:0
}
.plyr__controls .plyr__controls__item {
    margin-left:2.5px;
    margin-left:calc(var(--plyr-control-spacing, 10px)/4)
}
.plyr__controls .plyr__controls__item:first-child {
    margin-left:0;
    margin-right:auto
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left:2.5px;
    padding-left:calc(var(--plyr-control-spacing, 10px)/4)
}
.plyr__controls .plyr__controls__item.plyr__time {
    padding:0 5px;
    padding:0 calc(var(--plyr-control-spacing, 10px)/2)
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left:0
}
.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
    display:none
}
.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
    display:inline-block
}
.plyr__menu {
    display:flex;
    position:relative
}
.plyr__menu .plyr__control svg {
    transition:transform .3s ease
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform:rotate(90deg)
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display:none
}
.plyr__menu__container {
    animation:plyr-popup .2s ease;
    background:hsla(0,0%,100%,.9);
    background:var(--plyr-menu-background,hsla(0,0%,100%,.9));
    border-radius:4px;
    bottom:100%;
    box-shadow:0 1px 2px rgba(0,0,0,.15);
    box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));
    color:#4a5464;
    color:var(--plyr-menu-color,#4a5464);
    font-size:15px;
    font-size:var(--plyr-font-size-base,15px);
    margin-bottom:10px;
    position:absolute;
    right:-3px;
    text-align:left;
    white-space:nowrap;
    z-index:3
}
.plyr__menu__container>div {
    overflow:hidden;
    transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)
}
.plyr__menu__container:after {
    border:4px solid transparent;
    border:var(--plyr-menu-arrow-size,4px) solid transparent;
    border-top-color:var(--plyr-menu-background,hsla(0,0%,100%,.9));
    content:"";
    height:0;
    position:absolute;
    right:14px;
    right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
    top:100%;
    width:0
}
.plyr__menu__container [role=menu] {
    padding:7px;
    padding:calc(var(--plyr-control-spacing, 10px)*.7)
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
    margin-top:2px
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top:0
}
.plyr__menu__container .plyr__control {
    align-items:center;
    color:#4a5464;
    color:var(--plyr-menu-color,#4a5464);
    display:flex;
    font-size:13px;
    font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));
    padding:4.66667px 10.5px;
    padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
    -webkit-user-select:none;
    user-select:none;
    width:100%
}
.plyr__menu__container .plyr__control>span {
    align-items:inherit;
    display:flex;
    width:100%
}
.plyr__menu__container .plyr__control:after {
    border:4px solid transparent;
    border:var(--plyr-menu-item-arrow-size,4px) solid transparent;
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.plyr__menu__container .plyr__control--forward {
    padding-right:28px;
    padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)
}
.plyr__menu__container .plyr__control--forward:after {
    border-left-color:#728197;
    border-left-color:var(--plyr-menu-arrow-color,#728197);
    right:6.5px;
    right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color:currentColor
}
.plyr__menu__container .plyr__control--back {
    font-weight:400;
    font-weight:var(--plyr-font-weight-regular,400);
    margin:7px;
    margin:calc(var(--plyr-control-spacing, 10px)*.7);
    margin-bottom:3.5px;
    margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);
    padding-left:28px;
    padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);
    position:relative;
    width:calc(100% - 14px);
    width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}
.plyr__menu__container .plyr__control--back:after {
    border-right-color:#728197;
    border-right-color:var(--plyr-menu-arrow-color,#728197);
    left:6.5px;
    left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}
.plyr__menu__container .plyr__control--back:before {
    background:#dcdfe5;
    background:var(--plyr-menu-back-border-color,#dcdfe5);
    box-shadow:0 1px 0 #fff;
    box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);
    content:"";
    height:1px;
    left:0;
    margin-top:3.5px;
    margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);
    overflow:hidden;
    position:absolute;
    right:0;
    top:100%
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--back:hover:after {
    border-right-color:currentColor
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left:7px;
    padding-left:calc(var(--plyr-control-spacing, 10px)*.7)
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    border-radius:100%
}
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background:rgba(0,0,0,.1);
    content:"";
    display:block;
    flex-shrink:0;
    height:16px;
    margin-right:10px;
    margin-right:var(--plyr-control-spacing,10px);
    transition:all .3s ease;
    width:16px
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after {
    background:#fff;
    border:0;
    height:6px;
    left:12px;
    opacity:0;
    top:50%;
    transform:translateY(-50%) scale(0);
    transition:transform .3s ease,opacity .3s ease;
    width:6px
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background:#00b3ff;
    background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
    opacity:1;
    transform:translateY(-50%) scale(1)
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background:rgba(35,40,47,.1)
}
.plyr__menu__container .plyr__menu__value {
    align-items:center;
    display:flex;
    margin-left:auto;
    margin-right:calc(-7px - -2);
    margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2);
    overflow:hidden;
    padding-left:24.5px;
    padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);
    pointer-events:none
}
.plyr--full-ui input[type=range] {
    appearance:none;
    background:transparent;
    border:0;
    border-radius:26px;
    border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);
    color:#00b3ff;
    color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
    display:block;
    height:19px;
    height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin:0;
    min-width:0;
    padding:0;
    transition:box-shadow .3s ease;
    width:100%
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background:transparent;
    background-image:linear-gradient(90deg,currentColor,transparent 0);
    background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));
    border:0;
    border-radius:2.5px;
    border-radius:calc(var(--plyr-range-track-height, 5px)/2);
    height:5px;
    height:var(--plyr-range-track-height,5px);
    -webkit-transition:box-shadow .3s ease;
    transition:box-shadow .3s ease;
    -webkit-user-select:none;
    user-select:none
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    appearance:none;
    background:#fff;
    background:var(--plyr-range-thumb-background,#fff);
    border:0;
    border-radius:100%;
    box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2);
    box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
    height:13px;
    height:var(--plyr-range-thumb-height,13px);
    margin-top:-4px;
    margin-top:calc(var(--plyr-range-thumb-height, 13px)/2*-1 - var(--plyr-range-track-height, 5px)/2*-1);
    position:relative;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    width:13px;
    width:var(--plyr-range-thumb-height,13px)
}
.plyr--full-ui input[type=range]::-moz-range-track {
    background:transparent;
    border:0;
    border-radius:2.5px;
    border-radius:calc(var(--plyr-range-track-height, 5px)/2);
    height:5px;
    height:var(--plyr-range-track-height,5px);
    -moz-transition:box-shadow .3s ease;
    transition:box-shadow .3s ease;
    user-select:none
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
    background:#fff;
    background:var(--plyr-range-thumb-background,#fff);
    border:0;
    border-radius:100%;
    box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2);
    box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
    height:13px;
    height:var(--plyr-range-thumb-height,13px);
    position:relative;
    -moz-transition:all .2s ease;
    transition:all .2s ease;
    width:13px;
    width:var(--plyr-range-thumb-height,13px)
}
.plyr--full-ui input[type=range]::-moz-range-progress {
    background:currentColor;
    border-radius:2.5px;
    border-radius:calc(var(--plyr-range-track-height, 5px)/2);
    height:5px;
    height:var(--plyr-range-track-height,5px)
}
.plyr--full-ui input[type=range]::-ms-track {
    color:transparent
}
.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
    background:transparent;
    border:0;
    border-radius:2.5px;
    border-radius:calc(var(--plyr-range-track-height, 5px)/2);
    height:5px;
    height:var(--plyr-range-track-height,5px);
    -ms-transition:box-shadow .3s ease;
    transition:box-shadow .3s ease;
    user-select:none
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
    background:transparent;
    background:currentColor;
    border:0;
    border-radius:2.5px;
    border-radius:calc(var(--plyr-range-track-height, 5px)/2);
    height:5px;
    height:var(--plyr-range-track-height,5px);
    -ms-transition:box-shadow .3s ease;
    transition:box-shadow .3s ease;
    user-select:none
}
.plyr--full-ui input[type=range]::-ms-thumb {
    background:#fff;
    background:var(--plyr-range-thumb-background,#fff);
    border:0;
    border-radius:100%;
    box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2);
    box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));
    height:13px;
    height:var(--plyr-range-thumb-height,13px);
    margin-top:0;
    position:relative;
    -ms-transition:all .2s ease;
    transition:all .2s ease;
    width:13px;
    width:var(--plyr-range-thumb-height,13px)
}
.plyr--full-ui input[type=range]::-ms-tooltip {
    display:none
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
    border:0
}
.plyr--full-ui input[type=range]:focus {
    outline:0
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    outline:3px dotted #00b3ff;
    outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;
    outline-offset:2px
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    outline:3px dotted #00b3ff;
    outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;
    outline-offset:2px
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    outline:3px dotted #00b3ff;
    outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;
    outline-offset:2px
}
.plyr__poster {
    background-color:#000;
    background-color:var(--plyr-video-background,var(--plyr-video-background,#000));
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:contain;
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition:opacity .2s ease;
    width:100%;
    z-index:1
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity:1
}
.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display:none
}
.plyr__time {
    font-size:13px;
    font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))
}
.plyr__time+.plyr__time:before {
    content:"⁄";
    margin-right:10px;
    margin-right:var(--plyr-control-spacing,10px)
}
@media (max-width:767px) {
    .plyr__time+.plyr__time {
        display:none
    }
}
.plyr__tooltip {
    background:hsla(0,0%,100%,.9);
    background:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
    border-radius:3px;
    border-radius:var(--plyr-tooltip-radius,3px);
    bottom:100%;
    box-shadow:0 1px 2px rgba(0,0,0,.15);
    box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
    color:#4a5464;
    color:var(--plyr-tooltip-color,#4a5464);
    font-size:13px;
    font-size:var(--plyr-font-size-small,13px);
    font-weight:400;
    font-weight:var(--plyr-font-weight-regular,400);
    left:50%;
    line-height:1.3;
    margin-bottom:10px;
    margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity:0;
    padding:5px 7.5px;
    padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
    pointer-events:none;
    position:absolute;
    transform:translate(-50%,10px) scale(.8);
    transform-origin:50% 100%;
    transition:transform .2s ease .1s,opacity .2s ease .1s;
    white-space:nowrap;
    z-index:2
}
.plyr__tooltip:before {
    border-left:4px solid transparent;
    border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-right:4px solid transparent;
    border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-top:4px solid hsla(0,0%,100%,.9);
    border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
    bottom:-4px;
    bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content:"";
    height:0;
    left:50%;
    position:absolute;
    transform:translateX(-50%);
    width:0;
    z-index:2
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity:1;
    transform:translate(-50%) scale(1)
}
.plyr .plyr__control:hover .plyr__tooltip {
    z-index:3
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left:0;
    transform:translateY(10px) scale(.8);
    transform-origin:0 100%
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
    left:16px;
    left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left:auto;
    right:0;
    transform:translateY(10px) scale(.8);
    transform-origin:100% 100%
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
    left:auto;
    right:16px;
    right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
    transform:translateX(50%)
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform:translate(0) scale(1)
}
.plyr__progress {
    left:6.5px;
    left:calc(var(--plyr-range-thumb-height, 13px)*.5);
    margin-right:13px;
    margin-right:var(--plyr-range-thumb-height,13px);
    position:relative
}
.plyr__progress input[type=range],
.plyr__progress__buffer {
    margin-left:-6.5px;
    margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);
    margin-right:-6.5px;
    margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);
    width:calc(100% + 13px);
    width:calc(100% + var(--plyr-range-thumb-height, 13px))
}
.plyr__progress input[type=range] {
    position:relative;
    z-index:2
}
.plyr__progress .plyr__tooltip {
    font-size:13px;
    font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));
    left:0
}
.plyr__progress__buffer {
    -webkit-appearance:none;
    background:transparent;
    border:0;
    border-radius:100px;
    height:5px;
    height:var(--plyr-range-track-height,5px);
    left:0;
    margin-top:-2.5px;
    margin-top:calc(var(--plyr-range-track-height, 5px)/2*-1);
    padding:0;
    position:absolute;
    top:50%
}
.plyr__progress__buffer::-webkit-progress-bar {
    background:transparent
}
.plyr__progress__buffer::-webkit-progress-value {
    background:currentColor;
    border-radius:100px;
    min-width:5px;
    min-width:var(--plyr-range-track-height,5px);
    -webkit-transition:width .2s ease;
    transition:width .2s ease
}
.plyr__progress__buffer::-moz-progress-bar {
    background:currentColor;
    border-radius:100px;
    min-width:5px;
    min-width:var(--plyr-range-track-height,5px);
    -moz-transition:width .2s ease;
    transition:width .2s ease
}
.plyr__progress__buffer::-ms-fill {
    border-radius:100px;
    -ms-transition:width .2s ease;
    transition:width .2s ease
}
.plyr--loading .plyr__progress__buffer {
    animation:plyr-progress 1s linear infinite;
    background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent);
    background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);
    background-repeat:repeat-x;
    background-size:25px 25px;
    background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);
    color:transparent
}
.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color:hsla(0,0%,100%,.25);
    background-color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color:rgba(193,200,209,.6);
    background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))
}
.plyr__volume {
    align-items:center;
    display:flex;
    max-width:110px;
    min-width:80px;
    position:relative;
    width:20%
}
.plyr__volume input[type=range] {
    margin-left:5px;
    margin-left:calc(var(--plyr-control-spacing, 10px)/2);
    margin-right:5px;
    margin-right:calc(var(--plyr-control-spacing, 10px)/2);
    position:relative;
    z-index:2
}
.plyr--is-ios .plyr__volume {
    min-width:0;
    width:auto
}
.plyr--audio {
    display:block
}
.plyr--audio .plyr__controls {
    background:#fff;
    background:var(--plyr-audio-controls-background,#fff);
    border-radius:inherit;
    color:#4a5464;
    color:var(--plyr-audio-control-color,#4a5464);
    padding:10px;
    padding:var(--plyr-control-spacing,10px)
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background:#00b3ff;
    background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
    color:#fff;
    color:var(--plyr-audio-control-color-hover,#fff)
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color:rgba(193,200,209,.6);
    background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color:rgba(193,200,209,.6);
    background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color:rgba(193,200,209,.6);
    background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);
    box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);
    box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);
    box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))
}
.plyr--audio .plyr__progress__buffer {
    color:rgba(193,200,209,.6);
    color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))
}
.plyr--video {
    background:#000;
    background:var(--plyr-video-background,var(--plyr-video-background,#000));
    overflow:hidden
}
.plyr--video.plyr--menu-open {
    overflow:visible
}
.plyr__video-wrapper {
    background:#000;
    background:var(--plyr-video-background,var(--plyr-video-background,#000));
    height:100%;
    margin:auto;
    overflow:hidden;
    position:relative;
    width:100%
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    aspect-ratio:16/9
}
@supports not (aspect-ratio:16/9) {
    .plyr__video-embed,
    .plyr__video-wrapper--fixed-ratio {
        height:0;
        padding-bottom:56.25%;
        position:relative
    }
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    border:0;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom:240%;
    position:relative;
    transform:translateY(-38.28125%)
}
.plyr--video .plyr__controls {
    background:linear-gradient(transparent,rgba(0,0,0,.75));
    background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));
    border-bottom-left-radius:inherit;
    border-bottom-right-radius:inherit;
    bottom:0;
    color:#fff;
    color:var(--plyr-video-control-color,#fff);
    left:0;
    padding:5px;
    padding:calc(var(--plyr-control-spacing, 10px)/2);
    padding-top:20px;
    padding-top:calc(var(--plyr-control-spacing, 10px)*2);
    position:absolute;
    right:0;
    transition:opacity .4s ease-in-out,transform .4s ease-in-out;
    z-index:3
}
@media (min-width:480px) {
    .plyr--video .plyr__controls {
        padding:10px;
        padding:var(--plyr-control-spacing,10px);
        padding-top:35px;
        padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)
    }
}
.plyr--video.plyr--hide-controls .plyr__controls {
    opacity:0;
    pointer-events:none;
    transform:translateY(100%)
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background:#00b3ff;
    background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
    color:#fff;
    color:var(--plyr-video-control-color-hover,#fff)
}
.plyr__control--overlaid {
    background:#00b3ff;
    background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
    border:0;
    border-radius:100%;
    color:#fff;
    color:var(--plyr-video-control-color,#fff);
    display:none;
    left:50%;
    opacity:.9;
    padding:15px;
    padding:calc(var(--plyr-control-spacing, 10px)*1.5);
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    transition:.3s;
    z-index:2
}
.plyr__control--overlaid svg {
    left:2px;
    position:relative
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    opacity:1
}
.plyr--playing .plyr__control--overlaid {
    opacity:0;
    visibility:hidden
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display:block
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color:hsla(0,0%,100%,.25);
    background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color:hsla(0,0%,100%,.25);
    background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color:hsla(0,0%,100%,.25);
    background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);
    box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);
    box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);
    box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))
}
.plyr--video .plyr__progress__buffer {
    color:hsla(0,0%,100%,.25);
    color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))
}
.plyr:fullscreen {
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%
}
.plyr:fullscreen video {
    height:100%
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display:block
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display:none
}
.plyr:fullscreen.plyr--hide-controls {
    cursor:none
}
@media (min-width:1024px) {
    .plyr:fullscreen .plyr__captions {
        font-size:21px;
        font-size:var(--plyr-font-size-xlarge,21px)
    }
}
.plyr--fullscreen-fallback {
    background:#000;
    border-radius:0!important;
    bottom:0;
    display:block;
    height:100%;
    left:0;
    margin:0;
    position:fixed;
    right:0;
    top:0;
    width:100%;
    z-index:10000000
}
.plyr--fullscreen-fallback video {
    height:100%
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display:block
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display:none
}
.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor:none
}
@media (min-width:1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size:21px;
        font-size:var(--plyr-font-size-xlarge,21px)
    }
}
.plyr__ads {
    border-radius:inherit;
    bottom:0;
    cursor:pointer;
    left:0;
    overflow:hidden;
    position:absolute;
    right:0;
    top:0;
    z-index:-1
}
.plyr__ads>div,
.plyr__ads>div iframe {
    height:100%;
    position:absolute;
    width:100%
}
.plyr__ads:after {
    background:#23282f;
    border-radius:2px;
    bottom:10px;
    bottom:var(--plyr-control-spacing,10px);
    color:#fff;
    content:attr(data-badge-text);
    font-size:11px;
    padding:2px 6px;
    pointer-events:none;
    position:absolute;
    right:10px;
    right:var(--plyr-control-spacing,10px);
    z-index:3
}
.plyr__ads:empty:after {
    display:none
}
.plyr__cues {
    background:currentColor;
    display:block;
    height:5px;
    height:var(--plyr-range-track-height,5px);
    left:0;
    opacity:.8;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:3px;
    z-index:3
}
.plyr__preview-thumb {
    background-color:hsla(0,0%,100%,.9);
    background-color:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
    border-radius:3px;
    bottom:100%;
    box-shadow:0 1px 2px rgba(0,0,0,.15);
    box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));
    margin-bottom:10px;
    margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity:0;
    padding:3px;
    padding:var(--plyr-tooltip-radius,3px);
    pointer-events:none;
    position:absolute;
    transform:translateY(10px) scale(.8);
    transform-origin:50% 100%;
    transition:transform .2s ease .1s,opacity .2s ease .1s;
    z-index:2
}
.plyr__preview-thumb--is-shown {
    opacity:1;
    transform:translate(0) scale(1)
}
.plyr__preview-thumb:before {
    border-left:4px solid transparent;
    border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-right:4px solid transparent;
    border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;
    border-top:4px solid hsla(0,0%,100%,.9);
    border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));
    bottom:-4px;
    bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content:"";
    height:0;
    left:50%;
    position:absolute;
    transform:translateX(-50%);
    width:0;
    z-index:2
}
.plyr__preview-thumb__image-container {
    background:#c1c8d1;
    border-radius:2px;
    border-radius:calc(var(--plyr-tooltip-radius, 3px) - 1px);
    overflow:hidden;
    position:relative;
    z-index:0
}
.plyr__preview-thumb__image-container img {
    height:100%;
    left:0;
    max-height:none;
    max-width:none;
    position:absolute;
    top:0;
    width:100%
}
.plyr__preview-thumb__time-container {
    bottom:6px;
    left:0;
    position:absolute;
    right:0;
    white-space:nowrap;
    z-index:3
}
.plyr__preview-thumb__time-container span {
    background-color:rgba(0,0,0,.55);
    border-radius:2px;
    border-radius:calc(var(--plyr-tooltip-radius, 3px) - 1px);
    color:#fff;
    font-size:13px;
    font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));
    padding:3px 6px
}
.plyr__preview-scrubbing {
    bottom:0;
    filter:blur(1px);
    height:100%;
    left:0;
    margin:auto;
    opacity:0;
    overflow:hidden;
    pointer-events:none;
    position:absolute;
    right:0;
    top:0;
    transition:opacity .3s ease;
    width:100%;
    z-index:1
}
.plyr__preview-scrubbing--is-shown {
    opacity:1
}
.plyr__preview-scrubbing img {
    height:100%;
    left:0;
    max-height:none;
    max-width:none;
    object-fit:contain;
    position:absolute;
    top:0;
    width:100%
}
.plyr--no-transition {
    transition:none!important
}
.plyr__sr-only {
    clip:rect(1px,1px,1px,1px);
    border:0!important;
    height:1px!important;
    overflow:hidden;
    padding:0!important;
    position:absolute!important;
    width:1px!important
}
.plyr [hidden] {
    display:none!important
}

.bg-neutral-1 {
    background:var(--white)
}
.bg-neutral-2 {
    background:var(--gray-50)
}
.bg-neutral-3 {
    background:var(--gray-100)
}
.bg-neutral-4 {
    background:var(--gray-150)
}
.bg-neutral-5 {
    background:var(--gray-400)
}
.bg-neutral-6 {
    background:var(--gray-600)
}
.bg-neutral-disabled {
    background:var(--gray-100)
}
.bg-neutral-static {
    background:var(--gray-700)
}
.bg-neutral-dim {
    background:var(--black)
}
.bg-neutral-alpha-1 {
    background:rgba(0,0,0,.5)
}
.bg-neutral-alpha-2 {
    background:rgba(0,0,0,.7)
}
.bg-accent-1 {
    background:var(--pink-50)
}
.bg-accent-2 {
    background:var(--pink-100)
}
.bg-accent-3 {
    background:var(--pink-200)
}
.bg-accent-4 {
    background:var(--pink-400)
}
.bg-accent-5 {
    background:var(--pink-500)
}
.bg-accent-6 {
    background:var(--pink-600)
}
.foreground-neutral-1 {
    color:var(--gray-900)
}
.foreground-neutral-2 {
    color:var(--gray-600)
}
.foreground-neutral-3 {
    color:var(--gray-500)
}
.foreground-neutral-4 {
    color:var(--gray-300)
}
.foreground-neutral-5 {
    color:var(--gray-200)
}
.foreground-neutral-6 {
    color:var(--gray-150)
}
.foreground-neutral-7 {
    color:var(--gray-100)
}
.foreground-neutral-disabled {
    color:var(--gray-400)
}
.foreground-neutral-static {
    color:var(--gray-800)
}
.foreground-neutral-inverted,
.foreground-neutral-on-accent {
    color:var(--white)
}
.foreground-accent-1 {
    color:var(--pink-100)
}
.foreground-accent-2 {
    color:var(--pink-400)
}
.foreground-accent-3 {
    color:var(--pink-500)
}
.foreground-accent-4 {
    color:var(--pink-600)
}
.stroke-neutral-1 {
    border-color:var(--gray-100)
}
.stroke-neutral-2 {
    border-color:var(--gray-200)
}
.stroke-neutral-3 {
    border-color:var(--gray-400)
}
.stroke-neutral-4 {
    border-color:var(--gray-700)
}
.stroke-neutral-5 {
    border-color:var(--gray-800)
}
.stroke-neutral-disabled {
    border-color:var(--gray-200)
}
.stroke-neutral-dim {
    border-color:var(--black)
}
.shadow-1 {
    box-shadow:0 1px 2px 0 rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15)
}
.shadow-2 {
    box-shadow:0 1px 2px 0 rgba(0,0,0,.3),0 2px 6px 2px rgba(0,0,0,.15)
}
.shadow-3 {
    box-shadow:0 1px 3px 0 rgba(0,0,0,.3),0 4px 8px 3px rgba(0,0,0,.15)
}
.shadow-4 {
    box-shadow:0 2px 3px 0 rgba(0,0,0,.3),0 6px 10px 4px rgba(0,0,0,.15)
}
.shadow-5 {
    box-shadow:0 4px 4px 0 rgba(0,0,0,.3),0 8px 12px 6px rgba(0,0,0,.15)
}
.container {
    width:100%
}
@media (min-width:480px) {
    .container {
        max-width:480px
    }
}
@media (min-width:581px) {
    .container {
        max-width:581px
    }
}
@media (min-width:640px) {
    .container {
        max-width:640px
    }
}
@media (min-width:768px) {
    .container {
        max-width:768px
    }
}
@media (min-width:1024px) {
    .container {
        max-width:1024px
    }
}
@media (min-width:1280px) {
    .container {
        max-width:1280px
    }
}
@media (min-width:1536px) {
    .container {
        max-width:1536px
    }
}
.pointer-events-none {
    pointer-events:none
}
.visible {
    visibility:visible
}
.invisible {
    visibility:hidden
}
.static {
    position:static
}
.fixed {
    position:fixed
}
.absolute {
    position:absolute
}
.relative {
    position:relative
}
.sticky {
    position:sticky
}
.inset-0 {
    inset:0
}
.inset-y-0 {
    top:0;
    bottom:0
}
.\!left-\[19px\] {
    left:19px!important
}
.bottom-0 {
    bottom:0
}
.bottom-1 {
    bottom:.25rem
}
.bottom-3 {
    bottom:.75rem
}
.bottom-\[-1px\] {
    bottom:-1px
}
.bottom-\[-24px\] {
    bottom:-24px
}
.bottom-\[-29px\] {
    bottom:-29px
}
.bottom-\[-30px\] {
    bottom:-30px
}
.bottom-\[-36px\] {
    bottom:-36px
}
.bottom-\[-37px\] {
    bottom:-37px
}
.bottom-\[-4px\] {
    bottom:-4px
}
.bottom-\[-55px\] {
    bottom:-55px
}
.bottom-\[-60px\] {
    bottom:-60px
}
.bottom-\[-87\%\] {
    bottom:-87%
}
.bottom-\[-9px\] {
    bottom:-9px
}
.bottom-\[100px\] {
    bottom:100px
}
.bottom-\[10px\] {
    bottom:10px
}
.bottom-\[110px\] {
    bottom:110px
}
.bottom-\[119px\] {
    bottom:119px
}
.bottom-\[127px\] {
    bottom:127px
}
.bottom-\[14\%\] {
    bottom:14%
}
.bottom-\[140px\] {
    bottom:140px
}
.bottom-\[155px\] {
    bottom:155px
}
.bottom-\[16\%\] {
    bottom:16%
}
.bottom-\[165px\] {
    bottom:165px
}
.bottom-\[1px\] {
    bottom:1px
}
.bottom-\[20px\] {
    bottom:20px
}
.bottom-\[25px\] {
    bottom:25px
}
.bottom-\[40px\] {
    bottom:40px
}
.bottom-\[50px\] {
    bottom:50px
}
.bottom-\[55px\] {
    bottom:55px
}
.bottom-\[60px\] {
    bottom:60px
}
.bottom-\[6px\] {
    bottom:6px
}
.bottom-\[7\%\] {
    bottom:7%
}
.bottom-\[90px\] {
    bottom:90px
}
.left-0 {
    left:0
}
.left-1 {
    left:.25rem
}
.left-1\.5 {
    left:.375rem
}
.left-1\/2 {
    left:50%
}
.left-10 {
    left:2.5rem
}
.left-2 {
    left:.5rem
}
.left-2\/4 {
    left:50%
}
.left-24 {
    left:6rem
}
.left-3 {
    left:.75rem
}
.left-9 {
    left:2.25rem
}
.left-\[-10px\] {
    left:-10px
}
.left-\[-12px\] {
    left:-12px
}
.left-\[-15px\] {
    left:-15px
}
.left-\[-16px\] {
    left:-16px
}
.left-\[-17px\] {
    left:-17px
}
.left-\[-18px\] {
    left:-18px
}
.left-\[-20px\] {
    left:-20px
}
.left-\[-21px\] {
    left:-21px
}
.left-\[-25px\] {
    left:-25px
}
.left-\[-28px\] {
    left:-28px
}
.left-\[-3px\] {
    left:-3px
}
.left-\[-50px\] {
    left:-50px
}
.left-\[-55px\] {
    left:-55px
}
.left-\[-5px\] {
    left:-5px
}
.left-\[-64px\] {
    left:-64px
}
.left-\[-6px\] {
    left:-6px
}
.left-\[-8px\] {
    left:-8px
}
.left-\[-9px\] {
    left:-9px
}
.left-\[0\%\] {
    left:0
}
.left-\[0\.14\%\] {
    left:.14%
}
.left-\[0\.28\%\] {
    left:.28%
}
.left-\[0\.42\%\] {
    left:.42%
}
.left-\[0\.56\%\] {
    left:.56%
}
.left-\[0\.83\%\] {
    left:.83%
}
.left-\[0\.97\%\] {
    left:.97%
}
.left-\[0px\] {
    left:0
}
.left-\[10\%\] {
    left:10%
}
.left-\[10\.14\%\] {
    left:10.14%
}
.left-\[10\.28\%\] {
    left:10.28%
}
.left-\[10\.42\%\] {
    left:10.42%
}
.left-\[10\.5\%\] {
    left:10.5%
}
.left-\[10\.56\%\] {
    left:10.56%
}
.left-\[10\.69\%\] {
    left:10.69%
}
.left-\[10\.83\%\] {
    left:10.83%
}
.left-\[10\.97\%\] {
    left:10.97%
}
.left-\[10px\] {
    left:10px
}
.left-\[11\.57\%\] {
    left:11.57%
}
.left-\[113px\] {
    left:113px
}
.left-\[12\.5\%\] {
    left:12.5%
}
.left-\[12\.6\%\] {
    left:12.6%
}
.left-\[12\.8\%\] {
    left:12.8%
}
.left-\[13\%\] {
    left:13%
}
.left-\[14\.5\%\] {
    left:14.5%
}
.left-\[14\.54\%\] {
    left:14.54%
}
.left-\[14px\] {
    left:14px
}
.left-\[15\.97\%\] {
    left:15.97%
}
.left-\[16\%\] {
    left:16%
}
.left-\[16px\] {
    left:16px
}
.left-\[17\.5\%\] {
    left:17.5%
}
.left-\[17\.8\%\] {
    left:17.8%
}
.left-\[18\.47\%\] {
    left:18.47%
}
.left-\[18\.61\%\] {
    left:18.61%
}
.left-\[180px\] {
    left:180px
}
.left-\[18px\] {
    left:18px
}
.left-\[19\%\] {
    left:19%
}
.left-\[21\%\] {
    left:21%
}
.left-\[21\.67\%\] {
    left:21.67%
}
.left-\[23\.5\%\] {
    left:23.5%
}
.left-\[24\%\] {
    left:24%
}
.left-\[24\.5\%\] {
    left:24.5%
}
.left-\[25\%\] {
    left:25%
}
.left-\[25\.28\%\] {
    left:25.28%
}
.left-\[25\.41\%\] {
    left:25.41%
}
.left-\[26\%\] {
    left:26%
}
.left-\[27\%\] {
    left:27%
}
.left-\[28\%\] {
    left:28%
}
.left-\[280px\] {
    left:280px
}
.left-\[2px\] {
    left:2px
}
.left-\[30\%\] {
    left:30%
}
.left-\[30\.5\%\] {
    left:30.5%
}
.left-\[31\%\] {
    left:31%
}
.left-\[31\.25\%\] {
    left:31.25%
}
.left-\[31\.37\%\] {
    left:31.37%
}
.left-\[31\.39\%\] {
    left:31.39%
}
.left-\[32\%\] {
    left:32%
}
.left-\[33\%\] {
    left:33%
}
.left-\[33\.5\%\] {
    left:33.5%
}
.left-\[35\%\] {
    left:35%
}
.left-\[35\.56\%\] {
    left:35.56%
}
.left-\[35\.83\%\] {
    left:35.83%
}
.left-\[35px\] {
    left:35px
}
.left-\[36\%\] {
    left:36%
}
.left-\[38\%\] {
    left:38%
}
.left-\[38\.89\%\] {
    left:38.89%
}
.left-\[39\%\] {
    left:39%
}
.left-\[39\.17\%\] {
    left:39.17%
}
.left-\[3px\] {
    left:3px
}
.left-\[40\%\] {
    left:40%
}
.left-\[42\%\] {
    left:42%
}
.left-\[43\%\] {
    left:43%
}
.left-\[45\%\] {
    left:45%
}
.left-\[48\%\] {
    left:48%
}
.left-\[5\%\] {
    left:5%
}
.left-\[5\.12\%\] {
    left:5.12%
}
.left-\[5\.83\%\] {
    left:5.83%
}
.left-\[50\%\] {
    left:50%
}
.left-\[50\.14\%\] {
    left:50.14%
}
.left-\[50\.28\%\] {
    left:50.28%
}
.left-\[50\.5\%\] {
    left:50.5%
}
.left-\[50px\] {
    left:50px
}
.left-\[52\.5\%\] {
    left:52.5%
}
.left-\[54\.6\%\] {
    left:54.6%
}
.left-\[55\%\] {
    left:55%
}
.left-\[56\%\] {
    left:56%
}
.left-\[57\%\] {
    left:57%
}
.left-\[57\.2\%\] {
    left:57.2%
}
.left-\[57\.87\%\] {
    left:57.87%
}
.left-\[58\%\] {
    left:58%
}
.left-\[58\.9\%\] {
    left:58.9%
}
.left-\[59\.3\%\] {
    left:59.3%
}
.left-\[5px\] {
    left:5px
}
.left-\[60\%\] {
    left:60%
}
.left-\[61\%\] {
    left:61%
}
.left-\[61\.8\%\] {
    left:61.8%
}
.left-\[62\%\] {
    left:62%
}
.left-\[63\.5\%\] {
    left:63.5%
}
.left-\[63\.8\%\] {
    left:63.8%
}
.left-\[64\.4\%\] {
    left:64.4%
}
.left-\[64px\] {
    left:64px
}
.left-\[65\%\] {
    left:65%
}
.left-\[65\.7\%\] {
    left:65.7%
}
.left-\[67\%\] {
    left:67%
}
.left-\[67\.04\%\] {
    left:67.04%
}
.left-\[67\.5\%\] {
    left:67.5%
}
.left-\[68\.19\%\] {
    left:68.19%
}
.left-\[69\.5\%\] {
    left:69.5%
}
.left-\[7\.5\%\] {
    left:7.5%
}
.left-\[70\.5\%\] {
    left:70.5%
}
.left-\[74\.5\%\] {
    left:74.5%
}
.left-\[75\.14\%\] {
    left:75.14%
}
.left-\[75\.28\%\] {
    left:75.28%
}
.left-\[76\%\] {
    left:76%
}
.left-\[78\%\] {
    left:78%
}
.left-\[88px\] {
    left:88px
}
.left-\[9\.5\%\] {
    left:9.5%
}
.left-\[9\.86\%\] {
    left:9.86%
}
.left-auto {
    left:auto
}
.right-0 {
    right:0
}
.right-1 {
    right:.25rem
}
.right-10 {
    right:2.5rem
}
.right-12 {
    right:3rem
}
.right-16 {
    right:4rem
}
.right-2 {
    right:.5rem
}
.right-2\.5 {
    right:.625rem
}
.right-3 {
    right:.75rem
}
.right-4 {
    right:1rem
}
.right-5 {
    right:1.25rem
}
.right-6 {
    right:1.5rem
}
.right-9 {
    right:2.25rem
}
.right-\[-13px\] {
    right:-13px
}
.right-\[-32\%\] {
    right:-32%
}
.right-\[-32px\] {
    right:-32px
}
.right-\[-36px\] {
    right:-36px
}
.right-\[-388px\] {
    right:-388px
}
.right-\[-4px\] {
    right:-4px
}
.right-\[-50px\] {
    right:-50px
}
.right-\[-5px\] {
    right:-5px
}
.right-\[-64px\] {
    right:-64px
}
.right-\[-88px\] {
    right:-88px
}
.right-\[-8px\] {
    right:-8px
}
.right-\[0px\] {
    right:0
}
.right-\[10px\] {
    right:10px
}
.right-\[16px\] {
    right:16px
}
.right-\[2\%\] {
    right:2%
}
.right-\[48px\] {
    right:48px
}
.right-\[4px\] {
    right:4px
}
.right-\[5\%\] {
    right:5%
}
.right-\[50px\] {
    right:50px
}
.right-\[75px\] {
    right:75px
}
.right-\[9999px\] {
    right:9999px
}
.top-0 {
    top:0
}
.top-1 {
    top:.25rem
}
.top-1\/2 {
    top:50%
}
.top-12 {
    top:3rem
}
.top-2 {
    top:.5rem
}
.top-3 {
    top:.75rem
}
.top-4 {
    top:1rem
}
.top-5 {
    top:1.25rem
}
.top-6 {
    top:1.5rem
}
.top-80 {
    top:20rem
}
.top-\[-0\.07\%\] {
    top:-.07%
}
.top-\[-0\.3\%\] {
    top:-.3%
}
.top-\[-0\.31vw\] {
    top:-.31vw
}
.top-\[-0\.43vw\] {
    top:-.43vw
}
.top-\[-10\%\] {
    top:-10%
}
.top-\[-10px\] {
    top:-10px
}
.top-\[-13px\] {
    top:-13px
}
.top-\[-1px\] {
    top:-1px
}
.top-\[-22px\] {
    top:-22px
}
.top-\[-25px\] {
    top:-25px
}
.top-\[-3\%\] {
    top:-3%
}
.top-\[-30px\] {
    top:-30px
}
.top-\[-32px\] {
    top:-32px
}
.top-\[-36px\] {
    top:-36px
}
.top-\[-3px\] {
    top:-3px
}
.top-\[-42px\] {
    top:-42px
}
.top-\[-47px\] {
    top:-47px
}
.top-\[-4px\] {
    top:-4px
}
.top-\[-5\%\] {
    top:-5%
}
.top-\[-5px\] {
    top:-5px
}
.top-\[-60px\] {
    top:-60px
}
.top-\[-64px\] {
    top:-64px
}
.top-\[-8px\] {
    top:-8px
}
.top-\[0\%\] {
    top:0
}
.top-\[0\.83\%\] {
    top:.83%
}
.top-\[0\.85\%\] {
    top:.85%
}
.top-\[0\.92\%\] {
    top:.92%
}
.top-\[0\.94\%\] {
    top:.94%
}
.top-\[0\.95\%\] {
    top:.95%
}
.top-\[0\] {
    top:0
}
.top-\[1\%\] {
    top:1%
}
.top-\[1\.10\%\],
.top-\[1\.1\%\] {
    top:1.1%
}
.top-\[1\.6\%\] {
    top:1.6%
}
.top-\[1\.83\%\] {
    top:1.83%
}
.top-\[1\.85\%\] {
    top:1.85%
}
.top-\[1\.97\%\] {
    top:1.97%
}
.top-\[100\%\] {
    top:100%
}
.top-\[100px\] {
    top:100px
}
.top-\[10px\] {
    top:10px
}
.top-\[11\.4\%\] {
    top:11.4%
}
.top-\[110\%\] {
    top:110%
}
.top-\[120px\] {
    top:120px
}
.top-\[13\%\] {
    top:13%
}
.top-\[13\.69\%\] {
    top:13.69%
}
.top-\[13\.74\%\] {
    top:13.74%
}
.top-\[13px\] {
    top:13px
}
.top-\[14\.17\%\] {
    top:14.17%
}
.top-\[15\.63\%\] {
    top:15.63%
}
.top-\[15\.7\%\] {
    top:15.7%
}
.top-\[15px\] {
    top:15px
}
.top-\[16\.1\%\] {
    top:16.1%
}
.top-\[16px\] {
    top:16px
}
.top-\[17\%\] {
    top:17%
}
.top-\[17\.3\%\] {
    top:17.3%
}
.top-\[17\.8\%\] {
    top:17.8%
}
.top-\[17\.92\%\] {
    top:17.92%
}
.top-\[173px\] {
    top:173px
}
.top-\[18\.17\%\] {
    top:18.17%
}
.top-\[18\.3\%\] {
    top:18.3%
}
.top-\[18\.7\%\] {
    top:18.7%
}
.top-\[18\.75\%\] {
    top:18.75%
}
.top-\[18\.9\%\] {
    top:18.9%
}
.top-\[18px\] {
    top:18px
}
.top-\[19\.1\%\] {
    top:19.1%
}
.top-\[19\.2\%\] {
    top:19.2%
}
.top-\[19\.35\%\] {
    top:19.35%
}
.top-\[19\.95\%\] {
    top:19.95%
}
.top-\[1px\] {
    top:1px
}
.top-\[2\.95\%\] {
    top:2.95%
}
.top-\[20\.24\%\] {
    top:20.24%
}
.top-\[20\.79\%\] {
    top:20.79%
}
.top-\[21\.9\%\] {
    top:21.9%
}
.top-\[210px\] {
    top:210px
}
.top-\[22\.44\%\] {
    top:22.44%
}
.top-\[22\.56\%\] {
    top:22.56%
}
.top-\[22\.66\%\] {
    top:22.66%
}
.top-\[22\.8\%\] {
    top:22.8%
}
.top-\[23\.55\%\] {
    top:23.55%
}
.top-\[24\.45\%\] {
    top:24.45%
}
.top-\[24px\] {
    top:24px
}
.top-\[25\%\] {
    top:25%
}
.top-\[25\.12\%\] {
    top:25.12%
}
.top-\[25\.62\%\] {
    top:25.62%
}
.top-\[25\.86\%\] {
    top:25.86%
}
.top-\[25\.9\%\] {
    top:25.9%
}
.top-\[25px\] {
    top:25px
}
.top-\[26\.15\%\] {
    top:26.15%
}
.top-\[26\.3\%\] {
    top:26.3%
}
.top-\[26\.32\%\] {
    top:26.32%
}
.top-\[26\.43\%\] {
    top:26.43%
}
.top-\[26\.75\%\] {
    top:26.75%
}
.top-\[28\.38\%\] {
    top:28.38%
}
.top-\[29\.12\%\] {
    top:29.12%
}
.top-\[29\.17\%\] {
    top:29.17%
}
.top-\[29\.83\%\] {
    top:29.83%
}
.top-\[2px\] {
    top:2px
}
.top-\[3\.22\%\] {
    top:3.22%
}
.top-\[3\.3\%\] {
    top:3.3%
}
.top-\[30\%\] {
    top:30%
}
.top-\[30\.55\%\] {
    top:30.55%
}
.top-\[30px\] {
    top:30px
}
.top-\[31\.5\%\] {
    top:31.5%
}
.top-\[31\.51\%\] {
    top:31.51%
}
.top-\[31\.9\%\] {
    top:31.9%
}
.top-\[32\.28\%\] {
    top:32.28%
}
.top-\[32\.65\%\] {
    top:32.65%
}
.top-\[32\.7\%\] {
    top:32.7%
}
.top-\[33\%\] {
    top:33%
}
.top-\[33\.8\%\] {
    top:33.8%
}
.top-\[330px\] {
    top:330px
}
.top-\[34\.3\%\] {
    top:34.3%
}
.top-\[34\.4\%\] {
    top:34.4%
}
.top-\[34\.59\%\] {
    top:34.59%
}
.top-\[34\.85\%\] {
    top:34.85%
}
.top-\[35\%\] {
    top:35%
}
.top-\[35\.58\%\] {
    top:35.58%
}
.top-\[35\.82\%\] {
    top:35.82%
}
.top-\[35\.87\%\] {
    top:35.87%
}
.top-\[36\.54\%\] {
    top:36.54%
}
.top-\[37\%\] {
    top:37%
}
.top-\[37\.2\%\] {
    top:37.2%
}
.top-\[38\.65\%\] {
    top:38.65%
}
.top-\[39\.15\%\] {
    top:39.15%
}
.top-\[39\.46\%\] {
    top:39.46%
}
.top-\[39\.55\%\] {
    top:39.55%
}
.top-\[39\.9\%\] {
    top:39.9%
}
.top-\[3px\] {
    top:3px
}
.top-\[4\.66\%\] {
    top:4.66%
}
.top-\[4\.72\%\] {
    top:4.72%
}
.top-\[40\%\] {
    top:40%
}
.top-\[40px\] {
    top:40px
}
.top-\[41\.9\%\] {
    top:41.9%
}
.top-\[42\%\] {
    top:42%
}
.top-\[42\.48\%\] {
    top:42.48%
}
.top-\[42\.5\%\] {
    top:42.5%
}
.top-\[43\%\] {
    top:43%
}
.top-\[43\.5\%\] {
    top:43.5%
}
.top-\[43\.7\%\] {
    top:43.7%
}
.top-\[43\.8\%\] {
    top:43.8%
}
.top-\[44\%\] {
    top:44%
}
.top-\[44\.79\%\] {
    top:44.79%
}
.top-\[45\%\] {
    top:45%
}
.top-\[45\.25\%\] {
    top:45.25%
}
.top-\[45\.5\%\] {
    top:45.5%
}
.top-\[47\.14\%\] {
    top:47.14%
}
.top-\[47\.3\%\] {
    top:47.3%
}
.top-\[47\.5\%\] {
    top:47.5%
}
.top-\[47\.75\%\] {
    top:47.75%
}
.top-\[47\.8\%\] {
    top:47.8%
}
.top-\[48\%\] {
    top:48%
}
.top-\[49\.28\%\] {
    top:49.28%
}
.top-\[4px\] {
    top:4px
}
.top-\[5\%\] {
    top:5%
}
.top-\[5\.19\%\] {
    top:5.19%
}
.top-\[5\.32\%\] {
    top:5.32%
}
.top-\[50\%\] {
    top:50%
}
.top-\[50\.04\%\] {
    top:50.04%
}
.top-\[500px\] {
    top:500px
}
.top-\[51\%\] {
    top:51%
}
.top-\[51\.19\%\] {
    top:51.19%
}
.top-\[51\.32\%\] {
    top:51.32%
}
.top-\[51\.65\%\] {
    top:51.65%
}
.top-\[51\.84\%\] {
    top:51.84%
}
.top-\[52\.15\%\] {
    top:52.15%
}
.top-\[53\.02\%\] {
    top:53.02%
}
.top-\[53\.36\%\] {
    top:53.36%
}
.top-\[54\.04\%\] {
    top:54.04%
}
.top-\[55\.16\%\] {
    top:55.16%
}
.top-\[55\.94\%\] {
    top:55.94%
}
.top-\[56\.15\%\] {
    top:56.15%
}
.top-\[56\.5\%\] {
    top:56.5%
}
.top-\[57\%\] {
    top:57%
}
.top-\[57\.5\%\] {
    top:57.5%
}
.top-\[57\.725\%\] {
    top:57.725%
}
.top-\[57\.86\%\] {
    top:57.86%
}
.top-\[58\%\] {
    top:58%
}
.top-\[58\.1\%\] {
    top:58.1%
}
.top-\[58\.15\%\] {
    top:58.15%
}
.top-\[59\%\] {
    top:59%
}
.top-\[59\.01\%\] {
    top:59.01%
}
.top-\[59\.45\%\] {
    top:59.45%
}
.top-\[5px\] {
    top:5px
}
.top-\[6\%\] {
    top:6%
}
.top-\[6\.32\%\] {
    top:6.32%
}
.top-\[6\.37\%\] {
    top:6.37%
}
.top-\[60\.3\%\] {
    top:60.3%
}
.top-\[60\.7\%\] {
    top:60.7%
}
.top-\[60px\] {
    top:60px
}
.top-\[61\.6\%\] {
    top:61.6%
}
.top-\[61\.8\%\] {
    top:61.8%
}
.top-\[62\%\] {
    top:62%
}
.top-\[62\.89\%\] {
    top:62.89%
}
.top-\[63\.3\%\] {
    top:63.3%
}
.top-\[63\.68\%\] {
    top:63.68%
}
.top-\[64\.17\%\] {
    top:64.17%
}
.top-\[64\.55\%\] {
    top:64.55%
}
.top-\[64\.6\%\] {
    top:64.6%
}
.top-\[67\.71\%\] {
    top:67.71%
}
.top-\[68\.3\%\] {
    top:68.3%
}
.top-\[70\%\] {
    top:70%
}
.top-\[71\.9\%\] {
    top:71.9%
}
.top-\[72\%\] {
    top:72%
}
.top-\[72\.1\%\] {
    top:72.1%
}
.top-\[72\.15\%\] {
    top:72.15%
}
.top-\[72\.3\%\] {
    top:72.3%
}
.top-\[72\.5\%\] {
    top:72.5%
}
.top-\[73\.9\%\] {
    top:73.9%
}
.top-\[75\.34\%\] {
    top:75.34%
}
.top-\[76\.7\%\] {
    top:76.7%
}
.top-\[78\.53\%\] {
    top:78.53%
}
.top-\[8\.19\%\] {
    top:8.19%
}
.top-\[8\.37\%\] {
    top:8.37%
}
.top-\[8\.86\%\] {
    top:8.86%
}
.top-\[81\%\] {
    top:81%
}
.top-\[82\.2\%\] {
    top:82.2%
}
.top-\[83\.21\%\] {
    top:83.21%
}
.top-\[84\.1\%\] {
    top:84.1%
}
.top-\[84\.32\%\] {
    top:84.32%
}
.top-\[84\.78\%\] {
    top:84.78%
}
.top-\[85\.4\%\] {
    top:85.4%
}
.top-\[86\.44\%\] {
    top:86.44%
}
.top-\[86\.78\%\] {
    top:86.78%
}
.top-\[89\.5\%\] {
    top:89.5%
}
.top-\[89\.77\%\] {
    top:89.77%
}
.top-\[9\.23\%\] {
    top:9.23%
}
.top-\[91\.25\%\] {
    top:91.25%
}
.top-\[92\.3\%\] {
    top:92.3%
}
.top-\[93\.29\%\] {
    top:93.29%
}
.top-\[98px\] {
    top:98px
}
.top-\[9px\] {
    top:9px
}
.top-\[calc\(110\%\)\] {
    top:calc(110%)
}
.top-\[calc\(110\%\+10px\)\] {
    top:calc(110% + 10px)
}
.z-10 {
    z-index:10
}
.z-20 {
    z-index:20
}
.z-30 {
    z-index:30
}
.z-50 {
    z-index:50
}
.z-\[-999\] {
    z-index:-999
}
.z-\[10000\] {
    z-index:10000
}
.z-\[1002\] {
    z-index:1002
}
.z-\[1009999\] {
    z-index:1009999
}
.z-\[100\] {
    z-index:100
}
.z-\[101\] {
    z-index:101
}
.z-\[101px\] {
    z-index:101px
}
.z-\[102\] {
    z-index:102
}
.z-\[10\] {
    z-index:10
}
.z-\[111\] {
    z-index:111
}
.z-\[11\] {
    z-index:11
}
.z-\[12\] {
    z-index:12
}
.z-\[13\] {
    z-index:13
}
.z-\[1\] {
    z-index:1
}
.z-\[2\] {
    z-index:2
}
.z-\[34\] {
    z-index:34
}
.z-\[500\] {
    z-index:500
}
.z-\[9999999\] {
    z-index:9999999
}
.z-\[999999\] {
    z-index:999999
}
.z-\[99999\] {
    z-index:99999
}
.z-\[9999\] {
    z-index:9999
}
.float-right {
    float:right
}
.m-0 {
    margin:0
}
.m-4 {
    margin:1rem
}
.\!my-8 {
    margin-top:2rem!important;
    margin-bottom:2rem!important
}
.mx-0 {
    margin-left:0;
    margin-right:0
}
.mx-1 {
    margin-left:.25rem;
    margin-right:.25rem
}
.mx-2 {
    margin-left:.5rem;
    margin-right:.5rem
}
.mx-2\.5 {
    margin-left:.625rem;
    margin-right:.625rem
}
.mx-4 {
    margin-left:1rem;
    margin-right:1rem
}
.mx-5 {
    margin-left:1.25rem;
    margin-right:1.25rem
}
.mx-6 {
    margin-left:1.5rem;
    margin-right:1.5rem
}
.mx-8 {
    margin-left:2rem;
    margin-right:2rem
}
.mx-\[10\%\] {
    margin-left:10%;
    margin-right:10%
}
.mx-\[10px\] {
    margin-left:10px;
    margin-right:10px
}
.mx-\[30px\] {
    margin-left:30px;
    margin-right:30px
}
.mx-\[4px\] {
    margin-left:4px;
    margin-right:4px
}
.mx-\[5px\] {
    margin-left:5px;
    margin-right:5px
}
.mx-\[72px\] {
    margin-left:72px;
    margin-right:72px
}
.mx-auto {
    margin-left:auto;
    margin-right:auto
}
.my-1 {
    margin-top:.25rem;
    margin-bottom:.25rem
}
.my-12 {
    margin-top:3rem;
    margin-bottom:3rem
}
.my-14 {
    margin-top:3.5rem;
    margin-bottom:3.5rem
}
.my-2 {
    margin-top:.5rem;
    margin-bottom:.5rem
}
.my-3 {
    margin-top:.75rem;
    margin-bottom:.75rem
}
.my-4 {
    margin-top:1rem;
    margin-bottom:1rem
}
.my-5 {
    margin-top:1.25rem;
    margin-bottom:1.25rem
}
.my-6 {
    margin-top:1.5rem;
    margin-bottom:1.5rem
}
.my-7 {
    margin-top:1.75rem;
    margin-bottom:1.75rem
}
.my-\[22px\] {
    margin-top:22px;
    margin-bottom:22px
}
.my-\[24px\] {
    margin-top:24px;
    margin-bottom:24px
}
.my-\[7px\] {
    margin-top:7px;
    margin-bottom:7px
}
.my-auto {
    margin-top:auto;
    margin-bottom:auto
}
.\!mb-0 {
    margin-bottom:0!important
}
.\!mb-3 {
    margin-bottom:.75rem!important
}
.\!ml-\[48px\] {
    margin-left:48px!important
}
.-mr-2 {
    margin-right:-.5rem
}
.-mr-2\.5 {
    margin-right:-.625rem
}
.mb-0 {
    margin-bottom:0
}
.mb-1 {
    margin-bottom:.25rem
}
.mb-1\.5 {
    margin-bottom:.375rem
}
.mb-10 {
    margin-bottom:2.5rem
}
.mb-12 {
    margin-bottom:3rem
}
.mb-14 {
    margin-bottom:3.5rem
}
.mb-16 {
    margin-bottom:4rem
}
.mb-2 {
    margin-bottom:.5rem
}
.mb-2\.5 {
    margin-bottom:.625rem
}
.mb-20 {
    margin-bottom:5rem
}
.mb-3 {
    margin-bottom:.75rem
}
.mb-4 {
    margin-bottom:1rem
}
.mb-5 {
    margin-bottom:1.25rem
}
.mb-6 {
    margin-bottom:1.5rem
}
.mb-7 {
    margin-bottom:1.75rem
}
.mb-8 {
    margin-bottom:2rem
}
.mb-9 {
    margin-bottom:2.25rem
}
.mb-\[100px\] {
    margin-bottom:100px
}
.mb-\[10px\] {
    margin-bottom:10px
}
.mb-\[12px\] {
    margin-bottom:12px
}
.mb-\[16px\] {
    margin-bottom:16px
}
.mb-\[18px\] {
    margin-bottom:18px
}
.mb-\[1px\] {
    margin-bottom:1px
}
.mb-\[20px\] {
    margin-bottom:20px
}
.mb-\[24px\] {
    margin-bottom:24px
}
.mb-\[28px\] {
    margin-bottom:28px
}
.mb-\[2px\] {
    margin-bottom:2px
}
.mb-\[30px\] {
    margin-bottom:30px
}
.mb-\[346px\] {
    margin-bottom:346px
}
.mb-\[4\%\] {
    margin-bottom:4%
}
.mb-\[40px\] {
    margin-bottom:40px
}
.mb-\[56px\] {
    margin-bottom:56px
}
.mb-\[5px\] {
    margin-bottom:5px
}
.mb-\[6\%\] {
    margin-bottom:6%
}
.mb-\[60px\] {
    margin-bottom:60px
}
.mb-\[6px\] {
    margin-bottom:6px
}
.mb-\[83px\] {
    margin-bottom:83px
}
.mb-\[8px\] {
    margin-bottom:8px
}
.ml-1 {
    margin-left:.25rem
}
.ml-1\.5 {
    margin-left:.375rem
}
.ml-10 {
    margin-left:2.5rem
}
.ml-2 {
    margin-left:.5rem
}
.ml-2\.5 {
    margin-left:.625rem
}
.ml-24 {
    margin-left:6rem
}
.ml-3 {
    margin-left:.75rem
}
.ml-4 {
    margin-left:1rem
}
.ml-5 {
    margin-left:1.25rem
}
.ml-6 {
    margin-left:1.5rem
}
.ml-8 {
    margin-left:2rem
}
.ml-\[-16px\] {
    margin-left:-16px
}
.ml-\[-24px\] {
    margin-left:-24px
}
.ml-\[0\.5px\] {
    margin-left:.5px
}
.ml-\[11px\] {
    margin-left:11px
}
.ml-\[12px\] {
    margin-left:12px
}
.ml-\[28px\] {
    margin-left:28px
}
.ml-\[2px\] {
    margin-left:2px
}
.ml-\[30px\] {
    margin-left:30px
}
.ml-\[68px\] {
    margin-left:68px
}
.ml-\[8px\] {
    margin-left:8px
}
.mr-0 {
    margin-right:0
}
.mr-0\.5 {
    margin-right:.125rem
}
.mr-1 {
    margin-right:.25rem
}
.mr-1\.5 {
    margin-right:.375rem
}
.mr-12 {
    margin-right:3rem
}
.mr-2 {
    margin-right:.5rem
}
.mr-2\.5 {
    margin-right:.625rem
}
.mr-24 {
    margin-right:6rem
}
.mr-3 {
    margin-right:.75rem
}
.mr-4 {
    margin-right:1rem
}
.mr-5 {
    margin-right:1.25rem
}
.mr-6 {
    margin-right:1.5rem
}
.mr-7 {
    margin-right:1.75rem
}
.mr-8 {
    margin-right:2rem
}
.mr-\[20px\] {
    margin-right:20px
}
.mr-\[22px\] {
    margin-right:22px
}
.mr-\[2px\] {
    margin-right:2px
}
.mr-\[30px\] {
    margin-right:30px
}
.mr-\[5px\] {
    margin-right:5px
}
.mt-0 {
    margin-top:0
}
.mt-1 {
    margin-top:.25rem
}
.mt-1\.5 {
    margin-top:.375rem
}
.mt-10 {
    margin-top:2.5rem
}
.mt-11 {
    margin-top:2.75rem
}
.mt-12 {
    margin-top:3rem
}
.mt-14 {
    margin-top:3.5rem
}
.mt-16 {
    margin-top:4rem
}
.mt-2 {
    margin-top:.5rem
}
.mt-2\.5 {
    margin-top:.625rem
}
.mt-24 {
    margin-top:6rem
}
.mt-3 {
    margin-top:.75rem
}
.mt-4 {
    margin-top:1rem
}
.mt-5 {
    margin-top:1.25rem
}
.mt-6 {
    margin-top:1.5rem
}
.mt-7 {
    margin-top:1.75rem
}
.mt-8 {
    margin-top:2rem
}
.mt-9 {
    margin-top:2.25rem
}
.mt-\[0\.5px\] {
    margin-top:.5px
}
.mt-\[11px\] {
    margin-top:11px
}
.mt-\[14px\] {
    margin-top:14px
}
.mt-\[18px\] {
    margin-top:18px
}
.mt-\[20\%\] {
    margin-top:20%
}
.mt-\[24px\] {
    margin-top:24px
}
.mt-\[27px\] {
    margin-top:27px
}
.mt-\[2px\] {
    margin-top:2px
}
.mt-\[30px\] {
    margin-top:30px
}
.mt-\[31px\] {
    margin-top:31px
}
.mt-\[32px\] {
    margin-top:32px
}
.mt-\[34px\] {
    margin-top:34px
}
.mt-\[3px\] {
    margin-top:3px
}
.mt-\[45px\] {
    margin-top:45px
}
.mt-\[50px\] {
    margin-top:50px
}
.mt-\[60px\] {
    margin-top:60px
}
.mt-\[6px\] {
    margin-top:6px
}
.mt-\[75px\] {
    margin-top:75px
}
.mt-\[7px\] {
    margin-top:7px
}
.mt-\[83px\] {
    margin-top:83px
}
.mt-\[93\%\] {
    margin-top:93%
}
.mt-\[9px\] {
    margin-top:9px
}
.\!line-clamp-1 {
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:1!important
}
.line-clamp-2 {
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
.block {
    display:block
}
.inline-block {
    display:inline-block
}
.inline {
    display:inline
}
.flex {
    display:flex
}
.inline-flex {
    display:inline-flex
}
.table {
    display:table
}
.\!grid {
    display:grid!important
}
.grid {
    display:grid
}
.contents {
    display:contents
}
.hidden {
    display:none
}
.aspect-square {
    aspect-ratio:1/1
}
.h-0 {
    height:0
}
.h-1 {
    height:.25rem
}
.h-1\.5 {
    height:.375rem
}
.h-10 {
    height:2.5rem
}
.h-11 {
    height:2.75rem
}
.h-12 {
    height:3rem
}
.h-14 {
    height:3.5rem
}
.h-16 {
    height:4rem
}
.h-2 {
    height:.5rem
}
.h-2\.5 {
    height:.625rem
}
.h-2\/5 {
    height:40%
}
.h-20 {
    height:5rem
}
.h-24 {
    height:6rem
}
.h-28 {
    height:7rem
}
.h-3 {
    height:.75rem
}
.h-3\/5 {
    height:60%
}
.h-32 {
    height:8rem
}
.h-4 {
    height:1rem
}
.h-44 {
    height:11rem
}
.h-48 {
    height:12rem
}
.h-5 {
    height:1.25rem
}
.h-52 {
    height:13rem
}
.h-56 {
    height:14rem
}
.h-6 {
    height:1.5rem
}
.h-60 {
    height:15rem
}
.h-64 {
    height:16rem
}
.h-7 {
    height:1.75rem
}
.h-8 {
    height:2rem
}
.h-9 {
    height:2.25rem
}
.h-\[0\%\] {
    height:0
}
.h-\[0\.38\%\] {
    height:.38%
}
.h-\[0\.4\%\] {
    height:.4%
}
.h-\[0\.6\%\] {
    height:.6%
}
.h-\[0\.74\%\] {
    height:.74%
}
.h-\[0\.8\%\] {
    height:.8%
}
.h-\[0\.91\%\] {
    height:.91%
}
.h-\[1\%\] {
    height:1%
}
.h-\[1\.03\%\] {
    height:1.03%
}
.h-\[1\.04\%\] {
    height:1.04%
}
.h-\[1\.05\%\] {
    height:1.05%
}
.h-\[1\.08\%\] {
    height:1.08%
}
.h-\[1\.1\%\] {
    height:1.1%
}
.h-\[1\.15\%\] {
    height:1.15%
}
.h-\[1\.19\%\] {
    height:1.19%
}
.h-\[1\.20\%\],
.h-\[1\.2\%\] {
    height:1.2%
}
.h-\[1\.22\%\] {
    height:1.22%
}
.h-\[1\.25\%\] {
    height:1.25%
}
.h-\[1\.3\%\] {
    height:1.3%
}
.h-\[1\.33\%\] {
    height:1.33%
}
.h-\[1\.4\%\] {
    height:1.4%
}
.h-\[1\.46\%\] {
    height:1.46%
}
.h-\[1\.49\%\] {
    height:1.49%
}
.h-\[1\.65\%\] {
    height:1.65%
}
.h-\[1\.74\%\] {
    height:1.74%
}
.h-\[1\.75\%\] {
    height:1.75%
}
.h-\[1\.86\%\] {
    height:1.86%
}
.h-\[1\.92\%\] {
    height:1.92%
}
.h-\[1\.98\%\] {
    height:1.98%
}
.h-\[100\%\] {
    height:100%
}
.h-\[100px\] {
    height:100px
}
.h-\[101px\] {
    height:101px
}
.h-\[102px\] {
    height:102px
}
.h-\[107px\] {
    height:107px
}
.h-\[10px\] {
    height:10px
}
.h-\[112px\] {
    height:112px
}
.h-\[114x\] {
    height:114x
}
.h-\[12\.92\%\] {
    height:12.92%
}
.h-\[122px\] {
    height:122px
}
.h-\[123px\] {
    height:123px
}
.h-\[12px\] {
    height:12px
}
.h-\[135px\] {
    height:135px
}
.h-\[1370px\] {
    height:1370px
}
.h-\[13px\] {
    height:13px
}
.h-\[14\.39\%\] {
    height:14.39%
}
.h-\[144px\] {
    height:144px
}
.h-\[145px\] {
    height:145px
}
.h-\[14px\] {
    height:14px
}
.h-\[15\%\] {
    height:15%
}
.h-\[150px\] {
    height:150px
}
.h-\[154px\] {
    height:154px
}
.h-\[156px\] {
    height:156px
}
.h-\[15px\] {
    height:15px
}
.h-\[16px\] {
    height:16px
}
.h-\[17\.42\%\] {
    height:17.42%
}
.h-\[174px\] {
    height:174px
}
.h-\[17px\] {
    height:17px
}
.h-\[18\%\] {
    height:18%
}
.h-\[18\.5\%\] {
    height:18.5%
}
.h-\[18px\] {
    height:18px
}
.h-\[19\.2\%\] {
    height:19.2%
}
.h-\[19px\] {
    height:19px
}
.h-\[1px\] {
    height:1px
}
.h-\[2\.01\%\] {
    height:2.01%
}
.h-\[2\.04\%\] {
    height:2.04%
}
.h-\[2\.05\%\] {
    height:2.05%
}
.h-\[2\.18\%\] {
    height:2.18%
}
.h-\[2\.19\%\] {
    height:2.19%
}
.h-\[2\.21\%\] {
    height:2.21%
}
.h-\[2\.22\%\] {
    height:2.22%
}
.h-\[2\.24\%\] {
    height:2.24%
}
.h-\[2\.27\%\] {
    height:2.27%
}
.h-\[2\.3\%\] {
    height:2.3%
}
.h-\[2\.33\%\] {
    height:2.33%
}
.h-\[2\.7\%\] {
    height:2.7%
}
.h-\[2\.78\%\] {
    height:2.78%
}
.h-\[2\.81\%\] {
    height:2.81%
}
.h-\[2\.89\%\] {
    height:2.89%
}
.h-\[2\.95\%\] {
    height:2.95%
}
.h-\[2\.96\%\] {
    height:2.96%
}
.h-\[2\.97\%\] {
    height:2.97%
}
.h-\[20\%\] {
    height:20%
}
.h-\[200px\] {
    height:200px
}
.h-\[205px\] {
    height:205px
}
.h-\[20px\] {
    height:20px
}
.h-\[21px\] {
    height:21px
}
.h-\[22px\] {
    height:22px
}
.h-\[23px\] {
    height:23px
}
.h-\[240px\] {
    height:240px
}
.h-\[24px\] {
    height:24px
}
.h-\[25px\] {
    height:25px
}
.h-\[260px\] {
    height:260px
}
.h-\[26px\] {
    height:26px
}
.h-\[3\.03\%\] {
    height:3.03%
}
.h-\[3\.13\%\] {
    height:3.13%
}
.h-\[3\.42\%\] {
    height:3.42%
}
.h-\[3\.49\%\] {
    height:3.49%
}
.h-\[3\.52\%\] {
    height:3.52%
}
.h-\[3\.99\%\] {
    height:3.99%
}
.h-\[30\%\] {
    height:30%
}
.h-\[300px\] {
    height:300px
}
.h-\[305px\] {
    height:305px
}
.h-\[30px\] {
    height:30px
}
.h-\[31px\] {
    height:31px
}
.h-\[320px\] {
    height:320px
}
.h-\[32px\] {
    height:32px
}
.h-\[330px\] {
    height:330px
}
.h-\[34\%\] {
    height:34%
}
.h-\[34px\] {
    height:34px
}
.h-\[351px\] {
    height:351px
}
.h-\[360px\] {
    height:360px
}
.h-\[376px\] {
    height:376px
}
.h-\[389px\] {
    height:389px
}
.h-\[38px\] {
    height:38px
}
.h-\[4\%\] {
    height:4%
}
.h-\[4\.32\%\] {
    height:4.32%
}
.h-\[4\.39\%\] {
    height:4.39%
}
.h-\[4\.83\%\] {
    height:4.83%
}
.h-\[408px\] {
    height:408px
}
.h-\[40px\] {
    height:40px
}
.h-\[418px\] {
    height:418px
}
.h-\[42px\] {
    height:42px
}
.h-\[440px\] {
    height:440px
}
.h-\[45px\] {
    height:45px
}
.h-\[47px\] {
    height:47px
}
.h-\[48px\] {
    height:48px
}
.h-\[5\%\] {
    height:5%
}
.h-\[500px\] {
    height:500px
}
.h-\[50px\] {
    height:50px
}
.h-\[510px\] {
    height:510px
}
.h-\[52px\] {
    height:52px
}
.h-\[585px\] {
    height:585px
}
.h-\[58px\] {
    height:58px
}
.h-\[5px\] {
    height:5px
}
.h-\[6\.98\%\] {
    height:6.98%
}
.h-\[60px\] {
    height:60px
}
.h-\[62px\] {
    height:62px
}
.h-\[64px\] {
    height:64px
}
.h-\[68px\] {
    height:68px
}
.h-\[7\.09\%\] {
    height:7.09%
}
.h-\[7\.14\%\] {
    height:7.14%
}
.h-\[7\.6\%\] {
    height:7.6%
}
.h-\[70px\] {
    height:70px
}
.h-\[72px\] {
    height:72px
}
.h-\[73px\] {
    height:73px
}
.h-\[74px\] {
    height:74px
}
.h-\[750px\] {
    height:750px
}
.h-\[76px\] {
    height:76px
}
.h-\[7px\] {
    height:7px
}
.h-\[80px\] {
    height:80px
}
.h-\[90px\] {
    height:90px
}
.h-\[92px\] {
    height:92px
}
.h-\[92x\] {
    height:92x
}
.h-\[930px\] {
    height:930px
}
.h-\[94px\] {
    height:94px
}
.h-\[96px\] {
    height:96px
}
.h-\[98px\] {
    height:98px
}
.h-\[9px\] {
    height:9px
}
.h-\[calc\(100\%-\(100vw\*0\.5625\)\)\] {
    height:calc(100% - (100vw * .5625))
}
.h-\[calc\(100\%-0px\)\] {
    height:calc(100% - 0px)
}
.h-\[calc\(100\%-311px\)\] {
    height:calc(100% - 311px)
}
.h-\[calc\(100\%-42\.5px\)\] {
    height:calc(100% - 42.5px)
}
.h-\[calc\(100\%-45px\)\] {
    height:calc(100% - 45px)
}
.h-\[calc\(100\%-69px\)\] {
    height:calc(100% - 69px)
}
.h-\[calc\(100vh-4px\)\] {
    height:calc(100vh - 4px)
}
.h-\[calc\(100vh-64px\)\] {
    height:calc(100vh - 64px)
}
.h-auto {
    height:auto
}
.h-full {
    height:100%
}
.h-screen {
    height:100vh
}
.\!max-h-\[80\%\] {
    max-height:80%!important
}
.max-h-\[137px\] {
    max-height:137px
}
.max-h-\[155px\] {
    max-height:155px
}
.max-h-\[200px\] {
    max-height:200px
}
.max-h-\[206px\] {
    max-height:206px
}
.max-h-\[270px\] {
    max-height:270px
}
.max-h-\[283px\] {
    max-height:283px
}
.max-h-\[297x\] {
    max-height:297x
}
.max-h-\[340px\] {
    max-height:340px
}
.max-h-\[389px\] {
    max-height:389px
}
.max-h-\[478px\] {
    max-height:478px
}
.max-h-\[80px\] {
    max-height:80px
}
.\!min-h-0 {
    min-height:0!important
}
.min-h-\[16vw\] {
    min-height:16vw
}
.min-h-\[200px\] {
    min-height:200px
}
.min-h-\[208px\] {
    min-height:208px
}
.min-h-\[220px\] {
    min-height:220px
}
.min-h-\[300px\] {
    min-height:300px
}
.min-h-\[36px\] {
    min-height:36px
}
.min-h-\[38px\] {
    min-height:38px
}
.min-h-\[64px\] {
    min-height:64px
}
.min-h-\[70px\] {
    min-height:70px
}
.min-h-\[80px\] {
    min-height:80px
}
.min-h-screen {
    min-height:100vh
}
.\!w-min {
    width:-moz-min-content!important;
    width:min-content!important
}
.w-0 {
    width:0
}
.w-1 {
    width:.25rem
}
.w-1\.5 {
    width:.375rem
}
.w-1\/2 {
    width:50%
}
.w-1\/4 {
    width:25%
}
.w-10 {
    width:2.5rem
}
.w-11 {
    width:2.75rem
}
.w-12 {
    width:3rem
}
.w-14 {
    width:3.5rem
}
.w-16 {
    width:4rem
}
.w-2 {
    width:.5rem
}
.w-20 {
    width:5rem
}
.w-24 {
    width:6rem
}
.w-28 {
    width:7rem
}
.w-3 {
    width:.75rem
}
.w-3\/12 {
    width:25%
}
.w-3\/4 {
    width:75%
}
.w-32 {
    width:8rem
}
.w-36 {
    width:9rem
}
.w-4 {
    width:1rem
}
.w-4\/12 {
    width:33.333333%
}
.w-40 {
    width:10rem
}
.w-44 {
    width:11rem
}
.w-5 {
    width:1.25rem
}
.w-6 {
    width:1.5rem
}
.w-60 {
    width:15rem
}
.w-64 {
    width:16rem
}
.w-7 {
    width:1.75rem
}
.w-8 {
    width:2rem
}
.w-8\/12 {
    width:66.666667%
}
.w-80 {
    width:20rem
}
.w-9\/12 {
    width:75%
}
.w-\[10\%\] {
    width:10%
}
.w-\[100\%\] {
    width:100%
}
.w-\[100px\] {
    width:100px
}
.w-\[101px\] {
    width:101px
}
.w-\[103px\] {
    width:103px
}
.w-\[104px\] {
    width:104px
}
.w-\[109px\] {
    width:109px
}
.w-\[10px\] {
    width:10px
}
.w-\[114px\] {
    width:114px
}
.w-\[115px\] {
    width:115px
}
.w-\[11px\] {
    width:11px
}
.w-\[12\%\] {
    width:12%
}
.w-\[120px\] {
    width:120px
}
.w-\[12px\] {
    width:12px
}
.w-\[132px\] {
    width:132px
}
.w-\[133px\] {
    width:133px
}
.w-\[13px\] {
    width:13px
}
.w-\[140px\] {
    width:140px
}
.w-\[148px\] {
    width:148px
}
.w-\[14px\] {
    width:14px
}
.w-\[150px\] {
    width:150px
}
.w-\[15px\] {
    width:15px
}
.w-\[160px\] {
    width:160px
}
.w-\[168px\] {
    width:168px
}
.w-\[16px\] {
    width:16px
}
.w-\[17\%\] {
    width:17%
}
.w-\[170px\] {
    width:170px
}
.w-\[172px\] {
    width:172px
}
.w-\[17px\] {
    width:17px
}
.w-\[18\%\] {
    width:18%
}
.w-\[18px\] {
    width:18px
}
.w-\[190px\] {
    width:190px
}
.w-\[1920px\] {
    width:1920px
}
.w-\[196px\] {
    width:196px
}
.w-\[19px\] {
    width:19px
}
.w-\[1px\] {
    width:1px
}
.w-\[20\%\] {
    width:20%
}
.w-\[200px\] {
    width:200px
}
.w-\[20px\] {
    width:20px
}
.w-\[21\.57\%\] {
    width:21.57%
}
.w-\[212px\] {
    width:212px
}
.w-\[21px\] {
    width:21px
}
.w-\[22\%\] {
    width:22%
}
.w-\[22\.5\%\] {
    width:22.5%
}
.w-\[220px\] {
    width:220px
}
.w-\[22px\] {
    width:22px
}
.w-\[23\.61\%\] {
    width:23.61%
}
.w-\[232px\] {
    width:232px
}
.w-\[236px\] {
    width:236px
}
.w-\[23px\] {
    width:23px
}
.w-\[24\.31\%\] {
    width:24.31%
}
.w-\[24\.44\%\] {
    width:24.44%
}
.w-\[24\.86\%\] {
    width:24.86%
}
.w-\[240px\] {
    width:240px
}
.w-\[24px\] {
    width:24px
}
.w-\[25\%\] {
    width:25%
}
.w-\[25\.14\%\] {
    width:25.14%
}
.w-\[250px\] {
    width:250px
}
.w-\[253px\] {
    width:253px
}
.w-\[256px\] {
    width:256px
}
.w-\[25px\] {
    width:25px
}
.w-\[264px\] {
    width:264px
}
.w-\[266px\] {
    width:266px
}
.w-\[268px\] {
    width:268px
}
.w-\[26px\] {
    width:26px
}
.w-\[27\%\] {
    width:27%
}
.w-\[27\.59\%\] {
    width:27.59%
}
.w-\[27px\] {
    width:27px
}
.w-\[28\%\] {
    width:28%
}
.w-\[28\.61\%\] {
    width:28.61%
}
.w-\[288px\] {
    width:288px
}
.w-\[29\.03\%\] {
    width:29.03%
}
.w-\[290px\] {
    width:290px
}
.w-\[29px\] {
    width:29px
}
.w-\[3\%\] {
    width:3%
}
.w-\[30\%\] {
    width:30%
}
.w-\[300px\] {
    width:300px
}
.w-\[30px\] {
    width:30px
}
.w-\[320px\] {
    width:320px
}
.w-\[328px\] {
    width:328px
}
.w-\[32px\] {
    width:32px
}
.w-\[33\%\] {
    width:33%
}
.w-\[330px\] {
    width:330px
}
.w-\[34px\] {
    width:34px
}
.w-\[35\%\] {
    width:35%
}
.w-\[35px\] {
    width:35px
}
.w-\[360px\] {
    width:360px
}
.w-\[369px\] {
    width:369px
}
.w-\[36px\] {
    width:36px
}
.w-\[37\.08\%\] {
    width:37.08%
}
.w-\[37\.22\%\] {
    width:37.22%
}
.w-\[38px\] {
    width:38px
}
.w-\[39\%\] {
    width:39%
}
.w-\[40\%\] {
    width:40%
}
.w-\[400px\] {
    width:400px
}
.w-\[405px\] {
    width:405px
}
.w-\[42px\] {
    width:42px
}
.w-\[43\.33\%\] {
    width:43.33%
}
.w-\[430px\] {
    width:430px
}
.w-\[43px\] {
    width:43px
}
.w-\[44\%\] {
    width:44%
}
.w-\[45\%\] {
    width:45%
}
.w-\[450px\] {
    width:450px
}
.w-\[45px\] {
    width:45px
}
.w-\[484px\] {
    width:484px
}
.w-\[48px\] {
    width:48px
}
.w-\[49px\] {
    width:49px
}
.w-\[50\%\] {
    width:50%
}
.w-\[500px\] {
    width:500px
}
.w-\[50px\] {
    width:50px
}
.w-\[51\.3\%\] {
    width:51.3%
}
.w-\[52px\] {
    width:52px
}
.w-\[53px\] {
    width:53px
}
.w-\[54px\] {
    width:54px
}
.w-\[55px\] {
    width:55px
}
.w-\[56px\] {
    width:56px
}
.w-\[57\.31\%\] {
    width:57.31%
}
.w-\[60\%\] {
    width:60%
}
.w-\[60px\] {
    width:60px
}
.w-\[61px\] {
    width:61px
}
.w-\[620px\] {
    width:620px
}
.w-\[640px\] {
    width:640px
}
.w-\[64px\] {
    width:64px
}
.w-\[661px\] {
    width:661px
}
.w-\[66px\] {
    width:66px
}
.w-\[67\%\] {
    width:67%
}
.w-\[670px\] {
    width:670px
}
.w-\[68\.06\%\] {
    width:68.06%
}
.w-\[68px\] {
    width:68px
}
.w-\[69\.44\%\] {
    width:69.44%
}
.w-\[6px\] {
    width:6px
}
.w-\[7\%\] {
    width:7%
}
.w-\[70\%\] {
    width:70%
}
.w-\[70px\] {
    width:70px
}
.w-\[71\%\] {
    width:71%
}
.w-\[72px\] {
    width:72px
}
.w-\[73\%\] {
    width:73%
}
.w-\[73px\] {
    width:73px
}
.w-\[74px\] {
    width:74px
}
.w-\[76px\] {
    width:76px
}
.w-\[78\.47\%\] {
    width:78.47%
}
.w-\[78\.75\%\] {
    width:78.75%
}
.w-\[78\.89\%\] {
    width:78.89%
}
.w-\[79\.03\%\] {
    width:79.03%
}
.w-\[79\.17\%\] {
    width:79.17%
}
.w-\[79\.31\%\] {
    width:79.31%
}
.w-\[79\.44\%\] {
    width:79.44%
}
.w-\[79\.58\%\] {
    width:79.58%
}
.w-\[79\.72\%\] {
    width:79.72%
}
.w-\[7px\] {
    width:7px
}
.w-\[8\%\] {
    width:8%
}
.w-\[8\.1\%\] {
    width:8.1%
}
.w-\[80px\] {
    width:80px
}
.w-\[81\%\] {
    width:81%
}
.w-\[83px\] {
    width:83px
}
.w-\[84px\] {
    width:84px
}
.w-\[88\%\] {
    width:88%
}
.w-\[89\.58\%\] {
    width:89.58%
}
.w-\[9\.7\%\] {
    width:9.7%
}
.w-\[90\%\] {
    width:90%
}
.w-\[94px\] {
    width:94px
}
.w-\[95px\] {
    width:95px
}
.w-\[96px\] {
    width:96px
}
.w-\[98\.47\%\] {
    width:98.47%
}
.w-\[98\.61\%\] {
    width:98.61%
}
.w-\[98\.75\%\] {
    width:98.75%
}
.w-\[99\.03\%\] {
    width:99.03%
}
.w-\[99\.17\%\] {
    width:99.17%
}
.w-\[calc\(100\%\+32px\)\] {
    width:calc(100% + 32px)
}
.w-\[calc\(100\%\+48px\)\] {
    width:calc(100% + 48px)
}
.w-\[calc\(100\%-16px\)\] {
    width:calc(100% - 16px)
}
.w-\[calc\(100\%-18px\)\] {
    width:calc(100% - 18px)
}
.w-\[calc\(100\%-24px\)\] {
    width:calc(100% - 24px)
}
.w-\[calc\(100\%-34px\)\] {
    width:calc(100% - 34px)
}
.w-\[calc\(100\%-55px\)\] {
    width:calc(100% - 55px)
}
.w-fit {
    width:-moz-fit-content;
    width:fit-content
}
.w-full {
    width:100%
}
.w-screen {
    width:100vw
}
.min-w-\[112px\] {
    min-width:112px
}
.min-w-\[167px\] {
    min-width:167px
}
.min-w-\[24px\] {
    min-width:24px
}
.min-w-\[380px\] {
    min-width:380px
}
.min-w-\[430px\] {
    min-width:430px
}
.min-w-\[480px\] {
    min-width:480px
}
.\!max-w-\[72\%\] {
    max-width:72%!important
}
.\!max-w-\[73\%\] {
    max-width:73%!important
}
.max-w-3xl {
    max-width:48rem
}
.max-w-\[100\%\] {
    max-width:100%
}
.max-w-\[100px\] {
    max-width:100px
}
.max-w-\[102px\] {
    max-width:102px
}
.max-w-\[1080px\] {
    max-width:1080px
}
.max-w-\[110px\] {
    max-width:110px
}
.max-w-\[112px\] {
    max-width:112px
}
.max-w-\[1200px\] {
    max-width:1200px
}
.max-w-\[120px\] {
    max-width:120px
}
.max-w-\[122px\] {
    max-width:122px
}
.max-w-\[124px\] {
    max-width:124px
}
.max-w-\[136px\] {
    max-width:136px
}
.max-w-\[140px\] {
    max-width:140px
}
.max-w-\[1500px\] {
    max-width:1500px
}
.max-w-\[153px\] {
    max-width:153px
}
.max-w-\[164px\] {
    max-width:164px
}
.max-w-\[168px\] {
    max-width:168px
}
.max-w-\[170px\] {
    max-width:170px
}
.max-w-\[1800px\] {
    max-width:1800px
}
.max-w-\[180px\] {
    max-width:180px
}
.max-w-\[2000px\] {
    max-width:2000px
}
.max-w-\[200px\] {
    max-width:200px
}
.max-w-\[20px\] {
    max-width:20px
}
.max-w-\[210px\] {
    max-width:210px
}
.max-w-\[220px\] {
    max-width:220px
}
.max-w-\[240px\] {
    max-width:240px
}
.max-w-\[244px\] {
    max-width:244px
}
.max-w-\[250px\] {
    max-width:250px
}
.max-w-\[252px\] {
    max-width:252px
}
.max-w-\[277px\] {
    max-width:277px
}
.max-w-\[290px\] {
    max-width:290px
}
.max-w-\[300px\] {
    max-width:300px
}
.max-w-\[310px\] {
    max-width:310px
}
.max-w-\[312px\] {
    max-width:312px
}
.max-w-\[31px\] {
    max-width:31px
}
.max-w-\[320px\] {
    max-width:320px
}
.max-w-\[327px\] {
    max-width:327px
}
.max-w-\[32px\] {
    max-width:32px
}
.max-w-\[336px\] {
    max-width:336px
}
.max-w-\[350px\] {
    max-width:350px
}
.max-w-\[360px\] {
    max-width:360px
}
.max-w-\[36px\] {
    max-width:36px
}
.max-w-\[380px\] {
    max-width:380px
}
.max-w-\[420px\] {
    max-width:420px
}
.max-w-\[438px\] {
    max-width:438px
}
.max-w-\[480px\] {
    max-width:480px
}
.max-w-\[483px\] {
    max-width:483px
}
.max-w-\[496px\] {
    max-width:496px
}
.max-w-\[50\%\] {
    max-width:50%
}
.max-w-\[500px\] {
    max-width:500px
}
.max-w-\[56\%\] {
    max-width:56%
}
.max-w-\[613px\] {
    max-width:613px
}
.max-w-\[619px\] {
    max-width:619px
}
.max-w-\[720px\] {
    max-width:720px
}
.max-w-\[740px\] {
    max-width:740px
}
.max-w-\[74px\] {
    max-width:74px
}
.max-w-\[760px\] {
    max-width:760px
}
.max-w-\[761px\] {
    max-width:761px
}
.max-w-\[77px\] {
    max-width:77px
}
.max-w-\[814px\] {
    max-width:814px
}
.max-w-\[96px\] {
    max-width:96px
}
.max-w-\[997px\] {
    max-width:997px
}
.max-w-full {
    max-width:100%
}
.max-w-xs {
    max-width:20rem
}
.flex-1 {
    flex:1 1 0%
}
.flex-auto {
    flex:1 1 auto
}
.border-collapse {
    border-collapse:collapse
}
.border-spacing-0 {
    --tw-border-spacing-x:0px;
    --tw-border-spacing-y:0px;
    border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.translate-x-full {
    --tw-translate-x:100%
}
.transform,
.translate-x-full {
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@keyframes bounce {
    0%,
    to {
        transform:translateY(-25%);
        animation-timing-function:cubic-bezier(.8,0,1,1)
    }
    50% {
        transform:none;
        animation-timing-function:cubic-bezier(0,0,.2,1)
    }
}
.animate-bounce {
    animation:bounce 1s infinite
}
.cursor-default {
    cursor:default
}
.cursor-not-allowed {
    cursor:not-allowed
}
.cursor-pointer {
    cursor:pointer
}
.select-none {
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.resize-none {
    resize:none
}
.resize {
    resize:both
}
.appearance-none {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.grid-cols-1 {
    grid-template-columns:repeat(1,minmax(0,1fr))
}
.grid-cols-2 {
    grid-template-columns:repeat(2,minmax(0,1fr))
}
.grid-cols-3 {
    grid-template-columns:repeat(3,minmax(0,1fr))
}
.grid-cols-4 {
    grid-template-columns:repeat(4,minmax(0,1fr))
}
.grid-cols-5 {
    grid-template-columns:repeat(5,minmax(0,1fr))
}
.grid-cols-6 {
    grid-template-columns:repeat(6,minmax(0,1fr))
}
.grid-cols-8 {
    grid-template-columns:repeat(8,minmax(0,1fr))
}
.grid-rows-2 {
    grid-template-rows:repeat(2,minmax(0,1fr))
}
.grid-rows-5 {
    grid-template-rows:repeat(5,minmax(0,1fr))
}
.flex-row {
    flex-direction:row
}
.flex-col {
    flex-direction:column
}
.flex-col-reverse {
    flex-direction:column-reverse
}
.flex-wrap {
    flex-wrap:wrap
}
.items-start {
    align-items:flex-start
}
.items-end {
    align-items:flex-end
}
.items-center {
    align-items:center
}
.justify-start {
    justify-content:flex-start
}
.justify-end {
    justify-content:flex-end
}
.justify-center {
    justify-content:center
}
.justify-between {
    justify-content:space-between
}
.justify-around {
    justify-content:space-around
}
.justify-evenly {
    justify-content:space-evenly
}
.gap-1 {
    gap:.25rem
}
.gap-1\.5 {
    gap:.375rem
}
.gap-2 {
    gap:.5rem
}
.gap-2\.5 {
    gap:.625rem
}
.gap-3 {
    gap:.75rem
}
.gap-4 {
    gap:1rem
}
.gap-5 {
    gap:1.25rem
}
.gap-6 {
    gap:1.5rem
}
.gap-7 {
    gap:1.75rem
}
.gap-\[1\%\] {
    gap:1%
}
.gap-\[12px\] {
    gap:12px
}
.gap-\[15px\] {
    gap:15px
}
.gap-\[2px\] {
    gap:2px
}
.gap-\[6px\] {
    gap:6px
}
.gap-x-1 {
    -moz-column-gap:.25rem;
    column-gap:.25rem
}
.gap-x-1\.5 {
    -moz-column-gap:.375rem;
    column-gap:.375rem
}
.gap-x-2 {
    -moz-column-gap:.5rem;
    column-gap:.5rem
}
.gap-x-3 {
    -moz-column-gap:.75rem;
    column-gap:.75rem
}
.gap-x-4 {
    -moz-column-gap:1rem;
    column-gap:1rem
}
.gap-x-6 {
    -moz-column-gap:1.5rem;
    column-gap:1.5rem
}
.gap-x-\[26px\] {
    -moz-column-gap:26px;
    column-gap:26px
}
.gap-y-1 {
    row-gap:.25rem
}
.gap-y-1\.5 {
    row-gap:.375rem
}
.gap-y-3 {
    row-gap:.75rem
}
.gap-y-4 {
    row-gap:1rem
}
.gap-y-5 {
    row-gap:1.25rem
}
.gap-y-\[15px\] {
    row-gap:15px
}
.gap-y-\[38px\] {
    row-gap:38px
}
.gap-y-\[4\.7\%\] {
    row-gap:4.7%
}
.gap-y-\[47px\] {
    row-gap:47px
}
.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(.25rem * var(--tw-space-x-reverse));
    margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(.375rem * var(--tw-space-x-reverse));
    margin-left:calc(.375rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(.5rem * var(--tw-space-x-reverse));
    margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-2\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(.625rem * var(--tw-space-x-reverse));
    margin-left:calc(.625rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(.75rem * var(--tw-space-x-reverse));
    margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(1rem * var(--tw-space-x-reverse));
    margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(1.25rem * var(--tw-space-x-reverse));
    margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(1.5rem * var(--tw-space-x-reverse));
    margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-8>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse:0;
    margin-right:calc(2rem * var(--tw-space-x-reverse));
    margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(.25rem * var(--tw-space-y-reverse))
}
.space-y-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(.375rem * var(--tw-space-y-reverse))
}
.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(.5rem * var(--tw-space-y-reverse))
}
.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(.75rem * var(--tw-space-y-reverse))
}
.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}
.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))
}
.space-y-\[14px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(14px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(14px * var(--tw-space-y-reverse))
}
.space-y-\[3\%\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(3% * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(3% * var(--tw-space-y-reverse))
}
.space-y-\[30px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse:0;
    margin-top:calc(30px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(30px * var(--tw-space-y-reverse))
}
.self-stretch {
    align-self:stretch
}
.overflow-auto {
    overflow:auto
}
.overflow-hidden {
    overflow:hidden
}
.\!overflow-visible {
    overflow:visible!important
}
.overflow-x-auto {
    overflow-x:auto
}
.overflow-y-auto {
    overflow-y:auto
}
.overflow-x-hidden {
    overflow-x:hidden
}
.overflow-x-scroll {
    overflow-x:scroll
}
.overflow-y-scroll {
    overflow-y:scroll
}
.truncate {
    overflow:hidden;
    white-space:nowrap
}
.text-ellipsis,
.truncate {
    text-overflow:ellipsis
}
.whitespace-nowrap {
    white-space:nowrap
}
.whitespace-pre {
    white-space:pre
}
.whitespace-pre-line {
    white-space:pre-line
}
.whitespace-pre-wrap {
    white-space:pre-wrap
}
.text-nowrap {
    text-wrap:nowrap
}
.text-pretty {
    text-wrap:pretty
}
.break-all {
    word-break:break-all
}
.break-keep {
    word-break:keep-all
}
.rounded {
    border-radius:.25rem
}
.rounded-2xl {
    border-radius:1rem
}
.rounded-3xl {
    border-radius:1.5rem
}
.rounded-\[10px\] {
    border-radius:10px
}
.rounded-\[12px\] {
    border-radius:12px
}
.rounded-\[14px\] {
    border-radius:14px
}
.rounded-\[20px\] {
    border-radius:20px
}
.rounded-\[26px\] {
    border-radius:26px
}
.rounded-\[32px\] {
    border-radius:32px
}
.rounded-\[3px\] {
    border-radius:3px
}
.rounded-\[40px\] {
    border-radius:40px
}
.rounded-\[42px\] {
    border-radius:42px
}
.rounded-\[50\%\] {
    border-radius:50%
}
.rounded-\[50px\] {
    border-radius:50px
}
.rounded-\[8px\] {
    border-radius:8px
}
.rounded-\[99px\] {
    border-radius:99px
}
.rounded-\[9px\] {
    border-radius:9px
}
.rounded-full {
    border-radius:9999px
}
.rounded-lg {
    border-radius:.5rem
}
.rounded-md {
    border-radius:.375rem
}
.rounded-sm {
    border-radius:.125rem
}
.rounded-xl {
    border-radius:.75rem
}
.rounded-b-2xl {
    border-bottom-right-radius:1rem;
    border-bottom-left-radius:1rem
}
.rounded-b-\[10\%\] {
    border-bottom-right-radius:10%;
    border-bottom-left-radius:10%
}
.rounded-b-\[14px\] {
    border-bottom-right-radius:14px;
    border-bottom-left-radius:14px
}
.rounded-b-xl {
    border-bottom-right-radius:.75rem;
    border-bottom-left-radius:.75rem
}
.rounded-l {
    border-top-left-radius:.25rem;
    border-bottom-left-radius:.25rem
}
.rounded-l-2xl {
    border-top-left-radius:1rem;
    border-bottom-left-radius:1rem
}
.rounded-l-\[10px\] {
    border-top-left-radius:10px;
    border-bottom-left-radius:10px
}
.rounded-l-lg {
    border-top-left-radius:.5rem;
    border-bottom-left-radius:.5rem
}
.rounded-r {
    border-top-right-radius:.25rem;
    border-bottom-right-radius:.25rem
}
.rounded-r-full {
    border-top-right-radius:9999px;
    border-bottom-right-radius:9999px
}
.rounded-t-\[5px\] {
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
.rounded-t-\[70px\] {
    border-top-left-radius:70px;
    border-top-right-radius:70px
}
.rounded-t-lg {
    border-top-left-radius:.5rem;
    border-top-right-radius:.5rem
}
.rounded-t-xl {
    border-top-left-radius:.75rem;
    border-top-right-radius:.75rem
}
.rounded-tl-\[40px\] {
    border-top-left-radius:40px
}
.rounded-tl-xl {
    border-top-left-radius:.75rem
}
.rounded-tr-\[40px\] {
    border-top-right-radius:40px
}
.rounded-tr-xl {
    border-top-right-radius:.75rem
}
.\!border-2 {
    border-width:2px!important
}
.border {
    border-width:1px
}
.border-0 {
    border-width:0
}
.border-2 {
    border-width:2px
}
.border-\[15px\] {
    border-width:15px
}
.border-\[1px\] {
    border-width:1px
}
.border-\[2px\] {
    border-width:2px
}
.border-\[3px\] {
    border-width:3px
}
.border-b {
    border-bottom-width:1px
}
.border-b-0 {
    border-bottom-width:0
}
.border-b-2 {
    border-bottom-width:2px
}
.border-b-\[10px\] {
    border-bottom-width:10px
}
.border-b-\[7px\] {
    border-bottom-width:7px
}
.border-l {
    border-left-width:1px
}
.border-l-0 {
    border-left-width:0
}
.border-l-\[10px\] {
    border-left-width:10px
}
.border-r {
    border-right-width:1px
}
.border-r-0 {
    border-right-width:0
}
.border-r-2 {
    border-right-width:2px
}
.border-r-\[10px\] {
    border-right-width:10px
}
.border-t {
    border-top-width:1px
}
.border-t-0 {
    border-top-width:0
}
.border-t-2 {
    border-top-width:2px
}
.border-t-\[0\.5px\] {
    border-top-width:.5px
}
.border-solid {
    border-style:solid
}
.border-dashed {
    border-style:dashed
}
.border-dotted {
    border-style:dotted
}
.\!border-none {
    border-style:none!important
}
.border-none {
    border-style:none
}
.\!border-red-400 {
    --tw-border-opacity:1!important;
    border-color:rgb(248 113 113/var(--tw-border-opacity))!important
}
.border-\[\#0000000d\] {
    border-color:#0000000d
}
.border-\[\#0000001a\] {
    border-color:#0000001a
}
.border-\[\#00C2FF\] {
    --tw-border-opacity:1;
    border-color:rgb(0 194 255/var(--tw-border-opacity))
}
.border-\[\#00fff6\] {
    --tw-border-opacity:1;
    border-color:rgb(0 255 246/var(--tw-border-opacity))
}
.border-\[\#09DB4F\] {
    --tw-border-opacity:1;
    border-color:rgb(9 219 79/var(--tw-border-opacity))
}
.border-\[\#1DE998\] {
    --tw-border-opacity:1;
    border-color:rgb(29 233 152/var(--tw-border-opacity))
}
.border-\[\#22242626\] {
    border-color:#22242626
}
.border-\[\#333333\] {
    --tw-border-opacity:1;
    border-color:rgb(51 51 51/var(--tw-border-opacity))
}
.border-\[\#3E3E3E\] {
    --tw-border-opacity:1;
    border-color:rgb(62 62 62/var(--tw-border-opacity))
}
.border-\[\#41D49D\] {
    --tw-border-opacity:1;
    border-color:rgb(65 212 157/var(--tw-border-opacity))
}
.border-\[\#43C0FF\] {
    --tw-border-opacity:1;
    border-color:rgb(67 192 255/var(--tw-border-opacity))
}
.border-\[\#464646\] {
    --tw-border-opacity:1;
    border-color:rgb(70 70 70/var(--tw-border-opacity))
}
.border-\[\#64E6F8\] {
    --tw-border-opacity:1;
    border-color:rgb(100 230 248/var(--tw-border-opacity))
}
.border-\[\#6E6E6E\] {
    --tw-border-opacity:1;
    border-color:rgb(110 110 110/var(--tw-border-opacity))
}
.border-\[\#707070\] {
    --tw-border-opacity:1;
    border-color:rgb(112 112 112/var(--tw-border-opacity))
}
.border-\[\#7700F5\] {
    --tw-border-opacity:1;
    border-color:rgb(119 0 245/var(--tw-border-opacity))
}
.border-\[\#8C949B\] {
    --tw-border-opacity:1;
    border-color:rgb(140 148 155/var(--tw-border-opacity))
}
.border-\[\#9F3A38\] {
    --tw-border-opacity:1;
    border-color:rgb(159 58 56/var(--tw-border-opacity))
}
.border-\[\#ACB2B9\] {
    --tw-border-opacity:1;
    border-color:rgb(172 178 185/var(--tw-border-opacity))
}
.border-\[\#AEAEAE\] {
    --tw-border-opacity:1;
    border-color:rgb(174 174 174/var(--tw-border-opacity))
}
.border-\[\#B3B3B3\] {
    --tw-border-opacity:1;
    border-color:rgb(179 179 179/var(--tw-border-opacity))
}
.border-\[\#BFBFBF\] {
    --tw-border-opacity:1;
    border-color:rgb(191 191 191/var(--tw-border-opacity))
}
.border-\[\#C6936F\] {
    --tw-border-opacity:1;
    border-color:rgb(198 147 111/var(--tw-border-opacity))
}
.border-\[\#D1D1D1\] {
    --tw-border-opacity:1;
    border-color:rgb(209 209 209/var(--tw-border-opacity))
}
.border-\[\#D5D5D5\] {
    --tw-border-opacity:1;
    border-color:rgb(213 213 213/var(--tw-border-opacity))
}
.border-\[\#D8D8D8\] {
    --tw-border-opacity:1;
    border-color:rgb(216 216 216/var(--tw-border-opacity))
}
.border-\[\#DBDEE1\] {
    --tw-border-opacity:1;
    border-color:rgb(219 222 225/var(--tw-border-opacity))
}
.border-\[\#DDDDDD\] {
    --tw-border-opacity:1;
    border-color:rgb(221 221 221/var(--tw-border-opacity))
}
.border-\[\#E10000\] {
    --tw-border-opacity:1;
    border-color:rgb(225 0 0/var(--tw-border-opacity))
}
.border-\[\#E5E5E5\] {
    --tw-border-opacity:1;
    border-color:rgb(229 229 229/var(--tw-border-opacity))
}
.border-\[\#E6E6E6\] {
    --tw-border-opacity:1;
    border-color:rgb(230 230 230/var(--tw-border-opacity))
}
.border-\[\#EBECEF\] {
    --tw-border-opacity:1;
    border-color:rgb(235 236 239/var(--tw-border-opacity))
}
.border-\[\#F1F1F1\] {
    --tw-border-opacity:1;
    border-color:rgb(241 241 241/var(--tw-border-opacity))
}
.border-\[\#F7F7F8\] {
    --tw-border-opacity:1;
    border-color:rgb(247 247 248/var(--tw-border-opacity))
}
.border-\[\#FC62D0\] {
    --tw-border-opacity:1;
    border-color:rgb(252 98 208/var(--tw-border-opacity))
}
.border-\[\#FF0080\] {
    --tw-border-opacity:1;
    border-color:rgb(255 0 128/var(--tw-border-opacity))
}
.border-\[\#FF024A\] {
    --tw-border-opacity:1;
    border-color:rgb(255 2 74/var(--tw-border-opacity))
}
.border-\[\#FF1C69\] {
    --tw-border-opacity:1;
    border-color:rgb(255 28 105/var(--tw-border-opacity))
}
.border-\[\#FF4076\] {
    --tw-border-opacity:1;
    border-color:rgb(255 64 118/var(--tw-border-opacity))
}
.border-\[\#FF8282\] {
    --tw-border-opacity:1;
    border-color:rgb(255 130 130/var(--tw-border-opacity))
}
.border-\[\#FFBB00\] {
    --tw-border-opacity:1;
    border-color:rgb(255 187 0/var(--tw-border-opacity))
}
.border-\[\#FFD4E4\] {
    --tw-border-opacity:1;
    border-color:rgb(255 212 228/var(--tw-border-opacity))
}
.border-\[\#b3b3b3\] {
    --tw-border-opacity:1;
    border-color:rgb(179 179 179/var(--tw-border-opacity))
}
.border-\[\#b9b9b9\] {
    --tw-border-opacity:1;
    border-color:rgb(185 185 185/var(--tw-border-opacity))
}
.border-\[\#bbb\] {
    --tw-border-opacity:1;
    border-color:rgb(187 187 187/var(--tw-border-opacity))
}
.border-\[\#ccc\] {
    --tw-border-opacity:1;
    border-color:rgb(204 204 204/var(--tw-border-opacity))
}
.border-\[\#cfcfcf\] {
    --tw-border-opacity:1;
    border-color:rgb(207 207 207/var(--tw-border-opacity))
}
.border-\[\#d4d4d4\] {
    --tw-border-opacity:1;
    border-color:rgb(212 212 212/var(--tw-border-opacity))
}
.border-\[\#d8d8d8\] {
    --tw-border-opacity:1;
    border-color:rgb(216 216 216/var(--tw-border-opacity))
}
.border-\[\#d9d9d9\] {
    --tw-border-opacity:1;
    border-color:rgb(217 217 217/var(--tw-border-opacity))
}
.border-\[\#dcdcdc\] {
    --tw-border-opacity:1;
    border-color:rgb(220 220 220/var(--tw-border-opacity))
}
.border-\[\#ddd\],
.border-\[\#dddddd\] {
    --tw-border-opacity:1;
    border-color:rgb(221 221 221/var(--tw-border-opacity))
}
.border-\[\#e6e6e6\] {
    --tw-border-opacity:1;
    border-color:rgb(230 230 230/var(--tw-border-opacity))
}
.border-\[\#ebebeb\] {
    --tw-border-opacity:1;
    border-color:rgb(235 235 235/var(--tw-border-opacity))
}
.border-\[\#eee\] {
    --tw-border-opacity:1;
    border-color:rgb(238 238 238/var(--tw-border-opacity))
}
.border-\[\#ff78a5\] {
    --tw-border-opacity:1;
    border-color:rgb(255 120 165/var(--tw-border-opacity))
}
.border-\[\#ff9900\] {
    --tw-border-opacity:1;
    border-color:rgb(255 153 0/var(--tw-border-opacity))
}
.border-black-600 {
    --tw-border-opacity:1;
    border-color:rgb(51 51 51/var(--tw-border-opacity))
}
.border-black-900 {
    --tw-border-opacity:1;
    border-color:rgb(0 0 0/var(--tw-border-opacity))
}
.border-brand-100 {
    --tw-border-opacity:1;
    border-color:rgb(255 2 74/var(--tw-border-opacity))
}
.border-brand-200 {
    --tw-border-opacity:1;
    border-color:rgb(242 80 126/var(--tw-border-opacity))
}
.border-gray-100 {
    --tw-border-opacity:1;
    border-color:rgb(232 232 232/var(--tw-border-opacity))
}
.border-gray-200 {
    --tw-border-opacity:1;
    border-color:rgb(235 235 235/var(--tw-border-opacity))
}
.border-gray-300 {
    --tw-border-opacity:1;
    border-color:rgb(221 221 221/var(--tw-border-opacity))
}
.border-gray-400 {
    --tw-border-opacity:1;
    border-color:rgb(156 163 175/var(--tw-border-opacity))
}
.border-gray-50 {
    --tw-border-opacity:1;
    border-color:rgb(249 250 251/var(--tw-border-opacity))
}
.border-gray-500 {
    --tw-border-opacity:1;
    border-color:rgb(153 153 153/var(--tw-border-opacity))
}
.border-gray-900 {
    --tw-border-opacity:1;
    border-color:rgb(102 102 102/var(--tw-border-opacity))
}
.border-red-400 {
    --tw-border-opacity:1;
    border-color:rgb(248 113 113/var(--tw-border-opacity))
}
.border-slate-500 {
    --tw-border-opacity:1;
    border-color:rgb(100 116 139/var(--tw-border-opacity))
}
.border-white-100 {
    --tw-border-opacity:1;
    border-color:rgb(255 255 255/var(--tw-border-opacity))
}
.border-white-400 {
    --tw-border-opacity:1;
    border-color:rgb(242 242 242/var(--tw-border-opacity))
}
.border-b-\[\#040000\] {
    --tw-border-opacity:1;
    border-bottom-color:rgb(4 0 0/var(--tw-border-opacity))
}
.border-b-\[\#E6E6E6\] {
    --tw-border-opacity:1;
    border-bottom-color:rgb(230 230 230/var(--tw-border-opacity))
}
.border-b-transparent {
    border-bottom-color:transparent
}
.border-b-white-100 {
    --tw-border-opacity:1;
    border-bottom-color:rgb(255 255 255/var(--tw-border-opacity))
}
.border-l-transparent {
    border-left-color:transparent
}
.border-r-transparent {
    border-right-color:transparent
}
.border-opacity-10 {
    --tw-border-opacity:0.1
}
.border-opacity-5 {
    --tw-border-opacity:0.05
}
.border-opacity-50 {
    --tw-border-opacity:0.5
}
.border-opacity-70 {
    --tw-border-opacity:0.7
}
.\!bg-\[\#2C3035\] {
    --tw-bg-opacity:1!important;
    background-color:rgb(44 48 53/var(--tw-bg-opacity))!important
}
.\!bg-\[\#FF024A\] {
    --tw-bg-opacity:1!important;
    background-color:rgb(255 2 74/var(--tw-bg-opacity))!important
}
.\!bg-transparent {
    background-color:transparent!important
}
.bg-\[\#000000\],
.bg-\[\#000\] {
    --tw-bg-opacity:1;
    background-color:rgb(0 0 0/var(--tw-bg-opacity))
}
.bg-\[\#00FFF6\] {
    --tw-bg-opacity:1;
    background-color:rgb(0 255 246/var(--tw-bg-opacity))
}
.bg-\[\#040000\] {
    --tw-bg-opacity:1;
    background-color:rgb(4 0 0/var(--tw-bg-opacity))
}
.bg-\[\#08DA99\] {
    --tw-bg-opacity:1;
    background-color:rgb(8 218 153/var(--tw-bg-opacity))
}
.bg-\[\#127FFF\] {
    --tw-bg-opacity:1;
    background-color:rgb(18 127 255/var(--tw-bg-opacity))
}
.bg-\[\#171718\] {
    --tw-bg-opacity:1;
    background-color:rgb(23 23 24/var(--tw-bg-opacity))
}
.bg-\[\#1A1A1A\] {
    --tw-bg-opacity:1;
    background-color:rgb(26 26 26/var(--tw-bg-opacity))
}
.bg-\[\#1DE99824\] {
    background-color:#1de99824
}
.bg-\[\#222\] {
    --tw-bg-opacity:1;
    background-color:rgb(34 34 34/var(--tw-bg-opacity))
}
.bg-\[\#231F20\] {
    --tw-bg-opacity:1;
    background-color:rgb(35 31 32/var(--tw-bg-opacity))
}
.bg-\[\#282828\] {
    --tw-bg-opacity:1;
    background-color:rgb(40 40 40/var(--tw-bg-opacity))
}
.bg-\[\#2C3035\] {
    --tw-bg-opacity:1;
    background-color:rgb(44 48 53/var(--tw-bg-opacity))
}
.bg-\[\#313131\] {
    --tw-bg-opacity:1;
    background-color:rgb(49 49 49/var(--tw-bg-opacity))
}
.bg-\[\#333333\],
.bg-\[\#333\] {
    --tw-bg-opacity:1;
    background-color:rgb(51 51 51/var(--tw-bg-opacity))
}
.bg-\[\#383838\] {
    --tw-bg-opacity:1;
    background-color:rgb(56 56 56/var(--tw-bg-opacity))
}
.bg-\[\#3E98FF\] {
    --tw-bg-opacity:1;
    background-color:rgb(62 152 255/var(--tw-bg-opacity))
}
.bg-\[\#3F1EAC\] {
    --tw-bg-opacity:1;
    background-color:rgb(63 30 172/var(--tw-bg-opacity))
}
.bg-\[\#41474E\] {
    --tw-bg-opacity:1;
    background-color:rgb(65 71 78/var(--tw-bg-opacity))
}
.bg-\[\#464646\] {
    --tw-bg-opacity:1;
    background-color:rgb(70 70 70/var(--tw-bg-opacity))
}
.bg-\[\#477EFF\] {
    --tw-bg-opacity:1;
    background-color:rgb(71 126 255/var(--tw-bg-opacity))
}
.bg-\[\#4D4D4D\] {
    --tw-bg-opacity:1;
    background-color:rgb(77 77 77/var(--tw-bg-opacity))
}
.bg-\[\#5F13FF\] {
    --tw-bg-opacity:1;
    background-color:rgb(95 19 255/var(--tw-bg-opacity))
}
.bg-\[\#64E6F8\] {
    --tw-bg-opacity:1;
    background-color:rgb(100 230 248/var(--tw-bg-opacity))
}
.bg-\[\#666666\] {
    --tw-bg-opacity:1;
    background-color:rgb(102 102 102/var(--tw-bg-opacity))
}
.bg-\[\#7700F5\] {
    --tw-bg-opacity:1;
    background-color:rgb(119 0 245/var(--tw-bg-opacity))
}
.bg-\[\#7838FF\] {
    --tw-bg-opacity:1;
    background-color:rgb(120 56 255/var(--tw-bg-opacity))
}
.bg-\[\#7AFFF8\] {
    --tw-bg-opacity:1;
    background-color:rgb(122 255 248/var(--tw-bg-opacity))
}
.bg-\[\#829DFF\] {
    --tw-bg-opacity:1;
    background-color:rgb(130 157 255/var(--tw-bg-opacity))
}
.bg-\[\#8A8A8A\] {
    --tw-bg-opacity:1;
    background-color:rgb(138 138 138/var(--tw-bg-opacity))
}
.bg-\[\#969696\] {
    --tw-bg-opacity:1;
    background-color:rgb(150 150 150/var(--tw-bg-opacity))
}
.bg-\[\#9B9B9B\] {
    --tw-bg-opacity:1;
    background-color:rgb(155 155 155/var(--tw-bg-opacity))
}
.bg-\[\#9F44FE\] {
    --tw-bg-opacity:1;
    background-color:rgb(159 68 254/var(--tw-bg-opacity))
}
.bg-\[\#B2B2B2\] {
    --tw-bg-opacity:1;
    background-color:rgb(178 178 178/var(--tw-bg-opacity))
}
.bg-\[\#B7B7B7\] {
    --tw-bg-opacity:1;
    background-color:rgb(183 183 183/var(--tw-bg-opacity))
}
.bg-\[\#BFBFBF\] {
    --tw-bg-opacity:1;
    background-color:rgb(191 191 191/var(--tw-bg-opacity))
}
.bg-\[\#CACED3\] {
    --tw-bg-opacity:1;
    background-color:rgb(202 206 211/var(--tw-bg-opacity))
}
.bg-\[\#D9D9D9\] {
    --tw-bg-opacity:1;
    background-color:rgb(217 217 217/var(--tw-bg-opacity))
}
.bg-\[\#DAF6FF\] {
    --tw-bg-opacity:1;
    background-color:rgb(218 246 255/var(--tw-bg-opacity))
}
.bg-\[\#DBDEE1\] {
    --tw-bg-opacity:1;
    background-color:rgb(219 222 225/var(--tw-bg-opacity))
}
.bg-\[\#E6E6E6\] {
    --tw-bg-opacity:1;
    background-color:rgb(230 230 230/var(--tw-bg-opacity))
}
.bg-\[\#E6E8EA\] {
    --tw-bg-opacity:1;
    background-color:rgb(230 232 234/var(--tw-bg-opacity))
}
.bg-\[\#EEEFF1\] {
    --tw-bg-opacity:1;
    background-color:rgb(238 239 241/var(--tw-bg-opacity))
}
.bg-\[\#F1F1F1\] {
    --tw-bg-opacity:1;
    background-color:rgb(241 241 241/var(--tw-bg-opacity))
}
.bg-\[\#F2F2F2\] {
    --tw-bg-opacity:1;
    background-color:rgb(242 242 242/var(--tw-bg-opacity))
}
.bg-\[\#F3F3F3\] {
    --tw-bg-opacity:1;
    background-color:rgb(243 243 243/var(--tw-bg-opacity))
}
.bg-\[\#F3FEF7\] {
    --tw-bg-opacity:1;
    background-color:rgb(243 254 247/var(--tw-bg-opacity))
}
.bg-\[\#F5F5F5\] {
    --tw-bg-opacity:1;
    background-color:rgb(245 245 245/var(--tw-bg-opacity))
}
.bg-\[\#F7F7F8\],
.bg-\[\#F7f7f8\] {
    --tw-bg-opacity:1;
    background-color:rgb(247 247 248/var(--tw-bg-opacity))
}
.bg-\[\#F8C440\] {
    --tw-bg-opacity:1;
    background-color:rgb(248 196 64/var(--tw-bg-opacity))
}
.bg-\[\#F8F8F8\] {
    --tw-bg-opacity:1;
    background-color:rgb(248 248 248/var(--tw-bg-opacity))
}
.bg-\[\#F9F9FC\] {
    --tw-bg-opacity:1;
    background-color:rgb(249 249 252/var(--tw-bg-opacity))
}
.bg-\[\#FF0066\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 0 102/var(--tw-bg-opacity))
}
.bg-\[\#FF014A\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 1 74/var(--tw-bg-opacity))
}
.bg-\[\#FF024A0F\] {
    background-color:#ff024a0f
}
.bg-\[\#FF024A\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 2 74/var(--tw-bg-opacity))
}
.bg-\[\#FF1A69\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 26 105/var(--tw-bg-opacity))
}
.bg-\[\#FF1C69\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 28 105/var(--tw-bg-opacity))
}
.bg-\[\#FF3B6E\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 59 110/var(--tw-bg-opacity))
}
.bg-\[\#FF4076\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 64 118/var(--tw-bg-opacity))
}
.bg-\[\#FF4566\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 69 102/var(--tw-bg-opacity))
}
.bg-\[\#FFA3AC\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 163 172/var(--tw-bg-opacity))
}
.bg-\[\#FFC1CC\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 193 204/var(--tw-bg-opacity))
}
.bg-\[\#FFE0E2\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 224 226/var(--tw-bg-opacity))
}
.bg-\[\#FFE6E8\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 230 232/var(--tw-bg-opacity))
}
.bg-\[\#FFEEF3\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 238 243/var(--tw-bg-opacity))
}
.bg-\[\#FFF3F3\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 243 243/var(--tw-bg-opacity))
}
.bg-\[\#FFFBDE\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 251 222/var(--tw-bg-opacity))
}
.bg-\[\#FFFF07\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 255 7/var(--tw-bg-opacity))
}
.bg-\[\#FFF\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-\[\#acb2b9\] {
    --tw-bg-opacity:1;
    background-color:rgb(172 178 185/var(--tw-bg-opacity))
}
.bg-\[\#aeaeae\] {
    --tw-bg-opacity:1;
    background-color:rgb(174 174 174/var(--tw-bg-opacity))
}
.bg-\[\#b0c1ff\] {
    --tw-bg-opacity:1;
    background-color:rgb(176 193 255/var(--tw-bg-opacity))
}
.bg-\[\#bfbfbf\] {
    --tw-bg-opacity:1;
    background-color:rgb(191 191 191/var(--tw-bg-opacity))
}
.bg-\[\#ccc\] {
    --tw-bg-opacity:1;
    background-color:rgb(204 204 204/var(--tw-bg-opacity))
}
.bg-\[\#d8d8d8\] {
    --tw-bg-opacity:1;
    background-color:rgb(216 216 216/var(--tw-bg-opacity))
}
.bg-\[\#e6e6e6\] {
    --tw-bg-opacity:1;
    background-color:rgb(230 230 230/var(--tw-bg-opacity))
}
.bg-\[\#ecf5ff\] {
    --tw-bg-opacity:1;
    background-color:rgb(236 245 255/var(--tw-bg-opacity))
}
.bg-\[\#eee\] {
    --tw-bg-opacity:1;
    background-color:rgb(238 238 238/var(--tw-bg-opacity))
}
.bg-\[\#eeeff1\] {
    --tw-bg-opacity:1;
    background-color:rgb(238 239 241/var(--tw-bg-opacity))
}
.bg-\[\#f0f1f2\] {
    --tw-bg-opacity:1;
    background-color:rgb(240 241 242/var(--tw-bg-opacity))
}
.bg-\[\#f2507e\] {
    --tw-bg-opacity:1;
    background-color:rgb(242 80 126/var(--tw-bg-opacity))
}
.bg-\[\#f2f2f2\] {
    --tw-bg-opacity:1;
    background-color:rgb(242 242 242/var(--tw-bg-opacity))
}
.bg-\[\#f5f5f5\] {
    --tw-bg-opacity:1;
    background-color:rgb(245 245 245/var(--tw-bg-opacity))
}
.bg-\[\#f7f7f8\] {
    --tw-bg-opacity:1;
    background-color:rgb(247 247 248/var(--tw-bg-opacity))
}
.bg-\[\#f8f8f8\] {
    --tw-bg-opacity:1;
    background-color:rgb(248 248 248/var(--tw-bg-opacity))
}
.bg-\[\#f9fafb\] {
    --tw-bg-opacity:1;
    background-color:rgb(249 250 251/var(--tw-bg-opacity))
}
.bg-\[\#ff0000\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 0 0/var(--tw-bg-opacity))
}
.bg-\[\#ff024a\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 2 74/var(--tw-bg-opacity))
}
.bg-\[\#ff1c69\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 28 105/var(--tw-bg-opacity))
}
.bg-\[\#ff3e85\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 62 133/var(--tw-bg-opacity))
}
.bg-\[\#ff4076\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 64 118/var(--tw-bg-opacity))
}
.bg-\[\#ffeef6\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 238 246/var(--tw-bg-opacity))
}
.bg-\[\#fff\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-black-500 {
    --tw-bg-opacity:1;
    background-color:rgb(54 59 65/var(--tw-bg-opacity))
}
.bg-black-600 {
    --tw-bg-opacity:1;
    background-color:rgb(51 51 51/var(--tw-bg-opacity))
}
.bg-black-700 {
    --tw-bg-opacity:1;
    background-color:rgb(35 31 32/var(--tw-bg-opacity))
}
.bg-black-900 {
    --tw-bg-opacity:1;
    background-color:rgb(0 0 0/var(--tw-bg-opacity))
}
.bg-black-900\/20 {
    background-color:rgba(0,0,0,.2)
}
.bg-black-900\/40 {
    background-color:rgba(0,0,0,.4)
}
.bg-black-900\/50 {
    background-color:rgba(0,0,0,.5)
}
.bg-black-900\/60 {
    background-color:rgba(0,0,0,.6)
}
.bg-blue-1000 {
    --tw-bg-opacity:1;
    background-color:rgb(207 217 224/var(--tw-bg-opacity))
}
.bg-blue-500 {
    --tw-bg-opacity:1;
    background-color:rgb(59 130 246/var(--tw-bg-opacity))
}
.bg-brand-100 {
    --tw-bg-opacity:1;
    background-color:rgb(255 2 74/var(--tw-bg-opacity))
}
.bg-brand-200 {
    --tw-bg-opacity:1;
    background-color:rgb(242 80 126/var(--tw-bg-opacity))
}
.bg-gray-100 {
    --tw-bg-opacity:1;
    background-color:rgb(232 232 232/var(--tw-bg-opacity))
}
.bg-gray-200 {
    --tw-bg-opacity:1;
    background-color:rgb(235 235 235/var(--tw-bg-opacity))
}
.bg-gray-300 {
    --tw-bg-opacity:1;
    background-color:rgb(221 221 221/var(--tw-bg-opacity))
}
.bg-gray-900 {
    --tw-bg-opacity:1;
    background-color:rgb(102 102 102/var(--tw-bg-opacity))
}
.bg-red-400 {
    --tw-bg-opacity:1;
    background-color:rgb(248 113 113/var(--tw-bg-opacity))
}
.bg-transparent {
    background-color:transparent
}
.bg-white-100 {
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-white-100\/30 {
    background-color:hsla(0,0%,100%,.3)
}
.bg-white-100\/50 {
    background-color:hsla(0,0%,100%,.5)
}
.bg-white-100\/60 {
    background-color:hsla(0,0%,100%,.6)
}
.bg-white-300 {
    --tw-bg-opacity:1;
    background-color:rgb(235 236 239/var(--tw-bg-opacity))
}
.bg-white-400 {
    --tw-bg-opacity:1;
    background-color:rgb(242 242 242/var(--tw-bg-opacity))
}
.bg-white-500 {
    --tw-bg-opacity:1;
    background-color:rgb(249 249 252/var(--tw-bg-opacity))
}
.bg-opacity-10 {
    --tw-bg-opacity:0.1
}
.bg-opacity-40 {
    --tw-bg-opacity:0.4
}
.bg-opacity-5 {
    --tw-bg-opacity:0.05
}
.bg-opacity-50 {
    --tw-bg-opacity:0.5
}
.bg-opacity-60 {
    --tw-bg-opacity:0.6
}
.bg-opacity-70 {
    --tw-bg-opacity:0.7
}
.bg-opacity-80 {
    --tw-bg-opacity:0.8
}
.bg-opacity-\[65\%\] {
    --tw-bg-opacity:65%
}
.bg-opacity-\[65\] {
    --tw-bg-opacity:65
}
.bg-\[url\(\"https\:\/\/static\.flextv\.co\.kr\/20240802\/ico_chat_pop_72cf36f12a\.png\"\)\] {
    background-image:url(https://static.flextv.co.kr/20240802/ico_chat_pop_72cf36f12a.png)
}
.bg-\[url\(\"https\:\/\/static\.flextv\.co\.kr\/20240802\/kingico_off_d7421e8c56\.svg\"\)\] {
    background-image:url(https://static.flextv.co.kr/20240802/kingico_off_d7421e8c56.svg)
}
.bg-\[url\(\"https\:\/\/static\.flextv\.co\.kr\/20240802\/noticeico_off_f21d7da652\.svg\"\)\] {
    background-image:url(https://static.flextv.co.kr/20240802/noticeico_off_f21d7da652.svg)
}
.bg-\[url\(\"https\:\/\/static\.flextv\.co\.kr\/20240802\/people_ico_off_8d132cccc4\.svg\"\)\] {
    background-image:url(https://static.flextv.co.kr/20240802/people_ico_off_8d132cccc4.svg)
}
.bg-\[url\(\'\/icon\/newbie\/PC10000lex\.png\'\)\] {
    background-image:url(/icon/newbie/PC10000lex.png)
}
.bg-\[url\(\'\/icon\/newbie\/PC1000lex\.png\'\)\] {
    background-image:url(/icon/newbie/PC1000lex.png)
}
.bg-\[url\(\'\/icon\/newbie\/PC100lex\.png\'\)\] {
    background-image:url(/icon/newbie/PC100lex.png)
}
.bg-\[url\(\'\/icon\/newbie\/PCbonus100\.png\'\)\] {
    background-image:url(/icon/newbie/PCbonus100.png)
}
.bg-\[url\(\'\/icon\/newbie\/PCbonus200\.png\'\)\] {
    background-image:url(/icon/newbie/PCbonus200.png)
}
.bg-\[url\(\'\/icon\/newbie\/PCbonus3000\.png\'\)\] {
    background-image:url(/icon/newbie/PCbonus3000.png)
}
.bg-\[url\(\'\/svg\/share_off\.svg\'\)\] {
    background-image:url(/svg/share_off.svg)
}
.bg-\[url\(\'\/svg\/snow\.svg\'\)\] {
    background-image:url(/svg/snow.svg)
}
.bg-\[url\(\'\/svg\/twitch\.svg\'\)\] {
    background-image:url(/svg/twitch.svg)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240522\/headline_bg_6c35116711\.png\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240522/headline_bg_6c35116711.png)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240522\/step_1_1_bg_dc960e9c27\.png\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240522/step_1_1_bg_dc960e9c27.png)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240522\/step_1_2_bg_46ed96950a\.png\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240522/step_1_2_bg_46ed96950a.png)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240522\/step_1_3_bg_3709e735f9\.png\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240522/step_1_3_bg_3709e735f9.png)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240522\/step_2_bg_1f02392860\.png\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240522/step_2_bg_1f02392860.png)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240523\/step_3_bg_f69cf1f75c\.png\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240523/step_3_bg_f69cf1f75c.png)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240523\/step_4_bg_bfa8df8729\.png\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240523/step_4_bg_bfa8df8729.png)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/background_m_5c750d7f27\.jpg\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240802/background_m_5c750d7f27.jpg)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/chat_board_off_b71d3ac343\.svg\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240802/chat_board_off_b71d3ac343.svg)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/danger_off_f45c5823a3\.svg\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240802/danger_off_f45c5823a3.svg)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/gift_shop_ico_bff8d3c60c\.svg\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240802/gift_shop_ico_bff8d3c60c.svg)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/gift_shop_off_48feebf4bc\.svg\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240802/gift_shop_off_48feebf4bc.svg)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/gift_shop_off_72016663fb\.svg\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240802/gift_shop_off_72016663fb.svg)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/movie_ee7056c935\.svg\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240802/movie_ee7056c935.svg)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/slot_off_58b6595d1b\.svg\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240802/slot_off_58b6595d1b.svg)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/smile_off_8707be8708\.svg\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240802/smile_off_8707be8708.svg)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/star_ico_off_860f9ca101\.svg\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240802/star_ico_off_860f9ca101.svg)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/star_ico_on_a17f5d3e42\.svg\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240802/star_ico_on_a17f5d3e42.svg)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/vote_off_3a0e8caae9\.svg\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240802/vote_off_3a0e8caae9.svg)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20241122\/Frame_14582263_d31d06eea8\.svg\'\)\] {
    background-image:url(https://static.flextv.co.kr/20241122/Frame_14582263_d31d06eea8.svg)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20241122\/gold_gift_2b56102771\.svg\'\)\] {
    background-image:url(https://static.flextv.co.kr/20241122/gold_gift_2b56102771.svg)
}
.bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20241122\/subscription_items_black_76cd41e581\.svg\'\)\] {
    background-image:url(https://static.flextv.co.kr/20241122/subscription_items_black_76cd41e581.svg)
}
.bg-gradient-to-l {
    background-image:linear-gradient(to left,var(--tw-gradient-stops))
}
.from-\[\#5197FF\] {
    --tw-gradient-from:#5197ff var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(81,151,255,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.from-\[\#ffffff4d\] {
    --tw-gradient-from:#ffffff4d var(--tw-gradient-from-position);
    --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.via-\[\#608BEA\] {
    --tw-gradient-to:rgba(96,139,234,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),#608bea var(--tw-gradient-via-position),var(--tw-gradient-to)
}
.to-\[\#FF0000\] {
    --tw-gradient-to:red var(--tw-gradient-to-position)
}
.to-\[\#fff\] {
    --tw-gradient-to:#fff var(--tw-gradient-to-position)
}
.bg-\[length\:18px_18px\] {
    background-size:18px 18px
}
.bg-auto {
    background-size:auto
}
.bg-contain {
    background-size:contain
}
.bg-cover {
    background-size:cover
}
.bg-center {
    background-position:50%
}
.bg-no-repeat {
    background-repeat:no-repeat
}
.object-contain {
    -o-object-fit:contain;
    object-fit:contain
}
.object-cover {
    -o-object-fit:cover;
    object-fit:cover
}
.object-fill {
    -o-object-fit:fill;
    object-fit:fill
}
.\!p-0 {
    padding:0!important
}
.p-0 {
    padding:0
}
.p-1 {
    padding:.25rem
}
.p-1\.5 {
    padding:.375rem
}
.p-2 {
    padding:.5rem
}
.p-2\.5 {
    padding:.625rem
}
.p-3 {
    padding:.75rem
}
.p-4 {
    padding:1rem
}
.p-5 {
    padding:1.25rem
}
.p-6 {
    padding:1.5rem
}
.p-8 {
    padding:2rem
}
.p-\[10\%\] {
    padding:10%
}
.p-\[10px\] {
    padding:10px
}
.p-\[14px\] {
    padding:14px
}
.p-\[16px\] {
    padding:16px
}
.p-\[1px\] {
    padding:1px
}
.p-\[20\%\] {
    padding:20%
}
.p-\[20px\] {
    padding:20px
}
.p-\[23\%\] {
    padding:23%
}
.p-\[25\%\] {
    padding:25%
}
.p-\[2px\] {
    padding:2px
}
.p-\[3px\] {
    padding:3px
}
.p-\[4px\] {
    padding:4px
}
.p-\[5\%\] {
    padding:5%
}
.p-\[60px\] {
    padding:60px
}
.p-\[64px\] {
    padding:64px
}
.p-\[7px\] {
    padding:7px
}
.p-\[9px\] {
    padding:9px
}
.\!py-0 {
    padding-top:0!important;
    padding-bottom:0!important
}
.px-0 {
    padding-left:0;
    padding-right:0
}
.px-1 {
    padding-left:.25rem;
    padding-right:.25rem
}
.px-1\.5 {
    padding-left:.375rem;
    padding-right:.375rem
}
.px-11 {
    padding-left:2.75rem;
    padding-right:2.75rem
}
.px-16 {
    padding-left:4rem;
    padding-right:4rem
}
.px-2 {
    padding-left:.5rem;
    padding-right:.5rem
}
.px-2\.5 {
    padding-left:.625rem;
    padding-right:.625rem
}
.px-3 {
    padding-left:.75rem;
    padding-right:.75rem
}
.px-4 {
    padding-left:1rem;
    padding-right:1rem
}
.px-5 {
    padding-left:1.25rem;
    padding-right:1.25rem
}
.px-6 {
    padding-left:1.5rem;
    padding-right:1.5rem
}
.px-7 {
    padding-left:1.75rem;
    padding-right:1.75rem
}
.px-8 {
    padding-left:2rem;
    padding-right:2rem
}
.px-\[10px\] {
    padding-left:10px;
    padding-right:10px
}
.px-\[16px\] {
    padding-left:16px;
    padding-right:16px
}
.px-\[18px\] {
    padding-left:18px;
    padding-right:18px
}
.px-\[30px\] {
    padding-left:30px;
    padding-right:30px
}
.px-\[32px\] {
    padding-left:32px;
    padding-right:32px
}
.px-\[34px\] {
    padding-left:34px;
    padding-right:34px
}
.px-\[3px\] {
    padding-left:3px;
    padding-right:3px
}
.px-\[4\.5px\] {
    padding-left:4.5px;
    padding-right:4.5px
}
.px-\[50px\] {
    padding-left:50px;
    padding-right:50px
}
.px-\[5px\] {
    padding-left:5px;
    padding-right:5px
}
.px-\[6px\] {
    padding-left:6px;
    padding-right:6px
}
.px-\[7px\] {
    padding-left:7px;
    padding-right:7px
}
.px-\[8px\] {
    padding-left:8px;
    padding-right:8px
}
.py-0 {
    padding-top:0;
    padding-bottom:0
}
.py-1 {
    padding-top:.25rem;
    padding-bottom:.25rem
}
.py-1\.5 {
    padding-top:.375rem;
    padding-bottom:.375rem
}
.py-10 {
    padding-top:2.5rem;
    padding-bottom:2.5rem
}
.py-16 {
    padding-top:4rem;
    padding-bottom:4rem
}
.py-2 {
    padding-top:.5rem;
    padding-bottom:.5rem
}
.py-2\.5 {
    padding-top:.625rem;
    padding-bottom:.625rem
}
.py-24 {
    padding-top:6rem;
    padding-bottom:6rem
}
.py-3 {
    padding-top:.75rem;
    padding-bottom:.75rem
}
.py-3\.5 {
    padding-top:.875rem;
    padding-bottom:.875rem
}
.py-36 {
    padding-top:9rem;
    padding-bottom:9rem
}
.py-4 {
    padding-top:1rem;
    padding-bottom:1rem
}
.py-5 {
    padding-top:1.25rem;
    padding-bottom:1.25rem
}
.py-6 {
    padding-top:1.5rem;
    padding-bottom:1.5rem
}
.py-7 {
    padding-top:1.75rem;
    padding-bottom:1.75rem
}
.py-8 {
    padding-top:2rem;
    padding-bottom:2rem
}
.py-9 {
    padding-top:2.25rem;
    padding-bottom:2.25rem
}
.py-\[10\%\] {
    padding-top:10%;
    padding-bottom:10%
}
.py-\[10px\] {
    padding-top:10px;
    padding-bottom:10px
}
.py-\[11px\] {
    padding-top:11px;
    padding-bottom:11px
}
.py-\[12px\] {
    padding-top:12px;
    padding-bottom:12px
}
.py-\[13px\] {
    padding-top:13px;
    padding-bottom:13px
}
.py-\[14px\] {
    padding-top:14px;
    padding-bottom:14px
}
.py-\[17px\] {
    padding-top:17px;
    padding-bottom:17px
}
.py-\[18px\] {
    padding-top:18px;
    padding-bottom:18px
}
.py-\[2\%\] {
    padding-top:2%;
    padding-bottom:2%
}
.py-\[20\%\] {
    padding-top:20%;
    padding-bottom:20%
}
.py-\[2px\] {
    padding-top:2px;
    padding-bottom:2px
}
.py-\[30px\] {
    padding-top:30px;
    padding-bottom:30px
}
.py-\[3px\] {
    padding-top:3px;
    padding-bottom:3px
}
.py-\[4\%\] {
    padding-top:4%;
    padding-bottom:4%
}
.py-\[4px\] {
    padding-top:4px;
    padding-bottom:4px
}
.py-\[5\%\] {
    padding-top:5%;
    padding-bottom:5%
}
.py-\[5px\] {
    padding-top:5px;
    padding-bottom:5px
}
.py-\[6px\] {
    padding-top:6px;
    padding-bottom:6px
}
.py-\[7px\] {
    padding-top:7px;
    padding-bottom:7px
}
.py-\[96px\] {
    padding-top:96px;
    padding-bottom:96px
}
.pb-0 {
    padding-bottom:0
}
.pb-1 {
    padding-bottom:.25rem
}
.pb-1\.5 {
    padding-bottom:.375rem
}
.pb-2 {
    padding-bottom:.5rem
}
.pb-2\.5 {
    padding-bottom:.625rem
}
.pb-3 {
    padding-bottom:.75rem
}
.pb-4 {
    padding-bottom:1rem
}
.pb-5 {
    padding-bottom:1.25rem
}
.pb-6 {
    padding-bottom:1.5rem
}
.pb-7 {
    padding-bottom:1.75rem
}
.pb-8 {
    padding-bottom:2rem
}
.pb-\[102px\] {
    padding-bottom:102px
}
.pb-\[12px\] {
    padding-bottom:12px
}
.pb-\[162px\] {
    padding-bottom:162px
}
.pb-\[1px\] {
    padding-bottom:1px
}
.pb-\[2px\] {
    padding-bottom:2px
}
.pb-\[50px\] {
    padding-bottom:50px
}
.pb-\[54\.5\%\] {
    padding-bottom:54.5%
}
.pb-\[60px\] {
    padding-bottom:60px
}
.pb-\[72px\] {
    padding-bottom:72px
}
.pl-0 {
    padding-left:0
}
.pl-1 {
    padding-left:.25rem
}
.pl-2 {
    padding-left:.5rem
}
.pl-2\.5 {
    padding-left:.625rem
}
.pl-3 {
    padding-left:.75rem
}
.pl-3\.5 {
    padding-left:.875rem
}
.pl-4 {
    padding-left:1rem
}
.pl-5 {
    padding-left:1.25rem
}
.pl-6 {
    padding-left:1.5rem
}
.pl-7 {
    padding-left:1.75rem
}
.pl-\[14px\] {
    padding-left:14px
}
.pl-\[16px\] {
    padding-left:16px
}
.pr-1 {
    padding-right:.25rem
}
.pr-1\.5 {
    padding-right:.375rem
}
.pr-10 {
    padding-right:2.5rem
}
.pr-2 {
    padding-right:.5rem
}
.pr-2\.5 {
    padding-right:.625rem
}
.pr-3 {
    padding-right:.75rem
}
.pr-5 {
    padding-right:1.25rem
}
.pr-6 {
    padding-right:1.5rem
}
.pr-\[16px\] {
    padding-right:16px
}
.pr-\[30px\] {
    padding-right:30px
}
.pr-\[35px\] {
    padding-right:35px
}
.pr-\[60px\] {
    padding-right:60px
}
.pr-\[70px\] {
    padding-right:70px
}
.pr-\[8px\] {
    padding-right:8px
}
.pt-0 {
    padding-top:0
}
.pt-1 {
    padding-top:.25rem
}
.pt-1\.5 {
    padding-top:.375rem
}
.pt-2 {
    padding-top:.5rem
}
.pt-20 {
    padding-top:5rem
}
.pt-3 {
    padding-top:.75rem
}
.pt-3\.5 {
    padding-top:.875rem
}
.pt-4 {
    padding-top:1rem
}
.pt-5 {
    padding-top:1.25rem
}
.pt-6 {
    padding-top:1.5rem
}
.pt-8 {
    padding-top:2rem
}
.pt-\[2px\] {
    padding-top:2px
}
.pt-\[56px\] {
    padding-top:56px
}
.pt-\[5px\] {
    padding-top:5px
}
.pt-\[66px\] {
    padding-top:66px
}
.pt-\[68px\] {
    padding-top:68px
}
.pt-\[80px\] {
    padding-top:80px
}
.pt-\[9px\] {
    padding-top:9px
}
.text-left {
    text-align:left
}
.text-right {
    text-align:right
}
.indent-\[-10000px\] {
    text-indent:-10000px
}
.align-top {
    vertical-align:top
}
.align-middle {
    vertical-align:middle
}
.font-NG_OTF {
    font-family:NG_OTF
}
.font-OTNamoogulrim {
    font-family:OTNamoogulrimBA
}
.font-\[\"Ssanai\"\] {
    font-family:Ssanai
}
.font-\[\"gongGothicMedium\"\] {
    font-family:gongGothicMedium
}
.font-\[\'GmarketSansMedium\'\] {
    font-family:GmarketSansMedium
}
.font-\[\'Ssanai\'\] {
    font-family:Ssanai
}
.font-\[\'gongGothicMedium\'\] {
    font-family:gongGothicMedium
}
.font-\[CWDangamAsac-Bold\] {
    font-family:CWDangamAsac-Bold
}
.font-gongGothicMedium {
    font-family:GongGothicMedium
}
.font-notoSans {
    font-family:Noto Sans KR
}
.font-pretendard {
    font-family:Pretendard
}
.\!text-2xl {
    font-size:1.5rem!important;
    line-height:2rem!important
}
.\!text-base {
    font-size:1rem!important;
    line-height:1.5rem!important
}
.\!text-sm {
    font-size:.875rem!important;
    line-height:1.25rem!important
}
.\!text-xl {
    font-size:1.25rem!important;
    line-height:1.75rem!important
}
.text-2xl {
    font-size:1.5rem;
    line-height:2rem
}
.text-3xl {
    font-size:1.875rem;
    line-height:2.25rem
}
.text-4xl {
    font-size:2.25rem;
    line-height:2.5rem
}
.text-5xl {
    font-size:3rem;
    line-height:1
}
.text-\[1\.5vw\] {
    font-size:1.5vw
}
.text-\[1\.8vw\] {
    font-size:1.8vw
}
.text-\[10\%\] {
    font-size:10%
}
.text-\[10px\] {
    font-size:10px
}
.text-\[11px\] {
    font-size:11px
}
.text-\[12px\] {
    font-size:12px
}
.text-\[13px\] {
    font-size:13px
}
.text-\[14px\] {
    font-size:14px
}
.text-\[15\%\] {
    font-size:15%
}
.text-\[15px\] {
    font-size:15px
}
.text-\[16px\] {
    font-size:16px
}
.text-\[17px\] {
    font-size:17px
}
.text-\[18px\] {
    font-size:18px
}
.text-\[1vw\] {
    font-size:1vw
}
.text-\[2\.5vw\] {
    font-size:2.5vw
}
.text-\[20px\] {
    font-size:20px
}
.text-\[21px\] {
    font-size:21px
}
.text-\[22px\] {
    font-size:22px
}
.text-\[23px\] {
    font-size:23px
}
.text-\[24px\] {
    font-size:24px
}
.text-\[26px\] {
    font-size:26px
}
.text-\[28px\] {
    font-size:28px
}
.text-\[2vw\] {
    font-size:2vw
}
.text-\[30px\] {
    font-size:30px
}
.text-\[3vw\] {
    font-size:3vw
}
.text-\[40px\] {
    font-size:40px
}
.text-\[48px\] {
    font-size:48px
}
.text-\[4vw\] {
    font-size:4vw
}
.text-\[5vw\] {
    font-size:5vw
}
.text-\[6px\] {
    font-size:6px
}
.text-\[7vw\] {
    font-size:7vw
}
.text-base {
    font-size:1rem;
    line-height:1.5rem
}
.text-lg {
    font-size:1.125rem;
    line-height:1.75rem
}
.text-sm {
    font-size:.875rem;
    line-height:1.25rem
}
.text-xl {
    font-size:1.25rem;
    line-height:1.75rem
}
.text-xs {
    font-size:.75rem;
    line-height:1rem
}
.\!font-black {
    font-weight:900!important
}
.\!font-bold {
    font-weight:700!important
}
.\!font-extrabold {
    font-weight:800!important
}
.\!font-medium {
    font-weight:500!important
}
.font-\[300px\] {
    font-weight:300px
}
.font-black {
    font-weight:900
}
.font-bold {
    font-weight:700
}
.font-extrabold {
    font-weight:800
}
.font-light {
    font-weight:300
}
.font-medium {
    font-weight:500
}
.font-normal {
    font-weight:400
}
.font-semibold {
    font-weight:600
}
.font-thin {
    font-weight:100
}
.uppercase {
    text-transform:uppercase
}
.lowercase {
    text-transform:lowercase
}
.leading-10 {
    line-height:2.5rem
}
.leading-3 {
    line-height:.75rem
}
.leading-5 {
    line-height:1.25rem
}
.leading-\[1\.1\] {
    line-height:1.1
}
.leading-\[10px\] {
    line-height:10px
}
.leading-\[120\%\] {
    line-height:120%
}
.leading-\[12px\] {
    line-height:12px
}
.leading-\[14px\] {
    line-height:14px
}
.leading-\[15px\] {
    line-height:15px
}
.leading-\[16px\] {
    line-height:16px
}
.leading-\[17px\] {
    line-height:17px
}
.leading-\[18px\] {
    line-height:18px
}
.leading-\[2\.8rem\] {
    line-height:2.8rem
}
.leading-\[20px\] {
    line-height:20px
}
.leading-\[21px\] {
    line-height:21px
}
.leading-\[32px\] {
    line-height:32px
}
.leading-\[42px\] {
    line-height:42px
}
.leading-\[8px\] {
    line-height:8px
}
.leading-loose {
    line-height:2
}
.leading-none {
    line-height:1
}
.leading-normal {
    line-height:1.5
}
.leading-snug {
    line-height:1.375
}
.leading-tight {
    line-height:1.25
}
.tracking-\[-0\.84px\] {
    letter-spacing:-.84px
}
.tracking-\[-1\.2px\] {
    letter-spacing:-1.2px
}
.tracking-\[-1px\] {
    letter-spacing:-1px
}
.tracking-normal {
    letter-spacing:0
}
.\!text-\[\#5B626B\] {
    --tw-text-opacity:1!important;
    color:rgb(91 98 107/var(--tw-text-opacity))!important
}
.\!text-\[\#757575\] {
    --tw-text-opacity:1!important;
    color:rgb(117 117 117/var(--tw-text-opacity))!important
}
.\!text-\[\#8C949B\] {
    --tw-text-opacity:1!important;
    color:rgb(140 148 155/var(--tw-text-opacity))!important
}
.\!text-\[\#C78EFF\] {
    --tw-text-opacity:1!important;
    color:rgb(199 142 255/var(--tw-text-opacity))!important
}
.\!text-\[\#FF024A\] {
    --tw-text-opacity:1!important;
    color:rgb(255 2 74/var(--tw-text-opacity))!important
}
.\!text-\[\#FF97E8\] {
    --tw-text-opacity:1!important;
    color:rgb(255 151 232/var(--tw-text-opacity))!important
}
.\!text-\[\#FFC978\] {
    --tw-text-opacity:1!important;
    color:rgb(255 201 120/var(--tw-text-opacity))!important
}
.\!text-black-900 {
    --tw-text-opacity:1!important;
    color:rgb(0 0 0/var(--tw-text-opacity))!important
}
.\!text-brand-100 {
    --tw-text-opacity:1!important;
    color:rgb(255 2 74/var(--tw-text-opacity))!important
}
.text-\[\#000000\] {
    --tw-text-opacity:1;
    color:rgb(0 0 0/var(--tw-text-opacity))
}
.text-\[\#000872\] {
    --tw-text-opacity:1;
    color:rgb(0 8 114/var(--tw-text-opacity))
}
.text-\[\#000\] {
    --tw-text-opacity:1;
    color:rgb(0 0 0/var(--tw-text-opacity))
}
.text-\[\#00C2FF\] {
    --tw-text-opacity:1;
    color:rgb(0 194 255/var(--tw-text-opacity))
}
.text-\[\#060606\] {
    --tw-text-opacity:1;
    color:rgb(6 6 6/var(--tw-text-opacity))
}
.text-\[\#09DB4F\] {
    --tw-text-opacity:1;
    color:rgb(9 219 79/var(--tw-text-opacity))
}
.text-\[\#10807C\] {
    --tw-text-opacity:1;
    color:rgb(16 128 124/var(--tw-text-opacity))
}
.text-\[\#127FFF\] {
    --tw-text-opacity:1;
    color:rgb(18 127 255/var(--tw-text-opacity))
}
.text-\[\#158DB4\] {
    --tw-text-opacity:1;
    color:rgb(21 141 180/var(--tw-text-opacity))
}
.text-\[\#171A1C\],
.text-\[\#171a1c\] {
    --tw-text-opacity:1;
    color:rgb(23 26 28/var(--tw-text-opacity))
}
.text-\[\#17D3FF\] {
    --tw-text-opacity:1;
    color:rgb(23 211 255/var(--tw-text-opacity))
}
.text-\[\#18181B\] {
    --tw-text-opacity:1;
    color:rgb(24 24 27/var(--tw-text-opacity))
}
.text-\[\#18181E\] {
    --tw-text-opacity:1;
    color:rgb(24 24 30/var(--tw-text-opacity))
}
.text-\[\#18181b\] {
    --tw-text-opacity:1;
    color:rgb(24 24 27/var(--tw-text-opacity))
}
.text-\[\#18181e\] {
    --tw-text-opacity:1;
    color:rgb(24 24 30/var(--tw-text-opacity))
}
.text-\[\#1c1c1c\] {
    --tw-text-opacity:1;
    color:rgb(28 28 28/var(--tw-text-opacity))
}
.text-\[\#222222\],
.text-\[\#222\] {
    --tw-text-opacity:1;
    color:rgb(34 34 34/var(--tw-text-opacity))
}
.text-\[\#333\] {
    --tw-text-opacity:1;
    color:rgb(51 51 51/var(--tw-text-opacity))
}
.text-\[\#3A3A3A\] {
    --tw-text-opacity:1;
    color:rgb(58 58 58/var(--tw-text-opacity))
}
.text-\[\#41474E\] {
    --tw-text-opacity:1;
    color:rgb(65 71 78/var(--tw-text-opacity))
}
.text-\[\#434343\] {
    --tw-text-opacity:1;
    color:rgb(67 67 67/var(--tw-text-opacity))
}
.text-\[\#464646\] {
    --tw-text-opacity:1;
    color:rgb(70 70 70/var(--tw-text-opacity))
}
.text-\[\#5B626B\] {
    --tw-text-opacity:1;
    color:rgb(91 98 107/var(--tw-text-opacity))
}
.text-\[\#5F5F5F\] {
    --tw-text-opacity:1;
    color:rgb(95 95 95/var(--tw-text-opacity))
}
.text-\[\#616161\] {
    --tw-text-opacity:1;
    color:rgb(97 97 97/var(--tw-text-opacity))
}
.text-\[\#6341D5\] {
    --tw-text-opacity:1;
    color:rgb(99 65 213/var(--tw-text-opacity))
}
.text-\[\#646464\] {
    --tw-text-opacity:1;
    color:rgb(100 100 100/var(--tw-text-opacity))
}
.text-\[\#666666\],
.text-\[\#666\] {
    --tw-text-opacity:1;
    color:rgb(102 102 102/var(--tw-text-opacity))
}
.text-\[\#686868\] {
    --tw-text-opacity:1;
    color:rgb(104 104 104/var(--tw-text-opacity))
}
.text-\[\#6E6E6E\] {
    --tw-text-opacity:1;
    color:rgb(110 110 110/var(--tw-text-opacity))
}
.text-\[\#707070\] {
    --tw-text-opacity:1;
    color:rgb(112 112 112/var(--tw-text-opacity))
}
.text-\[\#757575\] {
    --tw-text-opacity:1;
    color:rgb(117 117 117/var(--tw-text-opacity))
}
.text-\[\#7700F5\] {
    --tw-text-opacity:1;
    color:rgb(119 0 245/var(--tw-text-opacity))
}
.text-\[\#818181\] {
    --tw-text-opacity:1;
    color:rgb(129 129 129/var(--tw-text-opacity))
}
.text-\[\#888888\],
.text-\[\#888\] {
    --tw-text-opacity:1;
    color:rgb(136 136 136/var(--tw-text-opacity))
}
.text-\[\#8A8A8A\] {
    --tw-text-opacity:1;
    color:rgb(138 138 138/var(--tw-text-opacity))
}
.text-\[\#8C949B\] {
    --tw-text-opacity:1;
    color:rgb(140 148 155/var(--tw-text-opacity))
}
.text-\[\#8a8a8a\] {
    --tw-text-opacity:1;
    color:rgb(138 138 138/var(--tw-text-opacity))
}
.text-\[\#919191\] {
    --tw-text-opacity:1;
    color:rgb(145 145 145/var(--tw-text-opacity))
}
.text-\[\#969696\] {
    --tw-text-opacity:1;
    color:rgb(150 150 150/var(--tw-text-opacity))
}
.text-\[\#999999\] {
    --tw-text-opacity:1;
    color:rgb(153 153 153/var(--tw-text-opacity))
}
.text-\[\#9A9A9A\] {
    --tw-text-opacity:1;
    color:rgb(154 154 154/var(--tw-text-opacity))
}
.text-\[\#9E9E9E\] {
    --tw-text-opacity:1;
    color:rgb(158 158 158/var(--tw-text-opacity))
}
.text-\[\#9F3A38\] {
    --tw-text-opacity:1;
    color:rgb(159 58 56/var(--tw-text-opacity))
}
.text-\[\#A2A2A2\] {
    --tw-text-opacity:1;
    color:rgb(162 162 162/var(--tw-text-opacity))
}
.text-\[\#A7A7A7\] {
    --tw-text-opacity:1;
    color:rgb(167 167 167/var(--tw-text-opacity))
}
.text-\[\#A9A7A6\] {
    --tw-text-opacity:1;
    color:rgb(169 167 166/var(--tw-text-opacity))
}
.text-\[\#ACB2B9\] {
    --tw-text-opacity:1;
    color:rgb(172 178 185/var(--tw-text-opacity))
}
.text-\[\#B6FF15\] {
    --tw-text-opacity:1;
    color:rgb(182 255 21/var(--tw-text-opacity))
}
.text-\[\#B7B7B7\] {
    --tw-text-opacity:1;
    color:rgb(183 183 183/var(--tw-text-opacity))
}
.text-\[\#C4C4C4\] {
    --tw-text-opacity:1;
    color:rgb(196 196 196/var(--tw-text-opacity))
}
.text-\[\#C8C8C8\] {
    --tw-text-opacity:1;
    color:rgb(200 200 200/var(--tw-text-opacity))
}
.text-\[\#CACED3\] {
    --tw-text-opacity:1;
    color:rgb(202 206 211/var(--tw-text-opacity))
}
.text-\[\#CCC\] {
    --tw-text-opacity:1;
    color:rgb(204 204 204/var(--tw-text-opacity))
}
.text-\[\#D5D5D5\] {
    --tw-text-opacity:1;
    color:rgb(213 213 213/var(--tw-text-opacity))
}
.text-\[\#DDB3FF\] {
    --tw-text-opacity:1;
    color:rgb(221 179 255/var(--tw-text-opacity))
}
.text-\[\#E00040\] {
    --tw-text-opacity:1;
    color:rgb(224 0 64/var(--tw-text-opacity))
}
.text-\[\#E10000\] {
    --tw-text-opacity:1;
    color:rgb(225 0 0/var(--tw-text-opacity))
}
.text-\[\#EEEFF1\] {
    --tw-text-opacity:1;
    color:rgb(238 239 241/var(--tw-text-opacity))
}
.text-\[\#F4E55C\] {
    --tw-text-opacity:1;
    color:rgb(244 229 92/var(--tw-text-opacity))
}
.text-\[\#FF0049\] {
    --tw-text-opacity:1;
    color:rgb(255 0 73/var(--tw-text-opacity))
}
.text-\[\#FF0080\] {
    --tw-text-opacity:1;
    color:rgb(255 0 128/var(--tw-text-opacity))
}
.text-\[\#FF014A\] {
    --tw-text-opacity:1;
    color:rgb(255 1 74/var(--tw-text-opacity))
}
.text-\[\#FF024A\] {
    --tw-text-opacity:1;
    color:rgb(255 2 74/var(--tw-text-opacity))
}
.text-\[\#FF12AC\] {
    --tw-text-opacity:1;
    color:rgb(255 18 172/var(--tw-text-opacity))
}
.text-\[\#FF1C69\] {
    --tw-text-opacity:1;
    color:rgb(255 28 105/var(--tw-text-opacity))
}
.text-\[\#FF4076\] {
    --tw-text-opacity:1;
    color:rgb(255 64 118/var(--tw-text-opacity))
}
.text-\[\#FF4566\] {
    --tw-text-opacity:1;
    color:rgb(255 69 102/var(--tw-text-opacity))
}
.text-\[\#FF9100\] {
    --tw-text-opacity:1;
    color:rgb(255 145 0/var(--tw-text-opacity))
}
.text-\[\#FF97E8\] {
    --tw-text-opacity:1;
    color:rgb(255 151 232/var(--tw-text-opacity))
}
.text-\[\#FFC978\] {
    --tw-text-opacity:1;
    color:rgb(255 201 120/var(--tw-text-opacity))
}
.text-\[\#FFD92D\] {
    --tw-text-opacity:1;
    color:rgb(255 217 45/var(--tw-text-opacity))
}
.text-\[\#FFE891\] {
    --tw-text-opacity:1;
    color:rgb(255 232 145/var(--tw-text-opacity))
}
.text-\[\#FFF6A2\] {
    --tw-text-opacity:1;
    color:rgb(255 246 162/var(--tw-text-opacity))
}
.text-\[\#FFFFFF\],
.text-\[\#FFF\] {
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity))
}
.text-\[\#aaaaaa\] {
    --tw-text-opacity:1;
    color:rgb(170 170 170/var(--tw-text-opacity))
}
.text-\[\#b3b3b3\] {
    --tw-text-opacity:1;
    color:rgb(179 179 179/var(--tw-text-opacity))
}
.text-\[\#bfbfbf\] {
    --tw-text-opacity:1;
    color:rgb(191 191 191/var(--tw-text-opacity))
}
.text-\[\#ea0361\] {
    --tw-text-opacity:1;
    color:rgb(234 3 97/var(--tw-text-opacity))
}
.text-\[\#f2507e\] {
    --tw-text-opacity:1;
    color:rgb(242 80 126/var(--tw-text-opacity))
}
.text-\[\#ff024a\] {
    --tw-text-opacity:1;
    color:rgb(255 2 74/var(--tw-text-opacity))
}
.text-\[\#ff4076\] {
    --tw-text-opacity:1;
    color:rgb(255 64 118/var(--tw-text-opacity))
}
.text-\[\#fff\] {
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity))
}
.text-\[8A8A8A\] {
    color:8A8A8A
}
.text-\[rgb\(111\2c 0\2c 213\)\] {
    --tw-text-opacity:1;
    color:rgb(111 0 213/var(--tw-text-opacity))
}
.text-\[rgb\(255\2c 129\2c 0\)\] {
    --tw-text-opacity:1;
    color:rgb(255 129 0/var(--tw-text-opacity))
}
.text-black-500 {
    --tw-text-opacity:1;
    color:rgb(54 59 65/var(--tw-text-opacity))
}
.text-black-600 {
    --tw-text-opacity:1;
    color:rgb(51 51 51/var(--tw-text-opacity))
}
.text-black-800 {
    --tw-text-opacity:1;
    color:rgb(34 34 34/var(--tw-text-opacity))
}
.text-black-900 {
    --tw-text-opacity:1;
    color:rgb(0 0 0/var(--tw-text-opacity))
}
.text-blue-500 {
    --tw-text-opacity:1;
    color:rgb(59 130 246/var(--tw-text-opacity))
}
.text-brand-100 {
    --tw-text-opacity:1;
    color:rgb(255 2 74/var(--tw-text-opacity))
}
.text-brand-200 {
    --tw-text-opacity:1;
    color:rgb(242 80 126/var(--tw-text-opacity))
}
.text-brand-300 {
    --tw-text-opacity:1;
    color:rgb(255 62 133/var(--tw-text-opacity))
}
.text-gray-100 {
    --tw-text-opacity:1;
    color:rgb(232 232 232/var(--tw-text-opacity))
}
.text-gray-200 {
    --tw-text-opacity:1;
    color:rgb(235 235 235/var(--tw-text-opacity))
}
.text-gray-400 {
    --tw-text-opacity:1;
    color:rgb(156 163 175/var(--tw-text-opacity))
}
.text-gray-500 {
    --tw-text-opacity:1;
    color:rgb(153 153 153/var(--tw-text-opacity))
}
.text-gray-600 {
    --tw-text-opacity:1;
    color:rgb(150 150 150/var(--tw-text-opacity))
}
.text-gray-700 {
    --tw-text-opacity:1;
    color:rgb(136 136 136/var(--tw-text-opacity))
}
.text-gray-800 {
    --tw-text-opacity:1;
    color:rgb(126 126 126/var(--tw-text-opacity))
}
.text-gray-900 {
    --tw-text-opacity:1;
    color:rgb(102 102 102/var(--tw-text-opacity))
}
.text-green-1000 {
    --tw-text-opacity:1;
    color:rgb(0 126 51/var(--tw-text-opacity))
}
.text-red-1200 {
    --tw-text-opacity:1;
    color:rgb(204 0 0/var(--tw-text-opacity))
}
.text-red-400 {
    --tw-text-opacity:1;
    color:rgb(248 113 113/var(--tw-text-opacity))
}
.text-red-500 {
    --tw-text-opacity:1;
    color:rgb(239 68 68/var(--tw-text-opacity))
}
.text-red-600 {
    --tw-text-opacity:1;
    color:rgb(220 38 38/var(--tw-text-opacity))
}
.text-white-100 {
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity))
}
.text-white-500 {
    --tw-text-opacity:1;
    color:rgb(249 249 252/var(--tw-text-opacity))
}
.text-white-500\/20 {
    color:rgba(249,249,252,.2)
}
.underline {
    -webkit-text-decoration-line:underline;
    text-decoration-line:underline
}
.line-through {
    -webkit-text-decoration-line:line-through;
    text-decoration-line:line-through
}
.underline-offset-1 {
    text-underline-offset:1px
}
.underline-offset-\[6px\] {
    text-underline-offset:6px
}
.placeholder-\[\#B8B8B8\]::-moz-placeholder {
    --tw-placeholder-opacity:1;
    color:rgb(184 184 184/var(--tw-placeholder-opacity))
}
.placeholder-\[\#B8B8B8\]::placeholder {
    --tw-placeholder-opacity:1;
    color:rgb(184 184 184/var(--tw-placeholder-opacity))
}
.placeholder-\[\#CFCFCF\]::-moz-placeholder {
    --tw-placeholder-opacity:1;
    color:rgb(207 207 207/var(--tw-placeholder-opacity))
}
.placeholder-\[\#CFCFCF\]::placeholder {
    --tw-placeholder-opacity:1;
    color:rgb(207 207 207/var(--tw-placeholder-opacity))
}
.accent-red-600 {
    accent-color:#dc2626
}
.opacity-0 {
    opacity:0
}
.opacity-100 {
    opacity:1
}
.opacity-20 {
    opacity:.2
}
.opacity-50 {
    opacity:.5
}
.opacity-\[65\%\] {
    opacity:65%
}
.shadow-lg {
    --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}
.shadow-lg,
.shadow-md {
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-md {
    --tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
}
.shadow-sm {
    --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);
    --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)
}
.shadow-sm,
.shadow-xl {
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-xl {
    --tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)
}
.outline {
    outline-style:solid
}
.outline-1 {
    outline-width:1px
}
.outline-\[2px\] {
    outline-width:2px
}
.outline-offset-\[-8px\] {
    outline-offset:-8px
}
.outline-\[\#FC62D0\] {
    outline-color:#fc62d0
}
.ring {
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}
.ring,
.ring-1 {
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.ring-1 {
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}
.blur {
    --tw-blur:blur(8px)
}
.blur,
.filter {
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.transition {
    transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.duration-100 {
    transition-duration:.1s
}
.duration-150 {
    transition-duration:.15s
}
.duration-300 {
    transition-duration:.3s
}
.ease-in {
    transition-timing-function:cubic-bezier(.4,0,1,1)
}
.\[appearance\:textfield\] {
    -webkit-appearance:textfield;
    -moz-appearance:textfield;
    appearance:textfield
}
@font-face {
    font-family:Ssanai;
    font-weight:400;
    font-style:normal;
    src:url(/font/Ssanai.ttf)
}
@font-face {
    font-family:BMEuljiro10yearslater;
    src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/BMEuljiro10yearslater.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:Godo;
    font-style:normal;
    font-weight:400;
    src:url(//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2) format("woff2"),
    url(//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff) format("woff")
}
@font-face {
    font-family:Recipekorea;
    src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Recipekorea.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:CWDangamAsac-Bold;
    src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/CWDangamAsac-Bold.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:yg-jalnan;
    src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:BMDOHYEON;
    src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:Jal_Onuel;
    src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Jal_Onuel.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:CookieRun-Regular;
    src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/CookieRun-Regular.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:SDKukdetopokki-Lt;
    src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/SDKukdetopokki-aLt00.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:TTCrownMychewR;
    src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/TTCrownMychewR.woff2) format("woff2");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:SBAggroB;
    src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:GongGothicMedium;
    src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:GmarketSansMedium;
    src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff) format("woff");
    font-weight:400;
    font-style:normal
}
.watermark {
    position:absolute;
    white-space:pre;
    opacity:.5;
    color:#858585;
    font-size:14px;
    z-index:1000;
    padding:8px;
    pointer-events:none
}
.enterFrom-pt {
    padding-top:100%
}
.enter-pt {
    padding-top:40px
}
.bright {
    background-color:#fff
}
.bold {
    font-weight:500
}
.emphasized {
    font-weight:600;
    font-size:20px
}
.fluid {
    width:100%
}
.empty-txt {
    display:block;
    width:100%;
    padding:16px;
    text-align:center
}
.fixed-label-flex .flex-item:first-child {
    flex-grow:0
}
.fixed-label-flex .flex-item:nth-child(2) {
    flex-grow:1
}
div#__next .flex-container {
    display:flex;
    align-items:center;
    flex-wrap:wrap
}
.flex-item-push {
    margin-left:auto
}
.flex.spread {
    justify-content:space-between
}
.footer {
    text-align:center;
    padding:40px 32px;
    margin-top:48px;
    border-top:1px solid #e3e3e3;
    background-color:var(--background-default);
    overflow:hidden
}
.footer .margin-divider {
    display:inline-block;
    width:1px;
    height:10px;
    margin:0 8px;
    background-color:#4c4c4c;
    align-items:center
}
.footer .footer-link {
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:16px
}
.footer .footer-link a {
    font-size:14px;
    color:#4c4c4c;
    line-height:20px
}
.footer .footer-link .margin-divider {
    margin:0 16px
}
.footer .footer-info {
    font-size:12px;
    color:#646464;
    word-wrap:break-word;
    -ms-word-wrap:break-word;
    word-break:keep-all;
    -ms-word-break:keep-all
}
.footer .footer-copy {
    display:block;
    margin-top:8px;
    word-break:break-all
}
.description {
    color:#6c6c6f
}
.app-logo {
    float:left;
    width:140px;
    height:100%;
    background-size:160px 60px;
    background-image:url(https://static.flextv.co.kr/20240802/logo_9e6a8847e9.png);
    background-repeat:no-repeat;
    background-position:50%
}
.header-logo {
    display:block;
    height:100%;
    max-width:100%;
    max-height:100%
}
.header-logo img {
    vertical-align:top;
    max-height:100%
}
.divider-type2 {
    border:1px solid #7b7b7b;
    height:14px
}
.divider2 {
    display:block;
    width:100%;
    height:1px;
    background-color:#ddd;
    margin:10px 0
}
.horizontal-divider {
    height:1px;
    opacity:.2;
    background-color:#999
}
.icon-favorite {
    width:12px;
    height:12px;
    background-image:url(https://static.flextv.co.kr/20240802/favorite_b14740d794.png)
}
.icon-favorite,
.icon-favorite-white {
    display:inline-block;
    background-size:contain;
    background-repeat:no-repeat
}
.icon-favorite-white {
    width:14px;
    height:14px;
    background-image:url(https://static.flextv.co.kr/20240802/heart_fill_e370e8bf9e.png)
}
.ui.segment.tab-content {
    background:transparent;
    border:0;
    padding:0
}
.ui.modal>.content {
    padding:0!important
}
.ui.modal>.content>.container {
    margin:0!important
}
.ui.modal>.header {
    border:0
}
.ui.input>input {
    font-size:15px;
    font-weight:500
}
.big .ui.menu .item {
    font-size:18px
}
.side-menu-link {
    display:flex;
    align-items:center
}
.side-menu-link.new:after {
    content:"";
    display:inline-block;
    width:10px;
    height:10px;
    background:url(https://static.flextv.co.kr/20240802/ico_new_5abb3d2c7d.png) no-repeat;
    background-size:cover;
    margin-left:5px
}
.side-menu-link>.image.camera {
    width:20px;
    height:20px;
    margin-right:5px
}
.pc-menu-item-title {
    margin-left:8px;
    font-size:16px;
    font-weight:500;
    line-height:13px
}
#__next .video-section-root {
    margin:0 -8px;
    padding-bottom:0
}
.grid-container {
    width:100%;
    display:inline-flex;
    flex-wrap:nowrap
}
.no-scroll::-webkit-scrollbar {
    display:none
}
progress {
    width:100%;
    height:8px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
progress::-webkit-progress-bar {
    background:#f9f9fc;
    border-radius:4px;
    border:1px solid #0000000d
}
progress::-webkit-progress-value {
    border-radius:4px;
    background:#000
}
.no-scroll {
    -ms-overflow-style:none;
    scrollbar-width:none
}
.side-menu {
    position:fixed;
    top:60px;
    bottom:0;
    left:0;
    z-index:100;
    background-color:var(--background-default);
    padding-top:16px;
    border-right:1px solid #ebebeb;
    overflow-y:auto;
    overflow-x:hidden
}
.side-menu-item {
    display:flex;
    padding:10px 24px;
    align-items:center!important
}
.side-menu-item>.event {
    position:relative;
    flex:1;
    max-width:100%;
    height:40px;
    border:1px solid #0000000d;
    border-radius:22px;
    background-color:#f7f7f7;
    padding-left:16px;
    color:#000
}
.side-menu-item>.event:after {
    content:"";
    position:absolute;
    top:50%;
    right:16px;
    transform:translateY(-50%);
    width:16px;
    height:16px;
    background:url(https://static.flextv.co.kr/20240802/ico_arrow_386be5d4a9.svg) no-repeat 50%;
    background-size:16px
}
.signature-link {
    font-size:16px;
    position:relative;
    padding-right:20px;
    height:30px;
    line-height:30px;
    margin-top:28px;
    color:#646464!important;
    cursor:pointer
}
.signature-link:after {
    content:"";
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    width:16px;
    height:16px;
    margin-top:1px;
    background:url(https://static.flextv.co.kr/20240802/btn_more_s_252da9cef8.png) no-repeat 50%;
    background-size:16px
}
@media screen and (max-width:1023px) {
    .signature-link {
        font-size:14px;
        position:relative;
        margin-top:0;
        margin-right:10px;
        color:#646464!important;
        cursor:pointer
    }
    .signature-link:after {
        content:"";
        position:absolute;
        top:50%;
        right:0;
        transform:translateY(-50%);
        width:16px;
        height:16px;
        margin-top:0;
        background:url(https://static.flextv.co.kr/20240802/btn_more_s_252da9cef8.png) no-repeat 50%;
        background-size:16px
    }
}
.side-menu-item>.event>a {
    font-size:13px;
    color:#000!important
}
.side-menu.fold .side-menu-item {
    padding:14px 19px
}
.side-menu.fold .side-menu-item .btn-menu-close,
.side-menu.fold .ui.divider {
    display:none
}
.side-menu-item.between {
    justify-content:space-between!important
}
.side-menu.fold .side-menu-item.event-fold {
    display:block;
    padding:0
}
.side-menu.fold .side-menu-item.event-fold>.event {
    width:40px;
    height:40px;
    line-height:40px;
    margin:0 auto;
    padding:0;
    border-radius:50%;
    cursor:pointer
}
.side-menu.fold .side-menu-item.event-fold>.event:after {
    content:none
}
.side-menu.fold .side-menu-item.event-fold>.event>.ui.image {
    margin:0 auto
}
.menu-sub-wrap {
    margin:4px 0 0;
    padding:0 24px;
    overflow:hidden
}
.menu-sub-wrap>* {
    margin-bottom:16px
}
.menu-sub-wrap>li {
    list-style:none
}
.menu-sub-wrap.close {
    height:0;
    margin-bottom:0
}
.menu-sub-wrap .img-wrap {
    float:left;
    width:36px;
    height:36px;
    text-align:center;
    padding-top:2px;
    border-radius:50%;
    margin-right:8px;
    overflow:hidden;
    border:1px solid#0000000d;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%;
    background-origin:border-box;
    box-shadow:0 1px 4px #0000004d
}
.menu-sub-wrap .img-wrap>img {
    display:inline-block;
    width:22px;
    height:22px;
    margin:0 auto
}
.menu-sub-wrap .text-wrap {
    display:flex;
    flex-direction:column;
    width:112px
}
.menu-sub-wrap .text-wrap>span {
    display:inline-block;
    width:112px;
    word-break:keep-all;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.menu-sub-wrap .live {
    position:relative
}
.menu-sub-wrap .live .img-wrap {
    border:2px solid #f2507e
}
.menu-sub-item {
    font-size:13px;
    font-weight:400;
    font-stretch:normal;
    font-style:normal;
    line-height:1.23;
    letter-spacing:normal;
    text-align:left;
    color:#4a4a4a
}
.menu-sub-item>a {
    color:inherit!important
}
.menu-sub-item:hover {
    color:#000!important;
    font-weight:500
}
.selected .pc-menu-item-title,
.side-menu .side-menu-link:hover .pc-menu-item-title {
    color:#ff024a
}
.side-menu .selected .side-menu-link img,
.side-menu .side-menu-link img.menu-on,
.side-menu .side-menu-link:hover img {
    display:none
}
.side-menu .selected .side-menu-link img.menu-on,
.side-menu .side-menu-link:hover img.menu-on {
    display:inline-block;
    filter:invert(.5) sepia(1) saturate(90) hue-rotate(-20deg)
}
#smallScreenMenu .side-menu-link:hover .pc-menu-item-title,
#smallScreenMenu .side-menu-link:hover img.menu-on {
    display:inline-block;
    filter:invert(.5) sepia(1) saturate(90) hue-rotate(-20deg);
    color:#ff024a
}
#smallScreenMenu .selected .side-menu-link img.menu-on {
    display:inline-block;
    filter:invert(.5) sepia(1) saturate(90) hue-rotate(-20deg)
}
.dark-container {
    background-color:#000
}
.dark-container a,
.menu-top .icon {
    color:#fff
}
.menu-top .icon.active {
    color:#fff;
    opacity:1!important
}
.subject-title {
    font-size:20px;
    font-weight:500
}
.description {
    color:#868686
}
.strength {
    color:#ff024a;
    font-weight:500
}
.text-black {
    color:#000
}
.text-dark {
    color:#222
}
.text-gray {
    color:#666
}
.text-gray-light {
    color:#b2b2b2
}
.text-mint {
    color:#08c8c8
}
.text-primary {
    color:#f2507e
}
.text-red-light {
    color:#ff7b7b
}
.text-success {
    color:#41d49d
}
.font-11 {
    font-size:11px
}
.font-12 {
    font-size:12px
}
.font-13 {
    font-size:13px
}
.font-14 {
    font-size:14px
}
.font-17 {
    font-size:17px
}
.font-20 {
    font-size:20px
}
.float-wrap:after {
    content:"";
    clear:both;
    display:block;
    font-size:0
}
.float-left {
    float:left!important
}
.float-right {
    float:right!important
}
.position-wrap {
    position:relative
}
.position-absolute {
    position:absolute
}
.btns {
    display:flex;
    align-items:center;
    justify-content:center
}
.btns>* {
    flex:1;
    margin-right:5px
}
.btns>:last-child {
    margin-right:0
}
.btns>button.ui.button {
    max-width:150px
}
.box-ellipsis {
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.table-ellipsis {
    table-layout:fixed
}
.table-ellipsis td,
.table-ellipsis th {
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.d-block {
    display:block!important
}
.d-in-block {
    display:inline-block!important
}
.d-inline {
    display:inline!important
}
.border-top {
    border-top:1px solid #ddd
}
.border-bottom {
    border-bottom:1px solid #ddd
}
.bg-gray {
    background-color:#f7f7f7
}
.label {
    display:inline-block;
    padding:2px 6px;
    font-size:11px;
    line-height:11px;
    border-radius:5px;
    letter-spacing:1px
}
.label.primary {
    color:#fff;
    background-color:#ff024a
}
.m0 {
    margin:0!important
}
.m-center {
    margin:0 auto
}
.mb0 {
    margin-bottom:0!important
}
.mb5 {
    margin-bottom:5px!important
}
.mb6 {
    margin-bottom:6px!important
}
.mb8 {
    margin-bottom:8px!important
}
.mb10 {
    margin-bottom:10px!important
}
.mb12 {
    margin-bottom:12px!important
}
.mb15 {
    margin-bottom:15px!important
}
.mb16 {
    margin-bottom:16px!important
}
.mb20 {
    margin-bottom:20px!important
}
.mb24 {
    margin-bottom:24px!important
}
.mb30 {
    margin-bottom:30px!important
}
.mb32 {
    margin-bottom:32px!important
}
.mb40 {
    margin-bottom:40px!important
}
.mt4 {
    margin-top:4px!important
}
.mt5 {
    margin-top:5px!important
}
.mt6 {
    margin-top:6px!important
}
.mt8 {
    margin-top:8px!important
}
.mt10 {
    margin-top:10px!important
}
.mt15 {
    margin-top:15px!important
}
.mt16 {
    margin-top:16px!important
}
.mt20 {
    margin-top:20px!important
}
.mt30 {
    margin-top:30px!important
}
.mt32 {
    margin-top:32px!important
}
.mt40 {
    margin-top:40px!important
}
.mt88 {
    margin-top:88px!important
}
.ml5 {
    margin-left:5px!important
}
.ml6 {
    margin-left:6px!important
}
.ml8 {
    margin-left:8px!important
}
.ml10 {
    margin-left:10px!important
}
.ml15 {
    margin-left:15px!important
}
.ml20 {
    margin-left:20px!important
}
.ml30 {
    margin-left:30px!important
}
.ml40 {
    margin-left:40px!important
}
.mr5 {
    margin-right:5px!important
}
.mr6 {
    margin-right:6px!important
}
.mr8 {
    margin-right:8px!important
}
.mr10 {
    margin-right:10px!important
}
.mr15 {
    margin-right:15px!important
}
.mr16 {
    margin-right:16px!important
}
.mr20 {
    margin-right:20px!important
}
.mr30 {
    margin-right:30px!important
}
.mr40 {
    margin-right:40px!important
}
.mr50 {
    margin-right:50px!important
}
.p0 {
    padding:0
}
.p8 {
    padding:8px
}
.pdb5 {
    padding-bottom:5px!important
}
.pdb6 {
    padding-bottom:6px!important
}
.pdb8 {
    padding-bottom:8px!important
}
.pdb10 {
    padding-bottom:10px!important
}
.pdb15 {
    padding-bottom:15px!important
}
.pdb20 {
    padding-bottom:20px!important
}
.pdb30 {
    padding-bottom:30px!important
}
.pdb40 {
    padding-bottom:40px!important
}
.pdt5 {
    padding-top:5px!important
}
.pdt6 {
    padding-top:6px!important
}
.pdt8 {
    padding-top:8px!important
}
.pdt10 {
    padding-top:10px!important
}
.pdt15 {
    padding-top:15px!important
}
.pdt20 {
    padding-top:20px!important
}
.pdt30 {
    padding-top:30px!important
}
.pdt40 {
    padding-top:40px!important
}
.pdl5 {
    padding-left:5px!important
}
.pdl6 {
    padding-left:6px!important
}
.pdl8 {
    padding-left:8px!important
}
.pdl10 {
    padding-left:10px!important
}
.pdl15 {
    padding-left:15px!important
}
.pdl20 {
    padding-left:20px!important
}
.pdl30 {
    padding-left:30px!important
}
.pdl40 {
    padding-left:40px!important
}
.pdr5 {
    padding-right:5px!important
}
.pdr6 {
    padding-right:6px!important
}
.pdr8 {
    padding-right:8px!important
}
.pdr10 {
    padding-right:10px!important
}
.pdr15 {
    padding-right:15px!important
}
.pdr20 {
    padding-right:20px!important
}
.pdr30 {
    padding-right:30px!important
}
.pdr40 {
    padding-right:40px!important
}
.tab-header,
.tab-list-header {
    position:relative
}
.tab-header .adult-radio,
.tab-list-header .adult-radio {
    position:absolute;
    top:0;
    right:0
}
.adult-radio input.hidden+label {
    height:22px!important;
    line-height:22px!important;
    padding:0 44px 0 0!important;
    font-size:16px!important
}
.adult-radio .box:before,
.adult-radio input:focus~label:before,
.adult-radio label:before,
.adult-radio label:focus:before,
.adult-radio label:hover:before {
    height:22px!important
}
.adult-radio label:after {
    top:4px!important
}
.adult-radio.toggle.checkbox input:checked~.box,
.adult-radio.toggle.checkbox input:checked~label,
.adult-radio.ui.toggle.checkbox input:focus:checked~.box,
.adult-radio.ui.toggle.checkbox input:focus:checked~label {
    color:#ff5f8c!important
}
.adult-radio.ui.toggle.checkbox input:checked~.box:before,
.adult-radio.ui.toggle.checkbox input:checked~label:before,
.adult-radio.ui.toggle.checkbox input:checked~label:focus:before,
.adult-radio.ui.toggle.checkbox input:checked~label:hover:before,
.adult-radio.ui.toggle.checkbox input:focus:checked~.box:before,
.adult-radio.ui.toggle.checkbox input:focus:checked~label:before {
    background-color:#ff5f8c!important
}
.scrollbar-hide::-webkit-scrollbar {
    display:none
}
@media screen and (max-width:1366px) {
    .adult-radio input.hidden+label {
        height:20px!important;
        line-height:20px!important;
        font-size:14px!important
    }
    .adult-radio .box:before,
    .adult-radio input:focus~label:before,
    .adult-radio label:before,
    .adult-radio label:focus:before,
    .adult-radio label:hover:before {
        width:36px!important;
        height:20px!important;
        border:2px solid #ff5f8c!important;
        background-color:#fff!important
    }
    .adult-radio label:after {
        width:14px!important;
        height:14px!important;
        right:18px!important;
        top:3px!important;
        background-color:#ff5f8c!important;
        box-shadow:none!important
    }
    .adult-radio.ui.toggle.checkbox input:checked~.box:after,
    .adult-radio.ui.toggle.checkbox input:checked~label:after {
        right:3px!important
    }
}
@media only screen and (max-width:767px) {
    .footer {
        border:0
    }
}
@media only screen and (max-width:768px) {
    .enter-pt {
        padding-top:0
    }
}
@media only screen and (max-width:1280px) {
    .side-menu {
        display:none
    }
}
.placeholder\:text-gray-300::-moz-placeholder {
    --tw-text-opacity:1;
    color:rgb(221 221 221/var(--tw-text-opacity))
}
.placeholder\:text-gray-300::placeholder {
    --tw-text-opacity:1;
    color:rgb(221 221 221/var(--tw-text-opacity))
}
.before\:absolute:before {
    content:var(--tw-content);
    position:absolute
}
.before\:left-0:before {
    content:var(--tw-content);
    left:0
}
.before\:left-\[-15px\]:before {
    content:var(--tw-content);
    left:-15px
}
.before\:left-\[45\%\]:before {
    content:var(--tw-content);
    left:45%
}
.before\:right-\[100\%\]:before {
    content:var(--tw-content);
    right:100%
}
.before\:top-1\/2:before {
    content:var(--tw-content);
    top:50%
}
.before\:top-2:before {
    content:var(--tw-content);
    top:.5rem
}
.before\:top-\[-9px\]:before {
    content:var(--tw-content);
    top:-9px
}
.before\:top-\[2px\]:before {
    content:var(--tw-content);
    top:2px
}
.before\:z-\[1\]:before {
    content:var(--tw-content);
    z-index:1
}
.before\:mr-2:before {
    content:var(--tw-content);
    margin-right:.5rem
}
.before\:mr-2\.5:before {
    content:var(--tw-content);
    margin-right:.625rem
}
.before\:block:before {
    content:var(--tw-content);
    display:block
}
.before\:inline-block:before {
    content:var(--tw-content);
    display:inline-block
}
.before\:inline-flex:before {
    content:var(--tw-content);
    display:inline-flex
}
.before\:h-0:before {
    content:var(--tw-content);
    height:0
}
.before\:h-0\.5:before {
    content:var(--tw-content);
    height:.125rem
}
.before\:h-3:before {
    content:var(--tw-content);
    height:.75rem
}
.before\:h-4:before {
    content:var(--tw-content);
    height:1rem
}
.before\:h-\[14px\]:before {
    content:var(--tw-content);
    height:14px
}
.before\:w-0:before {
    content:var(--tw-content);
    width:0
}
.before\:w-0\.5:before {
    content:var(--tw-content);
    width:.125rem
}
.before\:w-3:before {
    content:var(--tw-content);
    width:.75rem
}
.before\:w-4:before {
    content:var(--tw-content);
    width:1rem
}
.before\:w-\[1px\]:before {
    content:var(--tw-content);
    width:1px
}
.before\:-translate-y-1\/2:before {
    content:var(--tw-content);
    --tw-translate-y:-50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.before\:border-8:before {
    content:var(--tw-content);
    border-width:8px
}
.before\:border-b-\[8px\]:before {
    content:var(--tw-content);
    border-bottom-width:8px
}
.before\:border-l-\[8px\]:before {
    content:var(--tw-content);
    border-left-width:8px
}
.before\:border-r-\[8px\]:before {
    content:var(--tw-content);
    border-right-width:8px
}
.before\:border-t-0:before {
    content:var(--tw-content);
    border-top-width:0
}
.before\:border-solid:before {
    content:var(--tw-content);
    border-style:solid
}
.before\:border-\[\#9F3A38\]:before {
    content:var(--tw-content);
    --tw-border-opacity:1;
    border-color:rgb(159 58 56/var(--tw-border-opacity))
}
.before\:border-transparent:before {
    content:var(--tw-content);
    border-color:transparent
}
.before\:border-y-transparent:before {
    content:var(--tw-content);
    border-top-color:transparent;
    border-bottom-color:transparent
}
.before\:border-l-transparent:before {
    content:var(--tw-content);
    border-left-color:transparent
}
.before\:border-r-gray-700:before {
    content:var(--tw-content);
    --tw-border-opacity:1;
    border-right-color:rgb(136 136 136/var(--tw-border-opacity))
}
.before\:bg-\[\#007fff\]:before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:rgb(0 127 255/var(--tw-bg-opacity))
}
.before\:bg-\[\#5B626B\]:before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:rgb(91 98 107/var(--tw-bg-opacity))
}
.before\:bg-\[\#888\]:before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:rgb(136 136 136/var(--tw-bg-opacity))
}
.before\:bg-\[\#ff7fa3\]:before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:rgb(255 127 163/var(--tw-bg-opacity))
}
.before\:bg-gray-700:before {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:rgb(136 136 136/var(--tw-bg-opacity))
}
.before\:\!bg-none:before {
    content:var(--tw-content);
    background-image:none!important
}
.before\:bg-\[url\(\"https\:\/\/static\.flextv\.co\.kr\/20240802\/ico_alert_6c70dce207\.png\"\)\]:before {
    content:var(--tw-content);
    background-image:url(https://static.flextv.co.kr/20240802/ico_alert_6c70dce207.png)
}
.before\:bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/ico_receive_44f7ded984\.png\'\)\]:before {
    content:var(--tw-content);
    background-image:url(https://static.flextv.co.kr/20240802/ico_receive_44f7ded984.png)
}
.before\:bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/ico_send_361a57eb77\.png\'\)\]:before {
    content:var(--tw-content);
    background-image:url(https://static.flextv.co.kr/20240802/ico_send_361a57eb77.png)
}
.before\:bg-\[length\:12px\]:before {
    content:var(--tw-content);
    background-size:12px
}
.before\:bg-\[length\:12px_12px\]:before {
    content:var(--tw-content);
    background-size:12px 12px
}
.before\:bg-cover:before {
    content:var(--tw-content);
    background-size:cover
}
.before\:bg-no-repeat:before {
    content:var(--tw-content);
    background-repeat:no-repeat
}
.before\:align-\[-3px\]:before {
    content:var(--tw-content);
    vertical-align:-3px
}
.before\:content-\[\"\"\]:before,
.before\:content-\[\'\'\]:before {
    --tw-content:"";
    content:var(--tw-content)
}
.after\:absolute:after {
    content:var(--tw-content);
    position:absolute
}
.after\:bottom-0:after {
    content:var(--tw-content);
    bottom:0
}
.after\:left-0:after {
    content:var(--tw-content);
    left:0
}
.after\:left-\[11px\]:after {
    content:var(--tw-content);
    left:11px
}
.after\:left-\[30px\]:after {
    content:var(--tw-content);
    left:30px
}
.after\:left-\[45\%\]:after {
    content:var(--tw-content);
    left:45%
}
.after\:left-\[6px\]:after {
    content:var(--tw-content);
    left:6px
}
.after\:right-0:after {
    content:var(--tw-content);
    right:0
}
.after\:right-\[-5px\]:after {
    content:var(--tw-content);
    right:-5px
}
.after\:top-1:after {
    content:var(--tw-content);
    top:.25rem
}
.after\:top-\[-10px\]:after {
    content:var(--tw-content);
    top:-10px
}
.after\:top-\[-8px\]:after {
    content:var(--tw-content);
    top:-8px
}
.after\:top-\[30\%\]:after {
    content:var(--tw-content);
    top:30%
}
.after\:top-\[5px\]:after {
    content:var(--tw-content);
    top:5px
}
.after\:z-\[1\]:after {
    content:var(--tw-content);
    z-index:1
}
.after\:block:after {
    content:var(--tw-content);
    display:block
}
.after\:h-0:after {
    content:var(--tw-content);
    height:0
}
.after\:h-0\.5:after {
    content:var(--tw-content);
    height:.125rem
}
.after\:h-2:after {
    content:var(--tw-content);
    height:.5rem
}
.after\:h-2\.5:after {
    content:var(--tw-content);
    height:.625rem
}
.after\:h-3:after {
    content:var(--tw-content);
    height:.75rem
}
.after\:h-\[10px\]:after {
    content:var(--tw-content);
    height:10px
}
.after\:h-\[2px\]:after {
    content:var(--tw-content);
    height:2px
}
.after\:w-3:after {
    content:var(--tw-content);
    width:.75rem
}
.after\:w-\[1px\]:after {
    content:var(--tw-content);
    width:1px
}
.after\:border-b-\[8px\]:after {
    content:var(--tw-content);
    border-bottom-width:8px
}
.after\:border-l-\[8px\]:after {
    content:var(--tw-content);
    border-left-width:8px
}
.after\:border-r-\[8px\]:after {
    content:var(--tw-content);
    border-right-width:8px
}
.after\:border-t-0:after {
    content:var(--tw-content);
    border-top-width:0
}
.after\:border-solid:after {
    content:var(--tw-content);
    border-style:solid
}
.after\:border-transparent:after {
    content:var(--tw-content);
    border-color:transparent
}
.after\:bg-\[\#707070\]:after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:rgb(112 112 112/var(--tw-bg-opacity))
}
.after\:bg-\[\#c7c7c7\]:after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:rgb(199 199 199/var(--tw-bg-opacity))
}
.after\:bg-\[\#ccc\]:after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:rgb(204 204 204/var(--tw-bg-opacity))
}
.after\:bg-brand-100:after {
    content:var(--tw-content);
    --tw-bg-opacity:1;
    background-color:rgb(255 2 74/var(--tw-bg-opacity))
}
.after\:\!bg-none:after {
    content:var(--tw-content);
    background-image:none!important
}
.after\:content-\[\"\"\]:after,
.after\:content-\[\'\'\]:after {
    --tw-content:"";
    content:var(--tw-content)
}
.first\:rounded-l-xl:first-child {
    border-top-left-radius:.75rem;
    border-bottom-left-radius:.75rem
}
.first\:rounded-bl-xl:first-child {
    border-bottom-left-radius:.75rem
}
.first\:rounded-tl-xl:first-child {
    border-top-left-radius:.75rem
}
.first\:border-l:first-child {
    border-left-width:1px
}
.last\:rounded-r-xl:last-child {
    border-top-right-radius:.75rem
}
.last\:rounded-br-xl:last-child,
.last\:rounded-r-xl:last-child {
    border-bottom-right-radius:.75rem
}
.last\:rounded-tr-xl:last-child {
    border-top-right-radius:.75rem
}
.last\:border-0:last-child {
    border-width:0
}
.last\:border-r:last-child {
    border-right-width:1px
}
.last\:after\:w-0:last-child:after {
    content:var(--tw-content);
    width:0
}
.checked\:border-brand-100:checked {
    --tw-border-opacity:1;
    border-color:rgb(255 2 74/var(--tw-border-opacity))
}
.checked\:bg-brand-100:checked {
    --tw-bg-opacity:1;
    background-color:rgb(255 2 74/var(--tw-bg-opacity))
}
.checked\:bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/check_white_51e7ae14ad\.svg\'\)\]:checked {
    background-image:url(https://static.flextv.co.kr/20240802/check_white_51e7ae14ad.svg)
}
.checked\:bg-contain:checked {
    background-size:contain
}
.checked\:bg-center:checked {
    background-position:50%
}
.checked\:bg-no-repeat:checked {
    background-repeat:no-repeat
}
.hover\:border-\[2px\]:hover {
    border-width:2px
}
.hover\:border-\[\#171A1C\]:hover {
    --tw-border-opacity:1;
    border-color:rgb(23 26 28/var(--tw-border-opacity))
}
.hover\:border-\[\#FF5770\]:hover {
    --tw-border-opacity:1;
    border-color:rgb(255 87 112/var(--tw-border-opacity))
}
.hover\:border-\[\#ff024a\]:hover {
    --tw-border-opacity:1;
    border-color:rgb(255 2 74/var(--tw-border-opacity))
}
.hover\:bg-\[\#2C3035\]:hover {
    --tw-bg-opacity:1;
    background-color:rgb(44 48 53/var(--tw-bg-opacity))
}
.hover\:bg-\[\#41474E\]:hover {
    --tw-bg-opacity:1;
    background-color:rgb(65 71 78/var(--tw-bg-opacity))
}
.hover\:bg-\[\#7838FF\]:hover {
    --tw-bg-opacity:1;
    background-color:rgb(120 56 255/var(--tw-bg-opacity))
}
.hover\:bg-\[\#E6E6E6\]:hover {
    --tw-bg-opacity:1;
    background-color:rgb(230 230 230/var(--tw-bg-opacity))
}
.hover\:bg-\[\#E6E8EA\]:hover {
    --tw-bg-opacity:1;
    background-color:rgb(230 232 234/var(--tw-bg-opacity))
}
.hover\:bg-\[\#F7F7F8\]:hover {
    --tw-bg-opacity:1;
    background-color:rgb(247 247 248/var(--tw-bg-opacity))
}
.hover\:bg-\[\#FF002A\]:hover {
    --tw-bg-opacity:1;
    background-color:rgb(255 0 42/var(--tw-bg-opacity))
}
.hover\:bg-\[\#FF3E85\]:hover {
    --tw-bg-opacity:1;
    background-color:rgb(255 62 133/var(--tw-bg-opacity))
}
.hover\:bg-\[\#FFE0E2\]:hover {
    --tw-bg-opacity:1;
    background-color:rgb(255 224 226/var(--tw-bg-opacity))
}
.hover\:bg-\[\#FFF0F1\]:hover {
    --tw-bg-opacity:1;
    background-color:rgb(255 240 241/var(--tw-bg-opacity))
}
.hover\:bg-\[\#FFF2F6\]:hover {
    --tw-bg-opacity:1;
    background-color:rgb(255 242 246/var(--tw-bg-opacity))
}
.hover\:bg-\[\#f2507e\]:hover {
    --tw-bg-opacity:1;
    background-color:rgb(242 80 126/var(--tw-bg-opacity))
}
.hover\:bg-black-900:hover {
    --tw-bg-opacity:1;
    background-color:rgb(0 0 0/var(--tw-bg-opacity))
}
.hover\:bg-black-900\/50:hover {
    background-color:rgba(0,0,0,.5)
}
.hover\:bg-blue-600:hover {
    --tw-bg-opacity:1;
    background-color:rgb(37 99 235/var(--tw-bg-opacity))
}
.hover\:bg-gray-700:hover {
    --tw-bg-opacity:1;
    background-color:rgb(136 136 136/var(--tw-bg-opacity))
}
.hover\:bg-opacity-5:hover {
    --tw-bg-opacity:0.05
}
.hover\:bg-\[url\(\"https\:\/\/static\.flextv\.co\.kr\/20240802\/kingico_on_19d9d16069\.svg\"\)\]:hover {
    background-image:url(https://static.flextv.co.kr/20240802/kingico_on_19d9d16069.svg)
}
.hover\:bg-\[url\(\"https\:\/\/static\.flextv\.co\.kr\/20240802\/noticeico_on_b42ac08270\.svg\"\)\]:hover {
    background-image:url(https://static.flextv.co.kr/20240802/noticeico_on_b42ac08270.svg)
}
.hover\:bg-\[url\(\"https\:\/\/static\.flextv\.co\.kr\/20240802\/people_ico_on_cf1ed8c56f\.svg\"\)\]:hover {
    background-image:url(https://static.flextv.co.kr/20240802/people_ico_on_cf1ed8c56f.svg)
}
.hover\:bg-\[url\(\'\/svg\/share_on\.svg\'\)\]:hover {
    background-image:url(/svg/share_on.svg)
}
.hover\:bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/chat_board_on_ad26986e59\.svg\'\)\]:hover {
    background-image:url(https://static.flextv.co.kr/20240802/chat_board_on_ad26986e59.svg)
}
.hover\:bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/danger_on_b96da311dd\.svg\'\)\]:hover {
    background-image:url(https://static.flextv.co.kr/20240802/danger_on_b96da311dd.svg)
}
.hover\:bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/gift_shop_ico_on_05c457fd32\.svg\'\)\]:hover {
    background-image:url(https://static.flextv.co.kr/20240802/gift_shop_ico_on_05c457fd32.svg)
}
.hover\:bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/gift_shop_on_29a97d347b\.svg\'\)\]:hover {
    background-image:url(https://static.flextv.co.kr/20240802/gift_shop_on_29a97d347b.svg)
}
.hover\:bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/gift_shop_on_336b6a0f0c\.svg\'\)\]:hover {
    background-image:url(https://static.flextv.co.kr/20240802/gift_shop_on_336b6a0f0c.svg)
}
.hover\:bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/movie_on_bb9c87bc84\.svg\'\)\]:hover {
    background-image:url(https://static.flextv.co.kr/20240802/movie_on_bb9c87bc84.svg)
}
.hover\:bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/slot_on_333528f1e6\.svg\'\)\]:hover {
    background-image:url(https://static.flextv.co.kr/20240802/slot_on_333528f1e6.svg)
}
.hover\:bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/smile_on_5e6e9610bb\.svg\'\)\]:hover {
    background-image:url(https://static.flextv.co.kr/20240802/smile_on_5e6e9610bb.svg)
}
.hover\:bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/star_ico_hover_b537d4297f\.svg\'\)\]:hover {
    background-image:url(https://static.flextv.co.kr/20240802/star_ico_hover_b537d4297f.svg)
}
.hover\:bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/star_ico_on_a17f5d3e42\.svg\'\)\]:hover {
    background-image:url(https://static.flextv.co.kr/20240802/star_ico_on_a17f5d3e42.svg)
}
.hover\:bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20241122\/Frame_14582263_ed1b022b53\.svg\'\)\]:hover {
    background-image:url(https://static.flextv.co.kr/20241122/Frame_14582263_ed1b022b53.svg)
}
.hover\:bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20241122\/gold_gift_on_svg_3f689191df\.svg\'\)\]:hover {
    background-image:url(https://static.flextv.co.kr/20241122/gold_gift_on_svg_3f689191df.svg)
}
.hover\:bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20241122\/vote_707f39bf24\.svg\'\)\]:hover {
    background-image:url(https://static.flextv.co.kr/20241122/vote_707f39bf24.svg)
}
.hover\:\!text-yellow-300:hover {
    --tw-text-opacity:1!important;
    color:rgb(253 224 71/var(--tw-text-opacity))!important
}
.hover\:\!text-yellow-400:hover {
    --tw-text-opacity:1!important;
    color:rgb(250 204 21/var(--tw-text-opacity))!important
}
.hover\:text-\[\#FFBB00\]:hover {
    --tw-text-opacity:1;
    color:rgb(255 187 0/var(--tw-text-opacity))
}
.hover\:text-white-100:hover {
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity))
}
.hover\:text-yellow-400:hover {
    --tw-text-opacity:1;
    color:rgb(250 204 21/var(--tw-text-opacity))
}
.hover\:underline:hover {
    -webkit-text-decoration-line:underline;
    text-decoration-line:underline
}
.hover\:shadow-lg:hover {
    --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.focus\:border-\[\#FF024A\]:focus {
    --tw-border-opacity:1;
    border-color:rgb(255 2 74/var(--tw-border-opacity))
}
.focus\:outline-none:focus {
    outline:2px solid transparent;
    outline-offset:2px
}
.disabled\:border-\[\#E5E5E5\]:disabled {
    --tw-border-opacity:1;
    border-color:rgb(229 229 229/var(--tw-border-opacity))
}
.disabled\:\!bg-\[\#707070\]:disabled {
    --tw-bg-opacity:1!important;
    background-color:rgb(112 112 112/var(--tw-bg-opacity))!important
}
.disabled\:bg-\[\#e6e6e6\]:disabled {
    --tw-bg-opacity:1;
    background-color:rgb(230 230 230/var(--tw-bg-opacity))
}
.disabled\:bg-white-100:disabled {
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.disabled\:text-\[\#5B626B\]:disabled {
    --tw-text-opacity:1;
    color:rgb(91 98 107/var(--tw-text-opacity))
}
.disabled\:text-\[\#CCCCCC\]:disabled {
    --tw-text-opacity:1;
    color:rgb(204 204 204/var(--tw-text-opacity))
}
.disabled\:text-\[\#E5E5E5\]:disabled {
    --tw-text-opacity:1;
    color:rgb(229 229 229/var(--tw-text-opacity))
}
.disabled\:text-black-900:disabled {
    --tw-text-opacity:1;
    color:rgb(0 0 0/var(--tw-text-opacity))
}
.group:hover .group-hover\:visible {
    visibility:visible
}
.group:hover .group-hover\:block {
    display:block
}
.group:hover .group-hover\:flex {
    display:flex
}
.group:hover .group-hover\:bg-\[\#FFE0E2\] {
    --tw-bg-opacity:1;
    background-color:rgb(255 224 226/var(--tw-bg-opacity))
}
.group:hover .group-hover\:bg-\[url\(\'https\:\/\/static\.flextv\.co\.kr\/20240802\/slot_on_333528f1e6\.svg\'\)\] {
    background-image:url(https://static.flextv.co.kr/20240802/slot_on_333528f1e6.svg)
}
@media (min-width:640px) {
    .sm\:left-\[15\%\] {
        left:15%
    }
    .sm\:top-\[10\%\] {
        top:10%
    }
    .sm\:mb-7 {
        margin-bottom:1.75rem
    }
    .sm\:flex {
        display:flex
    }
    .sm\:h-\[340px\] {
        height:340px
    }
    .sm\:h-\[36px\] {
        height:36px
    }
    .sm\:h-\[44px\] {
        height:44px
    }
    .sm\:max-h-\[510px\] {
        max-height:510px
    }
    .sm\:w-\[110px\] {
        width:110px
    }
    .sm\:w-\[220px\] {
        width:220px
    }
    .sm\:flex-row {
        flex-direction:row
    }
    .sm\:items-center {
        align-items:center
    }
    .sm\:justify-between {
        justify-content:space-between
    }
    .sm\:px-14 {
        padding-left:3.5rem;
        padding-right:3.5rem
    }
    .sm\:text-3xl {
        font-size:1.875rem;
        line-height:2.25rem
    }
    .sm\:text-5xl {
        font-size:3rem;
        line-height:1
    }
    .sm\:text-\[22px\] {
        font-size:22px
    }
    .sm\:text-xl {
        font-size:1.25rem;
        line-height:1.75rem
    }
}
@media (min-width:768px) {
    .md\:left-\[15\%\] {
        left:15%
    }
    .md\:right-\[15\%\] {
        right:15%
    }
    .md\:top-\[-9\%\] {
        top:-9%
    }
    .md\:flex {
        display:flex
    }
    .md\:h-10 {
        height:2.5rem
    }
    .md\:grid-cols-3 {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .md\:justify-between {
        justify-content:space-between
    }
    .md\:gap-x-4 {
        -moz-column-gap:1rem;
        column-gap:1rem
    }
    .md\:gap-y-2 {
        row-gap:.5rem
    }
    .md\:p-4 {
        padding:1rem
    }
    .md\:text-2xl {
        font-size:1.5rem;
        line-height:2rem
    }
    .md\:text-3xl {
        font-size:1.875rem;
        line-height:2.25rem
    }
    .md\:text-base {
        font-size:1rem;
        line-height:1.5rem
    }
    .md\:text-lg {
        font-size:1.125rem;
        line-height:1.75rem
    }
    .md\:text-xl {
        font-size:1.25rem;
        line-height:1.75rem
    }
    .md\:leading-4 {
        line-height:1rem
    }
}
@media (min-width:1024px) {
    .lg\:ml-1 {
        margin-left:.25rem
    }
    .lg\:mt-0 {
        margin-top:0
    }
    .lg\:mt-28 {
        margin-top:7rem
    }
    .lg\:mt-8 {
        margin-top:2rem
    }
    .lg\:block {
        display:block
    }
    .lg\:flex {
        display:flex
    }
    .lg\:hidden {
        display:none
    }
    .lg\:w-\[90\%\] {
        width:90%
    }
    .lg\:grid-cols-3 {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .lg\:flex-row {
        flex-direction:row
    }
    .lg\:items-center {
        align-items:center
    }
    .lg\:justify-center {
        justify-content:center
    }
    .lg\:justify-between {
        justify-content:space-between
    }
    .lg\:p-4 {
        padding:1rem
    }
    .lg\:text-3xl {
        font-size:1.875rem;
        line-height:2.25rem
    }
    .lg\:text-5xl {
        font-size:3rem;
        line-height:1
    }
    .lg\:text-\[50px\] {
        font-size:50px
    }
    .lg\:text-xs {
        font-size:.75rem;
        line-height:1rem
    }
}
@media (min-width:1280px) {
    .xl\:hidden {
        display:none
    }
    .xl\:h-\[400px\] {
        height:400px
    }
    .xl\:w-\[8\%\] {
        width:8%
    }
    .xl\:grid-cols-4 {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .xl\:gap-y-\[64px\] {
        row-gap:64px
    }
    .xl\:text-2xl {
        font-size:1.5rem;
        line-height:2rem
    }
    .xl\:text-5xl {
        font-size:3rem;
        line-height:1
    }
    .xl\:text-\[15px\] {
        font-size:15px
    }
    .xl\:text-\[20px\] {
        font-size:20px
    }
    .xl\:text-\[24px\] {
        font-size:24px
    }
    .xl\:text-\[26px\] {
        font-size:26px
    }
    .xl\:text-\[28px\] {
        font-size:28px
    }
    .xl\:text-\[30px\] {
        font-size:30px
    }
    .xl\:text-\[32px\] {
        font-size:32px
    }
    .xl\:text-\[40px\] {
        font-size:40px
    }
    .xl\:text-\[45px\] {
        font-size:45px
    }
    .xl\:text-\[58px\] {
        font-size:58px
    }
    .xl\:text-\[72px\] {
        font-size:72px
    }
    .xl\:text-\[78px\] {
        font-size:78px
    }
    .xl\:text-sm {
        font-size:.875rem;
        line-height:1.25rem
    }
    .xl\:text-xs {
        font-size:.75rem;
        line-height:1rem
    }
    .xl\:leading-\[1\.7\] {
        line-height:1.7
    }
}
@media (min-width:1536px) {
    .\32xl\:p-8 {
        padding:2rem
    }
    .\32xl\:text-\[60px\] {
        font-size:60px
    }
}
@media (max-width:1599px) {
    .\-2xl\:p-8 {
        padding:2rem
    }
    .\-2xl\:text-\[60px\] {
        font-size:60px
    }
}
@media (max-width:1280px) {
    .-xl\:mb-1 {
        margin-bottom:.25rem
    }
    .-xl\:mb-6 {
        margin-bottom:1.5rem
    }
    .-xl\:mb-9 {
        margin-bottom:2.25rem
    }
    .-xl\:mr-0 {
        margin-right:0
    }
    .-xl\:mt-0 {
        margin-top:0
    }
    .-xl\:mt-2 {
        margin-top:.5rem
    }
    .-xl\:mt-4 {
        margin-top:1rem
    }
    .-xl\:mt-8 {
        margin-top:2rem
    }
    .-xl\:hidden {
        display:none
    }
    .-xl\:h-\[228px\] {
        height:228px
    }
    .-xl\:h-\[28px\] {
        height:28px
    }
    .-xl\:h-\[97px\] {
        height:97px
    }
    .-xl\:max-h-\[56px\] {
        max-height:56px
    }
    .-xl\:max-h-\[96px\] {
        max-height:96px
    }
    .-xl\:w-\[calc\(50\%-40px\)\] {
        width:calc(50% - 40px)
    }
    .-xl\:w-full {
        width:100%
    }
    .-xl\:max-w-\[56px\] {
        max-width:56px
    }
    .-xl\:max-w-none {
        max-width:none
    }
    .-xl\:grid-cols-3 {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .-xl\:flex-wrap {
        flex-wrap:wrap
    }
    .-xl\:gap-2 {
        gap:.5rem
    }
    .-xl\:border-0 {
        border-width:0
    }
    .-xl\:bg-\[\#f7f7f7\] {
        --tw-bg-opacity:1;
        background-color:rgb(247 247 247/var(--tw-bg-opacity))
    }
    .-xl\:p-1 {
        padding:.25rem
    }
    .-xl\:p-2 {
        padding:.5rem
    }
    .-xl\:p-4 {
        padding:1rem
    }
    .-xl\:p-6 {
        padding:1.5rem
    }
    .-xl\:px-4 {
        padding-left:1rem;
        padding-right:1rem
    }
    .-xl\:px-6 {
        padding-left:1.5rem;
        padding-right:1.5rem
    }
    .-xl\:py-6 {
        padding-top:1.5rem;
        padding-bottom:1.5rem
    }
    .-xl\:pb-0 {
        padding-bottom:0
    }
    .-xl\:pt-0 {
        padding-top:0
    }
    .-xl\:text-\[60px\] {
        font-size:60px
    }
    .-xl\:text-sm {
        font-size:.875rem;
        line-height:1.25rem
    }
}
@media (max-width:1024px) {
    .-lg\:left-\[24px\] {
        left:24px
    }
    .-lg\:right-\[-24px\] {
        right:-24px
    }
    .-lg\:mb-0 {
        margin-bottom:0
    }
    .-lg\:mb-1 {
        margin-bottom:.25rem
    }
    .-lg\:mb-1\.5 {
        margin-bottom:.375rem
    }
    .-lg\:mt-0 {
        margin-top:0
    }
    .-lg\:block {
        display:block
    }
    .-lg\:hidden {
        display:none
    }
    .-lg\:h-\[12px\] {
        height:12px
    }
    .-lg\:w-12 {
        width:3rem
    }
    .-lg\:w-8 {
        width:2rem
    }
    .-lg\:w-\[50\%\] {
        width:50%
    }
    .-lg\:grid-cols-1 {
        grid-template-columns:repeat(1,minmax(0,1fr))
    }
    .-lg\:grid-cols-2 {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .-lg\:grid-cols-3 {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .-lg\:bg-\[\#eeeff1\] {
        --tw-bg-opacity:1;
        background-color:rgb(238 239 241/var(--tw-bg-opacity))
    }
    .-lg\:bg-white-100 {
        --tw-bg-opacity:1;
        background-color:rgb(255 255 255/var(--tw-bg-opacity))
    }
    .-lg\:p-0 {
        padding:0
    }
    .-lg\:p-1 {
        padding:.25rem
    }
    .-lg\:p-1\.5 {
        padding:.375rem
    }
    .-lg\:p-4 {
        padding:1rem
    }
    .-lg\:p-5 {
        padding:1.25rem
    }
    .-lg\:px-10 {
        padding-left:2.5rem;
        padding-right:2.5rem
    }
    .-lg\:text-\[10px\] {
        font-size:10px
    }
    .-lg\:text-\[11px\] {
        font-size:11px
    }
    .-lg\:text-\[14px\] {
        font-size:14px
    }
    .-lg\:text-\[16px\] {
        font-size:16px
    }
    .-lg\:text-\[40px\] {
        font-size:40px
    }
    .-lg\:text-\[4px\] {
        font-size:4px
    }
    .-lg\:text-\[8px\] {
        font-size:8px
    }
    .-lg\:text-lg {
        font-size:1.125rem;
        line-height:1.75rem
    }
    .-lg\:text-sm {
        font-size:.875rem;
        line-height:1.25rem
    }
    .-lg\:font-medium {
        font-weight:500
    }
}
@media (max-width:768px) {
    .-md\:relative {
        position:relative
    }
    .-md\:left-\[34\%\] {
        left:34%
    }
    .-md\:right-\[-20px\] {
        right:-20px
    }
    .-md\:top-4 {
        top:1rem
    }
    .-md\:top-\[12px\] {
        top:12px
    }
    .-md\:top-\[43\.9\%\] {
        top:43.9%
    }
    .-md\:top-\[47\.1\%\] {
        top:47.1%
    }
    .-md\:top-\[47\.6\%\] {
        top:47.6%
    }
    .-md\:top-\[51\.2\%\] {
        top:51.2%
    }
    .-md\:m-0 {
        margin:0
    }
    .-md\:mx-4 {
        margin-left:1rem;
        margin-right:1rem
    }
    .-md\:mx-\[16px\] {
        margin-left:16px;
        margin-right:16px
    }
    .-md\:mb-0 {
        margin-bottom:0
    }
    .-md\:mb-3 {
        margin-bottom:.75rem
    }
    .-md\:mb-\[14px\] {
        margin-bottom:14px
    }
    .-md\:mb-\[16px\] {
        margin-bottom:16px
    }
    .-md\:mb-\[33px\] {
        margin-bottom:33px
    }
    .-md\:mr-0 {
        margin-right:0
    }
    .-md\:mr-2 {
        margin-right:.5rem
    }
    .-md\:mt-2 {
        margin-top:.5rem
    }
    .-md\:mt-4 {
        margin-top:1rem
    }
    .-md\:mt-\[31px\] {
        margin-top:31px
    }
    .-md\:mt-\[3px\] {
        margin-top:3px
    }
    .-md\:block {
        display:block
    }
    .-md\:hidden {
        display:none
    }
    .-md\:h-6 {
        height:1.5rem
    }
    .-md\:h-\[24px\] {
        height:24px
    }
    .-md\:h-\[30px\] {
        height:30px
    }
    .-md\:h-\[55px\] {
        height:55px
    }
    .-md\:h-\[60px\] {
        height:60px
    }
    .-md\:h-\[80px\] {
        height:80px
    }
    .-md\:h-screen {
        height:100vh
    }
    .-md\:w-4\/12 {
        width:33.333333%
    }
    .-md\:w-6 {
        width:1.5rem
    }
    .-md\:w-8\/12 {
        width:66.666667%
    }
    .-md\:w-\[100px\] {
        width:100px
    }
    .-md\:w-\[120px\] {
        width:120px
    }
    .-md\:w-\[138px\] {
        width:138px
    }
    .-md\:w-\[140px\] {
        width:140px
    }
    .-md\:w-\[150px\] {
        width:150px
    }
    .-md\:w-\[180px\] {
        width:180px
    }
    .-md\:w-\[20\%\] {
        width:20%
    }
    .-md\:w-\[340px\] {
        width:340px
    }
    .-md\:w-\[66px\] {
        width:66px
    }
    .-md\:w-\[80px\] {
        width:80px
    }
    .-md\:w-\[86px\] {
        width:86px
    }
    .-md\:w-\[98px\] {
        width:98px
    }
    .-md\:w-full {
        width:100%
    }
    .-md\:max-w-\[163px\] {
        max-width:163px
    }
    .-md\:max-w-full {
        max-width:100%
    }
    .-md\:grid-cols-2 {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .-md\:flex-col {
        flex-direction:column
    }
    .-md\:items-end {
        align-items:flex-end
    }
    .-md\:justify-end {
        justify-content:flex-end
    }
    .-md\:justify-between {
        justify-content:space-between
    }
    .-md\:space-y-5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse:0;
        margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))
    }
    .-md\:overflow-hidden {
        overflow:hidden
    }
    .-md\:overflow-x-scroll {
        overflow-x:scroll
    }
    .-md\:rounded-none {
        border-radius:0
    }
    .-md\:rounded-b-\[8px\] {
        border-bottom-right-radius:8px;
        border-bottom-left-radius:8px
    }
    .-md\:bg-\[url\(\'\/icon\/newbie\/10000lex\.svg\'\)\] {
        background-image:url(/icon/newbie/10000lex.svg)
    }
    .-md\:bg-\[url\(\'\/icon\/newbie\/1000lex\.svg\'\)\] {
        background-image:url(/icon/newbie/1000lex.svg)
    }
    .-md\:bg-\[url\(\'\/icon\/newbie\/100lex\.svg\'\)\] {
        background-image:url(/icon/newbie/100lex.svg)
    }
    .-md\:bg-\[url\(\'\/icon\/newbie\/bonus100\.svg\'\)\] {
        background-image:url(/icon/newbie/bonus100.svg)
    }
    .-md\:bg-\[url\(\'\/icon\/newbie\/bonus200\.svg\'\)\] {
        background-image:url(/icon/newbie/bonus200.svg)
    }
    .-md\:bg-\[url\(\'\/icon\/newbie\/bonus3000\.svg\'\)\] {
        background-image:url(/icon/newbie/bonus3000.svg)
    }
    .-md\:p-\[24px\] {
        padding:24px
    }
    .-md\:px-3 {
        padding-left:.75rem;
        padding-right:.75rem
    }
    .-md\:px-4 {
        padding-left:1rem;
        padding-right:1rem
    }
    .-md\:py-\[50px\] {
        padding-top:50px;
        padding-bottom:50px
    }
    .-md\:py-\[64px\] {
        padding-top:64px;
        padding-bottom:64px
    }
    .-md\:pb-3 {
        padding-bottom:.75rem
    }
    .-md\:pb-8 {
        padding-bottom:2rem
    }
    .-md\:pl-1 {
        padding-left:.25rem
    }
    .-md\:pr-2 {
        padding-right:.5rem
    }
    .-md\:pr-4 {
        padding-right:1rem
    }
    .-md\:pt-4 {
        padding-top:1rem
    }
    .-md\:text-\[14px\] {
        font-size:14px
    }
    .-md\:text-\[16px\] {
        font-size:16px
    }
    .-md\:text-\[18px\] {
        font-size:18px
    }
    .-md\:text-\[20px\] {
        font-size:20px
    }
    .-md\:text-\[30px\] {
        font-size:30px
    }
    .-md\:text-\[40px\] {
        font-size:40px
    }
    .-md\:text-base {
        font-size:1rem;
        line-height:1.5rem
    }
    .-md\:text-lg {
        font-size:1.125rem;
        line-height:1.75rem
    }
    .-md\:text-sm {
        font-size:.875rem;
        line-height:1.25rem
    }
    .-md\:text-xs {
        font-size:.75rem;
        line-height:1rem
    }
    .-md\:font-bold {
        font-weight:700
    }
    .-md\:outline-\[1px\] {
        outline-width:1px
    }
    .-md\:outline-offset-\[-4px\] {
        outline-offset:-4px
    }
    .-md\:before\:absolute:before {
        content:var(--tw-content);
        position:absolute
    }
    .-md\:before\:bottom-0:before {
        content:var(--tw-content);
        bottom:0
    }
    .-md\:before\:top-0:before {
        content:var(--tw-content);
        top:0
    }
    .-md\:before\:z-\[1\]:before {
        content:var(--tw-content);
        z-index:1
    }
    .-md\:before\:block:before {
        content:var(--tw-content);
        display:block
    }
    .-md\:before\:w-4:before {
        content:var(--tw-content);
        width:1rem
    }
    .-md\:before\:bg-gradient-to-l:before {
        content:var(--tw-content);
        background-image:linear-gradient(to left,var(--tw-gradient-stops))
    }
    .-md\:before\:content-\[\'\'\]:before {
        --tw-content:"";
        content:var(--tw-content)
    }
    .-md\:after\:absolute:after {
        content:var(--tw-content);
        position:absolute
    }
    .-md\:after\:bottom-0:after {
        content:var(--tw-content);
        bottom:0
    }
    .-md\:after\:left-2:after {
        content:var(--tw-content);
        left:.5rem
    }
    .-md\:after\:left-4:after {
        content:var(--tw-content);
        left:1rem
    }
    .-md\:after\:right-0:after {
        content:var(--tw-content);
        right:0
    }
    .-md\:after\:right-4:after {
        content:var(--tw-content);
        right:1rem
    }
    .-md\:after\:top-0:after {
        content:var(--tw-content);
        top:0
    }
    .-md\:after\:z-\[1\]:after {
        content:var(--tw-content);
        z-index:1
    }
    .-md\:after\:block:after {
        content:var(--tw-content);
        display:block
    }
    .-md\:after\:w-4:after {
        content:var(--tw-content);
        width:1rem
    }
    .-md\:after\:bg-gradient-to-r:after {
        content:var(--tw-content);
        background-image:linear-gradient(to right,var(--tw-gradient-stops))
    }
    .-md\:after\:from-\[\#ffffff4d\]:after {
        content:var(--tw-content);
        --tw-gradient-from:#ffffff4d var(--tw-gradient-from-position);
        --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
        --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
    }
    .-md\:after\:to-\[\#fff\]:after {
        content:var(--tw-content);
        --tw-gradient-to:#fff var(--tw-gradient-to-position)
    }
    .-md\:after\:content-\[\'\'\]:after {
        --tw-content:"";
        content:var(--tw-content)
    }
}
@media (max-width:640px) {
    .-sm\:left-\[-25px\] {
        left:-25px
    }
    .-sm\:right-\[-25px\] {
        right:-25px
    }
    .-sm\:top-\[51\.25\%\] {
        top:51.25%
    }
    .-sm\:top-\[66\%\] {
        top:66%
    }
    .-sm\:mt-1 {
        margin-top:.25rem
    }
    .-sm\:h-7 {
        height:1.75rem
    }
    .-sm\:w-7 {
        width:1.75rem
    }
    .-sm\:w-\[140px\] {
        width:140px
    }
    .-sm\:border-\[10px\] {
        border-width:10px
    }
    .-sm\:border-\[2px\] {
        border-width:2px
    }
    .-sm\:text-4xl {
        font-size:2.25rem;
        line-height:2.5rem
    }
    .-sm\:text-\[10px\] {
        font-size:10px
    }
    .-sm\:text-\[20px\] {
        font-size:20px
    }
}
@media (max-width:480px) {
    .-ssm\:left-\[10\%\] {
        left:10%
    }
    .-ssm\:left-\[16\%\] {
        left:16%
    }
    .-ssm\:left-\[20\%\] {
        left:20%
    }
    .-ssm\:left-\[20\.8\%\] {
        left:20.8%
    }
    .-ssm\:left-\[54\%\] {
        left:54%
    }
    .-ssm\:left-\[57\%\] {
        left:57%
    }
    .-ssm\:left-\[60\%\] {
        left:60%
    }
    .-ssm\:left-\[65\.5\%\] {
        left:65.5%
    }
    .-ssm\:top-\[-1px\] {
        top:-1px
    }
    .-ssm\:top-\[-9\%\] {
        top:-9%
    }
    .-ssm\:top-\[0px\] {
        top:0
    }
    .-ssm\:top-\[12px\] {
        top:12px
    }
    .-ssm\:top-\[18\.5\%\] {
        top:18.5%
    }
    .-ssm\:top-\[19\%\] {
        top:19%
    }
    .-ssm\:top-\[26\.1\%\] {
        top:26.1%
    }
    .-ssm\:top-\[30\%\] {
        top:30%
    }
    .-ssm\:top-\[30\.5\%\] {
        top:30.5%
    }
    .-ssm\:top-\[34\.8\%\] {
        top:34.8%
    }
    .-ssm\:top-\[43\.4\%\] {
        top:43.4%
    }
    .-ssm\:top-\[43\.8\%\] {
        top:43.8%
    }
    .-ssm\:top-\[47\%\] {
        top:47%
    }
    .-ssm\:top-\[47\.5\%\] {
        top:47.5%
    }
    .-ssm\:top-\[51\.1\%\] {
        top:51.1%
    }
    .-ssm\:top-\[57\.63\%\] {
        top:57.63%
    }
    .-ssm\:top-\[58\.1\%\] {
        top:58.1%
    }
    .-ssm\:top-\[58\.94\%\] {
        top:58.94%
    }
    .-ssm\:top-\[59\.4\%\] {
        top:59.4%
    }
    .-ssm\:top-\[60\.24\%\] {
        top:60.24%
    }
    .-ssm\:top-\[60\.7\%\] {
        top:60.7%
    }
    .-ssm\:top-\[61\.54\%\] {
        top:61.54%
    }
    .-ssm\:top-\[62\%\] {
        top:62%
    }
    .-ssm\:top-\[62\.82\%\] {
        top:62.82%
    }
    .-ssm\:top-\[63\.3\%\] {
        top:63.3%
    }
    .-ssm\:top-\[64\.1\%\] {
        top:64.1%
    }
    .-ssm\:top-\[64\.55\%\] {
        top:64.55%
    }
    .-ssm\:top-\[71\.8\%\] {
        top:71.8%
    }
    .-ssm\:top-\[71\.9\%\] {
        top:71.9%
    }
    .-ssm\:top-\[72\.15\%\] {
        top:72.15%
    }
    .-ssm\:top-\[72\.3\%\] {
        top:72.3%
    }
    .-ssm\:top-\[9px\] {
        top:9px
    }
    .-ssm\:mb-\[30px\] {
        margin-bottom:30px
    }
    .-ssm\:mt-1 {
        margin-top:.25rem
    }
    .-ssm\:mt-2 {
        margin-top:.5rem
    }
    .-ssm\:mt-\[15px\] {
        margin-top:15px
    }
    .-ssm\:block {
        display:block
    }
    .-ssm\:h-2 {
        height:.5rem
    }
    .-ssm\:h-\[55px\] {
        height:55px
    }
    .-ssm\:w-\[55px\] {
        width:55px
    }
    .-ssm\:w-\[90px\] {
        width:90px
    }
    .-ssm\:w-full {
        width:100%
    }
    .-ssm\:\!max-w-\[40\%\] {
        max-width:40%!important
    }
    .-ssm\:max-w-\[120px\] {
        max-width:120px
    }
    .-ssm\:max-w-\[150px\] {
        max-width:150px
    }
    .-ssm\:flex-col {
        flex-direction:column
    }
    .-ssm\:justify-end {
        justify-content:flex-end
    }
    .-ssm\:justify-between {
        justify-content:space-between
    }
    .-ssm\:rounded-b-\[2px\] {
        border-bottom-right-radius:2px;
        border-bottom-left-radius:2px
    }
    .-ssm\:border-\[5px\] {
        border-width:5px
    }
    .-ssm\:p-2 {
        padding:.5rem
    }
    .-ssm\:py-1 {
        padding-top:.25rem;
        padding-bottom:.25rem
    }
    .-ssm\:py-1\.5 {
        padding-top:.375rem;
        padding-bottom:.375rem
    }
    .-ssm\:py-2 {
        padding-top:.5rem;
        padding-bottom:.5rem
    }
    .-ssm\:py-4 {
        padding-top:1rem;
        padding-bottom:1rem
    }
    .-ssm\:text-2xl {
        font-size:1.5rem;
        line-height:2rem
    }
    .-ssm\:text-\[10px\] {
        font-size:10px
    }
    .-ssm\:text-\[17px\] {
        font-size:17px
    }
    .-ssm\:text-\[18px\] {
        font-size:18px
    }
    .-ssm\:text-\[30px\] {
        font-size:30px
    }
    .-ssm\:text-xs {
        font-size:.75rem;
        line-height:1rem
    }
    .-ssm\:leading-\[4px\] {
        line-height:4px
    }
}
@media (min-width:581px) {
    .msm\:mr-3 {
        margin-right:.75rem
    }
    .msm\:w-full {
        width:100%
    }
    .msm\:gap-y-2 {
        row-gap:.5rem
    }
    .msm\:px-10 {
        padding-left:2.5rem;
        padding-right:2.5rem
    }
    .msm\:px-16 {
        padding-left:4rem;
        padding-right:4rem
    }
    .msm\:px-6 {
        padding-left:1.5rem;
        padding-right:1.5rem
    }
    .msm\:pb-2 {
        padding-bottom:.5rem
    }
    .msm\:pb-3 {
        padding-bottom:.75rem
    }
    .msm\:pb-4 {
        padding-bottom:1rem
    }
    .msm\:pb-5 {
        padding-bottom:1.25rem
    }
    .msm\:pb-8 {
        padding-bottom:2rem
    }
    .msm\:pb-9 {
        padding-bottom:2.25rem
    }
    .msm\:pt-10 {
        padding-top:2.5rem
    }
    .msm\:pt-14 {
        padding-top:3.5rem
    }
    .msm\:pt-6 {
        padding-top:1.5rem
    }
    .msm\:\!text-3xl {
        font-size:1.875rem!important;
        line-height:2.25rem!important
    }
    .msm\:\!text-\[26px\] {
        font-size:26px!important
    }
    .msm\:text-2xl {
        font-size:1.5rem;
        line-height:2rem
    }
    .msm\:text-3xl {
        font-size:1.875rem;
        line-height:2.25rem
    }
    .msm\:text-\[26px\] {
        font-size:26px
    }
    .msm\:text-\[28px\] {
        font-size:28px
    }
    .msm\:text-base {
        font-size:1rem;
        line-height:1.5rem
    }
    .msm\:text-lg {
        font-size:1.125rem;
        line-height:1.75rem
    }
    .msm\:text-xl {
        font-size:1.25rem;
        line-height:1.75rem
    }
}
@media (max-width:1024px) and (orientation:landscape) {
    .-lg-landscape\:h-28 {
        height:7rem
    }
    .-lg-landscape\:h-\[calc\(100\%-\(100vh\*0\.4025\)\)\] {
        height:calc(100% - (100vh * .4025))
    }
    .-lg-landscape\:grid-cols-6 {
        grid-template-columns:repeat(6,minmax(0,1fr))
    }
}
@media (orientation:landscape) {
    .landscape\:bottom-\[55px\] {
        bottom:55px
    }
    .landscape\:hidden {
        display:none
    }
    .landscape\:\!h-\[calc\(100\%-0px\)\] {
        height:calc(100% - 0px)!important
    }
    .landscape\:\!h-\[calc\(100\%-188px\)\] {
        height:calc(100% - 188px)!important
    }
    .landscape\:\!h-\[calc\(100\%-45px\)\] {
        height:calc(100% - 45px)!important
    }
}
:is(:where([data-theme=dark]) .dark\:text-white-100) {
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity))
}
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button,
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    -webkit-appearance:none;
    appearance:none
}
.section-wrap {
    padding:4px 32px
}
.section-inner {
    max-width:1600px;
    margin:0 auto
}
.form-row {
    height:40px;
    margin-bottom:10px
}
.main-section01 {
    background-color:var(--background-default)
}
.content-root {
    margin:auto
}
.content-body {
    margin-left:240px
}
.content-body.fold {
    margin-left:60px
}
body.signin-body {
    height:100vh;
    width:100vw;
    padding:0
}
body.signin-body #__next {
    height:100%
}
.sign-wrap {
    display:flex!important;
    justify-content:center;
    align-items:center;
    width:100%;
    min-height:100%
}
.sign-wrap .sign-box {
    padding:32px 0
}
.white-space {
    max-width:calc(1920px - 240px);
    padding:30px 60px;
    margin:0 auto
}
.desktop-container {
    padding-top:60px;
    min-width:1040px
}
.sub-wrap {
    padding:32px 64px
}
.sub-container {
    max-width:1080px;
    width:100%;
    margin:0 auto
}
@media screen and (max-width:1599px) {
    .section-wrap {
        padding:4px 32px
    }
    .sub-wrap {
        padding:32px
    }
}
@media screen and (max-width:1400px) {
    .content-root {
        width:100%
    }
}
@media screen and (max-height:990px) {
    .sign-wrap,
    .signup-wrap {
        margin-top:0
    }
}
@media screen and (max-width:1366px) {
    .sign-wrap,
    .signup-wrap {
        margin-top:0
    }
    .white-space {
        padding:30px 10px
    }
    .white-space2 {
        padding:16px
    }
    .white-space3 {
        padding:0 16px
    }
    .sign-wrap .sign-box,
    .signup-wrap .sign-box {
        width:350px!important
    }
}
@media screen and (max-width:1023px) {
    .sub-wrap {
        padding:16px
    }
}
@media only screen and (max-width:500px) {
    .white-space {
        padding:16px
    }
    .white-space+.white-space {
        padding:0 16px 16px
    }
    #__next .ui.segment.tab-content.inline {
        position:relative;
        top:auto;
        bottom:auto
    }
}
body.player-body {
    overflow:hidden;
    touch-action:pinch-zoom
}
body.player-body #__next {
    height:100%
}
.play-start-button {
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    display:flex;
    width:100%;
    height:100%;
    align-items:center;
    justify-content:center;
    background-color:rgba(0,0,0,.6);
    background-image:url(https://static.flextv.co.kr/20240802/btn_play_ebc79e9427.png);
    background-position:50%;
    background-repeat:no-repeat;
    cursor:pointer
}
.play-start-button span {
    width:0;
    height:0;
    overflow:hidden;
    font-size:0
}
.mobile-player-container .play-start-button {
    background-size:32px
}
.desktop-player-container {
    height:100%
}
.desktop-player-container .live-root-container {
    display:flex;
    position:relative;
    width:100%;
    height:100%;
    margin:0 auto
}
.desktop-player-container .live-main-container {
    overflow-x:hidden;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    -ms-overflow-style:none;
    scrollbar-width:none
}
.desktop-player-container .live-main-container::-webkit-scrollbar {
    display:none
}
.desktop-player-container .live-sub-container {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    overflow:hidden
}
.desktop-player-container .live-sub-container .live-sub-chat {
    width:340px
}
@media screen and (width:1980px) {
    .desktop-player-container .live-sub-container .live-sub-chat {
        width:calc(100vw - (1280px + 300px))
    }
}
.desktop-player-container .live-sub-container .live-sub-chat .chat-wrap {
    height:calc(100% - 40px)
}
.desktop-player-container .live-sub-container .live-sub-chat .chat-wrap .chat-list {
    height:100%;
    overflow-x:hidden;
    overflow-y:auto
}
.desktop-player-container .live-sub-container .live-sub-list {
    border-right:1px solid #e1e1e1
}
#__next .desktop-player-container .live-sub-container .live-sub-list .type03 .react-tabs__tab {
    margin:0;
    bottom:0;
    border-top:0
}
.desktop-player-container .plyr__video-wrapper {
    position:relative;
    width:100%;
    height:0;
    overflow:hidden;
    padding-bottom:56.25%
}
.desktop-player-container .plyr__video-wrapper video {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    max-height:100vh
}
.mobile-player-container {
    width:100%;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.mobile-player-container .live-main-container {
    overflow:hidden
}
.mobile-player-container .live-mobile-video,
.mobile-player-container .live-video-wrap,
.mobile-player-container .live-video-wrap .plyr,
.mobile-player-container .live-video-wrap>div {
    height:100%
}
.mobile-player-container.chat-hide .landscape-content,
.mobile-player-container.chat-hide .live-sub-container {
    display:none!important
}
.mobile-player-container .live-root-container {
    position:relative;
    width:100%;
    height:100%
}
.mobile-player-container .plyr__video-wrapper {
    position:relative;
    width:100%;
    height:0;
    overflow:hidden;
    padding-bottom:56.25%
}
.mobile-player-container .plyr__video-wrapper video {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    max-height:100vh
}
.chat-wrap .chat-list .chat-item.admin .chat,
.chat-wrap .chat-list .chat-item.police .chat,
.mobile-player-container .chat-item .txt-wrap .chat {
    margin:0 0 0 16px
}
.mobile-player-container .btn-chat-send {
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:34px;
    padding:0;
    background-color:#ff5f8c;
    color:#fff;
    border-radius:8px;
    font-size:12px
}
.mobile-player-container .chat-input-form {
    display:flex;
    align-items:center;
    margin:0
}
.mobile-player-container .chat-input-form .chat-input-container {
    display:flex;
    border-radius:8px;
    padding:4px;
    border:1px solid #d4d4d4;
    flex:1
}
.mobile-player-container .chat-input-form .chat-input-container input {
    width:100%;
    border:none
}
.mobile-player-container .chat-input-form .btn-chat-send {
    margin-left:4px
}
.mobile-player-container .stream-type-m .live-main-container,
.mobile-player-container .stream-type-m .live-video-wrap,
.mobile-player-container .stream-type-m .plyr--video {
    height:100%
}
.mobile-player-container .stream-type-m .plyr__video-wrapper {
    height:100%;
    padding:0 0 100%;
    margin:0 auto
}
.mobile-player-container .stream-type-m .live-sub-section .chat-wrap {
    background:rgba(0,0,0,.45);
    height:calc(100% - 40px)
}
.mobile-player-container .stream-type-m .live-sub-section .broadcast-wrap {
    background:rgba(0,0,0,.6)
}
.mobile-player-container .stream-type-m .live-sub-btns.mobile {
    background:rgba(0,0,0,.6);
    border:0!important;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.mobile-player-container .stream-type-m .live-sub-btns.mobile>form>input {
    background:transparent;
    border:0;
    color:#fff;
    background-color:hsla(0,0%,100%,.15);
    height:30px;
    outline:none
}
.mobile-player-container .stream-type-m .live-sub-btns.mobile>form>input:focus {
    outline:none
}
#__next .mobile-player-container .stream-type-m .mobile-tab .react-tabs__tab-list {
    border:0;
    background-color:#000;
    height:auto
}
#__next .mobile-player-container .stream-type-m .mobile-tab .react-tabs__tab {
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0
}
#__next .mobile-player-container .stream-type-m .mobile-tab .react-tabs__tab--selected {
    color:#fff
}
.mobile-player-container .stream-type-m .mobile-tab .react-tabs__tab-panel {
    height:calc(100% - 40px)
}
.mobile-player-container .stream-type-m .live-sub-btns.mobile .icon {
    flex:unset;
    width:30px;
    height:30px;
    background-size:30px;
    padding:0;
    margin-right:4px
}
.mobile-player-container .stream-type-m .live-sub-btns.mobile .icon.gift {
    background-image:url(https://static.flextv.co.kr/20240802/gift_box_white_dc151dde3a.svg);
    background-color:hsla(0,0%,100%,.15);
    background-size:60%;
    background-repeat:no-repeat;
    background-position:50%
}
.mobile-player-container .stream-type-m .live-sub-btns.mobile .icon.up {
    background-image:url(https://static.flextv.co.kr/20240802/btn_up_02_w_01912f9a7d.png)
}
#__next .mobile-player-container .player-header {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#343434;
    height:40px;
    border:0;
    border-radius:0;
    z-index:300
}
#__next .mobile-player-container .player-header .app-logo {
    margin:0 auto;
    float:none
}
#__next .mobile-player-container .player-header .item {
    margin:0 auto!important
}
.mobile-player-container .live-sub-container {
    height:calc(100% - (100vw * .5625))
}
.mobile-users-container {
    overflow-y:auto;
    background-color:#fff
}
.mobile-player-container .live-chat-user,
.mobile-users-container {
    position:fixed;
    top:unset;
    bottom:0;
    left:unset;
    right:0;
    width:200px;
    height:100%;
    max-height:calc(100% - (100vw * .5625));
    z-index:999
}
.mobile-player-container .live-chat-user {
    background:rgba(0,0,0,.6);
    border:0;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    box-shadow:-1px 0 7px rgba(0,0,0,.3)
}
.mobile-player-container .live-chat-user .chat-user-list {
    width:100%;
    height:100%;
    max-height:100%;
    border:#e1e1e1;
    background:hsla(0,0%,100%,.8)
}
.mobile-player-container .live-chat-user .chat-user-list .user-list-title {
    background-color:#fff
}
.live-chat-user {
    display:none;
    position:absolute;
    top:30px;
    left:0;
    width:100%;
    border:1px solid #ddd;
    border-left:0;
    border-right:0;
    overflow:hidden;
    background:#fff;
    z-index:10
}
.live-chat-user.active {
    display:block
}
.live-chat-user .chat-user-list {
    overflow-x:hidden;
    overflow-y:auto;
    max-height:350px
}
.live-chat-user .chat-user-list .user-list-title {
    font-size:12px;
    color:#000;
    padding:4px 8px;
    background:#f1f1f1
}
.live-chat-user .chat-user-list .user-list-item {
    display:flex;
    align-items:center;
    padding:4px 8px;
    margin:0
}
.live-chat-user .chat-user-list .user-list-item dd,
.live-chat-user .chat-user-list .user-list-item dt {
    white-space:nowrap;
    font-size:12px;
    margin:0;
    padding:0;
    text-overflow:ellipsis;
    overflow:hidden
}
.live-chat-user .chat-user-list .user-list-item dt {
    display:flex;
    align-items:center
}
.live-chat-user .chat-user-list .user-list-item dd {
    flex:1;
    margin-left:4px
}
.live-chat-user .btn-list {
    position:absolute;
    top:0;
    right:5px;
    z-index:2;
    display:block;
    width:27px;
    height:27px;
    margin:0;
    padding:3px
}
.live-chat-user .btn-list.close {
    right:5px
}
.live-chat-user .btn-list.open {
    right:35px;
    width:24px
}
.user-icon {
    display:block;
    width:15px;
    height:15px;
    background-size:15px 15px;
    background-repeat:no-repeat;
    background-position:0 0;
    margin-right:5px
}
.user-icon.top-rank-1-m {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_grade_top1_b12d11091f.png)
}
.user-icon.top-rank-2-m {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_grade_top2_5f2f0d2ef7.png)
}
.user-icon.top-rank-3-m {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_grade_top3_c4df0002dd.png)
}
.user-icon.fever-m,
.user-icon.top-five-m {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_grade_fever_8a76471c89.png)
}
.user-icon.diamond-m,
.user-icon.diamond-w {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_grade_diamond_9f00744aea.png)
}
.user-icon.ruby-m,
.user-icon.ruby-w {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_grade_ruby_a16613116e.png)
}
.user-icon.gold-m,
.user-icon.gold-w {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_grade_gold_89829aad58.png)
}
.user-icon.silver-m,
.user-icon.silver-w {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_grade_silver_c0b9f32765.png)
}
.user-icon.bronze-m,
.user-icon.bronze-w {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_grade_bronze_9dda7a0d61.png)
}
.user-icon.normal-m,
.user-icon.normal-w {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_grade_normal_8610171222.png)
}
.user-icon.admin {
    background-image:url(https://static.flextv.co.kr/20240802/chat_list_admin_30d806dc02.png)
}
.user-icon.manager-m,
.user-icon.manager-w {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_grade_manager_d55453d15b.png)
}
.user-icon.police {
    background-image:url(https://static.flextv.co.kr/20240802/chat_list_police_064280b513.png)
}
.user-icon.bj,
.user-icon.bj-m,
.user-icon.bj-w {
    background-image:url(https://static.flextv.co.kr/20240802/chat_list_bj_9b8a1c4ab1.png)
}
.chat-end-point {
    display:block;
    width:100%;
    height:0;
    overflow:hidden;
    clear:both
}
.chat {
    margin:2px 0 0;
    line-height:24px;
    color:#000;
    white-space:pre-wrap
}
.chat,
.chat-noti {
    font-size:14px;
    word-break:break-all
}
.chat-noti {
    margin-bottom:8px;
    text-align:center;
    font-weight:400;
    color:#666;
    line-height:18px
}
.chat-noti span {
    font-weight:500
}
.chat-noti.chat-recommend,
.mobile-player-container .chat-noti.chat-recommend {
    color:#ff9100
}
.chat-noti.chat-mng span {
    color:#5db257
}
.chat-noti.chat-subs span {
    color:#55c6f6
}
.chat-noti.chat-enter span {
    color:#ff024a
}
.chat-noti.chat-dump span,
.chat-noti.chat-kick span {
    color:#f22900
}
.chat-noti.chat-freeze {
    padding:8px 4px;
    margin:0
}
.chat-noti.chat-freeze span {
    display:block;
    color:#328df2;
    font-weight:500
}
.chat-noti.chat-event {
    padding:10px;
    font-size:14px;
    font-weight:400;
    border-radius:8px;
    text-align:center;
    color:#000
}
.chat-noti.chat-event-like {
    border:1px solid #ff8100;
    background-color:#fff1e2
}
.popup-chat.dark-theme .chat-noti.chat-event-like,
.stream-type-m .chat-noti.chat-event-like {
    background-color:rgba(255,129,0,.2)
}
.chat-noti.chat-event-unlike {
    border:1px solid #6f00d5;
    background-color:#fbf0ff
}
.popup-chat.dark-theme .chat-noti.chat-event-unlike,
.stream-type-m .chat-noti.chat-event-unlike {
    background-color:rgba(111,0,213,.2)
}
.chat-noti.chat-event-like span {
    color:#ff8100;
    font-weight:400
}
.chat-noti.chat-event-unlike span {
    color:#6f00d5;
    font-weight:400
}
.chat-noti.chat-event-unlike p {
    margin-top:5px;
    font-size:12px
}
.chat-noti.chat-event-result {
    border:1px solid #ff77cf;
    background-color:#ffecf8
}
.chat-noti.chat-event-blossom {
    border:1px solid #ff77cf;
    background-color:#f3e1e4
}
.popup-chat.dark-theme .chat-noti.chat-event-result,
.stream-type-m .chat-noti.chat-event-result {
    background-color:rgba(255,119,207,.2)
}
.chat-noti.chat-event-result span {
    color:#ff77cf
}
.chat-rank-init {
    position:relative;
    margin-bottom:8px;
    min-height:40px;
    padding:10px;
    font-size:14px;
    font-weight:800;
    border-radius:100px;
    border:1px solid #bdbdbd;
    background-color:hsla(0,0%,84%,.3);
    text-align:center
}
.chat-recomup {
    border-radius:6px;
    border:1px solid #ff8100;
    background-color:rgba(255,129,0,.1)
}
.chat-recomdown,
.chat-recomup {
    margin-bottom:8px;
    min-height:40px;
    padding:10px;
    font-size:14px;
    font-weight:800;
    text-align:center
}
.chat-recomdown {
    border-radius:6px;
    border:1px solid #6f00d5;
    background-color:rgba(111,0,213,.1)
}
.chat-entry {
    margin-bottom:8px;
    min-height:40px;
    padding:10px;
    font-size:14px;
    font-weight:400;
    border-radius:100px;
    border:1px solid #afdbff;
    background-color:#ecf5ff;
    text-align:center
}
.popup-chat.dark-theme .chat-wrap .chat-entry,
.stream-type-m .chat-entry {
    background-color:rgba(236,245,255,.5)
}
.chat-entry>span {
    font-weight:500
}
.chat-item .bg {
    padding-left:29px;
    position:relative
}
.mobile-player-container .chat-item .bg {
    padding-left:24px
}
.chat-item .emoji-wrap {
    position:absolute;
    top:0;
    left:0;
    padding-top:0
}
.chat-item .chat {
    padding:0
}
.mobile-player-container .stream-type-m .chat-noti,
.popup-chat.dark-theme .chat-wrap .chat-item .chat,
.popup-chat.dark-theme .chat-wrap .chat-noti {
    color:#fff
}
.mobile-player-container .stream-type-m .chat-noti.chat-recommend {
    color:#ff9100
}
.mobile-player-container .stream-type-m .chat-noti.chat-freeze,
.popup-chat.dark-theme .chat-wrap .chat-noti.chat-freeze {
    color:#666
}
.chat-item .chat-user-name {
    line-height:16px;
    font-size:14px;
    color:#000
}
.popup-chat.dark-theme .chat-wrap .chat-item .chat-user-name {
    color:#aaa
}
.chat-item .chat-user-name.top-five-nick,
.chat-item .chat-user-name.top-rank-1-nick,
.chat-item .chat-user-name.top-rank-2-nick,
.chat-item .chat-user-name.top-rank-3-nick,
.chat-item .chat-user-name.top-rank-4-nick,
.chat-item .chat-user-name.top-rank-5-nick {
    color:#ff024a!important
}
.chat-item .chat-user-name.manager-nick {
    color:#5db257!important
}
.mobile-player-container .chat-item .chat-user-name {
    width:100px;
    white-space:nowrap
}
.mobile-player-container .stream-type-m .chat-item .chat-user-name {
    color:#ddd;
    font-size:14px
}
.mobile-player-container .stream-type-m .chat-item .chat {
    color:#fff;
    display:inline;
    font-size:14px
}
.mobile-player-container .stream-type-m .chat-item .chat-user-level {
    vertical-align:middle
}
.asp-wrapper {
    position:relative;
    width:100%;
    background-color:#000
}
.asp-wrapper .plyr__video-wrapper {
    padding-bottom:177.6%
}
.live-main-header {
    width:100%;
    height:30px;
    background-color:#f1f1f1;
    border-bottom:1px solid #f1f1f1
}
.live-sub-container {
    position:relative;
    display:flex;
    height:100%;
    background:#fff
}
.live-sub-section {
    position:relative;
    width:300px;
    height:100%;
    border-right:1px solid #e1e1e1
}
.live-sub-section .type03 {
    height:calc(100% - 30px)
}
.live-sub-section .react-tabs__tab-panel--selected {
    height:calc(100% - 41px)
}
.live-channel-menu {
    padding:24px 32px;
    display:flex;
    justify-content:space-between;
    font-size:11px;
    font-weight:400;
    line-height:1.09;
    letter-spacing:normal;
    text-align:left;
    color:#666
}
.channel-menu-info {
    min-height:65px;
    padding-left:73px;
    position:relative
}
.channel-menu-thumnb {
    position:absolute;
    top:0;
    left:0
}
.channel-menu-thumnb .ui.image {
    width:65px;
    height:65px
}
.channel-menu-title {
    display:flex;
    align-items:center;
    font-size:16px;
    font-weight:500;
    text-align:left;
    color:#212121
}
.menu-title-label {
    display:inline-block;
    height:20px;
    padding:0 8px;
    margin-right:4px;
    border-radius:4px;
    background-color:#ff4076;
    font-size:12px;
    color:#fff;
    line-height:20px
}
.channel-bj-name {
    font-size:14px;
    font-weight:500;
    letter-spacing:normal;
    color:#000
}
.live-channel-menu .icon.small {
    width:12px;
    height:12px;
    vertical-align:-2px
}
.live-channel-menu .channel-menu-btns .grid-container {
    justify-content:flex-end
}
.channel-btn-modal .icon {
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:34px;
    height:34px;
    border-radius:50%;
    background-repeat:no-repeat;
    background-position:50%;
    background-size:cover
}
.channel-btn-modal .live-spot {
    position:absolute;
    z-index:1;
    width:5px;
    height:5px;
    border-radius:50%;
    background-color:red;
    right:20px;
    top:5px
}
.channel-btn-modal .icon.recom {
    background-image:url(https://static.flextv.co.kr/20240802/btn_recom_big_8134331786.png)
}
.channel-btn-modal .icon.star {
    background-image:url(https://static.flextv.co.kr/20240802/btn_bookmark_big_30287d7943.png)
}
.channel-btn-modal .icon.star.on {
    background-image:url(https://static.flextv.co.kr/20240802/btn_bookmark_big_on_4927825216.png)
}
.channel-btn-modal .icon.gift {
    background-image:url(https://static.flextv.co.kr/20240802/btn_present_big_205b441fa6.png)
}
.channel-btn-modal .icon.charg {
    background-image:url(https://static.flextv.co.kr/20240802/ico_charg_big_15aadb46c8.png)
}
.channel-btn-modal .icon.stop {
    background-image:url(https://static.flextv.co.kr/20240802/ico_warning_749d8a2fe7.png);
    background-size:20px!important;
    background-color:#ff4076
}
.channel-btn-modal .icon.freezen {
    background-image:url(https://static.flextv.co.kr/20240802/ico_chat_freeze_fbe346743c.png);
    background-size:20px!important;
    background-color:#ff4076
}
.channel-btn-modal .icon.sponReset {
    background-image:url(https://static.flextv.co.kr/20240802/ico_chat_reset_456c350cbb.png);
    background-size:20px!important;
    background-color:#ff4076
}
.channel-btn-modal .icon.sponPass {
    background-image:url(https://static.flextv.co.kr/20240802/ico_chat_pass_4f8b75bddd.png);
    background-size:18px!important;
    background-color:#ff4076
}
.channel-btn-modal .icon.sponPassAll {
    background-image:url(https://static.flextv.co.kr/20240802/ico_chat_pass_all_257e557757.png);
    background-size:18px!important;
    background-color:#ff4076
}
.channel-btn-modal .icon.game {
    background-image:url(https://static.flextv.co.kr/20240802/ico_game_8ec64bd1f5.png);
    background-size:22px!important;
    background-color:#ff4076
}
.channel-btn-modal .icon.vote.owner {
    background-image:url(https://static.flextv.co.kr/20240802/ico_vote_white_aec19de229.svg);
    background-size:18px!important;
    background-color:#ff4076
}
.channel-btn-modal .icon.vote.guest {
    background-image:url(https://static.flextv.co.kr/20240802/ico_vote_black_f41c88442f.svg);
    background-size:18px!important;
    background-color:#f7f7f7
}
.channel-menu-btns .channel-btn-modal {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:relative;
    padding:0;
    white-space:nowrap;
    margin-bottom:16px
}
.channel-menu-btns .channel-btn-modal .icon {
    position:relative;
    width:34px;
    height:34px;
    background-repeat:no-repeat;
    background-size:cover;
    top:unset;
    left:unset;
    transform:unset;
    margin-bottom:16px
}
.chat-wrap {
    height:100%;
    overflow:hidden;
    position:relative
}
.chat-wrap .live_chat-input-container__AQbly {
    padding:15px 10px;
    z-index:2
}
.chat-wrap .live_chat-input-container__AQbly>.field,
.chat-wrap .live_chat-input-container__AQbly>.field>.ui.fluid.inverted.icon.input,
.chat-wrap .live_chat-input-container__AQbly>.field>.ui.fluid.inverted.icon.input>input {
    height:100%
}
.chat-wrap .live_chat-input-container__AQbly>.field>.ui.fluid.inverted.icon.input>input+i.link.icon {
    border-left:1px solid #ddd
}
.chat-content {
    width:100%;
    height:100%;
    overflow:auto
}
.chat-wrap .chat-list {
    height:100%;
    overflow:auto;
    box-sizing:border-box
}
.chat-wrap .chat-list #chat-feed {
    padding:8px 8px 0
}
.mobile-player-container .chat-wrap .chat-list #chat-feed {
    padding:0
}
.chat-wrap .chat-list .chat-item {
    display:block;
    padding-bottom:8px
}
.chat-wrap .chat-list .chat-item>.chat {
    margin-bottom:5px;
    padding:7px 5px
}
.chat-wrap .chat-list .chat-item .emoji-wrap {
    position:absolute
}
.chat-wrap .chat-list .chat-item.vip {
    background-image:linear-gradient(90deg,rgba(181,223,255,.38),hsla(0,100%,89%,.38));
    border-radius:10px
}
.chat-wrap .chat-list .chat-item.admin {
    background-color:#fffbde;
    border:1px solid #fb0;
    border-radius:10px;
    padding:8px 4px;
    margin-bottom:8px
}
.chat-wrap .chat-list .chat-item.genie {
    background-color:#dfe6ff;
    border:1px solid #0635c9;
    border-radius:10px;
    padding:8px 4px;
    margin-bottom:8px
}
.chat-wrap .chat-list .chat-item.admin .chat-user-name {
    color:#888
}
.chat-wrap .chat-list .chat-item.admin .chat {
    color:#000;
    margin:4px 0 0
}
@keyframes gradientBorder {
    0% {
        background-position:0 50%
    }
    50% {
        background-position:100% 50%
    }
    to {
        background-position:0 50%
    }
}
.chat-wrap .chat-list .chat-item.topDona {
    position:relative;
    z-index:1;
    border-radius:8px;
    border-width:5px;
    padding:3px 3px 11px
}
.chat-wrap .chat-list .chat-item.topDona:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:8px;
    background:linear-gradient(50deg,rgba(18,0,121,.6),rgba(239,106,42,.6),rgba(27,209,112,.6),rgba(34,210,230,.6),rgba(42,59,239,.6),rgba(239,42,210,.6),rgba(239,42,210,.6));
    border-radius:8px;
    z-index:-1;
    animation:gradientBorder 7s ease infinite alternate;
    background-size:300% 300%;
    opacity:.5
}
.chat-wrap .chat-list .chat-item.topDona .bg {
    background-color:hsla(0,0%,100%,.8);
    border-radius:6px;
    padding:5px 5px 5px 35px
}
.chat-wrap .chat-list .chat-item.topDona .emoji-wrap {
    top:5px;
    left:5px
}
.mobile-player-container .chat-wrap .chat-list .chat-item.topDona .bg {
    padding-left:30px
}
.mobile-player-container .stream-type-m .chat-item.topDona .bg,
.popup-chat.dark-theme .chat-item.topDona .bg {
    display:block;
    background-color:rgba(0,0,0,.5)
}
.mobile-player-container .stream-type-m .chat-item.topDona:after {
    opacity:.5
}
.chat-wrap .chat-list .chat-item.police {
    background-color:#ffe6e8;
    border:1px solid #e10000;
    border-radius:10px;
    padding:8px 4px;
    margin-bottom:8px
}
.chat-wrap .chat-list .chat-item.first {
    background-color:#ffeef3;
    border:1px solid #ffd4e4;
    border-radius:10px;
    padding:8px 4px;
    margin-bottom:8px;
    position:relative;
    color:#ff3e85
}
.chat-wrap .chat-list .chat-item.first:after {
    content:"";
    width:24px;
    height:20px;
    position:absolute;
    top:-10px;
    z-index:10;
    left:10px;
    background-image:url(https://static.flextv.co.kr/20240802/fly_left_5733980da4.svg)
}
.chat-wrap .chat-list .chat-item.first:before {
    content:"";
    width:24px;
    height:20px;
    position:absolute;
    top:-10px;
    right:10px;
    background-image:url(https://static.flextv.co.kr/20240802/fly_right_45f4c0e35a.svg)
}
.chat-wrap .chat-list .chat-item.first .chat {
    color:#ff3e85;
    margin:4px 0 0
}
.chat-wrap .chat-list .chat-item.police .chat-user-name {
    color:#e10000
}
.chat-wrap .chat-list .chat-item.police .chat {
    color:#e10000;
    margin:4px 0 0
}
.chat-wrap .chat-list .chat-item.frozen-msg {
    margin:0;
    padding:4px;
    background:#eff7ff
}
.chat-item .chat-user-gender {
    display:inline-block;
    width:13px;
    height:16px;
    margin-right:3px;
    vertical-align:-3px
}
.chat-item .chat-user-gender.male {
    background:url(https://static.flextv.co.kr/20240802/icon_male_f678280928.png) no-repeat;
    background-size:cover
}
.chat-item .chat-user-gender.female {
    background:url(https://static.flextv.co.kr/20240802/icon_female_5c0185f839.png) no-repeat;
    background-size:cover
}
.chat-item .chat-user-level {
    display:block;
    width:24px;
    height:24px;
    background-size:24px;
    background-repeat:no-repeat;
    background-position:0 0
}
.mobile-player-container .chat-item .chat-user-level {
    display:block;
    width:20px;
    height:20px;
    background-size:20px;
    background-repeat:no-repeat;
    background-position:0 0
}
.chat-item .chat-user-level.top-rank-1-m {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_fever_top1_82be020752.png)
}
.chat-item .chat-user-level.top-rank-2-m {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_fever_top2_827fb91b6e.png)
}
.chat-item .chat-user-level.top-rank-3-m {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_fever_top3_d371cbc181.png)
}
.chat-item .chat-user-level.fever-m,
.chat-item .chat-user-level.top-five-m,
.chat-item .chat-user-level.top-rank-4-m,
.chat-item .chat-user-level.top-rank-5-m {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_fever_632ec5c893.png)
}
.chat-item .chat-user-level.diamond-m,
.chat-item .chat-user-level.diamond-w {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_diamond_0b43ea44ca.png)
}
.chat-item .chat-user-level.ruby-m,
.chat-item .chat-user-level.ruby-w {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_ruby_8c7a6fb214.png)
}
.chat-item .chat-user-level.gold-m,
.chat-item .chat-user-level.gold-w {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_gold_b229070182.png)
}
.chat-item .chat-user-level.silver-m,
.chat-item .chat-user-level.silver-w {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_silver_b1f376698a.png)
}
.chat-item .chat-user-level.bronze-m,
.chat-item .chat-user-level.bronze-w {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_bronze_29d762d786.png)
}
.chat-item .chat-user-level.normal-m,
.chat-item .chat-user-level.normal-w {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_normal_81685e8c4b.png)
}
.chat-item .chat-user-level.admin-m {
    background-image:url(https://static.flextv.co.kr/20240802/ico_admin_937e932b09.png)
}
.chat-item .chat-user-level.manager-m,
.chat-item .chat-user-level.manager-w {
    background-image:url(https://static.flextv.co.kr/20240802/ico_user_manager_41b9d1e36d.png)
}
.chat-item .chat-user-level.police-m {
    background-image:url(https://static.flextv.co.kr/20240802/ico_police_a139522302.png)
}
.chat-item .chat-user-level.genie-m {
    background-image:url(https://static.flextv.co.kr/20240802/ico_genie_82f8ec176e.png)
}
.chat-item .chat-user-level.bj-m {
    background-image:url(https://static.flextv.co.kr/20240802/chat_list_bj_9b8a1c4ab1.png)
}
.police-wrap {
    padding:4px 6px 4px 27px;
    border-radius:4px;
    background:url(https://static.flextv.co.kr/20240802/ico_gra_police_80bb9bf968.png) no-repeat #f0f1f2;
    background-size:16px;
    background-position:6px;
    font-size:10px;
    color:#333
}
.chat-join-wrap {
    display:flex;
    align-items:center;
    margin-bottom:10px
}
.chat-join-wrap>.num {
    font-size:10px;
    color:#666;
    margin-right:5px
}
.chat-join-wrap>.RatingIcon_root__yHgrz {
    border-radius:50%;
    margin-right:5px
}
.chat-join-wrap>.nickname {
    font-size:12px;
    color:#333;
    margin-right:5px
}
.chat-join-wrap>.txt {
    font-size:10px;
    color:#888
}
.broadcast-wrap {
    padding:10px;
    height:100%;
    overflow:auto
}
.broadcast-wrap .broadcast-category {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:8px
}
.broadcast-wrap .broadcast-list {
    height:calc(100% - 69px);
    padding-right:10px;
    margin-right:-10px;
    overflow:auto
}
.broadcast-wrap .broadcast-category .input-box {
    position:relative;
    flex:1;
    max-width:calc(100% - 105px);
    margin-right:9px
}
.broadcast-wrap .broadcast-category .input-box .ui.input {
    position:relative;
    width:100%;
    height:30px;
    padding-right:30px;
    border:1px solid #ddd;
    border-radius:4px
}
.broadcast-wrap .broadcast-category .input-box button {
    border:0;
    border-radius:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    overflow:hidden;
    text-indent:-1000em;
    position:absolute;
    right:0;
    top:0;
    width:30px;
    height:30px
}
.broadcast-wrap .broadcast-category .input-box .btn-search-confirm {
    background:url(https://static.flextv.co.kr/20240802/ico_search_gray_5e27ec1a30.png) no-repeat 50%;
    background-size:17px
}
.broadcast-wrap .broadcast-category .input-box .btn-search-reset {
    background:url(https://static.flextv.co.kr/20240802/ico_list_del_2ea0e8da21.png) no-repeat 50%;
    background-size:13px
}
.broadcast-wrap .broadcast-category .input-box .ui.input>input {
    font-size:12px;
    color:#666;
    border:0
}
.broadcast-wrap .broadcast-category .ui.selection.dropdown {
    flex:1;
    min-width:unset!important;
    max-width:100px;
    height:30px;
    min-height:unset!important;
    border-radius:4px;
    border:1px solid #ddd;
    background-color:#fff;
    padding:4px 0 5px;
    font-size:12px;
    color:#666;
    line-height:unset!important
}
.broadcast-wrap .broadcast-category .ui.selection.dropdown>.text {
    height:auto;
    line-height:14px
}
.broadcast-wrap .broadcast-category .ui.selection.dropdown>.dropdown.icon {
    padding:5px 10px
}
#__next .broadcast-wrap .broadcast-category .ui.selection.active.dropdown .menu {
    border-color:#ddd
}
.broadcast-wrap .broadcast-category .ui.dropdown .menu>.item:hover .broadcast-wrap .broadcast-category .ui.dropdown .menu .selected.item,
.broadcast-wrap .broadcast-category .ui.selection.dropdown .menu>.item {
    font-size:inherit;
    color:inherit
}
.broadcast-wrap .broadcast-count {
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:14px;
    color:#333;
    margin-bottom:8px
}
.broadcast-wrap .broadcast-count .count-box {
    display:flex;
    align-items:center
}
.broadcast-wrap .broadcast-count .count-box>span {
    margin-right:10px;
    line-height:21px
}
.broadcast-wrap .broadcast-count .count-box>.btn-reset {
    height:20px;
    line-height:20px;
    font-size:10px;
    color:#888;
    padding:0 10px;
    border-radius:6px;
    background-color:#ececec
}
.broadcast-wrap .broadcast-list>a {
    display:block;
    margin-bottom:8px
}
.desktop-player-container .broadcast-wrap .broadcast-list>a:hover {
    background-color:#f7f7f7;
    border-radius:6px
}
.broadcast-list .broadcast-item {
    display:flex;
    height:73px;
    padding:4px 0;
    overflow:hidden;
    position:relative
}
.broadcast-list .broadcast-item>.img {
    flex:0 0 110px;
    max-width:110px;
    height:62px;
    margin-right:8px;
    border-radius:6px;
    overflow:hidden
}
.broadcast-list .broadcast-item .broadcast-info {
    flex:1
}
.broadcast-info>.description,
.video-card-txt .broadcast-info {
    width:100%
}
.live-wrap .broadcast-info>.description {
    width:auto
}
.broadcast-info>.description .ui.image {
    width:15px
}
.broadcast-item .broadcast-info .title {
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:16px;
    max-height:32px;
    min-height:32px;
    font-size:13px;
    font-weight:400;
    color:#000
}
.broadcast-item .broadcast-info .nickname {
    font-size:12px;
    line-height:16px;
    color:#888
}
.broadcast-item .img {
    position:relative
}
.broadcast-item .img>img {
    width:100%;
    height:62px
}
.broadcast-item .img>.ico-adult {
    position:absolute;
    top:4px;
    right:4px;
    display:block;
    width:20px;
    height:20px
}
.broadcast-item .img>.stream-ico-group {
    position:absolute;
    top:4px;
    left:4px
}
.send-luv-pop {
    position:absolute;
    bottom:0;
    right:0;
    width:611px;
    padding:10px;
    border-radius:12px;
    overflow:hidden;
    background:rgba(0,0,0,.6);
    z-index:101
}
.sendLuv-guide-tooltip {
    position:absolute;
    top:0;
    left:0;
    padding:11px 39px 11px 10px;
    border-radius:6px;
    background-color:rgba(0,0,0,.7);
    font-size:12px;
    line-height:16px;
    color:#fff;
    z-index:1
}
.sendLuv-guide-tooltip>.btn-close {
    position:absolute;
    right:4px;
    top:4px;
    width:20px;
    height:20px;
    background:url(https://static.flextv.co.kr/20240802/btn_tooltip_close_cac4d201a9.png);
    background-size:20px
}
.mobile-player-container .sendLuv-guide-tooltip.tooltip-continue {
    left:80px
}
.gift-item {
    position:relative;
    width:25%;
    flex:0 0 25%;
    text-align:center;
    border:1px solid #e5e5e5;
    cursor:pointer;
    padding-bottom:5px
}
.gift-item>div {
    width:100%;
    height:0;
    overflow:hidden;
    padding-bottom:100%;
    position:relative
}
.gift-item>div>img {
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.gift-item .emphasized {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
    display:inline-block;
    padding:4px 7px;
    border-radius:100px;
    background-color:rgba(0,0,0,.65);
    color:#fff
}
.mobile-player-container .gift-item .emphasized {
    font-size:12px
}
.mobile-player-container .play-mission-luv .glide-content .mission-gift-box {
    padding:4px 4px 0
}
.mobile-player-container .play-mission-luv .glide-content .mission-gift-box .mission-gift-item {
    flex:0 0 calc(50% - 5px);
    max-width:calc(50% - 5px);
    margin:0 10px 4px 0
}
.mobile-player-container .play-mission-luv .glide-content .mission-gift-box .mission-gift-item:nth-child(2n) {
    margin-right:0
}
.tab-list-header {
    position:relative
}
.tab-list-header .adult-radio {
    position:absolute;
    top:16px;
    right:0
}
.custom .adult-radio input.hidden+label {
    height:20px!important;
    line-height:28px!important;
    padding:0 70px 0 0!important;
    color:#ff5f8c!important;
    font-size:14px!important;
    font-weight:700!important
}
.adult-radio input.hidden+label {
    height:20px!important;
    line-height:20px!important;
    padding:0 41px 0 0!important;
    color:#ff5f8c!important;
    font-size:14px!important
}
.adult-radio label:after,
.adult-radio label:before {
    content:""!important
}
.custom .adult-radio .box:before,
.custom .adult-radio input:focus~label:before,
.custom .adult-radio label:before,
.custom .adult-radio label:focus:before,
.custom .adult-radio label:hover:before {
    width:44px!important;
    height:20px!important;
    border:2px solid #ff5f8c!important;
    background-color:#fff!important
}
.adult-radio .box:before,
.adult-radio input:focus~label:before,
.adult-radio label:before,
.adult-radio label:focus:before,
.adult-radio label:hover:before {
    width:36px!important;
    height:20px!important;
    border:2px solid #ff5f8c!important;
    background-color:#fff!important
}
.custom .adult-radio label:after {
    width:18px!important;
    height:18px!important;
    right:25px!important;
    top:1px!important
}
.adult-radio label:after,
.custom .adult-radio label:after {
    background-color:#ff5f8c!important;
    box-shadow:none!important
}
.adult-radio label:after {
    width:14px!important;
    height:14px!important;
    right:18px!important;
    top:3px!important
}
.adult-radio.toggle.checkbox input:checked~.box,
.adult-radio.toggle.checkbox input:checked~label,
.adult-radio.ui.toggle.checkbox input:focus:checked~.box,
.adult-radio.ui.toggle.checkbox input:focus:checked~label {
    color:#000!important
}
.adult-radio.ui.toggle.checkbox input:checked~.box:before,
.adult-radio.ui.toggle.checkbox input:checked~label:before,
.adult-radio.ui.toggle.checkbox input:checked~label:focus:before,
.adult-radio.ui.toggle.checkbox input:checked~label:hover:before,
.adult-radio.ui.toggle.checkbox input:focus:checked~.box:before,
.adult-radio.ui.toggle.checkbox input:focus:checked~label:before {
    background-color:red!important
}
.custom .adult-radio.ui.toggle.checkbox input:checked~.box:after,
.custom .adult-radio.ui.toggle.checkbox input:checked~label:after {
    background-color:#fff!important;
    right:1px!important
}
.adult-radio.ui.toggle.checkbox input:checked~.box:after,
.adult-radio.ui.toggle.checkbox input:checked~label:after {
    background-color:#fff!important;
    right:4px!important
}
.mobile-player-container .live-sub-section {
    border:0
}
.asp-wrapper .live-video-btns.type02 {
    height:50px!important
}
.live-main-container .live-video-btns.type02 {
    width:auto;
    z-index:2
}
.live-main-container .btn-user {
    position:absolute;
    top:0;
    right:0;
    color:#fff;
    z-index:100
}
.chat-btn-group {
    position:fixed;
    bottom:90px;
    right:8px;
    z-index:10;
    display:flex;
    flex-direction:column
}
.chat-btn-group button {
    width:30px;
    height:30px;
    padding:0;
    background:#acb2b9;
    border-radius:6px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:10px;
    position:relative
}
.chat-btn-group button img {
    width:18px
}
.chat-btn-group.off,
.stream-type-m .chat-btn-group.off {
    bottom:4px
}
.chat-btn-group.off button,
.stream-type-m .chat-btn-group.off button {
    background:hsla(0,0%,100%,.16)
}
.live-video-header {
    position:absolute;
    top:-100%;
    left:0;
    right:0;
    z-index:100;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    padding:8px 8px 16px;
    background:#000;
    background:linear-gradient(180deg,rgba(0,0,0,.7),transparent);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    transition:all .3s
}
.live-video-header.on {
    top:0
}
.live-video-header .info-group {
    display:flex;
    flex:1
}
.live-video-header .info-group .live-logo {
    display:flex;
    align-items:center;
    height:20px
}
.live-video-header .info-group .live-logo img {
    vertical-align:top;
    height:100%
}
.live-video-header .info-group .landscape-title {
    display:none;
    flex-direction:column;
    margin-left:8px;
    color:#fff;
    flex:1;
    text-align:left
}
.stream-type-m .live-video-header .info-group .landscape-title {
    display:flex;
    align-items:flex-start
}
.live-video-header .control-group {
    display:inline-flex;
    align-items:center
}
.live-video-header .control-group .btn-bj-controls {
    display:inline-flex;
    align-items:center;
    margin:0;
    padding:0;
    color:#fff;
    font-size:14px
}
.live-video-header .control-group .btn-bj-controls:after {
    display:block;
    width:10px;
    height:12px;
    margin-left:4px;
    background-position:50%;
    background-image:url(https://static.flextv.co.kr/20240802/btn_menu_white_6eb0c6cf41.png);
    background-repeat:no-repeat;
    background-size:auto 12px;
    content:""
}
.mobile-player-container .flex-send-luv .flex-send-content {
    display:flex;
    flex-direction:row
}
.mobile-player-container .flex-gift-wrap {
    padding:8px
}
.mobile-player-container .flex-gift-wrap .btn-charge {
    position:absolute;
    top:8px;
    right:16px;
    margin-left:16px
}
.mobile-player-container .flex-gift-wrap .btn-stop-gift {
    background-color:#ff7b7b!important;
    display:flex;
    align-items:center;
    justify-content:center;
    height:32px!important;
    width:100%;
    margin:0 0 8px;
    padding:0;
    border:0!important;
    border-radius:0!important;
    color:#fff!important
}
.mobile-player-container .flex-gift-wrap .btn-stop-gift:before {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    margin-right:4px;
    background-color:#fff;
    font-weight:700;
    color:#ff7b7b;
    border-radius:50%;
    content:"!"
}
.mobile-player-container .flex-gift-wrap .single-gift-wrap {
    padding-top:32px
}
.mobile-player-container .flex-gift-wrap .flex-gift-tab .gift-tab-menu {
    display:flex;
    height:30px;
    align-items:center;
    cursor:pointer;
    margin-bottom:8px;
    padding:0 12px
}
.mobile-player-container .flex-gift-wrap .emoji-slide-wrap,
.mobile-player-container .flex-gift-wrap .flex-gift-tab .emoji-slide-wrap,
.mobile-player-container .flex-gift-wrap .flex-gift-tab .text-slide-wrap,
.mobile-player-container .flex-gift-wrap .text-slide-wrap {
    padding:0 12px;
    position:relative
}
.mobile-player-container .flex-gift-wrap .emoji-slide-wrap .glide__arrows,
.mobile-player-container .flex-gift-wrap .flex-gift-tab .emoji-slide-wrap .glide__arrows,
.mobile-player-container .flex-gift-wrap .flex-gift-tab .text-slide-wrap .glide__arrows,
.mobile-player-container .flex-gift-wrap .text-slide-wrap .glide__arrows {
    padding:0;
    position:absolute;
    top:50%;
    width:16px;
    height:16px;
    margin-top:-8px
}
.mobile-player-container .flex-gift-wrap .emoji-slide-wrap .glide__arrows.left,
.mobile-player-container .flex-gift-wrap .flex-gift-tab .emoji-slide-wrap .glide__arrows.left,
.mobile-player-container .flex-gift-wrap .flex-gift-tab .text-slide-wrap .glide__arrows.left,
.mobile-player-container .flex-gift-wrap .text-slide-wrap .glide__arrows.left {
    left:-16px
}
.mobile-player-container .flex-gift-wrap .emoji-slide-wrap .glide__arrows.right,
.mobile-player-container .flex-gift-wrap .flex-gift-tab .emoji-slide-wrap .glide__arrows.right,
.mobile-player-container .flex-gift-wrap .flex-gift-tab .text-slide-wrap .glide__arrows.right,
.mobile-player-container .flex-gift-wrap .text-slide-wrap .glide__arrows.right {
    right:-16px
}
.mobile-player-container .flex-gift-wrap .flex-gift-tab .text-slide-wrap .glide__slides,
.mobile-player-container .flex-gift-wrap .text-slide-wrap .glide__slides {
    align-items:flex-start
}
.mobile-player-container .flex-gift-wrap .flex-gift-txt {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:8px 12px
}
.mobile-player-container .flex-gift-wrap .flex-gift-txt>.ui.form.flex-gift-form {
    display:flex;
    flex:1;
    padding-left:16px;
    justify-content:flex-end
}
.mobile-player-container .flex-gift-wrap .flex-gift-txt>.ui.form.flex-gift-form>.ui.input {
    width:auto;
    height:30px
}
.mobile-player-container .flex-gift-wrap .flex-gift-txt>.ui.form.flex-gift-form>.ui.input input {
    width:100%;
    height:100%;
    padding:0 8px;
    border-radius:4px;
    text-align:right
}
#__next .mobile-player-container .flex-gift-wrap .flex-gift-txt>.ui.form.flex-gift-form>.ui.button {
    width:80px;
    height:30px;
    margin:0 0 0 4px;
    padding:0;
    border-radius:4px
}
.stream-controls {
    margin-top:16px;
    text-align:right
}
.stream-controls button {
    margin:0 0 8px 8px!important
}
.adult-wm,
.logo-wm {
    position:absolute;
    top:16px
}
.logo-wm {
    left:16px;
    width:100px;
    height:20px;
    background-image:url(https://static.flextv.co.kr/20240802/logo_9e6a8847e9.png);
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:0 20px
}
.adult-wm {
    right:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    border:2px solid #cdcdcd;
    font-size:12px;
    font-weight:700;
    color:#cdcdcd;
    border-radius:50%;
    font-style:normal
}
.live-main-container:before {
    display:block;
    width:60px;
    height:15px;
    background-image:url(https://static.flextv.co.kr/20240802/live_logo_01953f0ded.png);
    background-size:60px 15px;
    background-position:0 0;
    background-repeat:no-repeat;
    position:absolute;
    left:8px;
    z-index:5;
    opacity:.07;
    content:""
}
.desktop-player-container .live-main-container:after,
.desktop-player-container .live-main-container:before {
    top:8px
}
.asp-container {
    margin:0 auto;
    max-width:1600px;
    background-color:#fff
}
.asp-container .live-main-container:before {
    top:50px!important
}
.btn-scroll-bottom {
    display:flex;
    width:129px;
    height:25px;
    color:#fff;
    align-items:center;
    justify-content:center;
    position:absolute;
    bottom:140px;
    left:50%;
    margin-left:-75px
}
.mobile-player-container .btn-scroll-bottom {
    bottom:10px
}
.desktop-player-container .single-lex-input input {
    width:100%!important;
    height:100%!important
}
.mobile-player-container .sendLuv-box-m>.set {
    margin-right:4px
}
.mobile-player-container .live-root-container .live-main-container .live-mobile-video {
    position:relative;
    width:100%;
    height:100%;
    background:#000;
    text-align:center
}
.mobile-player-container .live-root-container .live-main-container .live-mobile-video .h100,
.mobile-player-container .live-root-container .live-main-container .live-mobile-video .h100>.plyr {
    height:100%
}
.mobile-player-container .live-root-container .live-main-container,
.mobile-player-container .live-root-container .live-sub-container {
    width:100%;
    border:0
}
.mobile-player-container .live-root-container .live-main-container .live-mobile-video>.live-video-btns+div {
    display:block
}
.mobile-player-container .live-root-container .live-sub-container {
    flex:1;
    max-height:100%
}
.mobile-player-container .live-main-container .live-mobile-video .live-video-btns {
    position:absolute;
    top:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    background:transparent;
    font-size:14px;
    color:#fff;
    padding:10px 15px;
    z-index:3
}
.mobile-player-container .live-main-container .live-mobile-video .live-video-btns.bg {
    background:#000;
    background:linear-gradient(180deg,rgba(0,0,0,.7),transparent);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1)
}
.mobile-player-container .live-main-container .live-mobile-video .live-video-btns.type02 {
    width:auto;
    height:auto;
    padding:0;
    top:40px;
    left:8px
}
.mobile-player-container .live-main-container .live-mobile-video .live-video-btns+.plyr {
    height:100%
}
.mobile-player-container .live-main-container .live-mobile-video .live-video-title {
    position:absolute;
    bottom:-100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    font-size:14px;
    color:#fff;
    padding:16px 8px 8px;
    transition:all .3s;
    background:#000;
    background:linear-gradient(0deg,rgba(0,0,0,.8),transparent)
}
.mobile-player-container .live-main-container .live-mobile-video .live-video-title.on {
    bottom:0
}
.mobile-player-container .live-main-container .live-mobile-video .live-video-title>span {
    max-width:200px;
    word-break:keep-all;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    flex:1;
    text-align:left
}
.landscape-title>div,
.landscape-title>div>span,
.mobile-player-container .live-main-container .live-mobile-video .live-video-title>div,
.mobile-player-container .live-main-container .live-mobile-video .live-video-title>div>span {
    display:flex;
    align-items:center
}
.mobile-player-container .live-mobile-video .live-video-btns .btn-tab {
    height:26px;
    line-height:26px;
    font-size:14px;
    color:#222;
    padding:0 10px 0 28px;
    border-radius:4px;
    background:url(https://static.flextv.co.kr/20240802/ico_silence_3d86ae601a.png) no-repeat hsla(0,0%,100%,.6) 9px;
    background-size:12px;
    z-index:3
}
.mobile-player-container .live-mobile-video .live-video-btns .btn-conver {
    display:inline-block;
    width:22px;
    height:22px;
    vertical-align:-7px;
    background:url(https://static.flextv.co.kr/20240802/btn_conver_aa7026b86c.png) no-repeat;
    background-size:cover;
    margin-right:15px
}
.mobile-player-container .live-mobile-video .live-video-btns .btn-more {
    display:inline-block;
    width:2px;
    height:12px;
    vertical-align:-2px;
    background:url(https://static.flextv.co.kr/20240802/btn_menu_white_a7eaf146ed.png) no-repeat;
    background-size:contain
}
.mobile-player-container .live-mobile-video .live-video-btns .btn-more:after {
    content:none
}
.mobile-player-container .live-mobile-video .plyr__controls {
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    background:transparent
}
.mobile-player-container .live-mobile-video .plyr__controls>.plyr__controls__item[type=button] {
    width:60px;
    height:60px;
    margin-left:unset;
    margin-right:unset;
    background:transparent
}
.mobile-player-container .live-mobile-video .plyr__controls>.plyr__controls__item[type=button]>svg {
    width:100%;
    height:100%
}
.mobile-player-container .live-mobile-video .plyr__controls>.plyr__controls__item[type=button] .icon--pressed {
    display:none
}
.mobile-player-container .live-sub-section {
    width:100%
}
.mobile-player-container .chat-wrap {
    overflow:auto;
    touch-action:pinch-zoom
}
.mobile-player-container .chat-wrap .chat-content {
    height:100%
}
.mobile-player-container .chat-wrap .chat-list {
    height:100%;
    padding:0 8px
}
.mobile-player-container .chat-wrap .chat-list .chat-item .chat {
    font-size:14px;
    padding-left:0;
    display:inline
}
.mobile-player-container .chat-content {
    position:static;
    top:unset;
    bottom:unset
}
.mobile-player-container .broadcast-wrap {
    position:relative;
    display:flex;
    flex-direction:column;
    height:100%
}
.mobile-player-container .broadcast-wrap .broadcast-category .input-box {
    display:none
}
.mobile-player-container .broadcast-wrap .broadcast-category .input-box .ui.input>input {
    font-size:14px
}
.mobile-player-container .broadcast-wrap .broadcast-category .ui.selection.dropdown {
    max-width:120px;
    padding-top:6px
}
.mobile-player-container .broadcast-wrap .broadcast-category,
.mobile-player-container .broadcast-wrap .broadcast-count {
    flex:0
}
.mobile-player-container .broadcast-wrap .broadcast-category {
    position:relative;
    justify-content:flex-end
}
.mobile-player-container .broadcast-wrap .broadcast-count {
    position:absolute;
    top:26px;
    left:10px;
    transform:translateY(-50%);
    margin-bottom:4px;
    font-size:14px
}
.mobile-player-container .broadcast-wrap .broadcast-count>.btn-reset {
    display:none
}
.mobile-player-container .broadcast-wrap .broadcast-list {
    flex:1;
    overflow:auto
}
.mobile-player-container .live-sub-container .live-sub-section .live-btns {
    display:flex
}
.mobile-player-container .live-sub-container .live-sub-section .live-btns .icon {
    flex:0;
    height:24px
}
.mobile-player-container .chat-wrap .live_chat-input-container__AQbly {
    position:static!important;
    flex:1;
    height:32px;
    background-color:transparent;
    padding:0
}
.mobile-player-container .chat-wrap .live_chat-input-container__AQbly>.field>.ui.fluid.inverted.icon.input>input {
    background-color:#f7f7f7
}
.mobile-player-container .live-sub-btns.mobile {
    display:flex;
    width:100%;
    padding:5px 10px;
    border-top:1px solid #dcdcdc
}
.mobile-player-container .live-sub-btns.mobile>form {
    flex:1
}
.mobile-player-container .live-sub-btns.mobile>form>input {
    width:100%;
    height:32px;
    padding:10px;
    border-radius:8px;
    background-color:#f7f7f7;
    border:transparent
}
.mobile-player-container .live-sub-btns.mobile .icon {
    flex:0 0 24px;
    height:24px;
    margin-right:8px;
    background-repeat:no-repeat;
    background-size:cover;
    padding:0
}
.mobile-player-container .landscape-content-box .icon.star {
    background-size:24px;
    background-repeat:no-repeat;
    background-color:hsla(0,0%,100%,.15);
    background-position:50%;
    border-radius:8px;
    margin-left:4px
}
.mobile-player-container .live-sub-btns.mobile .icon.gift {
    background-image:url(https://static.flextv.co.kr/20240802/gift_box_m_cf1e18dc94.svg);
    background-size:contain
}
.mobile-player-container .live-sub-btns.mobile .icon.up {
    background-image:url(https://static.flextv.co.kr/20240802/btn_up_02_c2f1d1f1ae.png)
}
.mobile-player-container .landscape-content-box .icon.star,
.mobile-player-container .live-sub-btns.mobile .icon.star {
    background-image:url(https://static.flextv.co.kr/20240802/star_ico_off_744716311c.svg);
    background-size:contain
}
.mobile-player-container .landscape-content-box .icon.star.on,
.mobile-player-container .live-sub-btns.mobile .icon.star.on {
    background-image:url(https://static.flextv.co.kr/20240802/star_ico_on_078b4a260c.svg);
    background-size:contain
}
.mobile-player-container .live-sub-btns.mobile .icon.message {
    background-image:url(https://static.flextv.co.kr/20240802/btn_chat_on_7285958ef1.png)
}
.mobile-player-container .mobile-tab {
    height:100%
}
.mobile-player-container .mobile-tab .react-tabs__tab-panel {
    height:calc(100% - 40px)
}
#__next .mobile-player-container .mobile-tab .react-tabs__tab-list {
    height:40px;
    align-items:center;
    border-top:1px solid #eee
}
#__next .mobile-player-container .mobile-tab .react-tabs__tab {
    padding:0;
    font-size:14px;
    color:#999;
    text-align:center;
    background-color:transparent;
    border:0;
    border-right:1px solid #ddd
}
#__next .mobile-player-container .mobile-tab .react-tabs__tab:last-child {
    border-right:0
}
#__next .mobile-player-container .mobile-tab .react-tabs__tab--selected {
    color:#222
}
.mobile-player-container .send-luv-pop {
    width:100%;
    border-radius:0;
    left:0;
    right:unset;
    padding:3px
}
.mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-list {
    background-color:#e5e5e5;
    color:#888;
    border-radius:7px 7px 0 0;
    overflow:hidden
}
.mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab {
    display:flex;
    height:100%;
    align-items:center;
    font-size:10px;
    color:#888
}
#__next .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab.react-tabs__tab--selected,
.mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab.react-tabs__tab--selected {
    background-color:#fff;
    color:#ff4076
}
.mobile-player-container .send-luv-pop .flex-gift-wrap .react-tabs__tab {
    display:inline-flex;
    height:auto;
    border:0!important
}
.mobile-player-container .send-luv-pop .flex-gift-wrap .react-tabs__tab-list {
    background-color:transparent
}
.mobile-player-container .play-mission-luv .glide-content .mission-gift-box .mission-gift-item {
    flex:0 0 100%;
    max-width:100%;
    margin:0 0 4px
}
.sendLuvPopup {
    position:absolute;
    bottom:40px;
    right:0
}
@media screen and (max-width:1366px) {
    .play-mission-luv .glide__slides {
        overflow:visible;
        align-items:flex-start
    }
}
@media screen and (max-width:1280px) {
    .desktop-player-container .btn-cast-list,
    .desktop-player-container .live-sub-section.live-sub-list {
        display:none!important
    }
    .sendLuvPopup {
        position:fixed;
        bottom:40px;
        right:340px;
        z-index:10
    }
}
@media screen and (max-width:1023px) {
    .mobile-player-container .chat-item .txt-wrap .chat-user-name .chat-member-nick {
        display:inline-block;
        overflow:hidden
    }
    .mobile-player-container .chat-item .txt-wrap .chat-user-name {
        line-height:20px
    }
    .chat-wrap .chat-list .chat-item.admin .chat,
    .chat-wrap .chat-list .chat-item.police .chat,
    .mobile-player-container .chat-item .txt-wrap .chat {
        flex:1;
        margin:0 0 0 8px;
        line-height:20px
    }
    .send-luv-wrap {
        transform:scale(.6)
    }
    .live-channel-menu {
        padding:8px;
        flex-direction:column-reverse
    }
    .channel-btn-modal .icon.freezen,
    .channel-btn-modal .icon.stop {
        background-size:12px!important
    }
    .live-channel-menu .channel-menu-btns .grid-container {
        justify-content:flex-end
    }
    .channel-menu-btns .channel-btn-modal .text {
        height:24px;
        line-height:26px
    }
    .channel-menu-btns .channel-btn-modal .icon {
        width:24px;
        height:24px;
        margin-bottom:0
    }
    .channel-menu-btns .stream-controls {
        margin-top:8px
    }
    .channel-menu-btns .channel-btn-modal .live-spot {
        right:72px
    }
}
@media screen and (max-width:767px) {
    .mobile-player-container .live-sub-btns.mobile {
        display:flex;
        align-items:center;
        height:45px
    }
    .mobile-player-container .live-sub-btns.mobile .icon {
        margin-top:0
    }
    .mobile-player-container .live-sub-btns.mobile>form>input {
        height:35px;
        padding:0 8px;
        vertical-align:top
    }
}
@media screen and (max-width:500px) {
    .mobile-player-container .live-sub-container {
        width:100%;
        position:relative;
        border:none
    }
}
@media screen and (min-width:560px) and (orientation:landscape) {
    .mobile-player-container .chat-noti {
        color:#fff
    }
    .mobile-player-container {
        top:0
    }
    .asp-wrapper {
        position:relative;
        width:100%;
        background-color:#000
    }
    .asp-wrapper .plyr__video-wrapper {
        padding-bottom:70.4%!important
    }
    .mobile-player-container .plyr__video-wrapper {
        padding-bottom:56.25%;
        width:100%;
        height:100%
    }
    #__next .mobile-player-container .player-header {
        display:none
    }
    .mobile-player-container .live-sub-container {
        width:0;
        height:0;
        overflow:hidden
    }
    .mobile-player-container .live-root-container {
        top:0
    }
    .mobile-player-container .live-root-container .live-main-container {
        width:100%;
        height:100%
    }
    .mobile-player-container .chat-entry {
        background-color:rgba(236,245,255,.4)
    }
    .mobile-player-container .chat-item .bg {
        display:inline-block;
        vertical-align:top
    }
    .mobile-player-container .chat-wrap .chat-list .chat-item.topDona {
        display:inline-block
    }
    .mobile-player-container .chat-wrap .chat-list .chat-item.topDona:after {
        opacity:.3
    }
    .mobile-player-container .chat-wrap .chat-list .chat-item.topDona .bg {
        background-color:rgba(0,0,0,.5)
    }
    .mobile-player-container .chat-wrap .chat-list .chat-item .chat-user-name {
        color:#fff;
        font-size:14px;
        width:100px;
        white-space:nowrap
    }
    .mobile-player-container .chat-wrap .chat-list .chat-item.police .chat,
    .mobile-player-container .chat-wrap .chat-list .chat-item.police .chat-user-name {
        color:#e10000
    }
    .mobile-player-container .chat-wrap .chat-list .chat-item.admin .chat-user-name {
        color:#888
    }
    .mobile-player-container .chat-wrap .chat-list .chat-item.admin .chat {
        color:#000
    }
    .mobile-player-container .chat-wrap .chat-list .chat-item .chat {
        color:#fff;
        display:inline;
        font-size:14px
    }
    .mobile-player-container .chat-wrap .chat-list .chat-item .chat-user-level {
        vertical-align:middle
    }
    .mobile-player-container .live-sub-section {
        width:0;
        height:0;
        font-size:0
    }
    .mobile-player-container .landscape-header {
        position:absolute;
        top:0;
        left:0;
        background:transparent;
        display:flex;
        width:calc(100% - 45px);
        justify-content:space-between;
        font-size:9px;
        font-weight:400;
        color:#fff;
        padding:5px 10px;
        z-index:3
    }
    .mobile-player-container .landscape-header>.info {
        display:flex
    }
    .mobile-player-container .landscape-header>.info>.app-logo {
        flex:0 0 72px;
        max-width:72px;
        margin-right:10px
    }
    .mobile-player-container .landscape-header>.info>section {
        flex:1
    }
    .mobile-player-container .landscape-header .info .title {
        display:block;
        margin-bottom:8px;
        font-size:12px;
        text-align:left
    }
    .mobile-player-container .landscape-header .info .nick,
    .mobile-player-container .landscape-header .info .recom,
    .mobile-player-container .landscape-header .info .views {
        margin-right:15px
    }
    .mobile-player-container .landscape-header .btn-mode-toggle {
        display:inline-block;
        width:26px;
        height:26px;
        margin-right:10px;
        background:url(https://static.flextv.co.kr/20240802/btn_dark_on_a8152353c2.png) no-repeat 50%;
        background-size:23px;
        padding:0;
        vertical-align:top
    }
    .mobile-player-container .landscape-header .btn-dropDown {
        display:inline-block;
        width:10px;
        height:12px;
        background:url(https://static.flextv.co.kr/20240802/btn_menu_white_a7eaf146ed.png) no-repeat 50%;
        background-size:2px;
        padding:0;
        vertical-align:-7px
    }
    .mobile-player-container .landscape-content {
        display:flex;
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        z-index:1;
        padding:0 8px;
        background:rgba(0,0,0,.7);
        align-items:center;
        height:40px
    }
    .mobile-player-container .landscape-content .landscape-content-box {
        display:flex;
        align-items:center;
        height:100%;
        flex:1
    }
    .mobile-player-container .landscape-content .landscape-content-box button {
        margin-right:4px;
        padding:0;
        width:32px;
        height:32px
    }
    .mobile-player-container .landscape-content .landscape-content-box button.btn-favor {
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:8px;
        background-color:hsla(0,0%,100%,.16)
    }
    .mobile-player-container .landscape-content .landscape-content-box button.btn-favor img {
        width:24px
    }
    .mobile-player-container .landscape-content .landscape-input {
        position:relative;
        display:inline-flex;
        width:auto;
        height:32px;
        border-radius:8px;
        background:transparent;
        flex:1
    }
    .mobile-player-container .landscape-content .landscape-input .btn-chat-send {
        height:32px;
        margin:0 0 0 4px;
        display:flex;
        flex:0 0 40px
    }
    .mobile-player-container .landscape-content .landscape-input form {
        width:100%;
        height:100%
    }
    .mobile-player-container .landscape-content .landscape-input input {
        width:100%;
        height:100%;
        border:0;
        background-color:hsla(0,0%,100%,.15);
        padding:0 8px;
        border-radius:8px;
        color:#fff;
        flex:1;
        outline:none
    }
    .mobile-player-container .landscape-content .landscape-input input:focus {
        outline:none;
        max-width:100%
    }
    .mobile-player-container .landscape-content .landscape-input button {
        display:none
    }
    .chat-btn-group,
    .mobile-player-container .chat-btn-group {
        bottom:64px
    }
    .chat-btn-group.off,
    .mobile-player-container .chat-btn-group.off {
        bottom:4px
    }
    .chat-btn-group button,
    .chat-btn-group.off button,
    .stream-type-m .chat-btn-group button,
    .stream-type-m .chat-btn-group.off button {
        background:#acb2b9
    }
    .live-video-header .info-group .landscape-title,
    .stream-type-m .live-video-header .info-group .landscape-title {
        display:flex;
        align-items:flex-start
    }
    .mobile-player-container .gift-item>div {
        padding:0;
        height:70px
    }
    .mobile-player-container .gift-item>div img {
        width:auto;
        height:100%;
        margin:0 auto
    }
    .mobile-player-container .flex-gift-wrap .flex-gift-tab .emoji-slide-wrap,
    .mobile-player-container .flex-gift-wrap .flex-gift-tab .text-slide-wrap {
        padding:4px 16px;
        border:0
    }
    .mobile-player-container .flex-gift-wrap .flex-gift-tab .gift-tab-menu {
        flex-direction:column;
        width:80px;
        height:100%;
        padding:0;
        overflow:hidden
    }
    #__next .type04 .react-tabs__tab:after,
    .modal .type04 .react-tabs__tab:after {
        display:none
    }
    .mobile-player-container .sendLuv-guide-tooltip.tooltip-continue {
        left:0;
        top:60px
    }
    #__next .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab,
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab {
        border-radius:0
    }
    .mobile-player-container .live-chat-user,
    .mobile-users-container {
        left:unset;
        right:0;
        width:200px;
        max-height:100%
    }
    .mobile-luv-panels {
        height:110px
    }
}
.mobile-chat-group {
    position:fixed;
    flex-direction:column;
    width:100%;
    height:calc(100% - (100vw * .5625));
    background-color:#fff;
    bottom:0;
    left:0
}
.mobile-chat-group .group-btns {
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:0;
    border-top:1px solid #eee
}
.mobile-chat-group .group-btns button {
    flex:1 1 50%;
    height:30px;
    margin:0;
    padding:0;
    font-size:14px;
    line-height:30px;
    color:#888;
    cursor:pointer;
    background-color:#eee
}
.mobile-chat-group .group-btns button.on {
    color:#333;
    font-weight:700;
    background-color:#fff
}
.mobile-chat-group .group-btns button:first-child {
    border-right:1px solid #eee
}
.mobile-chat-group .group-body {
    height:calc(100% - 30px);
    overflow:hidden
}
.mobile-chat-group .group-body.tabs-hidden {
    height:100%
}
.mobile-chat-group .group-body .chat-panel {
    height:100%;
    overflow:hidden
}
.mobile-chat-group .group-body .chat-panel .resizable-wrapper {
    position:relative;
    overflow:hidden
}
.mobile-chat-group .group-body .chat-panel .live-sub-btns {
    height:40px;
    border-color:#eee
}
.mobile-chat-group .group-body .chat-panel .live-sub-btns>form>input {
    height:32px;
    border-radius:4px
}
.mobile-chat-group .group-body .chat-panel .resizable-wrapper .chat-resizable {
    position:absolute!important;
    left:0;
    right:0;
    top:unset;
    bottom:0;
    width:100%;
    min-width:100%;
    max-width:100%;
    overflow:hidden;
    padding-top:16px
}
.mobile-chat-group .group-body .chat-panel .resizable-wrapper .chat-resizable .resizable-handle div {
    top:-7px!important;
    left:0!important;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%!important;
    height:30px!important;
    background-color:transparent!important
}
.mobile-chat-group .group-body .chat-panel .resizable-wrapper .chat-resizable .resizable-handle div:after {
    display:block;
    background-color:#ddd;
    border-radius:4px;
    width:100px;
    height:6px;
    content:""
}
.mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile>form>input:focus {
    outline:none
}
.stream-type-m .mobile-chat-group {
    position:fixed;
    height:50%;
    left:0;
    right:0;
    top:unset;
    bottom:0;
    z-index:3;
    background-color:transparent
}
.stream-type-m .mobile-chat-group .group-btns {
    border:0;
    background-color:rgba(0,0,0,.5)
}
.stream-type-m .mobile-chat-group .group-btns button {
    color:#ddd;
    background-color:transparent
}
.stream-type-m .mobile-chat-group .group-btns button:first-child {
    border:0
}
.stream-type-m .mobile-chat-group .group-btns button.on {
    background-color:hsla(0,0%,100%,.2);
    color:#fff
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .resizable-wrapper .chat-resizable {
    background-color:rgba(0,0,0,.4)
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .resizable-wrapper .chat-resizable .resizable-handle>div {
    background-color:transparent!important
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .resizable-wrapper {
    height:calc(100% - 40px)
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns {
    height:40px;
    border-top:0;
    background-color:rgba(0,0,0,.4)
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon {
    flex:0 0 32px;
    width:32px;
    height:32px;
    border-radius:8px
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon.gift {
    background-image:url(https://static.flextv.co.kr/20240802/gift_box_white_84947f7bae.svg);
    background-color:hsla(0,0%,100%,.15);
    background-size:60%;
    background-repeat:no-repeat;
    background-position:50%
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon.up {
    background-image:url(https://static.flextv.co.kr/20240802/btn_up_02_w_6455b37007.png)
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon.star {
    background-image:url(https://static.flextv.co.kr/20240802/btn_bookmark_off_w_718ee903b8.png);
    background-color:hsla(0,0%,100%,.15);
    background-position:50%;
    background-size:24px
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon.star.on {
    background-image:url(https://static.flextv.co.kr/20240802/btn_bookmark_on_w_0c563558f4.png)
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns .emoji {
    background-color:hsla(0,0%,100%,.15);
    background-position:50%;
    background-size:24px
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile>form>div {
    border:none;
    border-radius:8px
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile>form>div>button {
    margin-left:0;
    background-color:#ccc
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile>form>div>input {
    height:32px;
    background-color:hsla(0,0%,100%,.15);
    color:#fff;
    border-radius:8px;
    padding-left:8px
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile>form>div>input::-moz-placeholder {
    color:#ccc
}
.stream-type-m .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile>form>div>input::placeholder {
    color:#ccc
}
.mobile-chat-group .group-body .list-panel {
    height:100%
}
.mobile-chat-group .group-body .list-panel .broadcast-wrap {
    padding-bottom:0
}
.stream-type-m .mobile-chat-group .group-body .list-panel {
    background-color:rgba(0,0,0,.7)
}
.stream-type-m .mobile-chat-group .group-body .list-panel .broadcast-item .broadcast-info .title,
.stream-type-m .mobile-chat-group .group-body .list-panel .broadcast-wrap .broadcast-count .count-box>span {
    color:#fff
}
.stream-type-m .mobile-chat-group .group-body .list-panel .broadcast-item .broadcast-info .nickname {
    color:#ccc
}
@media screen and (min-width:560px) and (orientation:landscape) {
    .mobile-chat-group {
        position:fixed;
        height:100%;
        max-height:40%;
        left:0;
        right:0;
        top:unset;
        bottom:0;
        background-color:transparent
    }
    .mobile-chat-group .group-body {
        height:100%
    }
    .mobile-chat-group .group-body .chat-panel {
        display:block!important
    }
    .mobile-chat-group .group-body .list-panel,
    .mobile-chat-group .group-btns {
        display:none!important
    }
    .mobile-chat-group .group-body .chat-panel .resizable-wrapper .chat-resizable {
        background-color:rgba(0,0,0,.4)
    }
    .mobile-chat-group .group-body .chat-panel .resizable-wrapper .chat-resizable .resizable-handle>div {
        background-color:transparent!important
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns {
        height:40px;
        border-top:0;
        background-color:rgba(0,0,0,.4)
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon {
        flex:0 0 24px;
        width:24px;
        height:24px;
        border-radius:8px;
        margin:0 4px 0 0
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon.gift {
        background-image:url(https://static.flextv.co.kr/20240802/gift_box_white_84947f7bae.svg);
        background-color:hsla(0,0%,100%,.15);
        background-size:60%;
        background-repeat:no-repeat;
        background-position:50%
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon.up {
        background-image:url(https://static.flextv.co.kr/20240802/btn_up_02_w_6455b37007.png)
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon.star {
        background-image:url(https://static.flextv.co.kr/20240802/btn_bookmark_off_w_718ee903b8.png);
        background-color:hsla(0,0%,100%,.15);
        background-position:50%;
        background-size:24px
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns .icon.star.on {
        background-image:url(https://static.flextv.co.kr/20240802/btn_bookmark_on_w_0c563558f4.png)
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns .emoji {
        background-color:hsla(0,0%,100%,.15);
        background-position:50%;
        background-size:24px
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile>form>div {
        border:none;
        border-radius:8px
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile>form>div>button {
        background-color:#ccc
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile>form>div>input {
        height:32px;
        background-color:hsla(0,0%,100%,.15);
        border-radius:8px;
        padding-left:8px;
        color:#fff
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile>form>div>input::-moz-placeholder {
        color:#ccc
    }
    .mobile-chat-group .group-body .chat-panel .live-sub-btns.mobile>form>div>input::placeholder {
        color:#ccc
    }
    .mobile-player-container .flex-gift-wrap .btn-charge {
        position:static
    }
    .mobile-player-container .flex-gift-wrap .btn-stop-gift {
        margin:0
    }
}
.popup-chat {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.popup-chat-header {
    display:flex;
    flex-direction:row;
    align-items:center;
    height:40px;
    background-color:#eee
}
.popup-chat-header span {
    font-size:14px;
    display:inline-block;
    vertical-align:top;
    padding:0 10px;
    position:relative
}
.popup-chat.hidden-header .popup-chat-header {
    display:none
}
.popup-chat.light-theme {
    background-color:#e3e8eb
}
.popup-chat-header span:after {
    display:inline-block;
    width:1px;
    height:10px;
    background-color:#ddd;
    position:absolute;
    right:0;
    top:50%;
    margin-top:-5px;
    content:""
}
.popup-chat-header span:last-child:after {
    display:none
}
.popup-chat-Menu {
    background-color:#fff;
    width:100%;
    display:flex;
    flex-direction:row
}
.popup-chat-Menu>div {
    display:flex;
    flex:1;
    align-items:center;
    justify-content:center;
    height:50px;
    font-size:15px;
    color:#121212;
    border-bottom:2px solid #121212;
    cursor:pointer
}
.popup-chat-Menu>div.active {
    background:#121212;
    color:#fff
}
.popup-chat-btns,
.popup-chat-btns .popup-chat-btn-group {
    display:flex;
    flex-direction:row
}
.popup-chat-btns .popup-chat-btn-group.btn-group-first {
    width:38%
}
.popup-chat-btns .popup-chat-btn-group.btn-group-second {
    flex:1
}
.popup-chat-btns .channel-btn-modal {
    display:flex;
    flex:1;
    flex-direction:column;
    margin:0;
    padding:0;
    line-height:normal;
    align-items:center;
    justify-content:center;
    background-color:#f8f8f8;
    height:80px;
    cursor:pointer
}
.popup-chat-btns .channel-btn-modal:first-child {
    border-left:none
}
.popup-chat-btns .channel-btn-modal:last-child {
    border-right:none
}
.popup-chat-btns .channel-btn-modal .icon {
    position:static;
    transform:none;
    width:34px;
    height:34px;
    background-size:auto 20px!important
}
.popup-chat-btns .channel-btn-modal .icon.sponPassAll {
    background-size:18px auto!important
}
.popup-chat-btns .channel-btn-modal .icon.sponPass {
    background-size:auto 19px!important
}
.popup-chat-btns .channel-btn-modal .icon.sponReset {
    background-size:25px 19px!important
}
.popup-chat-btns .channel-btn-modal .text {
    font-size:13px;
    line-height:16px;
    color:#121212;
    margin-top:4px;
    display:flex;
    height:32px;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
.popup-chat-btns .channel-btn-modal .text span {
    display:block
}
.popup-chat-inner {
    position:absolute;
    top:170px;
    left:0;
    right:0;
    bottom:0
}
.popup-chat.hidden-header .popup-chat-inner {
    top:130px
}
.popup-chat-fanlist {
    position:absolute;
    top:90px;
    left:0;
    right:0;
    bottom:0
}
.popup-chat-fanlist>div {
    top:0!important
}
.popup-chat.hidden-header .popup-chat-fanlist {
    top:50px
}
.popup-chat.dark-theme {
    background-color:#000
}
.popup-chat.dark-theme .popup-chat-header {
    background-color:#282828
}
.popup-chat.dark-theme .popup-chat-header span {
    color:#fff
}
.popup-chat.dark-theme .popup-chat-Menu {
    background-color:#000
}
.popup-chat.dark-theme .popup-chat-Menu>div {
    position:relative;
    color:#fff;
    border-bottom:0
}
.popup-chat.dark-theme .popup-chat-Menu>div:before {
    position:absolute;
    top:0;
    left:0;
    display:block;
    height:5px;
    width:0;
    background-color:#000;
    transition:all .3s;
    content:""
}
.popup-chat.dark-theme .popup-chat-Menu>div.active {
    background-color:#282828
}
.popup-chat.dark-theme .popup-chat-Menu>div.active:before {
    width:100%;
    background-color:#ff024a
}
.popup-chat.dark-theme .popup-chat-btns {
    flex-direction:column
}
.popup-chat.dark-theme .popup-chat-btns .popup-chat-btn-group {
    width:100%;
    flex:1
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal {
    display:flex;
    flex-direction:row;
    height:40px;
    background-color:#2f2f2f;
    border-left:1px solid #000
}
.popup-chat.dark-theme .popup-chat-btns .popup-chat-btn-group .channel-btn-modal:first-child {
    border-left:0
}
.popup-chat.dark-theme .popup-chat-btns .popup-chat-btn-group.btn-group-first .channel-btn-modal {
    border-bottom:1px solid #000
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal:hover {
    background-color:#3e3e3e
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal:before {
    display:flex;
    align-items:center;
    justify-content:center;
    width:16px;
    height:16px;
    background-size:16px;
    background-position:50%;
    margin-right:8px;
    content:""
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal.btn-ico-stop:before {
    background-image:url(https://static.flextv.co.kr/20240802/popchat_ico_stop_cafdebe288.png)
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal.btn-ico-freezen:before {
    background-image:url(https://static.flextv.co.kr/20240802/popchat_ico_freezen_b0e54f5d20.png)
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal.btn-ico-pass:before {
    background-image:url(https://static.flextv.co.kr/20240802/popchat_ico_pass_214f94b4aa.png)
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal.btn-ico-passall:before {
    background-image:url(https://static.flextv.co.kr/20240802/popchat_ico_passall_c85edc10fd.png)
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal.btn-ico-reset:before {
    background-image:url(https://static.flextv.co.kr/20240802/popchat_ico_reset_25ec8b2854.png)
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal.btn-ico-game:before {
    background-image:url(https://static.flextv.co.kr/20240802/ico_game_2fa31fa0d8.png)
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal .icon {
    display:none
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal .text {
    color:#fff;
    flex-direction:row
}
.popup-chat.dark-theme .popup-chat-btns .channel-btn-modal .text span {
    margin-left:4px
}
.popup-chat.dark-theme .chat-wrap .live_chat-input-container__AQbly {
    background-color:#2f2f2f
}
.popup-chat.dark-theme .chat-wrap .wrap-chat-field>div {
    background-color:#000!important;
    padding-right:40px
}
.popup-chat.dark-theme .chat-wrap .wrap-chat-field textarea {
    background-color:#000!important;
    color:#fff!important;
    width:100%!important
}
.popup-chat.dark-theme .chat-wrap .wrap-chat-field textarea:focus {
    outline:none;
    border:1px solid #ff024a!important
}
.popup-chat.dark-theme .chat-wrap .wrap-chat-field .chat-submit-btn {
    background-color:#ff024a;
    border-radius:0 4px 4px 0
}
.popup-chat-container-title {
    font-size:12px;
    color:#000;
    padding:4px 8px;
    background-color:#f1f1f1
}
.popup-chat.dark-theme .popup-chat-container-title {
    color:#fff;
    background-color:#2f2f2f
}
.popup-chat-brcst-setting {
    padding:20px
}
.popup-chat-brcst-setting .brcst-setting-section {
    margin-bottom:30px
}
.popup-chat-brcst-setting .brcst-setting-subtitle {
    font-size:16px;
    margin-bottom:10px;
    color:#000
}
.popup-chat-brcst-setting .brcst-setting-btns {
    text-align:center
}
.popup-chat-brcst-setting .brcst-setting-input {
    width:100%
}
.popup-chat-brcst-setting .brcst-setting-input input {
    width:100%;
    height:40px;
    background-color:#fff;
    border:1px solid #d4d4d5;
    border-radius:4px;
    margin:0;
    padding:0 10px
}
.popup-chat-brcst-setting .brcst-setting-btns .brcst-setting-submit {
    font-size:14px;
    padding:12px 44px;
    border:1px solid #f2507e;
    color:#f2507e;
    border-radius:4px;
    background-color:#fff
}
.popup-chat.dark-theme .popup-chat-brcst-setting .brcst-setting-subtitle,
.popup-chat.dark-theme .ui.checkbox input.hidden+label,
.popup-chat.dark-theme .ui.radio input[type=radio]+label {
    color:#fff
}
.popup-chat.dark-theme .popup-chat-brcst-setting .brcst-setting-input input {
    color:#fff;
    background-color:#121212;
    border-color:#373737
}
.popup-chat.dark-theme .popup-chat-brcst-setting .brcst-setting-input input:focus {
    outline:none;
    border-color:#ff024a
}
.popup-chat.dark-theme .popup-chat-brcst-setting .ui.checkbox label:before {
    background-color:#121212!important;
    border-color:#373737!important
}
.popup-chat.dark-theme .popup-chat-brcst-setting .ui.checkbox input:checked~label:before {
    border-color:#ff024a!important;
    background-color:#ff024a!important
}
.popup-chat.dark-theme .popup-chat-brcst-setting .brcst-setting-btns .brcst-setting-submit {
    color:#fff;
    border-color:#ff024a;
    background-color:#ff024a
}
.popup-chat.dark-theme .live-chat-user {
    position:relative;
    background-color:#000;
    border:0;
    height:100%
}
.popup-chat.dark-theme .live-chat-user .chat-user-list {
    max-height:100%;
    position:absolute;
    top:0;
    left:0;
    right:0
}
.popup-chat.dark-theme .live-chat-user .chat-user-list .user-list-item {
    color:#fff
}
.popup-chat.dark-theme .live-chat-user .chat-user-list .user-list-title {
    color:#fff;
    background-color:#2f2f2f
}
.iframeEvents {
    position:fixed;
    width:100%;
    height:100%;
    border:none;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:101;
    pointer-events:none;
    overflow:hidden
}
@media screen and (max-width:360px) {
    .popup-chat-btns .channel-btn-modal .text {
        font-size:12px
    }
}
.chat-footer-support {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    background-color:#eef2f8;
    z-index:10
}
.chat-footer-support .support-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:48px;
    padding:8px 8px 8px 20px;
    border-bottom:1px solid rgba(0,0,0,.08)
}
.chat-footer-support .support-header .support-title {
    display:flex;
    align-items:center
}
.chat-footer-support .support-header .support-title img {
    width:18px
}
.chat-footer-support .support-header .support-title h3 {
    font-size:15px;
    font-weight:100;
    margin-top:0;
    margin-left:8px
}
.chat-footer-support .send-luv-pop {
    width:100%;
    padding:0;
    border-radius:0;
    background-color:transparent;
    top:48px;
    bottom:0
}
.chat-footer-support .send-luv-pop .react-tabs {
    height:100%
}
.chat-footer-support .send-luv-pop .react-tabs__tab-list li {
    border-radius:0!important;
    font-size:14px!important;
    font-weight:300!important;
    background-color:transparent!important;
    border:0!important;
    height:40px!important;
    padding:0!important;
    display:flex;
    align-items:center;
    justify-content:center
}
.chat-footer-support .send-luv-pop .react-tabs__tab-list .react-tabs__tab--selected {
    color:#ff024a!important
}
.chat-footer-support .send-luv-pop .react-tabs__tab-list .react-tabs__tab--selected:after {
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:4px;
    background-color:#ff024a;
    content:""
}
.chat-footer-support .send-luv-pop .flex-gift-wrap {
    height:100%;
    padding:0;
    background-color:transparent;
    border-top:0
}
.chat-footer-support .send-luv-pop .flex-gift-wrap .react-tabs {
    height:calc(100% - 120px)
}
.chat-footer-support .send-luv-pop .react-tabs__tab-panel--selected {
    height:calc(100% - 40px)
}
.chat-footer-support .send-luv-pop .gift-item {
    width:50%;
    flex:0 0 50%;
    border:0;
    padding:8px
}
.chat-footer-support .flex-gift-header {
    height:120px
}
.chat-footer-support .tab-panel-wrap {
    height:calc(100% - 40px);
    overflow-x:hidden;
    overflow-y:auto
}
.chat-footer-support .flex-remained {
    display:flex;
    flex-direction:column;
    padding:16px 20px
}
.chat-footer-support .flex-remained span {
    display:flex;
    align-items:center
}
.chat-footer-support .flex-remained .text {
    font-size:14px;
    font-weight:300;
    margin-bottom:8px
}
.chat-footer-support .flex-remained .flex {
    font-size:20px;
    font-weight:700;
    color:#ff024a
}
.chat-footer-support .flex-remained .flex img {
    margin-left:4px
}
.chat-footer-support .flex-gift-form {
    display:flex;
    align-items:center;
    padding:0 20px
}
.chat-footer-support .flex-gift-form .flex-input {
    flex:1;
    padding-right:8px
}
.chat-footer-support .flex-gift-form .flex-input .ui.input {
    width:100%
}
.chat-footer-support .flex-gift-form .flex-gift-button {
    display:flex;
    align-items:center;
    justify-content:center;
    width:70px;
    height:40px;
    background-color:#ff024a;
    border-radius:4px;
    color:#fff
}
.chat-footer-support .emoji-gift-list {
    display:flex;
    flex-wrap:wrap;
    padding:20px 16px
}
.chat-footer-support .emoji-gift-item {
    width:50%;
    padding-left:4px;
    padding-right:4px;
    padding-bottom:8px;
    cursor:pointer
}
.chat-footer-support .emoji-gift-item .gift-item-inner {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    padding:4px;
    border-radius:8px;
    height:100%;
    overflow:hidden;
    border:2px solid rgba(0,0,0,.1);
    background-color:#fff
}
.chat-footer-support .emoji-gift-item .gift-item-inner .flex-coin {
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px 0 4px
}
.chat-footer-support .emoji-gift-item .gift-item-inner .flex-coin .text {
    margin-left:4px;
    font-size:14px;
    color:#ff024a
}
.chat-footer-support .emoji-gift-item .gift-item-inner .flex-img {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center
}
.chat-footer-support .emoji-gift-item .gift-item-inner .flex-img img {
    max-width:100%;
    -o-object-fit:unset;
    object-fit:unset;
    border-radius:4px
}
.chat-footer-support .text-gift-list {
    padding:20px
}
.chat-footer-support .text-gift-item {
    display:flex;
    height:48px;
    align-items:center;
    justify-content:space-between;
    background:#fff;
    border-radius:4px;
    margin-bottom:8px;
    padding:0 16px;
    cursor:pointer;
    white-space:nowrap
}
.chat-footer-support .text-gift-item .coin {
    display:flex
}
.chat-footer-support .text-gift-item .coin img {
    -o-object-fit:unset;
    object-fit:unset
}
.chat-footer-support .text-gift-item .coin>span {
    margin-left:4px;
    font-size:14px;
    color:#ff024a
}
.chat-footer-support .text-gift-item .name {
    padding:0 8px;
    font-size:14px
}
.chat-footer-support .text-gift-item .count {
    color:#000;
    font-weight:300;
    font-size:14px
}
.chat-footer-support .flex-gift-btn .total {
    padding:0 8px
}
.talkSlider .slick-next,
.talkSlider .slick-prev {
    z-index:1;
    opacity:0;
    transition:all .3s
}
.talkSlider .slick-prev {
    left:3%
}
.talkSlider .slick-next {
    right:6%
}
.talkSlider .slick-next:before,
.talkSlider .slick-prev:before {
    color:#4c96ff;
    font-size:30px
}
.talkSlider:hover {
    .slick-next,.slick-prev {
        opacity:1
    }
}
.talkSlider .slick-next:before,
.talkSlider .slick-prev:before {
    color:#000;
    font-size:40px
}
@media screen and (max-width:480px) {
    .talkSlider .slick-next {
        right:9%
    }
}
.ui.attached.menu {
    width:100%;
    height:100%
}
.ui.dimmer {
    display:flex!important;
    background:rgba(0,0,0,.3);
    opacity:0;
    z-index:0;
    transition:opacity .5s linear
}
.ui.dimmer.active {
    opacity:1;
    z-index:1000
}
.ui.dimmer>.content {
    width:100%
}
.ui.divider.cus-divider {
    display:block;
    width:100%;
    height:1px;
    background-color:#ddd;
    border:0!important
}
#__next h2.ui.header {
    font-size:24px;
    font-weight:500
}
#__next .igui_seekbar_progress,
#__next .igui_seekbar_scrubber {
    background-color:#ff024a
}
#__next .ig-player {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0
}
#__next a,
#headlessui-portal-root a {
    color:var(--text-default)
}
#__next .ig_contextmenu {
    display:none
}
#__next .ui.button.secondary {
    color:#fff;
    background-color:#ff024a
}
#__next .ui.button.secondary.inverted {
    box-shadow:inset 0 0 0 2px #ff024a!important;
    color:#ff024a
}
#__next .ui.inverted.secondary.button:active,
#__next .ui.inverted.secondary.button:focus,
#__next .ui.inverted.secondary.button:hover,
#__next .ui.inverted.secondary.buttons .button:active,
#__next .ui.inverted.secondary.buttons .button:focus,
#__next .ui.inverted.secondary.buttons .button:hover {
    background:#ff024a;
    color:#fff
}
#__next .ui.fluid.inverted input {
    border:none
}
#__next .ui.menu {
    margin:0;
    border-bottom:none
}
.chrome-active .ui.fixed.menu,
.chrome-active .ui[class*="top fixed"].menu {
    top:60px
}
#__next .ui.menu .item {
    padding:0
}
#__next .ui.menu>.item:not(:last-child):after {
    content:"";
    width:2px;
    height:12px;
    background-color:#ccc;
    left:15px;
    position:relative;
    display:block;
    transform:none;
    visibility:visible
}
#__next .tab {
    border:none;
    padding:0
}
#__next .ui.segment.tab-content {
    margin-top:2px
}
#__next .ui.segment.tab-content.inline {
    margin:0;
    position:absolute;
    top:40px;
    bottom:0;
    width:100%
}
#__next .ui.secondary.menu .item {
    margin:0 1.14285714em;
    padding:.85714286em 0
}
#__next .ui.secondary.menu .item:first-child {
    margin-left:0
}
#__next .active.item {
    font-weight:500
}
#__next .ui.avatar.image {
    width:34px;
    height:34px;
    margin-right:8px;
    background-color:#ddd
}
#__next .ui.button,
#headlessui-portal-root .ui.button,
.modal .ui.button {
    font-size:12px;
    padding:7px 12px;
    height:30px;
    color:#333;
    background-color:#fff;
    border-radius:6px;
    border:1px solid #ddd;
    font-weight:400
}
#__next .ui.button.primary,
#headlessui-portal-root .ui.button.primary,
.modal .ui.button.primary,
.ui.button.primary {
    color:#fff;
    background-color:#f2507e;
    border:none
}
#__next .ui.button.dark,
#headlessui-portal-root .ui.button.dark,
.modal .ui.button.dark,
.ui.button.dark {
    color:#fff;
    background-color:#333;
    border:none
}
#__next .ui.button.gray,
.modal .ui.button.gray,
.ui.button.gray {
    color:#fff;
    background-color:#7e7e7e;
    border:none
}
#__next .ui.button.gray2,
.modal .ui.button.gray2,
.ui.button.gray2 {
    color:#fff;
    background-color:#c8c8c8;
    border:none
}
#__next .ui.button.gray3,
.modal .ui.button.gray3,
.ui.button.gray3 {
    color:#9d9d9d;
    background-color:#e8e8e8;
    border:0
}
#__next .ui.button.gray4,
.modal .ui.button.gray4,
.ui.button.gray4 {
    color:#fff;
    background-color:#8b8b8b;
    border:0
}
#__next .ui.button.gray5,
.modal .ui.button.gray5,
.ui.button.gray5 {
    color:#555;
    background-color:#f5f5f5;
    border:0
}
#__next .ui.button.danger,
.modal .ui.button.danger,
.ui.button.danger {
    color:#f2507e;
    background-color:#ffe8ef;
    border:none
}
#__next .ui.button.mint,
.modal .ui.button.mint,
.ui.button.mint {
    border-color:#08c8c8;
    background-color:#08c8c8;
    color:#fff
}
#__next .ui.button.link {
    color:#000;
    background-color:#f0f1f2;
    border:none;
    font-weight:500
}
#__next .ui.button.border-dark,
.modal .ui.button.border-dark,
.ui.button.border-dark {
    border:1px solid #4b4b4b;
    background-color:#fff
}
#__next .ui.button.border-gray,
.modal .ui.button.border-gray,
.ui.button.border-gray {
    color:#666;
    border:1px solid #bcbcbc;
    background-color:#fff
}
#__next .ui.button.border-primary,
.modal .ui.button.border-primary,
.ui.button.border-primary {
    border:1px solid #f2507e;
    color:#f2507e;
    background-color:#fff
}
#__next .ui.button.labeled {
    border-radius:0;
    height:40px
}
.modal .ui.button {
    padding-bottom:7px;
    padding-top:7px
}
#__next .ui.button.medium,
.modal .ui.button.medium {
    font-size:14px;
    padding:12px 23px;
    height:auto
}
#__next .ui.button.big,
#headlessui-portal-root .ui.button.big,
.modal .ui.button.big {
    font-size:14px;
    padding:12px 44px;
    height:auto
}
#__next .ui.button.text-underline {
    text-decoration:underline
}
#__next .ui.secondary.pointing.menu .active.item {
    border-color:#ff024a;
    color:#ff024a;
    font-weight:500
}
#__next .ui.secondary.pointing.menu .active.item:hover {
    border-color:#ff024a;
    color:#ff024a
}
#__next .ui.red.label {
    border-color:#e64574!important;
    background-color:#e64574!important;
    color:#fff!important;
    padding:3px 8px
}
#__next .ui.red.label.inverted {
    background-color:#fff!important;
    color:#e64574!important
}
#__next .video-js .vjs-tech,
.container {
    position:relative
}
.hidden-scroll {
    -ms-overflow-style:none
}
.hidden-scroll::-webkit-scrollbar {
    display:none
}
#__next .video-js .vjs-play-progress {
    background-color:#ff024a
}
#__next .vjs-poster {
    background-size:cover
}
#__next .vjs-big-play-button .vjs-icon-placeholder {
    font-size:100px
}
#__next .video-js .vjs-big-play-button {
    background:transparent;
    top:50%;
    left:50%;
    margin-left:-50px;
    margin-top:-50px;
    border:none
}
#__next .react-tabs__tab {
    cursor:pointer
}
#__next .modal-tab01 .react-tabs__tab:first-child {
    border-radius:7px 0 0 0
}
#__next .modal-tab01 .react-tabs__tab:last-child {
    border-radius:0 7px 0 0
}
#__next .modal-tab01 .react-tabs__tab {
    flex:0 190px;
    max-width:190px;
    padding:12px 10px;
    color:#848484;
    background-color:#e2e2e2;
    border:0;
    border-bottom:1px solid #888
}
#__next .modal-tab01 .react-tabs__tab--selected {
    border-bottom:1px solid #888;
    background-color:#fff;
    color:#000
}
#__next .react-tabs__tab-list,
.modal .react-tabs__tab-list {
    border:none;
    display:flex;
    margin:0
}
#__next .react-tabs__tab,
.modal .react-tabs__tab {
    display:flex;
    justify-content:center;
    flex:1;
    font-size:15px;
    color:#888;
    border:1px solid #d9d9d9;
    border-right:0;
    border-bottom:1px solid #666;
    background:#f7f7f7;
    padding:10px
}
#__next .react-tabs__tab--selected,
.modal .react-tabs__tab--selected {
    border:1px solid;
    border-color:#666 #666 #fff;
    border-radius:0;
    color:#222;
    font-weight:500;
    background:#fff
}
#__next .type03 .react-tabs__tab,
.modal .type03 .react-tabs__tab {
    flex:1;
    padding:10px;
    font-size:12px;
    color:#000;
    font-weight:500;
    background-color:#f1f1f1;
    border:1px solid #ddd;
    border-right:0
}
#__next .type03 .react-tabs__tab:first-child,
.modal .type03 .react-tabs__tab:first-child {
    border-left:0
}
#__next .modal .type03 .react-tabs__tab--selected,
#__next .type03 .react-tabs__tab--selected {
    border-bottom:1px solid #fff;
    background-color:#fff;
    color:#ff024a
}
#__next .type04 .react-tabs__tab,
.modal .type04 .react-tabs__tab {
    position:relative;
    flex:unset;
    padding:3px 0;
    font-size:14px;
    color:#000;
    font-weight:500;
    border:0;
    margin-right:20px;
    background-color:transparent
}
#__next .type04 .react-tabs__tab:after,
.modal .type04 .react-tabs__tab:after {
    content:"";
    position:absolute;
    top:50%;
    right:-10px;
    width:1px;
    height:10px;
    background-color:#c7c7c7;
    margin-top:-5px;
    left:unset
}
#__next .type04 .react-tabs__tab:focus,
.modal .type04 .react-tabs__tab:focus {
    outline:0;
    box-shadow:none
}
#__next .type04 .react-tabs__tab:first-child,
.modal .type04 .react-tabs__tab:first-child {
    padding-left:0
}
#__next .type04 .react-tabs__tab:last-child:after,
.modal .type04 .react-tabs__tab:last-child:after {
    display:none
}
#__next .type04 .react-tabs__tab--selected,
.modal .type04 .react-tabs__tab--selected {
    border-bottom:1px solid #ff024a;
    color:#ff024a
}
#__next .type05 .react-tabs__tab-list,
.modal .type05 .react-tabs__tab-list {
    padding:20px 15px;
    border:1px solid #cfcfcf;
    margin-top:25px;
    margin-bottom:30px;
    border-radius:8px
}
#__next .type05 .react-tabs__tab,
.modal .type05 .react-tabs__tab {
    position:relative;
    flex:unset;
    padding:3px 0;
    font-size:12px;
    color:#888;
    font-weight:400;
    border:0;
    margin-right:20px;
    background-color:transparent
}
#__next .type05 .react-tabs__tab:after,
.modal .type05 .react-tabs__tab:after {
    content:"";
    position:absolute;
    top:7px;
    right:-12px;
    width:3px;
    height:3px;
    border-radius:50%;
    background-color:#cfcfcf;
    margin-top:3px
}
#__next .type05 .react-tabs__tab:first-child,
.modal .type05 .react-tabs__tab:first-child {
    padding-left:0
}
#__next .type05 .react-tabs__tab:last-child:after,
.modal .type05 .react-tabs__tab:last-child:after {
    display:none
}
#__next .type05 .react-tabs__tab--selected,
.modal .type05 .react-tabs__tab--selected {
    color:#000
}
#__next .type06 .react-tabs__tab,
.modal .type06 .react-tabs__tab {
    border:1px solid #0000000d;
    background-color:#f7f7f8;
    color:#999;
    padding:12px 10px;
    border-radius:8px 8px 0 0;
    margin-left:-1px
}
#__next .type06 .react-tabs__tab:first-child,
.modal .type06 .react-tabs__tab:first-child {
    margin-left:0
}
#__next .type06 .react-tabs__tab--selected,
.modal .type06 .react-tabs__tab--selected {
    background-color:#fff;
    color:#000
}
#__next .type06 .react-tabs__tab--selected:after,
.modal .type06 .react-tabs__tab--selected:after {
    content:"";
    position:absolute;
    height:5px;
    left:-4px;
    right:-4px;
    bottom:-5px;
    background:#fff
}
#__next .type07 .react-tabs__tab,
.live-list-tab.type07 {
    margin-top:16px
}
.live-list-tab.type07 .tab-header ul {
    display:flex;
    flex-direction:row;
    align-items:center
}
#__next .type07 .react-tabs__tab,
.live-list-tab.type07 .tab-header li,
.modal .type07 .react-tabs__tab {
    position:relative;
    flex:unset;
    padding:0 30px 0 0;
    font-size:16px;
    color:#7e7e7e;
    border:0;
    background-color:transparent;
    margin-right:30px;
    margin-bottom:20px
}
#__next .type07 .react-tabs__tab:after,
.live-list-tab.type07 .tab-header li:after,
.modal .type07 .react-tabs__tab:after {
    content:"";
    position:absolute;
    top:4px;
    right:0;
    left:auto;
    width:1px;
    height:10px;
    background-color:#c7c7c7;
    margin-top:3px
}
#__next .type07 .react-tabs__tab:first-child,
.live-list-tab.type07 .tab-header li:first-child,
.modal .type07 .react-tabs__tab:first-child {
    padding-left:0
}
#__next .type07 .react-tabs__tab:last-child:after,
.live-list-tab.type07 .tab-header li:last-child:after,
.modal .type07 .react-tabs__tab:last-child:after {
    display:none
}
#__next .type07 .react-tabs__tab--selected,
.live-list-tab.type07 .tab-header ul li.selected,
.modal .type07 .react-tabs__tab--selected {
    color:var(--color-6)
}
#__next .type08>.react-tabs__tab-list,
.modal .type08>.react-tabs__tab-list {
    position:relative;
    flex:unset;
    display:flex;
    width:100%;
    padding-top:8px;
    border-bottom:1px solid #ddd;
    background-color:#f7f7f7
}
#__next .type08>.react-tabs__tab-list>.react-tabs__tab,
.modal .type08>.react-tabs__tab-list>.react-tabs__tab {
    position:relative;
    flex:none;
    font-size:14px;
    color:#000;
    text-align:center;
    background:transparent;
    margin:auto;
    border:0;
    padding:0 8px 8px
}
#__next .type08>.react-tabs__tab-list>.react-tabs__tab--selected,
.modal .type08>.react-tabs__tab-list>.react-tabs__tab--selected {
    color:#222;
    font-weight:500;
    border-bottom:2px solid #222
}
a {
    cursor:pointer
}
.ui.form .field .ui.input input,
.ui.form .fields .field .ui.input input,
.ui.form input:not([type]),
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=email],
.ui.form input[type=file],
.ui.form input[type=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=text],
.ui.form input[type=time],
.ui.form input[type=url] {
    width:100%;
    height:40px;
    border:1px solid #c4c4c4;
    border-radius:6px;
    background-color:#fff;
    font-size:14px;
    font-weight:400;
    font-stretch:normal;
    font-style:normal;
    line-height:1.2;
    letter-spacing:normal;
    text-align:left;
    color:#000
}
.ui.form .field {
    margin-bottom:16px
}
.ui.form .field .ui.input input::-moz-placeholder,
.ui.form .fields .field .ui.input input::-moz-placeholder,
.ui.form input:not([type])::-moz-placeholder,
.ui.form input[type=date]::-moz-placeholder,
.ui.form input[type=datetime-local]::-moz-placeholder,
.ui.form input[type=email]::-moz-placeholder,
.ui.form input[type=file]::-moz-placeholder,
.ui.form input[type=number]::-moz-placeholder,
.ui.form input[type=password]::-moz-placeholder,
.ui.form input[type=search]::-moz-placeholder,
.ui.form input[type=tel]::-moz-placeholder,
.ui.form input[type=text]::-moz-placeholder,
.ui.form input[type=time]::-moz-placeholder,
.ui.form input[type=url]::-moz-placeholder {
    color:#b5b5b5
}
.ui.form .field .ui.input input::placeholder,
.ui.form .fields .field .ui.input input::placeholder,
.ui.form input:not([type])::placeholder,
.ui.form input[type=date]::placeholder,
.ui.form input[type=datetime-local]::placeholder,
.ui.form input[type=email]::placeholder,
.ui.form input[type=file]::placeholder,
.ui.form input[type=number]::placeholder,
.ui.form input[type=password]::placeholder,
.ui.form input[type=search]::placeholder,
.ui.form input[type=tel]::placeholder,
.ui.form input[type=text]::placeholder,
.ui.form input[type=time]::placeholder,
.ui.form input[type=url]::placeholder {
    color:#b5b5b5
}
.ui.form .field.valid .ui.input input,
.ui.form .field.valid .ui.input input:hover,
.ui.form .fields .field.valid .ui.input input,
.ui.form .fields .field.valid .ui.input input:focus,
.ui.form .fields .field.valid .ui.input input:hover .ui.form .field.valid .ui.input input:focus,
.ui.form input.valid:not([type]).valid:focus,
.ui.form input:not([type]).valid,
.ui.form input:not([type]).valid:hover,
.ui.form input[type=date].valid,
.ui.form input[type=date].valid:focus,
.ui.form input[type=date].valid:hover,
.ui.form input[type=datetime-local].valid,
.ui.form input[type=datetime-local].valid:focus,
.ui.form input[type=datetime-local].valid:hover,
.ui.form input[type=email].valid,
.ui.form input[type=email].valid:focus,
.ui.form input[type=email].valid:hover,
.ui.form input[type=file].valid,
.ui.form input[type=file].valid:focus,
.ui.form input[type=file].valid:hover,
.ui.form input[type=number].valid,
.ui.form input[type=number].valid:focus,
.ui.form input[type=number].valid:hover,
.ui.form input[type=password].valid,
.ui.form input[type=password].valid:focus,
.ui.form input[type=password].valid:hover,
.ui.form input[type=search].valid,
.ui.form input[type=search].valid:focus,
.ui.form input[type=search].valid:hover,
.ui.form input[type=tel].valid,
.ui.form input[type=tel].valid:focus,
.ui.form input[type=tel].valid:hover,
.ui.form input[type=text].valid,
.ui.form input[type=text].valid:focus,
.ui.form input[type=text].valid:hover,
.ui.form input[type=time].valid,
.ui.form input[type=time].valid:focus,
.ui.form input[type=time].valid:hover,
.ui.form input[type=url].valid,
.ui.form input[type=url].valid:focus,
.ui.form input[type=url].valid:hover {
    border:1px solid #41d49d;
    background-color:#f3fef7
}
.ui.form .field.error .ui.input input,
.ui.form .field.error .ui.input input:hover,
.ui.form .fields .field .ui.input input.error:focus,
.ui.form .fields .field.error .ui.input input,
.ui.form .fields .field.error .ui.input input:hover .ui.form .field.error .ui.input input:focus,
.ui.form input.error:not([type]).error:focus,
.ui.form input:not([type]).error,
.ui.form input:not([type]).error:hover,
.ui.form input[type=date].error,
.ui.form input[type=date].error:focus,
.ui.form input[type=date].error:hover,
.ui.form input[type=datetime-local].error,
.ui.form input[type=datetime-local].error:focus,
.ui.form input[type=datetime-local].error:hover,
.ui.form input[type=email].error,
.ui.form input[type=email].error:focus,
.ui.form input[type=email].error:hover,
.ui.form input[type=file].error,
.ui.form input[type=file].error:focus,
.ui.form input[type=file].error:hover,
.ui.form input[type=number].error,
.ui.form input[type=number].error:focus,
.ui.form input[type=number].error:hover,
.ui.form input[type=password].error,
.ui.form input[type=password].error:focus,
.ui.form input[type=password].error:hover,
.ui.form input[type=search].error,
.ui.form input[type=search].error:focus,
.ui.form input[type=search].error:hover,
.ui.form input[type=tel].error,
.ui.form input[type=tel].error:focus,
.ui.form input[type=tel].error:hover,
.ui.form input[type=text].error,
.ui.form input[type=text].error:focus,
.ui.form input[type=text].error:hover,
.ui.form input[type=time].error,
.ui.form input[type=time].error:focus,
.ui.form input[type=time].error:hover,
.ui.form input[type=url].error,
.ui.form input[type=url].error:focus,
.ui.form input[type=url].error:hover {
    border:1px solid #ff8282;
    background-color:#fff3f3
}
.ui.form .field .ui.input input:focus,
.ui.form .field .ui.input input:hover,
.ui.form .fields .field .ui.input input:focus,
.ui.form .fields .field .ui.input input:hover,
.ui.form input:not([type]):focus,
.ui.form input:not([type]):hover,
.ui.form input[type=date]:focus,
.ui.form input[type=date]:hover,
.ui.form input[type=datetime-local]:focus,
.ui.form input[type=datetime-local]:hover,
.ui.form input[type=email]:focus,
.ui.form input[type=email]:hover,
.ui.form input[type=file]:focus,
.ui.form input[type=file]:hover,
.ui.form input[type=number]:focus,
.ui.form input[type=number]:hover,
.ui.form input[type=password]:focus,
.ui.form input[type=password]:hover,
.ui.form input[type=search]:focus,
.ui.form input[type=search]:hover,
.ui.form input[type=tel]:focus,
.ui.form input[type=tel]:hover,
.ui.form input[type=text]:focus,
.ui.form input[type=text]:hover,
.ui.form input[type=time]:focus,
.ui.form input[type=time]:hover,
.ui.form input[type=url]:focus,
.ui.form input[type=url]:hover {
    border:1px solid #ff98b6
}
.ui.form .field span.message {
    display:inline-block;
    font-size:12px;
    font-weight:400;
    font-stretch:normal;
    font-style:normal;
    color:#888;
    line-height:1.17;
    letter-spacing:normal;
    text-align:left;
    margin-top:7px
}
.ui.form .field span.message.error {
    color:#ff7b7b
}
.ui.form .field span.message.valid {
    color:#41d49d
}
.ui.form .field .ui.input input:disabled,
.ui.form .fields .field .ui.input input:disabled {
    border:0;
    background:#f3f3f3;
    color:#b8b8b8
}
.ui.dropdown .menu {
    width:100%
}
.ui.toggle.checkbox input.hidden+label {
    height:30px;
    line-height:30px;
    font-size:14px;
    color:#000!important;
    opacity:unset;
    padding:0 4.5rem 0 0
}
.ui.checkbox {
    font-size:12px
}
.ui.checkbox.big input.hidden+label {
    line-height:20px;
    padding-left:25px
}
.custom .ui.toggle.checkbox .box:before,
.custom .ui.toggle.checkbox input:focus~label:before,
.custom .ui.toggle.checkbox label:before,
.custom .ui.toggle.checkbox label:focus:before,
.custom .ui.toggle.checkbox label:hover:before {
    content:"OFF";
    left:unset;
    right:0;
    width:60px;
    height:30px;
    font-size:14px;
    color:#fff;
    border:none!important;
    background-color:#969696!important;
    padding-right:9px;
    text-align:right
}
.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox input:focus~label:before,
.ui.toggle.checkbox label:before,
.ui.toggle.checkbox label:focus:before,
.ui.toggle.checkbox label:hover:before {
    content:"OFF";
    left:unset;
    right:0;
    width:60px;
    height:30px;
    font-size:14px;
    color:#fff;
    border:none!important;
    background-color:#e3e3e3!important;
    padding-right:9px;
    text-align:right
}
.ui.toggle.checkbox input~.box:after,
.ui.toggle.checkbox input~label:after {
    left:unset;
    top:4px;
    right:2.4rem;
    transition:background .3s ease,right .3s ease;
    background-color:#fff!important
}
.ui.toggle.checkbox input:checked~.box:after,
.ui.toggle.checkbox input:checked~label:after {
    left:unset;
    right:.4rem;
    top:4px;
    transition:background .3s ease,right .3s ease;
    background-color:#2bd4ce
}
.ui.checkbox+span.point {
    font-size:13px;
    font-weight:500;
    color:#000;
    margin-left:3px
}
.ui.toggle.checkbox input:checked~.box:before,
.ui.toggle.checkbox input:checked~label:before,
.ui.toggle.checkbox input:checked~label:focus:before,
.ui.toggle.checkbox input:checked~label:hover:before,
.ui.toggle.checkbox input:focus:checked~.box:before,
.ui.toggle.checkbox input:focus:checked~label:before {
    content:"ON";
    text-align:left;
    padding-left:9px;
    background-color:#1e2331!important;
    border:0
}
.ui.checkbox input:checked:focus~.box:before,
.ui.checkbox input:checked:focus~label:before,
.ui.checkbox input:checked~.box:before,
.ui.checkbox input:checked~label:before,
.ui.checkbox input:not([type=radio]):indeterminate:focus~.box:before,
.ui.checkbox input:not([type=radio]):indeterminate:focus~label:before {
    background-color:#ff024a;
    border:7px solid #ff024a
}
.ui.checkbox input:checked:focus~.box:after,
.ui.checkbox input:checked:focus~label:after,
.ui.checkbox input:checked~.box:after,
.ui.checkbox input:checked~label:after,
.ui.checkbox input:not([type=radio]):indeterminate:focus~.box:after,
.ui.checkbox input:not([type=radio]):indeterminate:focus~label:after {
    color:#fff;
    font-size:12px;
    background-color:#ff024a!important
}
.ui.checkbox.big .box:before,
.ui.checkbox.big input:checked:focus~.box:before,
.ui.checkbox.big input:checked:focus~label:before,
.ui.checkbox.big input:checked~.box:before,
.ui.checkbox.big input:checked~label:before,
.ui.checkbox.big input:not([type=radio]):indeterminate:focus~.box:before,
.ui.checkbox.big input:not([type=radio]):indeterminate:focus~label:before,
.ui.checkbox.big label:before {
    width:20px;
    height:20px
}
.ui.checkbox.big .box:after,
.ui.checkbox.big input:checked:focus~.box:after,
.ui.checkbox.big input:checked:focus~label:after,
.ui.checkbox.big input:checked~.box:after,
.ui.checkbox.big input:checked~label:after,
.ui.checkbox.big input:not([type=radio]):indeterminate:focus~.box:after,
.ui.checkbox.big input:not([type=radio]):indeterminate:focus~label:after,
.ui.checkbox.big label:after {
    width:20px;
    height:20px
}
.ui.checkbox.type02 input.hidden+label {
    font-size:12px;
    font-weight:400;
    color:#666
}
.ui.checkbox .box:before,
.ui.checkbox label:after,
.ui.checkbox label:before {
    border-radius:4px;
    width:16px;
    height:16px
}
.ui.checkbox label:before {
    border-color:#707070
}
.ui.checkbox.type02 input:checked:focus~.box:before,
.ui.checkbox.type02 input:checked:focus~label:before,
.ui.checkbox.type02 input:checked~.box:before,
.ui.checkbox.type02 input:checked~label:before,
.ui.checkbox.type02 input:not([type=radio]):indeterminate:focus~.box:before,
.ui.checkbox.type02 input:not([type=radio]):indeterminate:focus~label:before {
    background-color:#fff;
    border:1px solid #707070;
    border-radius:0
}
.ui.checkbox.type02 input:checked:focus~.box:after,
.ui.checkbox.type02 input:checked:focus~label:after,
.ui.checkbox.type02 input:checked~.box:after,
.ui.checkbox.type02 input:checked~label:after,
.ui.checkbox.type02 input:not([type=radio]):indeterminate:focus~.box:after,
.ui.checkbox.type02 input:not([type=radio]):indeterminate:focus~label:after {
    color:#000
}
#__next .ui.radio.checkbox label:after {
    top:1px;
    left:0;
    width:21px;
    height:21px
}
#__next .ui.radio input:checked~label:after,
.cus-radio input:checked~label:after {
    background-color:#fff!important;
    width:15px;
    height:15px
}
.cus-radio {
    margin-right:8px
}
#__next .ui.radio.big input:checked~label:after,
#__next .ui.radio.big label:after {
    width:32px;
    height:32px;
    left:-6px;
    top:-5px
}
#__next .ui.radio.checkbox input:disabled+label:before {
    background-color:#d9d9d9
}
#__next .ui.button.btn_sns,
#__next .ui.button.btn_sns:focus,
#__next .ui.button.btn_sns:hover {
    display:inline-block;
    width:52px;
    height:52px;
    border:0;
    font-size:0;
    text-indent:-999999px;
    margin:0;
    padding:0;
    vertical-align:middle;
    overflow:hidden
}
#__next .ui.button.btn_sns.kakao {
    background:url(https://static.flextv.co.kr/20240802/btn_sns_kakao_8a42b92971.png) no-repeat;
    background-size:cover;
    background-color:transparent
}
#__next .ui.button.btn_sns.naver {
    background:url(https://static.flextv.co.kr/20240802/btn_sns_naver_c85bd83a07.png) no-repeat;
    background-size:cover;
    background-color:transparent
}
.ui.form .field>label {
    font-size:14px;
    font-weight:500;
    font-stretch:normal;
    font-style:normal;
    line-height:1.08;
    letter-spacing:normal;
    text-align:left;
    color:#222;
    margin-bottom:8px
}
.ui.form .required.field>label:after,
.ui.form .required.fields.grouped>label:after,
.ui.form .required.fields:not(.grouped)>.field>label:after {
    vertical-align:-1px
}
.ui.table {
    border:0;
    border-radius:0;
    color:#666
}
.ui.table,
.ui.table thead th {
    font-size:15px;
    border-bottom:1px solid #bbb
}
.ui.table thead th {
    font-weight:500;
    color:#222;
    text-align:center;
    border-top:1px solid #666;
    padding:18px 10px
}
.ui.table thead tr:first-child>th:first-child,
.ui.table thead tr:first-child>th:last-child {
    border-radius:0
}
.ui.table tr td {
    font-size:15px;
    font-weight:400;
    color:#666;
    text-align:center;
    padding:17px 10px;
    border-top:1px solid #ddd
}
#__next .pagination,
#headlessui-portal-root .pagination {
    display:flex;
    width:100%;
    min-height:unset;
    border:0;
    box-shadow:none;
    border-radius:unset;
    justify-content:center;
    margin-top:20px
}
#__next .pagination .item.disabled .item-link,
#headlessui-portal-root .pagination .item.disabled .item-link {
    opacity:.5;
    cursor:auto;
    background-color:#fafafa
}
#__next .pagination .item .item-link,
#headlessui-portal-root .pagination .item .item-link {
    display:inline-flex;
    flex:0 0 40px;
    max-width:40px;
    min-width:unset;
    width:40px;
    height:40px;
    padding:0;
    font-size:15px;
    color:#5b626b;
    text-align:center;
    align-items:center;
    justify-content:center;
    background-color:#fff;
    border-radius:8px;
    border:1px solid #acb2b9;
    margin-right:4px;
    font-weight:500
}
#__next .pagination .item .arrow,
#headlessui-portal-root .pagination .item .arrow {
    width:14px;
    height:14px
}
#__next .pagination .item .scaleX,
#headlessui-portal-root .pagination .item .scaleX {
    transform:scaleX(-1)
}
#__next .pagination .item:after,
#__next .pagination .item:before,
#headlessui-portal-root .item:after,
#headlessui-portal-root .item:before {
    content:none
}
#__next .pagination .item.icon,
#headlessui-portal-root .pagination .item.icon {
    color:#bcbcbc
}
#__next .pagination .item.active .item-link.active-link,
#headlessui-portal-root .pagination .item.active .item-link.active-link {
    color:#ff024a;
    border:1px solid #ff024a;
    border-radius:8px
}
#__next .pagination .item:active,
#__next .pagination .item:focus,
#__next .pagination .item:hover,
#headlessui-portal-root .pagination .item:active,
#headlessui-portal-root .pagination .item:focus,
#headlessui-portal-root .pagination .item:hover {
    outline:none
}
.ui.modal>.header {
    padding:25px 10px 36px
}
.ui.modal>.header:not(.ui) {
    text-align:center;
    font-size:16px;
    font-weight:500;
    font-stretch:normal;
    font-style:normal;
    line-height:1.13;
    letter-spacing:normal
}
.ui.modal>.icon:first-child+*,
.ui.modal>:first-child:not(.icon) {
    border-top-left-radius:16px;
    border-top-right-radius:16px
}
.ui.menu.live-search-wrap:not(.vertical) .right.item,
.ui.menu.live-search-wrap:not(.vertical) .right.menu {
    margin-left:0!important
}
.ui.modal.type02 {
    box-shadow:0 5px 12px 0 rgba(0,0,0,.7);
    border:1px solid #707070;
    background-color:#fff;
    padding:10px
}
.ui.modal.type02 .header {
    display:flex;
    justify-content:space-between;
    font-size:16px;
    font-weight:500;
    color:#333;
    text-align:left;
    border-bottom:1px solid #ddd;
    padding:10px 20px;
    margin-bottom:20px
}
.ui.modal.type02 .header .btn-close {
    width:15px;
    height:15px;
    background:url(https://static.flextv.co.kr/20240802/pop_close_a76fa103e1.png) no-repeat;
    background-size:15px 15px
}
.ui.modal.type02>.content {
    padding:0 20px!important
}
.ui.modal.type02 .disabled {
    background-color:#eee;
    padding:5px
}
.ui.modal.type03 {
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px
}
.ui.modal.type03 .header {
    padding:8px 15px;
    background-color:#000;
    color:#fff;
    text-align:left
}
.ui.modal.type03>.icon:first-child+*,
.ui.modal.type03>:first-child:not(.icon) {
    border-top-left-radius:5px;
    border-top-right-radius:5px
}
.ui.modal.type03>.content {
    border:1px solid #ddd;
    border-top:0;
    background-color:#fff
}
.ui.modal.type03>.content>.container {
    padding:15px 20px;
    font-size:13px;
    color:#000
}
.ui.modal.type03>.content>.container .guide {
    font-size:12px;
    color:#666;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #ddd
}
.ui.modal.type03>.content>.container .guide>p {
    margin-bottom:5px
}
.ui.modal.type03>.content>.container .list {
    padding:5px 10px
}
.ui.modal.type03>.content>.container .list.focus,
.ui.modal.type03>.content>.container .list:hover {
    background-color:#e8e8e8
}
.ui.modal.type03>.content>.container .list .title {
    font-size:14px;
    color:#000
}
.ui.modal.type03>.content>.container .list .date {
    margin-right:10px
}
.ui.modal.type04 {
    box-shadow:0 5px 12px 0 rgba(0,0,0,.7);
    border:1px solid #707070;
    background-color:#fff;
    padding:10px
}
.ui.modal.type04 .header {
    display:flex;
    justify-content:space-between;
    font-size:16px;
    font-weight:500;
    color:#333;
    text-align:left;
    border-bottom:1px solid #ddd;
    padding:10px 0 10px 20px;
    margin-bottom:20px
}
.ui.modal.type04 .header .btn-close {
    width:15px;
    height:15px;
    background:url(https://static.flextv.co.kr/20240802/pop_close_a76fa103e1.png) no-repeat;
    background-size:15px 15px
}
.modal-type05 .disabled,
.ui.modal.type05 .disabled {
    background-color:#eee;
    padding:5px
}
.ui.modal.type05 {
    box-shadow:0 5px 12px 0 rgba(0,0,0,.7);
    border:1px solid #707070;
    background-color:#fff
}
.ui.modal.type05 .header {
    display:flex;
    justify-content:space-between;
    font-size:16px;
    font-weight:500;
    color:#333;
    text-align:left;
    border-bottom:1px solid #ddd;
    padding:14px 20px
}
.ui.modal.type05 .header .btn-close {
    width:15px;
    height:15px;
    background:url(https://static.flextv.co.kr/20240802/pop_close_a76fa103e1.png) no-repeat;
    background-size:15px 15px
}
.modal-type05 .disabled,
.ui.modal.type05 .disabled {
    background-color:#f5f5f5;
    padding:20px 28px;
    font-size:16px;
    color:#666
}
.modal-type05 .title,
.ui.modal.type05 .title {
    margin-bottom:10px
}
.modal-type05 .point,
.ui.modal.type05 .point {
    font-size:18px;
    font-weight:500;
    color:#ff024a;
    margin:0 4px
}
.modal-type05 .input-wrap.delete,
.ui.modal.type05 .input-wrap.delete {
    position:relative;
    margin:0 10px 0 0;
    flex:1
}
.modal-type05 .input-wrap>input,
.ui.modal.type05 .input-wrap>input {
    height:40px;
    padding:12px 10px;
    border:1px solid #bcbcbc;
    border-radius:6px;
    box-sizing:border-box;
    margin:0
}
.modal-type05 .input-wrap>input::-moz-placeholder,
.ui.modal.type05 .input-wrap>input::-moz-placeholder {
    color:#b5b5b5
}
.modal-type05 .input-wrap>input::placeholder,
.ui.modal.type05 .input-wrap>input::placeholder {
    color:#b5b5b5
}
.modal-type05 .input-wrap>.btn-delete,
.ui.modal.type05 .input-wrap>.btn-delete {
    position:absolute;
    right:10px;
    top:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    width:15px;
    height:15px;
    transform:translateY(-50%);
    background:url(https://static.flextv.co.kr/20240802/btn_del_128c5033ed.png) no-repeat;
    background-size:cover;
    padding:0
}
.modal-type05 .btns,
.ui.modal.type05 .btns {
    text-align:center;
    padding:17px 0;
    margin-bottom:7px;
    justify-content:center
}
.modal-type05 .btns>button,
.ui.modal.type05 .btns>button {
    max-width:150px;
    height:45px
}
.ui.modal.alram {
    box-shadow:0 5px 12px 0 rgba(0,0,0,.7);
    background-color:#fff;
    padding:15px;
    border-radius:16px;
    font-size:15px;
    color:#666
}
.ui.modal.alram .point {
    color:#ff024a
}
.ui.modal.alram .container {
    text-align:center
}
.ui.modal.alram .container>p:not(:last-child) {
    margin-bottom:10px
}
.ui.modal.alram .header {
    font-size:16px;
    font-weight:500;
    color:#222;
    text-align:center;
    padding:10px 0 0;
    margin-bottom:24px
}
.ui.modal.alram .btns {
    text-align:center;
    margin-top:30px
}
.ranking-table {
    width:100%;
    border-collapse:collapse
}
.ranking-table>thead>tr>th {
    padding:12px 0;
    text-align:center;
    font-size:14px;
    font-weight:400;
    color:#333
}
.ranking-table>tbody>tr>td {
    text-align:center
}
.ranking-table>tbody>tr>td>div {
    margin:0 auto
}
.ranking-table>tbody>tr>td>input {
    height:26px;
    font-size:14px;
    color:#333;
    border:1px solid #bcbcbc;
    border-radius:4px;
    padding:5px 7px
}
.ranking-table>tbody>tr>td>.ui.dropdown {
    border:1px solid #bcbcbc;
    border-radius:4px;
    padding:5px 11px
}
.video-js .vjs-control-bar {
    background-color:#000
}
#__next .video-js .vjs-play-progress {
    background-color:#fff
}
.video-js .vjs-load-progress div {
    opacity:.5;
    background-color:#fff
}
.video-js .vjs-play-progress:before {
    display:none
}
#__next .card-item .ui.card>.content .btns>button {
    flex:1;
    width:unset;
    height:38px!important;
    margin-right:5px;
    border:0;
    transition:all .3s;
    font-size:13px;
    letter-spacing:0
}
#__next .desktop-container .card-item .ui.card>.content .btns>button:hover {
    background-color:#f2507e;
    color:#fff!important;
    border-color:#ff024a!important
}
#__next .card-item .ui.card>.content .btns>button:first-child,
#__next .card-item .ui.card>.content .btns>button:nth-child(2) {
    border:1px solid #999;
    color:#999
}
#__next .card-item.premium .ui.card>.content .btns>button:first-child {
    border:1px solid #667be4;
    color:#667be4
}
#__next .card-item.premium .ui.card>.content .btns>button:nth-child(2) {
    color:#fff;
    background-color:#667be4
}
#__next .card-item.gold .ui.card>.content .btns>button:first-child {
    border:1px solid #e5c04d;
    color:#e5c04d
}
#__next .card-item.gold .ui.card>.content .btns>button:nth-child(2) {
    color:#fff;
    background-color:#e5c04d
}
#__next .card-item .ui.card>.content .btns>button:last-child {
    margin-right:0
}
.card-item-wrap.charge .card-item .ui.card .img {
    display:block;
    width:100px;
    height:100px;
    border-radius:50%!important;
    margin:0 auto 25px;
    background-color:#f5f5f5
}
.card-item-wrap.charge .card-item .content {
    border-top:0;
    text-align:center
}
.card-item-wrap.charge .card-item .content>.title {
    font-size:16px;
    font-weight:500;
    color:#222;
    margin-bottom:4px
}
.card-item-wrap.charge .card-item .content>.description>strong {
    font-size:14px;
    font-weight:400;
    color:#ff024a;
    margin-right:4px
}
.card-item-wrap.charge .card-item .content>.description>span {
    font-size:12px;
    color:#888
}
.card-item-wrap.charge .card-item .ui.card>.content,
.card-item-wrap.charge .card-item .ui.card>.extra {
    border-top:0!important
}
.card-item-wrap.charge .card-item .content.extra>.btns {
    margin-top:32px
}
.glide__arrows {
    padding:5px
}
.glide__arrow {
    position:relative;
    top:0;
    margin:0;
    transform:none;
    left:0;
    right:0;
    width:20px;
    height:20px;
    padding:5px;
    transition:all .2s ease-in-out;
    background:url(https://static.flextv.co.kr/20240802/btn_left_nor_254eaf1dfb.png) no-repeat 50%;
    background-size:contain
}
.glide__arrow.glide__arrow--next,
.glide__arrow.glide__arrow--right {
    transform:rotate(180deg)
}
.glide__bullet {
    background-color:#ddd;
    width:9px;
    height:9px;
    padding:0;
    border-radius:50%;
    border:2px solid transparent;
    transition:all .3s ease-in-out;
    cursor:pointer;
    line-height:0;
    box-shadow:0 .25em .5em 0 rgba(0,0,0,.1);
    margin:0 .25em
}
.glide__bullet--active {
    background-color:#f2507e
}
.ui.accordion .ui.table>tbody:not(:last-child) .title td {
    border-bottom:1px solid #bbb
}
.ui.accordion .accordion .ui.table .title td,
.ui.accordion .ui.table .title td {
    font-size:inherit;
    color:inherit;
    text-align:center;
    font-weight:inherit
}
.ui.accordion .accordion .ui.table .title,
.ui.accordion .ui.table .title {
    display:table-row
}
.ui.accordion .accordion .ui.table .active.content,
.ui.accordion .ui.table .active.content {
    display:table-row;
    padding:20px
}
.accordion.ui .ui.table .content.active .content-detail {
    padding:20px 0;
    word-break:break-all
}
.accordion.ui .ui.table .content.active .content-detail>.img {
    display:block;
    margin-bottom:10px
}
.accordion.ui .ui.table .content.active .content-detail>.txt {
    display:block;
    font-size:15px;
    margin-bottom:10px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:pre-line
}
.tb-answer {
    background-color:#f7f7f7;
    padding:20px
}
.tb-answer>.point {
    font-size:16px;
    font-weight:500;
    margin-bottom:10px
}
.tb-answer>p {
    font-size:16px;
    line-height:24px;
    color:#666
}
.ui.selection.dropdown {
    min-width:130px;
    min-height:40px;
    height:40px;
    padding:0
}
.ui.selection.dropdown span {
    display:inline-block;
    height:100%;
    padding:0 8px
}
.ui.selection.dropdown>.dropdown.icon {
    padding:7px 10px
}
.ui.selection.dropdown .divider-text {
    color:hsla(0,0%,75%,.87)
}
#__next .ui.selection.dropdown {
    min-height:40px;
    line-height:32px
}
#__next .ui.selection.dropdown>.dropdown.icon {
    top:40%
}
.filepond--panel-root,
.filepond--root>.filepond--panel {
    background:transparent!important
}
.defalutImageUploader .filepond--root .filepond--drop-label {
    border-radius:8px;
    background-color:#fff;
    border:1px dashed #333;
    padding:80px
}
.filepond--root .filepond--hopper {
    margin:0
}
.filepond--credits {
    display:none
}
.miniImageUpload .filepond--root .filepond--hopper {
    height:0!important
}
.miniImageUpload .filepond--image-preview-wrapper {
    top:-97px;
    left:-1px;
    width:50px
}
.miniImageUpload .filepond--item {
    height:50px!important
}
.miniImageUpload .filepond--file [data-align*=left] {
    top:-106px;
    left:38px;
    width:20px;
    height:20px
}
.miniImageUpload .filepond--drop-label {
    transform:none!important;
    visibility:visible!important;
    opacity:1!important
}
.miniImageUpload .filepond--browser {
    display:none
}
.miniImageUpload .filepond--root .filepond--drop-label {
    min-height:18px!important;
    width:190px!important
}
.miniImageUpload .filepond--panel .filepond--item-panel {
    display:none
}
.miniImageUpload .filepond--image-preview-overlay .filepond--image-preview-overlay-idle {
    color:#fff
}
.miniImageUpload_none .filepond--root .filepond--drop-label {
    min-height:18px!important;
    width:190px!important
}
.miniImageUpload_none .filepond--root {
    margin-bottom:0!important
}
.miniImageUpload_none .filepond--root .filepond--hopper {
    height:0!important
}
h2.ui.header.pc.sigh2:after {
    top:22%
}
h2.ui.header.mobile.sub-title.sigh2:after,
h2.ui.header.pc.sigh2:after {
    content:"";
    position:absolute;
    right:14px;
    transform:translateY(-50%);
    width:16px;
    height:16px;
    background:url(https://static.flextv.co.kr/20240802/btn_more_s_9a226f85e9.png) no-repeat 50%;
    background-size:16px
}
h2.ui.header.mobile.sub-title.sigh2:after {
    top:78%
}
.signature-pop-box {
    padding:0 24px 24px
}
.signature-pop-box>.signature-add-box {
    font-size:14px;
    font-weight:400;
    color:#333
}
.signature-pop-box>.signature-add-box .label {
    font-size:14px;
    margin:0 0 8px;
    padding:0;
    line-height:1.6
}
.signature-pop-box>.signature-add-box>.ui.input {
    display:flex;
    align-items:center;
    margin-bottom:24px
}
.signature-pop-box>.signature-add-box>.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
    flex:0 0 91px;
    border:0;
    background:transparent;
    font-size:14px;
    font-weight:400;
    color:#333;
    padding:0
}
.signature-pop-box>.signature-add-box>.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input {
    flex:1;
    border-top-left-radius:.28571429rem;
    border-bottom-left-radius:.28571429rem;
    border:1px solid #bcbcbc;
    height:26px;
    padding:0 12px
}
.signature-pop-box>.signature-add-box>.flex>.label {
    flex:0 0 91px
}
.signature-pop-box>.signature-add-box>.flex>.add-box {
    flex:1
}
.signature-pop-box>.signature-add-box>.flex>.add-box>div {
    height:126px
}
.signature-pop-box>.signature-add-box>.flex>.guide {
    display:flex;
    align-items:flex-end;
    flex:1;
    height:116px;
    font-size:12px;
    color:#e86f1e;
    margin-left:10px
}
.live-wrap .glide__track {
    margin-top:12px
}
.live-wrap .glide__track .glide__slide {
    padding:5px 8px 13px;
    border-radius:6px
}
.live-wrap .glide__track .glide__slide:hover {
    background-color:rgba(0,0,0,.1)
}
@media screen and (max-width:1366px) {
    .mobile-container .glide__slide[class*=active] {
        transform:none
    }
    .mobile-container .glide {
        display:block
    }
    .mobile-container .glide__slide.active-sibling+.glide__slide:not([class*=active]),
    .mobile-container .glide__slide.active-sibling+.glide__slide:not([class*=active])+.glide__slide {
        transform:none
    }
    .mobile-container .ui.container {
        margin:auto!important
    }
    .mobile-container .ui.menu:not(.vertical) .right.item,
    .mobile-container .ui.menu:not(.vertical) .right.menu {
        display:none
    }
    .mobile-container .ui.menu:not(.vertical) .center.item {
        margin-right:0
    }
    .mobile-container .ui.menu:not(.vertical) .left.item {
        flex:1;
        margin-right:auto!important;
        padding:0
    }
    .mobile-container .glide.mobile .glide__slides {
        padding:16px 0;
        background-color:#333
    }
    .mobile-container .glide.mobile .glide__slides .glide__slide {
        flex:unset;
        width:unset;
        min-width:unset;
        height:100%;
        margin:0;
        border-radius:8px
    }
    .mobile-container .glide.mobile .glide__slides .glide__slide .video-card-thumn:after {
        content:"";
        position:absolute;
        left:0;
        bottom:0;
        z-index:1;
        width:100%;
        height:50%;
        background-image:linear-gradient(0deg,rgba(0,0,0,.5) 0,transparent)
    }
    #__next .mobile-container .ui.selection.dropdown>.dropdown.icon {
        top:31%
    }
    .mobile-container .ui.dropdown>.dropdown.icon:before {
        content:"";
        display:inline-block;
        width:20px;
        height:20px;
        background:url(https://static.flextv.co.kr/20240802/btn_down_ea1d722a5a.png) no-repeat!important;
        background-size:cover!important
    }
    .mobile-container .ui.dropdown>.text {
        font-size:14px
    }
    .mobile-container .ui.dropdown>.text .flag {
        display:none!important
    }
    .mobile-container .ui.selection.dropdown .menu {
        max-height:unset
    }
    .mobile-container .ui.modal>.header {
        padding:10px 31px 14px 10px
    }
    #__next .type07 .react-tabs__tab,
    .live-list-tab.type07 .tab-header li,
    .modal .type07 .react-tabs__tab {
        font-size:14px
    }
}
.mobile-container .glide__bullet {
    flex:1;
    border-radius:0;
    margin:0
}
.modal__overlay {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.6);
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:9999
}
.micromodal-slide {
    display:none
}
.micromodal-slide.is-open {
    display:block
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
    will-change:transform
}
@media screen and (max-width:767px) {
    #__next .type07 .react-tabs__tab,
    .live-list-tab.type07 .tab-header li,
    .modal .type07 .react-tabs__tab {
        padding-right:8px;
        margin-right:8px;
        margin-bottom:0
    }
    .tab-header button {
        float:right
    }
    #__next .pagination .item .item-link,
    #headlessui-portal-root .pagination .item .item-link {
        display:inline-flex;
        flex:0 0 30px;
        max-width:30px;
        min-width:unset;
        width:30px;
        height:30px;
        padding:0;
        font-size:15px;
        color:#999;
        text-align:center;
        align-items:center;
        justify-content:center;
        background-color:#fff;
        border-radius:8px;
        border:1px solid #0000000d;
        margin-right:4px;
        font-weight:300
    }
}
@media only screen and (max-width:500px) {
    #__next .ui.button {
        padding:8px;
        height:36px;
        margin-right:0
    }
    #__next .ui.button,
    .modal .ui.button {
        font-size:12px
    }
    #__next .ui.red.label {
        width:auto!important;
        height:auto!important;
        padding:3px!important;
        font-size:10px!important
    }
    .glide.mobile .video-card-thumn .video-card-info {
        bottom:12px;
        left:12px
    }
    .glide.mobile .video-card-thumn .video-card-info>.img {
        flex:0 0 40px;
        max-width:40px;
        height:40px
    }
    .ui.checkbox input.hidden+label {
        font-size:14px
    }
    .ui.modal.type05 {
        border:0;
        border-radius:12px
    }
    .ui.modal.type05 .header {
        position:relative;
        display:block;
        background-color:#000;
        font-size:14px;
        text-align:center;
        color:#fff;
        border-radius:0;
        border-radius:12px 12px 0 0;
        padding:14px 20px!important
    }
    .ui.modal.type05 .header>.btn-close {
        position:absolute;
        top:50%;
        right:10px;
        transform:translateY(-50%);
        display:block;
        width:24px;
        height:24px;
        background:url(https://static.flextv.co.kr/20240802/btn_popup_close_5187ec4807.png) no-repeat 50%;
        background-size:24px 24px
    }
    .ui.modal.type05 .disabled {
        padding:18px 16px
    }
    .ui.modal.type05 .disabled,
    .ui.modal.type05 .point,
    .ui.modal.type05 .title {
        font-size:14px
    }
    .ui.modal.type05 .input-wrap>input {
        height:36px
    }
    .ui.modal.type05 .input-wrap+span {
        font-size:14px;
        font-weight:500;
        color:#222
    }
    .ui.modal.type05 .flex .ui.button {
        position:relative;
        height:16px;
        font-size:14px;
        font-weight:500;
        background-color:transparent;
        color:#666;
        padding:0 20px 0 0
    }
    .ui.modal.type05 .flex .ui.button:after {
        content:"";
        position:absolute;
        right:0;
        top:0;
        width:16px;
        height:16px;
        background:url(https://static.flextv.co.kr/20240802/btn_list_more_3b7d8d4d3d.png) no-repeat 50%;
        background-size:cover
    }
    .ui.modal.type05 .btns {
        padding:16px
    }
    .ui.modal.type05 .btns .ui.button {
        font-size:15px;
        flex:1;
        padding:12px 10px
    }
}
.context-menu {
    z-index:1;
    background:#fff
}
.plyr.plyr--loading {
    position:static
}
.plyr--video {
    height:100%
}
.plyr--loading>.plyr__video-wrapper:after,
.video-screen-loading {
    display:block;
    width:197px;
    height:368px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-184px 0 0 -99px;
    background-color:transparent;
    background-image:url(https://static.flextv.co.kr/20240802/split_loading_1e6170252b.png);
    background-position:0 0;
    background-size:1182px 368px;
    background-repeat:no-repeat;
    opacity:0;
    z-index:2;
    content:"";
    animation-fill-mode:forwards;
    animation-name:fadein,loading;
    animation-delay:0s,1s;
    animation-duration:1s,4s;
    animation-timing-function:ease-in,steps(6);
    animation-iteration-count:1,infinite
}
@keyframes fadein {
    80% {
        opacity:0
    }
    to {
        opacity:1
    }
}
@keyframes loading {
    to {
        background-position:-1182px
    }
}
@media screen and (max-width:1023px) {
    .plyr--loading>.plyr__video-wrapper:after {
        width:98.5px;
        height:184px;
        background-size:591px 184px;
        margin:-92px 0 0 -50px
    }
    @keyframes loading {
        to {
            background-position:-591px
        }
    }
}
@media screen and (max-width:1280px) {
    #__next .ui.menu #menu {
        display:none
    }
    #__next .ui.menu #smallScreenMenu {
        display:block
    }
}
#image-cropper-container .cropper-view-box {
    outline:1px solid #000
}
.react-datepicker {
    border:1px solid #e5e5e5!important;
    box-shadow:4px 8px 11px #00000029
}
.react-datepicker__header--custom {
    background-color:#fff!important
}
.react-datepicker__day-name:first-child,
.react-datepicker__day-name:last-child {
    color:red!important
}
.react-datepicker__day-name {
    color:#676767!important;
    font-size:14px
}
.react-datepicker__header--custom select {
    -o-appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.react-datepicker-popper {
    padding:0!important
}
.react-datepicker__triangle {
    display:none!important
}
.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
    margin:6px!important
}
.disabled-calendar .react-datepicker__day,
.disabled-calendar .react-datepicker__day-name,
.disabled-calendar .react-datepicker__time-name {
    margin:0!important;
    padding:6px!important;
    width:40px!important;
    height:40px!important;
    border-radius:0!important
}
.disabled-calendar .react-datepicker__week {
    margin-top:12px
}
.disabled-calendar .react-datepicker__day {
    background-color:#ff024a1a!important;
    opacity:.65!important
}
.disabled-calendar .react-datepicker__day--selected {
    background-color:red!important;
    border-radius:50%!important;
    opacity:1!important
}
.react-datepicker__day-names {
    background-color:#fff
}
.react-datepicker__day-name {
    width:28px!important
}
.disabled-calendar .react-datepicker__day--disabled {
    background-color:#fff!important
}
.react-datepicker__day {
    font-size:14px!important;
    width:28px!important;
    height:28px;
    border-radius:50%!important
}
.disabled-calendar .react-datepicker__day {
    font-size:14px!important;
    width:40px!important;
    height:40px!important
}
.react-datepicker__day--outside-month {
    visibility:hidden!important;
    pointer-events:none
}
.react-datepicker__day--selected {
    background-color:#ff024a!important
}
.react-datepicker__day--selected.react-datepicker__day--weekend {
    color:#fff!important
}
.react-datepicker__day--weekend.react-datepicker__day--disabled {
    color:#ccc!important
}
.react-datepicker__day--weekend {
    color:red!important
}
.react-datepicker__triangle:after {
    border-bottom-color:#fff!important
}
.react-datepicker__header--custom {
    border:none!important
}
.slick-thumb-tw li.slick-active button:before {
    color:#eb34b7
}
@media screen and (max-width:768px) {
    .slick-dots.slick-thumb-tw {
        bottom:-5px
    }
}
.header-wrap {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.6)!important
}
.header-top {
    height:60px;
    padding:0 16px;
    border:0!important;
    background:#000!important;
    border-radius:0!important;
    transition:top .3s ease-in
}
.chrome-active {
    padding-top:60px
}
.chrome-guide {
    position:fixed;
    left:0;
    top:-60px;
    z-index:9999;
    display:flex;
    width:100%;
    height:60px;
    align-items:center;
    justify-content:space-between;
    font-weight:300;
    background-color:#f5f5f5;
    padding:0 35px;
    transition:top .3s ease-in
}
.chrome-guide>.center {
    margin:auto;
    font-size:20px;
    color:#707070
}
.chrome-guide>.center .text-blue {
    color:#4762ea
}
.chrome-guide>.center>.ui.image {
    width:30px;
    margin-right:12px
}
.chrome-guide>.center>.btn-chrome {
    font-size:16px;
    color:#fff!important;
    padding:8px 23px 8px 22px;
    border-radius:20px;
    background-color:#4762ea;
    margin-left:60px
}
.chrome-guide>.right {
    font-size:16px;
    color:#666
}
.chrome-guide>.right .btn-close {
    display:inline-block;
    width:16px;
    height:16px;
    padding:0;
    margin-left:10px;
    vertical-align:-2px
}
.chrome-guide>.right .btn-close>img {
    width:100%
}
.chrome-active .header-top {
    top:60px;
    transition:top .3s ease-out
}
.chrome-active .chrome-guide {
    top:0;
    transition:top .3s ease-out
}
.video-section-title {
    margin-bottom:0!important
}
.sub-tit {
    font-size:20px;
    font-weight:500;
    color:#000
}
.video-section-root::-webkit-scrollbar {
    display:none
}
#__next .video-card-root {
    position:relative;
    flex:0 0 25%;
    max-width:25%;
    box-sizing:border-box;
    padding:5px 8px;
    margin-bottom:12px
}
.video-card-root .video-card-txt {
    flex:1;
    max-width:calc(100% - 42px)
}
.video-card-root .video-card-txt>.broadcast-info>.description>span.strength {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:400
}
.video-card-root .video-card-img {
    height:40px;
    width:40px;
    min-width:40px;
    margin-right:8px
}
.video-card-root .video-card-img span {
    display:block;
    width:100%;
    height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50%;
    border-radius:50%;
    overflow:hidden;
    border:1px solid #d8d8d8
}
.live-wrap .glide__slide .video-card-thumn {
    position:relative;
    height:100%;
    padding-bottom:56.25%;
    border-radius:5px;
    overflow:hidden;
    background-color:#dcdcdc
}
.live-wrap .glide__slide .video-card-thumn .video-js,
.live-wrap .glide__slide .video-card-thumn>a>.ui.image {
    position:absolute;
    left:0;
    width:100%;
    height:100%
}
.live-wrap .glide__slide .video-card-txt {
    flex:1;
    max-width:calc(100% - 42px)
}
.live-wrap .glide__slide .video-card-txt .broadcast-info {
    width:100%;
    overflow:hidden
}
.live-wrap .glide__slide .video-card-txt .broadcast-info>.description {
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
#__next .video-card-root .bj-thumn {
    flex:0 0 34px
}
#__next .video-card-root .video-card-title {
    flex:1;
    font-size:14px;
    font-weight:500;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    max-height:36px;
    line-height:18px;
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:break-all
}
#__next .video-card-root .video-card-title.mobile-title {
    padding-left:20px;
    position:relative
}
#__next .video-card-root .video-card-title.mobile-adult-title {
    padding-left:38px;
    position:relative
}
#__next .video-card-root .video-card-title.adult-title {
    padding-left:24px;
    position:relative
}
#__next .video-card-root .video-card-title i.mobile {
    position:absolute;
    top:0;
    left:0;
    line-height:18px
}
#__next .video-card-root .video-card-title i.mobileAdult {
    position:absolute;
    top:0;
    left:20px;
    line-height:18px
}
#__next .video-card-root .video-card-title>span,
.glide__slide .video-card-title>span {
    display:block;
    width:100%;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    line-height:18px
}
#__next .video-card-root .video-card-thumn {
    position:relative;
    overflow:hidden;
    border-radius:8px;
    border:1px solid #efefef;
    background-color:#dcdcdc;
    padding-bottom:56.25%
}
.video-card-root .video-card-thumn .ui.image {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.main-section01 .hot-live .video-card-thumn {
    position:relative;
    width:100%;
    height:100%;
    padding-bottom:56.25%
}
#__next .hot-live .video-card-thumn:after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    z-index:1;
    width:100%;
    height:50%;
    background-image:linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent)
}
#__next .hot-live .video-card-thumn .video-img,
#__next .hot-live .video-card-thumn .video-js {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:#000
}
#__next .hot-live .video-card-thumn .video-img {
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%
}
#__next .video-card-root .video-card-thumn .video-js,
#__next .video-card-root .video-card-thumn>a>.ui.image:not(.label-age-limit),
.video-card-root .video-card-thumn .video-js,
.video-card-root .video-card-thumn>a>.ui.image:not(.label-age-limit) {
    position:absolute;
    top:0;
    left:0;
    width:calc(100% + 1px);
    min-height:100%
}
#__next .video-card-thumn .video-card-label,
.video-card-thumn .video-card-label {
    position:absolute;
    display:flex;
    align-items:center;
    top:8px;
    left:8px;
    z-index:1;
    background-color:transparent;
    padding:0;
    margin:0;
    background:transparent
}
#__next .video-card-thumn .label-age-limit,
#__next .video-card-thumn .label-age-limit.ui.image {
    position:absolute;
    width:27px;
    height:27px;
    top:8px;
    right:8px;
    left:unset;
    z-index:1;
    background-color:transparent
}
.video-card-thumn .video-card-info {
    position:absolute;
    left:16px;
    bottom:16px;
    display:flex;
    width:calc(100% - 20px);
    align-items:center;
    font-size:12px;
    font-weight:400;
    color:#fff;
    z-index:2
}
.video-card-thumn .video-card-info>.img {
    flex:0 0 44px;
    max-width:44px;
    height:44px;
    border-radius:50%;
    background-color:#fff;
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    margin-right:8px
}
.video-card-thumn .video-card-info>span {
    flex:1;
    max-width:calc(100% - 54px);
    text-align:left
}
.video-card-thumn .video-card-info>.img>img {
    height:100%;
    border-radius:50%
}
.video-card-thumn .video-card-info .title {
    display:block;
    font-size:14px;
    font-weight:500;
    line-height:14px;
    margin-bottom:5px;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
#__next .video-card-root .btn-delete {
    position:absolute;
    top:8px;
    right:8px;
    width:13px;
    height:13px;
    font-size:0;
    background:url(https://static.flextv.co.kr/20240802/btn_delete_f06ed6713a.png) no-repeat;
    background-size:cover
}
#__next .video-card-root.hover .btn-delete {
    top:20px;
    right:20px
}
#__next .search-result-box .ui.vertical.segment {
    border-bottom:0
}
#__next .search-result-box .grid-container {
    flex-wrap:wrap!important
}
#__next .mobile-container .search-result-box .video-card-root,
#__next .search-result-box .video-card-root {
    display:flex;
    flex:0 0 100%;
    max-width:100%
}
#__next .search-result-box .video-card-root>a {
    flex:0 0 200px;
    max-width:200px;
    height:124px;
    margin-right:10px
}
#__next .search-result-box .video-card-root .video-card-thumn {
    flex:1;
    max-width:200px;
    margin-right:10px;
    padding-bottom:11.5%
}
#__next .search-result-box .video-card-root .video-card-info {
    flex:1
}
#__next .search-result-box .video-card-root .video-card-info>p {
    line-height:12px;
    margin-bottom:10px
}
#__next .search-result-box .video-card-root .video-card-info>.title {
    font-size:18px;
    font-weight:500;
    color:#18181b;
    line-height:14px;
    margin-bottom:12px
}
#__next .search-result-box .video-card-root .video-card-info>.category {
    font-size:12px;
    color:#7e7e7e
}
#__next .search-result-box .video-card-root .video-card-info div>.tag {
    font-size:10px;
    font-weight:600;
    color:#8a8a8a;
    border-radius:40px;
    background-color:#f7f7f8;
    padding:3px 10px
}
#__next .search-result-box .video-card-root .video-card-info>.category>span:first-child {
    display:inline-block;
    width:66px;
    color:#222!important
}
#__next .search-result-box .video-card-root .video-card-info>.category span {
    color:#18181b
}
.live-now-logo {
    margin:2px 2px 0 0;
    float:left;
    width:20px;
    height:20px;
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16"><path d="M15.75 15.188c.408 0 .762-.144 1.062-.432.3-.288.45-.636.45-1.044v-9c0-.42-.15-.777-.45-1.071-.3-.294-.654-.441-1.062-.441h-5.688L12.51.734l-.522-.522L9 3.2 6.012.212 5.49.734 7.938 3.2H2.25c-.408 0-.762.147-1.062.441-.3.294-.45.651-.45 1.071v9c0 .408.15.756.45 1.044.3.288.654.432 1.062.432h13.5zm0-1.476H2.25v-9h13.5v9zm-9-1.512l5.238-2.988L6.75 6.188V12.2z"/></svg>');
    background-repeat:no-repeat
}
.live-now-root::-webkit-scrollbar {
    display:none
}
#__next .luv-page-container {
    padding-left:50px;
    padding-right:50px
}
.content {
    padding:30px 60px 60px;
    box-sizing:border-box
}
.row {
    display:flex;
    flex-wrap:wrap;
    margin-right:-12px;
    margin-left:-12px
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position:relative;
    width:100%;
    padding-right:12px;
    padding-left:12px
}
.col-1 {
    flex:0 0 8.33333%;
    max-width:8.33333%
}
.col-2 {
    flex:0 0 16.66667%;
    max-width:16.66667%
}
.col-3 {
    flex:0 0 25%;
    max-width:25%
}
.col-4 {
    flex:0 0 33.33333%;
    max-width:33.33333%
}
.col-5 {
    flex:0 0 41.66667%;
    max-width:41.66667%
}
.col-6 {
    flex:0 0 50%;
    max-width:50%
}
.col-7 {
    flex:0 0 58.33333%;
    max-width:58.33333%
}
.col-8 {
    flex:0 0 66.66667%;
    max-width:66.66667%
}
.col-9 {
    flex:0 0 75%;
    max-width:75%
}
.col-10 {
    flex:0 0 83.33333%;
    max-width:83.33333%
}
.col-11 {
    flex:0 0 91.66667%;
    max-width:91.66667%
}
.col-12 {
    flex:0 0 100%;
    max-width:100%
}
.align-items-center {
    align-items:center!important
}
.justify-content-center {
    justify-content:center!important
}
.logo {
    text-align:center;
    margin-bottom:40px
}
.logo>a {
    cursor:pointer
}
.logo img {
    width:170px
}
.input-wrap {
    position:relative;
    overflow:hidden;
    margin-bottom:5px
}
.input-wrap>label {
    font-size:14px!important;
    font-weight:500!important;
    color:#222
}
.input-wrap>input {
    width:100%
}
.input-wrap .ui.labeled.selection.dropdown,
.input-wrap textarea {
    border:1px solid #bcbcbc!important
}
.input-wrap .close {
    display:none;
    width:17px;
    height:17px;
    position:absolute;
    right:10px;
    bottom:12px;
    border-radius:50%;
    background:url(https://static.flextv.co.kr/20240802/btn_input_delet_0323470e23.png) no-repeat;
    background-size:contain
}
.input-wrap .message+.close {
    bottom:34px
}
.input-wrap>input:focus+.close,
.input-wrap>input:focus+.message+.close {
    display:block
}
.ui.form.input-search {
    position:relative;
    height:32px
}
.ui.form.input-search>.field>.ui.input>input {
    width:310px;
    height:32px;
    border-radius:6px;
    font-size:12px
}
.ui.form.input-search>.field>.ui.input>input::-moz-placeholder {
    font-size:12px
}
.ui.form.input-search>.field>.ui.input>input::placeholder {
    font-size:12px
}
.ui.form.input-search .btn-search {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:12px;
    width:17px;
    height:16px;
    background:url(https://static.flextv.co.kr/20240802/ico_search_d8af5c0863.png) no-repeat;
    background-size:cover;
    border:0
}
.border-right {
    position:relative;
    padding-right:8px;
    margin-right:8px
}
.border-right:after {
    content:"";
    width:1px;
    height:10px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0;
    background-color:#ccc
}
.border-right.m2 {
    padding-right:5px;
    margin-right:5px
}
.text-center {
    text-align:center
}
.sns-title {
    display:flex;
    align-items:center;
    font-size:14px;
    font-weight:400;
    color:#666;
    margin-bottom:32px
}
.sns-title:after,
.sns-title:before {
    display:inline-flex;
    content:"";
    flex:1;
    max-width:100%;
    height:1px;
    background-color:#ddd
}
.sns-title:before {
    margin-right:8px
}
.sns-title:after {
    margin-left:8px
}
.live-wrap {
    position:relative
}
.live-wrap .video-section-title {
    margin-top:0
}
.live-btns {
    position:absolute;
    right:0;
    top:4px
}
.live-btns>button {
    padding:0
}
.header-drop {
    position:relative;
    z-index:99999!important
}
.header-drop .btn-user-info {
    position:relative;
    padding-right:20px
}
.header-drop .btn-user-info:after {
    content:"";
    position:absolute;
    top:50%;
    right:0;
    transform:rotate(180deg);
    margin-top:-3px;
    width:9px;
    height:6px;
    background:url(https://static.flextv.co.kr/20240802/btn_drop_7f62ca5a91.png) no-repeat;
    background-size:cover
}
.header-drop.on .btn-user-info:after {
    transform:rotate(0)
}
.header-drop .thumn-wrap {
    display:inline-block;
    width:28px;
    height:28px;
    border-radius:50%
}
.header-drop .thumn-wrap.no-thumn {
    background:url(https://static.flextv.co.kr/20240802/pro_non_img_ae39d13939.png) no-repeat;
    background-size:cover
}
.header-drop .thumn-wrap>img {
    height:100%;
    border-radius:50%!important
}
.header-drop>.img-wrap>button {
    padding:0
}
.header-drop-box {
    display:none;
    position:fixed;
    top:60px;
    right:16px;
    z-index:10;
    width:216px;
    padding:20px;
    box-sizing:border-box;
    border-radius:6px;
    box-shadow:0 3px 6px 0 rgba(0,0,0,.16)
}
.header-drop-box.live {
    right:423px
}
.header-drop.on .header-drop-box {
    display:block
}
.header-drop .header-drop-box .user-info:after {
    content:"";
    display:block;
    height:0;
    clear:both
}
.header-drop .header-drop-box .user-info>span {
    float:left
}
.header-drop .header-drop-box .user-info>span:nth-child(2) {
    width:calc(100% - 58px);
    font-size:13px;
    font-weight:500;
    font-style:normal;
    line-height:1.08;
    margin-top:7px;
    margin-bottom:5px;
    word-break:break-all
}
.header-drop .header-drop-box .user-info>span:nth-child(3) {
    width:calc(100% - 58px);
    font-size:12px;
    font-weight:400;
    font-style:normal;
    line-height:1.08
}
.header-drop .header-drop-box .user-info .img-wrap {
    display:inline-block;
    width:48px;
    height:48px;
    border-radius:50%;
    overflow:hidden;
    margin-right:10px
}
.header-drop .header-drop-box .user-info .img-wrap>img {
    width:inherit;
    height:inherit
}
.header-drop .header-drop-box .ui.primary.button {
    margin-top:10px
}
.header-drop .header-drop-box>ul>li {
    font-size:12px;
    font-weight:400;
    font-style:normal;
    line-height:1.08;
    margin-bottom:10px;
    display:flex;
    justify-content:space-between
}
.header-drop .header-drop-box>ul>li.logout {
    margin-bottom:0;
    color:#ccc
}
.header-drop .header-drop-box>ul>li.logout>button {
    padding:0
}
.header-drop .header-drop-box>ul>li .message.new {
    color:#666!important
}
.header-drop .header-drop-box>ul>li .message.new:after {
    content:"";
    display:inline-block;
    width:10px;
    height:10px;
    background:url(https://static.flextv.co.kr/20240802/ico_new_78550d62a2.png) no-repeat;
    background-size:cover;
    margin-left:5px
}
.header-drop .header-drop-box>ul>li.border-bottom {
    padding-bottom:10px
}
.icons.users {
    background:url(https://static.flextv.co.kr/20240802/ico_s_peo_b_db4f55c9f8.png) no-repeat;
    background-size:cover
}
.icons.users,
.icons.users2 {
    display:inline-block;
    width:12px;
    height:12px;
    margin-right:4px
}
.icons.users2 {
    background:url(https://static.flextv.co.kr/20240802/ico_s_peo_4cbe3affd1.png) no-repeat;
    background-size:cover
}
.icons.users3 {
    display:inline-block;
    width:14px;
    height:14px;
    background:url(https://static.flextv.co.kr/20240802/ico_viewer2_1203f2bd98.png) no-repeat;
    background-size:cover;
    margin-right:4px
}
.icons.time {
    background:url(https://static.flextv.co.kr/20240802/ico_s_time_8cd8acf587.png) no-repeat;
    background-size:cover
}
.icons.play,
.icons.time {
    display:inline-block;
    width:10px;
    height:10px;
    margin-right:0
}
.icons.play {
    background:url(https://static.flextv.co.kr/20240802/ico_s_view_9eedf60538.png) no-repeat;
    background-size:cover
}
.icons.danger {
    position:relative;
    padding-left:18px;
    font-size:12px;
    color:#ff7b7b
}
.icons.danger:after {
    content:"";
    position:absolute;
    top:1px;
    left:0;
    width:14px;
    height:14px;
    background:url(https://static.flextv.co.kr/20240802/ico_alram_63874a0417.png) no-repeat;
    background-size:cover;
    margin:0
}
.accordion-wrap .accordion-header {
    position:relative;
    margin-top:16px
}
.btn-accordion {
    position:absolute;
    right:0;
    top:0;
    width:20px;
    height:20px;
    background:url(https://static.flextv.co.kr/20240802/ico_down_0aef8543cf.png) no-repeat;
    background-size:cover
}
.btn-accordion.active {
    transform:rotate(180deg)
}
.dim {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:.5;
    z-index:3
}
.channel-btn-modal {
    position:relative;
    font-weight:400;
    text-align:center;
    letter-spacing:normal;
    color:#222;
    margin:16px;
    font-size:12px
}
.channel-flex-history {
    padding:10px 20px;
    margin:30px 30px 0;
    border-radius:3px;
    border:1px solid #ddd
}
.channel-flex-history>h3 {
    font-size:14px;
    font-weight:500;
    color:#666;
    margin-bottom:10px
}
.channel-flex-history>h3>span {
    font-size:12px;
    font-weight:400;
    margin-left:5px
}
.channel-flex-history>span {
    position:relative;
    display:inline-block;
    border-radius:15px;
    color:#fff;
    white-space:nowrap;
    margin-right:5px;
    margin-bottom:5px;
    padding:5px 32px 6px 8px
}
.channel-flex-history>span:after {
    content:"";
    position:absolute;
    top:5px;
    right:5px;
    width:19px;
    height:19px;
    background:url(https://static.flextv.co.kr/20240802/icon_flex_f764278fe3.png) no-repeat;
    background-size:cover
}
.channel-flex-history>span.level-01 {
    background-color:#ffcbda
}
.channel-flex-history>span.level-02 {
    background-color:#ffb6ca
}
.channel-flex-history>span.level-03 {
    background-color:#ff9bb8
}
.channel-flex-history>span.level-04 {
    background-color:#ff6390
}
.flex-gift-wrap {
    position:relative;
    background-color:#fff;
    padding:10px;
    border-radius:0 0 7px 7px
}
.flex-gift-wrap .flex-gift-txt {
    padding:0 25px
}
.flex-gift-wrap .flex-gift-txt>.ui.form>.ui.input {
    width:180px;
    height:32px
}
.flex-gift-wrap .flex-gift-txt>.ui.form>.ui.button {
    margin-left:5px
}
.flex-gift-btn {
    display:flex;
    align-items:center;
    background-color:#fff2f6;
    padding:6px 12px 6px 0;
    border:1px solid #ffd5e1;
    border-left:0;
    border-right:0
}
.flex-gift-btn .title {
    flex:0 0 108px;
    max-width:108px;
    font-size:14px;
    color:#000;
    text-align:center;
    border-right:1px solid #fdc0d1
}
.flex-gift-btn .total {
    flex:1;
    font-size:14px;
    color:#000;
    margin-left:auto;
    padding-right:56px;
    text-align:right
}
.flex-gift-btn .total>.point {
    color:#ff024a
}
#__next .flex-gift-btn .ui.button,
.flex-gift-btn .ui.button {
    flex:0 0 170px;
    max-width:170px;
    height:36px;
    font-size:14px;
    font-weight:500;
    color:#fff;
    background-color:#f2507e;
    border:0;
    border-radius:6px
}
.guide-txt {
    font-size:12px;
    color:#000
}
.card-item-wrap {
    display:flex;
    flex-wrap:wrap
}
.card-item-wrap .card-item {
    flex:0 0 calc(25% - 15px);
    margin-right:20px;
    margin-bottom:20px
}
.card-item-wrap .card-item:nth-child(4n) {
    margin-right:0
}
.card-item-wrap .card-item.best {
    position:relative
}
.card-item-wrap .card-item.best:after {
    position:absolute;
    top:17px;
    right:16px;
    content:"BEST";
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:50%;
    text-align:center;
    font-size:11px;
    color:#fff;
    letter-spacing:0
}
.card-item-wrap .card-item.best.premium:after {
    background-color:#667be4
}
.card-item-wrap .card-item.best.gold:after {
    background-color:#e5c04d
}
.card-item .ui.card {
    width:100%;
    padding:24px;
    border-radius:8px;
    box-shadow:0 3px 6px 0 rgba(0,0,0,.1);
    border:1px solid #d4d4d4;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    text-align:center
}
.card-item .ui.card>.content,
.card-item .ui.card>.extra {
    padding:0
}
.card-item .ui.card>.content .level {
    font-size:14px;
    margin-bottom:5px
}
.card-item .ui.card>.content .title {
    font-size:18px;
    color:#222;
    margin-bottom:16px;
    font-weight:500
}
.card-item.premium .ui.card>.content p.level {
    color:#667be4
}
.card-item.gold .ui.card>.content p.level {
    color:#dcad19
}
.card-item .ui.card>.content .level-icon {
    display:none
}
.ui.card>.content>.header+.description .price {
    display:block;
    font-size:18px;
    font-weight:400;
    color:#000;
    margin-bottom:3px
}
.ui.card>.content>.header+.description .price:after {
    content:"원"
}
.ui.card>.content>.header+.description>span {
    display:block;
    font-size:12px;
    color:#888;
    margin-bottom:16px
}
.card-item .ui.card>.extra .info {
    min-height:73px;
    font-size:12px;
    color:#666;
    margin-top:15px
}
.card-item .ui.card>.extra .info li {
    margin-bottom:10px
}
.card-item .ui.card>.extra .info li:before {
    content:"";
    display:inline-block;
    width:18px;
    height:18px;
    margin-right:5px;
    background-color:#f4f4f5;
    border-radius:50%;
    vertical-align:-4px
}
.card-item .ui.card>.content .btns {
    width:100%;
    display:flex
}
.caution-wrap {
    border:1px solid #ddd
}
.caution-wrap .caution-header {
    display:flex;
    align-items:center;
    padding:15px 10px;
    font-size:14px;
    color:#333;
    border-bottom:1px solid #ddd
}
.caution-wrap .caution-header:before {
    content:"";
    display:inline-flex;
    width:16px;
    height:16px;
    margin-right:10px;
    background:url(https://static.flextv.co.kr/20240802/ico_alert_19de129d31.png) no-repeat;
    background-size:cover
}
.caution-wrap .caution-body {
    padding:20px
}
.caution-wrap .caution-body li {
    position:relative;
    font-size:12px;
    color:#888;
    margin-bottom:10px;
    padding-left:10px;
    word-break:keep-all
}
.caution-wrap .caution-body li:before {
    content:"";
    position:absolute;
    top:8px;
    left:0;
    width:2px;
    height:2px;
    background-color:#888
}
.caution-wrap .caution-body li.sub:before {
    content:"-";
    position:static;
    background-color:transparent;
    margin-right:5px
}
.caution-wrap2 {
    padding-top:20px;
    border-top:1px solid #666;
    font-size:14px;
    color:#666
}
.caution-wrap2>* {
    margin-bottom:10px
}
.charge-flex-box {
    display:flex;
    height:70px;
    justify-content:center;
    align-items:center;
    border:1px solid #d9d9d9;
    background-color:#f5f5f5;
    border-radius:10px;
    font-size:13px;
    color:#222;
    margin:40px 0
}
.charge-flex-box>.title {
    font-size:14px;
    margin-right:30px
}
.charge-amount>input,
.charge-flex-box>input {
    width:140px;
    height:36px;
    border-radius:6px;
    border:1px solid #ddd;
    background-color:#fff;
    padding-left:15px;
    margin-right:8px
}
.charge-flex-box>input::-moz-placeholder {
    color:#aaa
}
.charge-flex-box>input::placeholder {
    color:#aaa
}
.charge-flex-box .sub-txt {
    font-size:10px;
    color:#888;
    margin-left:5px
}
.modal-guide {
    padding:10px 20px;
    background-color:#f8f8f8;
    font-size:12px;
    color:#8d8d8d
}
.modal-guide>p {
    line-height:20px
}
.modal-guide.type02 {
    padding:10px;
    text-align:center;
    margin-bottom:10px;
    font-size:14px;
    color:#222
}
.modal-guide ul>li {
    position:relative;
    padding-left:20px
}
.modal-guide ul>li:before {
    content:"-";
    position:absolute;
    top:0;
    left:0
}
.box-style01 {
    padding:10px;
    border:1px solid #ddd;
    background-color:#fff
}
.box-style01 .box-body .list {
    background-color:#f8f8f8;
    border-bottom:1px solid #ddd;
    margin-bottom:4px
}
.box-style01 .box-body .list>* {
    display:flex;
    min-height:40px;
    padding:10px
}
.box-style01 .box-body .list>.header {
    border-bottom:1px solid #ddd;
    font-size:13px;
    color:#222;
    margin-bottom:12px
}
.box-style01 .box-body .list>.body {
    font-size:12px;
    color:#666;
    padding:0 10px;
    margin-bottom:12px
}
.box-style01 .box-body .list .checkbox {
    flex:0 0 13px;
    margin-right:10px
}
.box-style01 .box-body .list .ui.checkbox {
    min-width:13px;
    min-height:13px;
    margin-right:0
}
.box-style01 .box-body .list .ui.checkbox input[type=checkbox],
.box-style01 .box-body .list .ui.checkbox label:after,
.box-style01 .box-body .list .ui.checkbox label:before {
    width:13px;
    height:13px
}
.box-style01 .box-body .list .ui.checkbox label:before {
    border:1px solid #707070
}
.box-style01 .box-body .list .ui.checkbox label:after {
    top:-1px;
    font-size:10px
}
.box-style01 .box-body .list .content {
    flex:1;
    padding:0;
    margin-right:36px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.box-style01 .box-body .list .content .bul {
    display:block;
    padding-left:10px;
    background:url(https://static.flextv.co.kr/20240802/ico_play_36413cf3a8.png) no-repeat 0;
    background-size:7px
}
.box-style01 .box-body .list .date {
    flex:0 0 46px
}
.box-style01 .box-body .paging {
    display:flex;
    align-items:center;
    justify-content:center
}
.box-style01 .box-body .paging>span {
    font-size:13px;
    color:#bbb;
    margin-right:10px
}
.box-style01 .box-body .paging>span.active {
    font-size:15px;
    color:#222
}
.box-style01 .box-body .paging>span:last-child {
    margin-right:0
}
.box-style02 {
    border:1px solid #ddd;
    background-color:#fff
}
.box-style02 .box-header {
    border-bottom:1px solid #ddd;
    font-size:14px;
    font-weight:500;
    color:#000;
    padding:7px 10px
}
.box-style02 .box-body {
    max-height:310px;
    overflow:auto
}
.box-style02 .box-body .flex-list li {
    display:flex;
    font-size:12px;
    color:#666;
    padding:0 8px;
    height:36px;
    align-items:center;
    background-color:#f8f8f8
}
.box-style02 .box-body .flex-list li:nth-child(2n) {
    background-color:#ececec
}
.box-style02 .box-body .flex-list li>span {
    line-height:14px
}
.box-style02 .box-body .flex-list li>span:first-child {
    flex:0 0 51px;
    margin-right:5px;
    text-align:center
}
.box-style02 .box-body .flex-list li>span:nth-child(2) {
    flex:1;
    margin-right:5px;
    text-align:center
}
.box-style02 .box-body .flex-list li>span:nth-child(3) {
    flex:0 0 47px;
    text-align:center;
    font-weight:500;
    color:#222
}
.box-style03 {
    border-radius:6px;
    border:1px solid #ddd;
    background-color:#fff;
    overflow:hidden;
    margin-bottom:10px
}
.box-style03>.box-header {
    border-bottom:1px solid #ddd;
    padding:15px 20px
}
.box-style03>.box-header>.title {
    font-size:15px;
    font-weight:500;
    color:#222
}
.box-style03>.box-body {
    padding:20px
}
.box-style03>.box-body>p {
    margin:0
}
.box-style03>.box-body>.txt {
    font-size:13px;
    font-weight:500;
    color:#222
}
.box-style03>.box-body>.txt.bul {
    position:relative;
    padding-left:5px
}
.box-style03>.box-body>.txt.bul:after {
    content:"";
    position:absolute;
    top:8px;
    left:0;
    width:2px;
    height:2px;
    background-color:#aaa;
    border-radius:50%
}
.box-style03>.box-body>.txt:not(:first-child) {
    margin-top:15px
}
.box-style03>.box-body>.txt>span {
    color:#f2507e
}
.box-style03>.box-body>.sub-txt {
    position:relative;
    font-size:13px;
    color:#666;
    margin-top:10px;
    padding-left:10px
}
.box-style03>.box-body>.sub-txt:after {
    content:"-";
    color:#666;
    position:absolute;
    left:0;
    top:0
}
.box-style03>.box-body>.sub-txt>a {
    color:#222;
    border-bottom:1px solid #222
}
.box-style03>.box-body>.sub-txt>span {
    color:#f2507e
}
.box-style03>.box-body>.table3 th {
    width:15%
}
.box-style03>.box-body>.table3 td {
    width:85%
}
.box-style04 {
    padding:12px 22px;
    background-color:#eee;
    margin:20px 0;
    text-align:center
}
.box-style04 br {
    display:none
}
.np-box {
    flex:1;
    max-width:100%
}
.np-box>* {
    display:block;
    margin-bottom:5px;
    font-size:12px;
    line-height:12px;
    color:#000
}
.np-box>*>span:first-child {
    position:relative;
    color:#666;
    margin-right:10px;
    padding-left:15px
}
.np-box>*>span.next:after {
    background:url(https://static.flextv.co.kr/20240802/btn_pre_2a6f538ce2.png) no-repeat;
    background-size:cover
}
.np-box>*>span.next:after,
.np-box>*>span.prev:after {
    content:"";
    position:absolute;
    top:4px;
    left:0;
    width:11px;
    height:8px
}
.np-box>*>span.prev:after {
    background:url(https://static.flextv.co.kr/20240802/btn_next_b5eca7e4d3.png) no-repeat;
    background-size:cover
}
.btn-more {
    font-size:18px;
    color:#000;
    padding-right:20px
}
.btn-more:after {
    content:"";
    position:absolute;
    top:3px;
    right:0;
    width:8px;
    height:14px;
    background:url(https://static.flextv.co.kr/20240802/btn_more_list_a63375c9a1.png) no-repeat;
    background-size:cover
}
.btn-refresh {
    position:absolute;
    top:0;
    right:0
}
.btn-refresh>img {
    width:30px
}
.btn-refresh-new {
    display:block;
    width:21px;
    height:21px;
    padding:0;
    overflow:hidden;
    text-indent:-1000em;
    white-space:nowrap;
    background:#fff url(https://static.flextv.co.kr/20240802/btn_refresh_new_488fb372a0.png) 50%;
    background-size:18px 18px;
    margin:0 4px 0 0;
    border:1px solid #ddd;
    border-radius:4px
}
.btn-search {
    display:inline-block;
    width:30px;
    height:30px;
    border:1px solid #ddd;
    border-radius:3px;
    box-sizing:border-box;
    background:url(https://static.flextv.co.kr/20240802/ico_search_d695948aa3.png) no-repeat 50%;
    background-size:18px
}
.play-mission-luv {
    display:flex;
    align-items:center;
    flex-wrap:nowrap
}
.play-mission-luv .glide__arrows {
    position:absolute
}
.play-mission-luv .glide__arrows.left {
    left:0
}
.play-mission-luv .glide__arrows.right {
    right:0
}
.play-mission-luv .glide-content {
    flex:1;
    max-width:100%;
    overflow:hidden
}
.mission-gift-box {
    display:flex;
    flex-wrap:wrap;
    background:#ddd;
    padding:6px 10px 0;
    box-sizing:border-box
}
.mission-gift-item {
    display:inline-flex;
    align-items:center;
    flex:0 0 calc(50% - 5px);
    max-width:calc(50% - 5px);
    height:30px;
    font-size:11px;
    color:#222;
    margin-right:10px;
    margin-bottom:5px;
    padding:0 12px;
    background-color:#fff;
    border-radius:6px
}
.mission-gift-item:nth-child(2n) {
    margin-right:0
}
.mission-gift-item .coin {
    min-width:52px;
    color:#ff336d
}
.mission-gift-item .coin>img {
    display:inline;
    margin-right:5px
}
.mission-gift-item .name {
    margin:0 8px;
    flex:1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.mission-gift-item .count {
    color:#666
}
.myPage-box>.title {
    color:#666;
    padding-bottom:8px
}
.myPage-box>.list>li,
.myPage-box>.title {
    font-size:14px;
    border-bottom:1px solid #eee
}
.myPage-box>.list>li {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 0;
    color:#888
}
.myPage-box>.list>li:last-child {
    border-bottom:0
}
.myPage-box>.list>li.disabled * {
    color:#888!important
}
.myPage-box>.list>li>div:nth-child(2) {
    text-align:right
}
.myPage-box>.list>li>div .btn-delete {
    display:inline-block;
    width:22px;
    flex:0 0 22px;
    height:22px;
    background:url(https://static.flextv.co.kr/20240802/btn_cancle_6ecb32d0e2.png) no-repeat 50%;
    background-size:22px;
    margin-left:10px
}
.myPage-box>.list>li .name {
    position:relative;
    display:block;
    font-size:14px;
    line-height:14px;
    margin-bottom:5px
}
.myPage-box>.list>li .name.receive:before {
    content:"";
    display:inline-block;
    width:12px;
    height:12px;
    background:url(https://static.flextv.co.kr/20240802/ico_receive_8ed073fe9d.png) no-repeat 50%;
    background-size:12px
}
.myPage-box>.list>li .name.send:before {
    content:"";
    display:inline-block;
    width:12px;
    height:12px;
    background:url(https://static.flextv.co.kr/20240802/ico_send_5e8e4de602.png) no-repeat 50%;
    background-size:12px
}
.myPage-box>.list>li .name>strong {
    font-weight:500;
    color:#222
}
.myPage-box>.list>li .item {
    display:block
}
.myPage-box>.list>li .num {
    display:block;
    font-size:14px;
    color:#222
}
.myPage-box>.list>li .num>strong {
    font-size:14px;
    font-weight:500
}
.myPage-box>.list>li .txt01 {
    display:block;
    font-size:14px;
    color:#888
}
.myPage-box>.list>li .txt02 {
    display:block;
    font-size:14px;
    color:#222
}
.bg-complete {
    width:100%;
    padding-top:130px;
    background:url(https://static.flextv.co.kr/20240802/img_giftbox_61f3fd20a3.png) no-repeat top #fff;
    background-size:220px;
    margin-top:3em;
    margin-bottom:40px
}
.bg-complete.type02 {
    width:100%;
    height:90px;
    padding-top:0;
    background:url(https://static.flextv.co.kr/20240802/check_6b5d513661.png) no-repeat top #fff;
    background-size:90px;
    margin:40px 0
}
.text-complete {
    font-size:20px;
    font-weight:500;
    color:#000;
    text-align:center
}
.text-complete>span {
    color:#ff024a
}
.find-box {
    height:100vh;
    flex-direction:column;
    justify-content:center;
    font-size:13px;
    color:#333
}
.find-box,
.find-box .find-box-header {
    display:flex;
    align-items:center
}
.find-box .find-box-header>* {
    flex:1;
    text-align:center;
    font-size:14px;
    color:3ccc;
    padding-bottom:10px;
    border-bottom:3px solid #ccc
}
.find-box .find-box-header>.on {
    color:#000;
    border-bottom:3px solid #000
}
.certification {
    display:flex;
    align-items:center;
    margin-bottom:25px;
    max-width:320px
}
.certification>label {
    flex:1;
    border:3px solid #bcbcbc;
    border-radius:6px;
    text-align:center;
    padding-top:131px;
    padding-bottom:20px;
    margin-right:5px;
    font-size:15px;
    font-weight:500;
    color:#666;
    cursor:pointer
}
.certification>input:checked+label {
    border:3px solid #f2507e
}
.certification>label:last-child {
    margin-right:0
}
.certification>label.phone {
    background:url(https://static.flextv.co.kr/20240802/verification_phone_4cd29056cf.png) no-repeat center 30px;
    background-size:40px
}
.certification>input:checked+label.phone {
    background:url(https://static.flextv.co.kr/20240802/verification_phone_p_20b56f06ab.png) no-repeat center 30px;
    background-size:40px
}
.certification>label.ipin {
    background:url(https://static.flextv.co.kr/20240802/verification_Ipin_0928378c66.png) no-repeat center 30px;
    background-size:46px
}
.certification>input:checked+label.ipin {
    background:url(https://static.flextv.co.kr/20240802/verification_Ipin_p_7ffc755463.png) no-repeat center 30px;
    background-size:46px
}
.certification>label>.ui.button {
    display:none
}
.certification>input:checked+label>.ui.button {
    display:block;
    width:97px;
    margin:20px auto 0
}
.certification>input[type=radio] {
    display:none
}
.btn-sns-detail {
    font-size:12px;
    font-weight:500;
    color:#ccc!important;
    padding-bottom:5px;
    border-bottom:1px solid #ccc
}
.btn-sns-detail:after {
    content:">";
    margin-left:5px
}
.chart-label {
    font-size:12px;
    font-weight:400;
    color:#666
}
.chart-label:before {
    content:"";
    display:inline-block;
    width:15px;
    height:15px;
    background-color:#ff7fa3;
    margin-right:5px;
    vertical-align:-3px
}
.signature-box {
    display:grid;
    grid-gap:10px;
    grid-template-columns:repeat(auto-fill,164px);
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    padding:10px 0;
    margin-bottom:20px
}
.signature-box>div {
    height:170px;
    font-size:12px;
    font-weight:400;
    color:#000;
    background-color:#f8f8f8;
    border:1px solid #ddd;
    padding:10px
}
.signature-box .img-box {
    position:relative;
    width:100%;
    height:126px;
    border:1px solid #ddd;
    margin-bottom:5px;
    cursor:pointer
}
.signature-box .img-box:not(.judge) {
    cursor:pointer
}
.signature-box .img-box:not(.judge):before {
    content:"이모티콘 등록";
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    font-size:14px;
    color:#000;
    padding-top:30px;
    background:url(https://static.flextv.co.kr/20240802/icon_plus_9ffef39145.png) no-repeat center 0;
    background-size:20px;
    white-space:nowrap;
    z-index:0
}
.signature-box .img-box>img {
    width:100%;
    height:100%
}
.signature-box .img-box>img+button {
    display:none;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:30px;
    line-height:30px;
    font-size:14px;
    color:#fff;
    background-color:rgba(0,0,0,.3)
}
.signature-box .img-box.judge:after {
    content:"심사중";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    font-size:14px;
    font-weight:500;
    color:#fff;
    background-color:rgba(0,0,0,.6);
    display:flex;
    align-items:center;
    justify-content:center
}
.from-drag-drop {
    width:500px;
    padding:15px;
    border-radius:4px;
    border:1px solid #bcbcbc
}
.from-drag-drop .drag-drop {
    width:100%;
    height:76px;
    background-color:#f5f5f5;
    border:1px solid #707070;
    margin-bottom:10px
}
.from-drag-drop .guide>p {
    font-size:12px;
    color:#000;
    margin-bottom:10px
}
.from-drag-drop .guide>p:last-child {
    margin-bottom:0
}
.landscape-content,
.landscape-header {
    display:none
}
.theme-box {
    position:relative;
    display:flex;
    padding-top:35px
}
.theme-box .theme-category {
    display:flex;
    flex:0 0 90px;
    max-width:90px;
    height:227px;
    justify-content:center;
    border-radius:6px;
    background-color:#333;
    flex-direction:column;
    padding:0 15px;
    margin-right:20px
}
.theme-box .live-wrap {
    flex:1;
    max-width:calc(100% - 110px)
}
.theme-box .live-wrap .live-btns {
    top:-35px;
    right:20px
}
#__next .theme-box .video-section-root {
    width:100%;
    padding-top:0
}
#__next .theme-box .video-section-root .grid-container {
    width:100%
}
#__next .theme-box .video-section-root .grid-container .video-card-root {
    flex:0 0 33.333%;
    max-width:33.333%;
    height:auto
}
#__next .theme-box .video-section-root .grid-container .video-card-root .video-card-thumn {
    position:relative;
    max-height:228px
}
.asp-wrapper .live-video-btns {
    top:50px
}
.live-video-btns {
    position:absolute;
    top:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    background:transparent;
    font-size:11px;
    color:#fff;
    padding:10px 15px;
    z-index:100
}
.live-video-btns .btn-tab {
    height:26px;
    line-height:26px;
    font-size:9px;
    color:#222;
    padding:0 10px 0 28px;
    border-radius:4px;
    background:url(https://static.flextv.co.kr/20240802/ico_silence_f59870fd6b.png) no-repeat #fff 9px;
    background-size:12px;
    cursor:pointer
}
.theme-category .title {
    font-size:18px;
    font-weight:500;
    color:#fff;
    margin-bottom:15px
}
.theme-category .sub-txt {
    font-size:12px;
    font-weight:400;
    color:#fff;
    opacity:.6
}
.theme-sub-box {
    margin:0 -60px;
    padding:30px 60px
}
#__next .theme-sub-box .video-section-root .grid-container {
    flex-wrap:wrap!important
}
#__next .theme-sub-box .video-section-root .grid-container .video-card-root {
    flex:0 0 20%;
    max-width:20%;
    height:auto
}
#__next .theme-sub-box .video-section-root .grid-container .video-card-root .video-card-thumn {
    position:relative
}
.striming-save-box {
    font-size:14px;
    color:#000
}
.striming-save-box .rec {
    font-size:12px;
    color:#666
}
.striming-save-box .rec:before {
    content:"";
    display:inline-block;
    width:5px;
    height:5px;
    background-color:#d90505;
    border-radius:50%;
    margin-right:5px;
    vertical-align:2px
}
.striming-save-box>.item:not(:last-child) {
    margin-bottom:15px
}
.striming-save-box .divider {
    height:1px;
    background-color:#ddd;
    border:0;
    margin:15px 0
}
.striming-save-box label {
    display:block;
    margin-bottom:15px
}
.striming-save-box input {
    width:100%;
    height:30px;
    border-radius:3px;
    border:1px solid #ddd;
    background-color:#fff
}
.striming-save-box .forder-box {
    text-align:right
}
.striming-save-box .forder-box>button {
    font-size:12px;
    color:#b2b2b2;
    padding:0
}
.striming-save-box .forder-box>button.primary {
    color:#f2507e
}
.striming-save-box .forder-box>button:not(:last-child) {
    margin-right:5px
}
.tempsecession-box {
    width:100%;
    margin:30px 0
}
.tempsecession-box .tempsecession-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:25px
}
.tempsecession-box .tempsecession-header .title {
    font-size:17px;
    font-weight:500;
    color:#222
}
.tempsecession-box .tempsecession-header .tempsecession-step>span {
    position:relative;
    display:inline-block;
    width:26px;
    height:26px;
    margin-right:20px;
    background:url(https://static.flextv.co.kr/20240802/ico_task_3d685298fb.png) no-repeat 50%;
    background-size:12px
}
.tempsecession-box .tempsecession-header .tempsecession-step>span:not(:last-child):after {
    content:"";
    position:absolute;
    top:50%;
    right:-23px;
    transform:translateY(-50%);
    width:28px;
    height:1px;
    background-color:#ddd;
    z-index:0
}
.tempsecession-box .tempsecession-header .tempsecession-step>span.finish:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:26px;
    height:26px;
    background:url(https://static.flextv.co.kr/20240802/ico_finish_4345cfdb76.png) no-repeat 50%;
    background-size:25px;
    z-index:1
}
.tempsecession-box .tempsecession-header .tempsecession-step>span.finish.on:before {
    background:url(https://static.flextv.co.kr/20240802/ico_ing_dcbe1f00a9.png) no-repeat 50%;
    background-size:25px
}
.tempsecession-body .certification {
    width:100%;
    background-color:#f7f7f7;
    padding:30px 10px;
    justify-content:center
}
.tempsecession-body .certification>label {
    flex:0 0 255px;
    max-width:255px;
    height:255px;
    padding-top:163px;
    border:1px solid #d4d4d4;
    background-position-y:69px
}
.tempsecession-body .certification>label:not(:last-child) {
    margin-right:20px
}
.tempsecession-body.finish {
    text-align:center;
    border:1px solid #ddd;
    border-radius:6px 6px 0 0;
    background-color:#fff;
    padding:50px 0
}
.tempsecession-body.finish>.title {
    position:relative;
    font-size:15px;
    font-weight:500;
    color:#222;
    padding-bottom:30px;
    margin:0 auto 40px
}
.tempsecession-body.finish>.title:after {
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:90px;
    height:1px;
    background-color:#222
}
.tempsecession-body.finish>.txt {
    font-size:13px;
    color:#666;
    line-height:22px;
    margin-bottom:40px
}
.board-box {
    margin-bottom:8px
}
.board-header {
    padding:15px 0;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    font-size:13px;
    color:#666;
    margin-bottom:25px
}
.board-header>.title {
    display:block;
    font-size:17px;
    color:#222;
    margin-bottom:8px
}
.board-content {
    font-size:15px;
    color:#666;
    line-height:24px;
    border-bottom:1px solid #ddd;
    padding-bottom:25px;
    margin-bottom:15px
}
.board-content table {
    min-width:50%;
    border-collapse:collapse;
    border-spacing:0;
    margin-bottom:1em;
    table-layout:fixed
}
.board-content table tbody th,
.board-content table thead th {
    border:1px solid #ddd;
    background-color:#f8f8f8;
    text-align:center
}
.board-content table thead th {
    font-weight:700
}
.board-content table tbody td {
    border:1px solid #ddd;
    vertical-align:middle;
    text-align:center
}
.btn-top {
    position:fixed;
    bottom:38px;
    right:60px;
    z-index:3;
    padding:0
}
.btn-all {
    display:flex;
    align-items:center;
    margin:16px 0
}
.btn-all>button {
    position:relative;
    flex:unset;
    font-size:12px;
    font-weight:500;
    color:#222;
    margin:0 26px;
    padding-right:12px
}
.btn-all>button:after {
    content:"";
    position:absolute;
    right:0;
    top:50%;
    transform:rotate(90deg) translateX(-50%);
    width:6px;
    height:6px;
    background:url(https://static.flextv.co.kr/20240802/ico_right_f90f07a94c.png) no-repeat 50%;
    background-size:6px
}
.btn-all>.line {
    flex:1;
    height:1px;
    background-color:#eee
}
.channel-broadcast {
    display:flex;
    margin-bottom:50px
}
.channel-broadcast>.img>.ui.circular.image {
    flex:0 0 80px;
    max-width:80px;
    width:80px;
    height:80px;
    margin-right:10px;
    border:2px solid transparent;
    padding:2px
}
.channel-broadcast.live>.ui.circular.image {
    border:2px solid #ff024a
}
.channel-broadcast .channel-broadcast-info {
    flex:1;
    max-width:484px
}
.channel-broadcast .channel-broadcast-info>span {
    display:block;
    margin-bottom:5px
}
.channel-broadcast .channel-broadcast-info .title {
    font-size:18px;
    font-weight:500;
    color:#222;
    margin-right:3px
}
.channel-broadcast .channel-broadcast-info .nickname {
    font-size:14px;
    color:#222
}
.channel-broadcast .channel-broadcast-info .sub-txt {
    font-size:12px;
    color:#222;
    line-height:16px;
    margin-bottom:10px;
    word-break:break-all
}
.channel-broadcast .channel-broadcast-info .score-box {
    display:flex
}
.channel-broadcast .channel-broadcast-info .score-box>span {
    flex:1;
    font-size:12px;
    color:#222
}
.channel-broadcast .channel-broadcast-info .score-box>span>.img {
    display:inline-block;
    width:21px;
    height:21px;
    border-radius:50%;
    margin-right:3px;
    padding:4px;
    vertical-align:-6px
}
.channel-broadcast .channel-broadcast-info .score-box>span>.img>img {
    width:100%
}
.channel-broadcast .channel-broadcast-info .score-box .viewer>.img {
    background-color:#9dd1f9
}
.channel-broadcast .channel-broadcast-info .score-box .rank>.img {
    background-color:#9ddfc8
}
.channel-broadcast .channel-broadcast-info .score-box .like>.img {
    background-color:#cfa9ec
}
.channel-broadcast .channel-broadcast-info .ranking {
    display:flex;
    align-items:flex-end;
    flex:1;
    font-size:12px;
    color:#222;
    justify-content:flex-end
}
.channel-broadcast .channel-broadcast-info .ranking>.num {
    font-size:20px;
    margin-left:10px
}
.popular-list-item {
    flex:0 0 20%;
    max-width:20%
}
.popular-list-item:last-child {
    margin-right:0
}
.popular-list-item .popular-item {
    margin:0 8px;
    padding:32px;
    background:#2d2d2d;
    border:1px solid #5b5b5b;
    border-radius:8px
}
.popular-list-item img.ui.image {
    width:150px;
    height:150px;
    margin:0 auto 15px
}
.events {
    flex-wrap:wrap
}
.events.center {
    justify-content:center
}
.events .events-box {
    flex:auto;
    width:calc(33.3% - 13.3px);
    max-width:calc(33.3% - 13.3px);
    border:1px solid #d6d6d6;
    border-radius:6px;
    margin-right:20px;
    margin-bottom:20px;
    overflow:hidden
}
.events .events-box:nth-child(3n) {
    margin-right:0
}
.events .events-box .events-img-box {
    position:relative;
    padding-bottom:56%;
    overflow:hidden
}
.events .events-box .events-img-box>img.ui.image {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    min-height:100%;
    border-radius:5px 5px 0 0
}
.events .events-box .events-context-box {
    height:146px;
    padding:21px 20px 25px
}
.events .events-box .events-context-box .events-title {
    font-size:13px;
    color:#666;
    margin-bottom:12px
}
.events .events-box .events-context-box .events-content {
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:42px;
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:17px;
    font-weight:500;
    margin-bottom:18px
}
.events .events-box .events-context-box .events-date {
    font-size:13px;
    color:#666
}
.table-accordion {
    border:0;
    border-radius:0;
    font-size:15px;
    color:#666;
    border-bottom:1px solid #bbb
}
.table-accordion>.title {
    display:flex;
    align-items:center
}
.table-accordion .th {
    font-size:15px;
    font-weight:500;
    color:#222;
    text-align:center;
    border-top:1px solid #666;
    border-bottom:1px solid #bbb;
    padding:18px 10px
}
.table-accordion .td {
    flex:1;
    font-size:15px;
    font-weight:400;
    color:#666;
    text-align:center;
    padding:17px 10px;
    border-top:1px solid #ddd
}
.table-accordion .td.full {
    flex:1;
    max-width:100%
}
.control-box-modal {
    width:100%;
    max-width:300px;
    overflow:hidden
}
.control-box-header {
    display:flex;
    align-items:center;
    padding:8px;
    border-bottom:1px solid #ddd;
    font-size:14px;
    background:#ddd;
    color:#000
}
.control-box-header span {
    margin-left:4px
}
.control-box-list>div {
    padding:4px 8px;
    cursor:pointer;
    color:#646464
}
.modalWrap .control-box-list>div:hover {
    color:#ff024a;
    background-color:#eee
}
.preview-broadcast-screen .plyr__video-wrapper {
    width:100%;
    height:0;
    padding-bottom:56.25%;
    overflow:hidden
}
.preview-broadcast-screen .plyr__video-wrapper video {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.sub-service-title {
    margin-top:28px;
    margin-bottom:19px;
    font-size:24px;
    font-weight:500;
    line-height:normal
}
.sub-service-banner {
    display:block;
    width:100%;
    background:#eee
}
.sub-service-banner>img {
    width:100%
}
.present-view-wrap {
    position:relative
}
.present-view-wrap .btn-del {
    position:absolute;
    top:0;
    right:0
}
.live-label-red {
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:20px;
    border-radius:4px;
    background-color:#ff024a;
    color:#fff;
    font-size:12px;
    font-weight:500;
    letter-spacing:-.04em;
    position:absolute;
    top:8px;
    left:8px;
    z-index:5
}
.csGuide-container {
    position:relative;
    margin-top:7px
}
.csGuide-img {
    min-height:473px;
    background-color:#ddd
}
.csGuide-content {
    border:1px solid #707070;
    background-color:#f5f5f5;
    padding:25px 40px
}
.csGuide-title {
    display:block;
    font-size:18px;
    font-weight:700;
    color:#222;
    margin-bottom:20px
}
.csGuide-text-list>li {
    display:flex;
    align-items:center;
    font-size:14px;
    color:#222;
    line-height:19px;
    margin-bottom:20px
}
.csGuide-text-list>li:last-child {
    margin-bottom:0
}
.csGuide-text-list>li>.num {
    font-size:14px;
    font-weight:700;
    color:#222;
    margin-right:10px
}
.csGuide-container.swiper-container .swiper-button-next,
.csGuide-container.swiper-container .swiper-button-prev {
    position:absolute;
    width:30px;
    height:140px;
    top:191px;
    padding:0;
    border:0;
    background:none
}
.csGuide-container.swiper-container .swiper-button-next:after,
.csGuide-container.swiper-container .swiper-button-prev:after {
    content:none
}
.csGuide-container.swiper-container .swiper-button-prev {
    left:0;
    right:unset;
    background:url(https://static.flextv.co.kr/20240802/btn_left_264b2de366.png) no-repeat;
    background-size:cover
}
.csGuide-container.swiper-container .swiper-button-next {
    right:0;
    left:unset;
    background:url(https://static.flextv.co.kr/20240802/btn_right_5a1bce7123.png) no-repeat;
    background-size:cover
}
.csGuide-container.swiper-container .swiper-pagination {
    position:static;
    text-align:left
}
.csGuide-container.swiper-container .swiper-pagination>.swiper-pagination-bullet {
    position:relative;
    display:inline-block;
    width:auto;
    height:19px;
    line-height:19px;
    box-shadow:unset;
    background:none;
    border:0;
    border-radius:unset;
    margin-right:30px;
    margin-bottom:20px;
    padding:0 30px 0 0;
    font-family:Noto Sans KR,Malgun Gothic,맑은 고딕,helvetica,Apple SD Gothic Neo,sans-serif!important;
    font-size:16px;
    letter-spacing:-.045em;
    color:#7e7e7e;
    opacity:1
}
.csGuide-container.swiper-container .swiper-pagination>.swiper-pagination-bullet:after {
    content:"";
    position:absolute;
    top:4px;
    right:0;
    width:1px;
    height:10px;
    background-color:#c7c7c7;
    margin-top:3px
}
.csGuide-container.swiper-container .swiper-pagination>.swiper-pagination-bullet:last-child:after {
    content:none
}
.csGuide-container.swiper-container .swiper-pagination>.swiper-pagination-bullet-active {
    color:#ff024a;
    font-weight:500
}
.mobile-container .terms-container {
    margin-top:16px
}
.terms-container .title {
    font-size:16px;
    font-weight:500;
    margin-bottom:10px;
    color:#222
}
.terms-container .sub-title {
    font-weight:500;
    margin-bottom:8px;
    color:#222
}
.terms-container section {
    margin-bottom:20px
}
.terms-container section.depth1 {
    padding-left:20px
}
.terms-container p {
    margin:0;
    line-height:1.6;
    color:#646464
}
.terms-container table {
    width:100%;
    border-collapse:collapse;
    margin-top:10px
}
.terms-container table td,
.terms-container table th {
    padding:8px;
    border:1px solid #ddd;
    text-align:center
}
.terms-container table th {
    font-weight:400;
    background-color:#f8f8f8
}
.terms-container .youth-tbl {
    max-width:500px
}
.terms-container .youth-tbl th {
    text-align:center
}
.terms-container .youth-tbl td {
    text-align:left;
    padding:8px 16px
}
.terms-container a {
    color:#1e70bf!important
}
.error-wrap {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:1em;
    background-color:#fff;
    z-index:9999999
}
.error-img {
    margin-bottom:2em
}
.error-text {
    font-size:1.5em;
    font-weight:700;
    text-align:center
}
.error-text p {
    margin:0;
    line-height:1.45;
    color:#646464
}
.error-text p:last-child {
    color:#aaa
}
.error-btn-group {
    display:flex;
    margin-top:2em
}
.error-btn-group,
.error-btn-group a {
    align-items:center;
    justify-content:center
}
.error-btn-group a {
    display:inline-flex;
    height:45px;
    border-radius:4px;
    background:#333;
    font-size:1.2em;
    color:#fff!important;
    padding:0 1em
}
.main-banner .swiper-slide a {
    display:block;
    background-position:50%;
    background-repeat:no-repeat
}
.desktop-container .main-banner .swiper-slide {
    max-width:1600px!important
}
.desktop-container .main-banner .swiper-slide a {
    background-size:1600px 150px;
    height:150px
}
.mobile-container .main-banner .swiper-slide {
    max-width:100%!important
}
.mobile-container .main-banner .swiper-slide a {
    background-size:auto 80px;
    height:80px
}
.mobile-container .section-wrap.main-banner {
    padding:16px 0 0
}
.complete-box {
    display:flex;
    flex:1;
    width:100%;
    height:100%;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.img-signup-complete {
    padding:0 1em;
    margin-bottom:2em
}
.txt-signup-complete {
    font-size:16px
}
.txt-signup-complete .txt-h1 {
    display:block;
    font-size:20px;
    font-weight:700;
    text-align:center;
    margin-bottom:4px
}
.txt-signup-complete strong {
    font-weight:700;
    color:#ff024a
}
.complete-box .btn-complete {
    display:inline-flex;
    background-color:#333;
    color:#fff;
    align-items:center;
    justify-content:center;
    height:40px;
    font-size:14px;
    padding:0 1em;
    border-radius:8px
}
.msg-badge {
    background-color:#f2507e;
    color:#fff;
    border-radius:50%;
    padding:0 4px;
    margin-left:4px;
    font-size:12px
}
.card-icon-group .ui.image {
    position:static!important
}
.card-icon-group div,
.card-icon-group i {
    display:inline-block;
    vertical-align:top;
    margin-right:4px!important
}
@keyframes animatedgradient {
    0% {
        background-position:0 50%
    }
    50% {
        background-position:100% 50%
    }
    to {
        background-position:0 50%
    }
}
.effectbox {
    position:relative;
    z-index:1;
    border-radius:8px;
    border-width:5px
}
.effectbox:after {
    content:"";
    position:absolute;
    top:-5px;
    left:-5px;
    right:-5px;
    bottom:-5px;
    background:linear-gradient(50deg,#10f,#006eff,#e5ff00,#f08,#fff,#e100ff,#00ffd5,#bf0);
    border-radius:8px;
    z-index:-1;
    animation:animatedgradient 3s ease infinite alternate;
    background-size:300% 300%
}
.mobile-container .effectbox:after {
    top:-3px;
    left:-3px;
    right:-3px;
    bottom:-3px
}
.video-card-root.effectbox {
    border-radius:8px
}
.video-card-root.effectbox>div {
    border-radius:8px;
    overflow:hidden
}
.video-card-root.effectbox:after {
    top:0;
    left:3px;
    right:3px;
    bottom:0
}
.mobile-container .video-card-root.effectbox:after {
    top:-3px;
    left:1px;
    right:1px;
    bottom:-3px
}
.marquee-area {
    width:800px;
    margin:0 auto
}
.m-marquee-area {
    position:absolute;
    top:15px;
    left:0;
    z-index:10;
    width:100%
}
.super-flex {
    display:flex;
    width:100%;
    margin-left:10px;
    margin-right:10px;
    overflow:hidden
}
@media screen and (max-width:767px) {
    .error-text {
        font-size:1.3em
    }
    .error-btn-group a {
        font-size:1em
    }
    .box-style04 {
        text-align:left
    }
    .box-style04 br {
        display:initial
    }
}
@media screen and (max-width:1599px) {
    .popular-list-item .popular-item {
        padding:32px 24px
    }
    .banner-container {
        padding:0 32px
    }
}
@media screen and (max-width:1280px) {
    .popular-list-item .popular-item {
        padding:24px 16px
    }
    .csGuide-img {
        min-height:284px;
        margin:0 5px
    }
    .csGuide-content {
        border:0;
        padding:15px 10px
    }
    .csGuide-slide-button,
    .csGuide-title {
        display:none
    }
}
@media only screen and (max-width:1366px) {
    #__next .mobile-container .video-card-root {
        flex:0 0 33.3%;
        max-width:33.3%
    }
    .mobile-container .mobile {
        display:block;
        margin:0 auto
    }
    .content {
        padding:0
    }
    .btn-top {
        right:10px
    }
    .mobile-container .ui.form.input-search.on>.field>.ui.input>input {
        top:80px
    }
    #__next .mobile-container .video-card-root .video-card-txt,
    .mobile-container .video-card-root .video-card-txt {
        flex:1;
        margin-left:6px;
        max-width:calc(100% - 48px)
    }
    #__next .mobile-container .video-card-root .video-card-title {
        font-size:14px
    }
    #__next .mobile-container .video-card-root .broadcast-info {
        font-size:14px;
        display:flex;
        justify-content:space-between
    }
    #__next .mobile-container .video-card-root .broadcast-info .description:first-child {
        flex:1;
        overflow:hidden
    }
    #__next .mobile-container .video-card-root .broadcast-info .description:first-child>span {
        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap
    }
    .mobile-container .certification>label.phone {
        background:url(https://static.flextv.co.kr/20240802/ico_phone_nor_de081dcfc0.png) no-repeat center 32px;
        background-size:72px
    }
    .mobile-container .certification>input:checked+label.phone {
        background:url(https://static.flextv.co.kr/20240802/ico_phone_sel_cb1d35eb00.png) no-repeat center 32px;
        background-size:72px
    }
    .mobile-container .certification>label.ipin {
        background:url(https://static.flextv.co.kr/20240802/ico_key_nor_d93805e804.png) no-repeat center 32px;
        background-size:72px
    }
    .mobile-container .certification>input:checked+label.ipin {
        background:url(https://static.flextv.co.kr/20240802/ico_key_sel_8205d1bfd9.png) no-repeat center 32px;
        background-size:72px
    }
    .mobile-container .certification>label {
        font-size:14px
    }
    .mobile-container .tempsecession-body .certification>label {
        flex:1;
        height:auto;
        padding-top:98px;
        background-position-y:15px
    }
    .mobile-container .board-box>.board-header {
        font-size:14px;
        border:0;
        padding:0;
        margin-top:16px;
        margin-bottom:8px
    }
    .mobile-container .board-box>.board-header>.title {
        font-size:16px;
        font-weight:700;
        line-height:14px;
        margin-bottom:5px
    }
    .mobile-container .board-box>.board-content {
        font-size:14px;
        line-height:15px;
        padding-bottom:24px;
        margin-bottom:16px
    }
    .mobile-container .board-box>.board-content img {
        width:100%!important;
        height:auto!important
    }
    .mobile-container .board-box>.flex.justify-between {
        flex-direction:column;
        justify-content:flex-end;
        align-items:flex-end;
        margin-bottom:0!important
    }
    .mobile-container .board-box>.flex.justify-between>.np-box {
        width:100%;
        order:2;
        margin-top:16px;
        padding:16px 0 8px;
        border-bottom:1px solid #ddd;
        border-top:1px solid #ddd
    }
    .mobile-container .board-box>.flex.justify-between>.np-box>* {
        color:#888!important;
        margin-bottom:8px
    }
    .mobile-container .board-box>.flex.justify-between>.np-box>a:first-child {
        border-bottom:1px solid #ddd;
        padding-bottom:14px;
        margin-bottom:14px
    }
    .mobile-container .board-box>.flex.justify-between>.np-box>a>span:first-child {
        padding:0;
        color:#222
    }
    .mobile-container .board-box>.flex.justify-between>.np-box>a>span:first-child:after {
        content:none
    }
    .mobile-container .board-box>.flex.justify-between>div>.ui.button.border-dark {
        font-size:14px!important;
        padding:6px 8px!important;
        height:28px!important
    }
    #__next .mobile .ui.secondary.pointing.menu {
        border-bottom:1px solid #eee
    }
    #__next .mobile .ui.secondary.pointing.menu .item {
        margin:0 auto
    }
    #__next .mobile .ui.secondary.pointing.menu .item:active {
        font-weight:500;
        color:#ff024a;
        border-bottom:2px solid #ff024a
    }
    #__next .mobile .ui.menu>.item:not(:last-child):after {
        content:none
    }
    .mobile-container .guide-txt {
        font-size:14px;
        color:#666
    }
    .mobile-container .btn-refresh {
        width:22px;
        padding:0
    }
    #__next .mobile-player-container .flex-gift-wrap .type04 .react-tabs__tab-list,
    .mobile-player-container .flex-gift-wrap .type04 .react-tabs__tab-list {
        height:24px;
        padding:0 12px
    }
    .bj-talk-box .fixed-header {
        font-size:10px
    }
    .mobile-container .not-found {
        font-size:12px;
        text-align:center;
        color:#666;
        padding:40px 0
    }
    .mobile-container .tempsecession-box {
        padding:15px 16px;
        margin:0
    }
    .mobile-container .tempsecession-box .tempsecession-header .title {
        font-size:13px
    }
    .mobile-container .tempsecession-box .tempsecession-header {
        margin-bottom:15px
    }
    .mobile-container .tempsecession-box .tempsecession-header .tempsecession-step>span {
        width:16px;
        height:16px
    }
    .mobile-container .tempsecession-box .tempsecession-header .tempsecession-step>span.finish.on:before {
        width:16px;
        height:16px;
        background-size:16px
    }
    .mobile-container .box-style03>.box-header {
        padding:10px 12px
    }
    .mobile-container .box-style03>.box-body>.sub-txt,
    .mobile-container .box-style03>.box-body>.txt,
    .mobile-container .box-style03>.box-header>.title {
        font-size:11px
    }
    .mobile-container .box-style03>.box-body>.txt:not(:first-child) {
        margin-top:10px
    }
    .mobile-container .box-style03>.box-body>.sub-txt {
        margin-top:6px
    }
    .mobile-container .box-style03>.box-body>.table3 th {
        width:40%
    }
    .mobile-container .box-style03>.box-body>.table3 td {
        width:60%
    }
    .mobile-container .broadcast-station-box {
        margin-top:0
    }
    #__next .mobile-container .modal-tab01 .flex-gift-wrap .react-tabs__tab-list,
    .mobile-container .modal-tab01 .flex-gift-wrap .react-tabs__tab-list {
        border-top:0
    }
    #__next .mobile-container .modal-tab01 .type04 .react-tabs__tab:after,
    .mobile-container .modal-tab01 .type04 .react-tabs__tab:after {
        content:none
    }
    .mobile-container .events .events-box {
        width:calc(50% - 10px);
        max-width:calc(50% - 10px);
        margin-bottom:16px
    }
    .mobile-container .events .events-box .events-context-box {
        height:unset;
        padding:16px 8px
    }
    .mobile-container .events .events-box .events-context-box .events-title {
        font-size:14px;
        color:#9e9e9e;
        margin-bottom:4px
    }
    .mobile-container .events .events-box .events-context-box .events-content {
        display:block;
        font-size:14px;
        font-weight:500;
        margin-bottom:8px;
        color:#222
    }
    .mobile-container .events .events-box .events-context-box .events-content>a {
        color:inherit!important
    }
    .mobile-container .events .events-box .events-context-box .events-date {
        font-size:14px;
        color:#666
    }
    .mobile-container .np-box>* {
        font-size:14px;
        line-height:14px
    }
    .mobile-player-container .mission-gift-item {
        font-size:14px
    }
    .mobile-player-container .mission-gift-item .coin>img {
        width:14px;
        height:14px!important
    }
    #__next .mobile-container h2.ui.header.video-section-title {
        font-size:16px
    }
    #__next .mobile-container .video-section-title.white {
        color:#fff!important
    }
    .mobile-container .caution-wrap {
        background-color:#f7f7f7;
        border:0;
        padding:24px 8px
    }
    .mobile-container .caution-wrap .caution-header {
        border-bottom:0;
        font-size:14px;
        padding:0;
        margin-bottom:15px
    }
    .mobile-container .caution-wrap .caution-body {
        padding:0
    }
    .mobile-container .caution-wrap .caution-body li {
        font-size:14px;
        color:#666;
        word-break:keep-all
    }
    .csGuide-container.swiper-container .swiper-pagination {
        display:flex;
        background-color:#f7f7f7;
        border-top:1px solid #eee;
        border-bottom:1px solid #eee;
        margin-bottom:25px
    }
    .csGuide-container.swiper-container .swiper-pagination>.swiper-pagination-bullet {
        display:flex;
        flex:1;
        height:auto;
        align-items:center;
        justify-content:center;
        margin:0;
        padding:0
    }
    .csGuide-container.swiper-container .swiper-pagination>.swiper-pagination-bullet:after {
        content:none
    }
    .csGuide-container.swiper-container .swiper-pagination>.swiper-pagination-bullet>span {
        padding:10px 13px;
        border-bottom:1px solid #f7f7f7
    }
    .csGuide-container.swiper-container .swiper-pagination>.swiper-pagination-bullet-active>span {
        border-bottom:1px solid #333
    }
}
@media only screen and (max-width:500px) {
    .mobile-container .main-section01 {
        background-color:var(--background-default);
        padding-top:0
    }
    #__next .mobile-container .home-page-container {
        padding-left:0;
        padding-right:0
    }
    #__next .mobile-container .luv-page-container {
        padding-left:15px;
        padding-right:15px
    }
    #__next .mobile-container .content-root .btn-more {
        font-size:12px
    }
    #__next .mobile-container .content-root .btn-more:after {
        width:6px;
        height:10px;
        top:5px
    }
    .mobile-container .live-wrap {
        margin-right:0
    }
    #__next .mobile-container .video-card-root {
        flex:0 0 50%;
        max-width:50%;
        padding:0 4px;
        margin-bottom:16px
    }
    #__next .mobile-container .video-card-root.hover {
        padding-left:0
    }
    #__next .mobile-container .video-card-root>a {
        display:block
    }
    #__next .mobile-container .video-section-title {
        padding-left:0;
        color:#222!important
    }
    #__next .mobile-container .video-card-root .bj-thumn,
    #__next .mobile-container .video-card-root .video-card-img {
        display:none
    }
    #__next .mobile-container .video-card-root .video-card-txt {
        max-width:100%;
        margin-left:0
    }
    #__next .mobile-container .video-card-root .video-card-title {
        flex:1;
        text-overflow:ellipsis;
        word-break:keep-all;
        overflow:hidden;
        white-space:nowrap;
        margin-left:0;
        color:#222
    }
    #__next .mobile-container .video-card-root .video-card-title>span {
        color:#222!important
    }
    #__next .mobile-container .video-card-root .broadcast-info {
        display:flex;
        justify-content:space-between;
        widows:100%
    }
    #__next .mobile-container .video-card-root .broadcast-info .icons.users,
    #__next .mobile-container .video-card-root .broadcast-info .icons.users2 {
        background:url(https://static.flextv.co.kr/20240802/ico_my_6a7c45deda.png) no-repeat;
        background-size:cover;
        vertical-align:-2px
    }
    .mobile-container .broadcast-info>.description .ui.image {
        width:14px
    }
    #__next .mobile-container .video-card-root .video-card-thumn {
        border-radius:8px
    }
    #__next .mobile-container .video-card-thumn .label-age-limit.ui.image {
        width:20px;
        height:20px
    }
    .mobile-container .live-btns {
        display:none
    }
    .mobile-container .tempsecession-box .tempsecession-header .title {
        font-size:14px
    }
    .mobile-container .tempsecession-box .tempsecession-header .tempsecession-step>span {
        width:16px;
        height:16px;
        background-size:8px;
        margin-right:10px
    }
    .mobile-container .tempsecession-box .tempsecession-header .tempsecession-step>span.finish.on:before,
    .mobile-container .tempsecession-box .tempsecession-header .tempsecession-step>span.finish:before {
        width:16px;
        height:16px;
        background-size:16px
    }
    .mobile-container .tempsecession-box .tempsecession-header .tempsecession-step>span:not(:last-child):after {
        width:10px;
        right:-10px
    }
    .mobile-container .tempsecession-body.finish>.title {
        font-size:12px
    }
    .mobile-container .tempsecession-body.finish>.txt {
        font-size:10px
    }
    .mobile-container .box-style03>.box-header {
        padding:8px 16px
    }
    .mobile-container .box-style03>.box-header>.title {
        font-size:14px
    }
    .mobile-container .box-style03>.box-body {
        padding:8px 16px
    }
    .mobile-container .box-style03>.box-body .table3 td,
    .mobile-container .box-style03>.box-body .table3 th,
    .mobile-container .box-style03>.box-body>.sub-txt,
    .mobile-container .box-style03>.box-body>.txt {
        font-size:14px
    }
    .mobile-container .find-box {
        width:100%;
        padding:40px 20px
    }
    .mobile-container .events .events-box {
        width:100%;
        max-width:100%;
        margin-right:0
    }
    #__next .mobile-container .search-result-box .video-card-root>a {
        flex:0 0 156px;
        height:96px
    }
    #__next .mobile-container .search-result-box .video-card-root .video-card-info>.title {
        display:-webkit-box;
        height:38px;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        font-size:14px;
        font-weight:500;
        color:#222;
        line-height:1.36;
        overflow:hidden;
        text-overflow:ellipsis
    }
    #__next .mobile-container .search-result-box .video-card-root .video-card-info>.category {
        font-size:11px;
        color:#7e7e7e
    }
    #__next .mobile-container .search-result-box .video-card-root .video-card-info>.title+.category>a span {
        color:#ff024a
    }
    #__next .mobile-container .search-result-box .video-card-root .video-card-info>.category>span:first-child {
        width:50px;
        font-size:11px
    }
    .mobile-container .channel-broadcast {
        margin-bottom:20px
    }
    #__next .mobile-container .search-result-box .video-card-root .video-card-info>.tag,
    .mobile-container .channel-broadcast .channel-broadcast-info .score-box>span.like,
    .mobile-container .channel-broadcast .channel-broadcast-info .score-box>span.ranking,
    .mobile-container .channel-broadcast .channel-broadcast-info .score-box>span.viewer,
    .mobile-container .channel-broadcast .channel-broadcast-info .score-box>span>.img,
    .mobile-container .channel-broadcast .channel-broadcast-info .sub-txt {
        display:none
    }
    .mobile-container .channel-broadcast>.img>.ui.circular.image {
        flex:0 0 60px;
        max-width:60px;
        height:60px
    }
    .mobile-container .channel-broadcast .channel-broadcast-info .title {
        flex:0 0 100%;
        margin-bottom:4px;
        font-size:14px
    }
    .mobile-container .channel-broadcast .channel-broadcast-info .nickname,
    .mobile-container .channel-broadcast .channel-broadcast-info .score-box>span.rank {
        font-size:12px;
        color:#888
    }
    .mobile-container .video-card-thumn .video-card-info {
        font-size:14px
    }
    .mobile-container .video-card-thumn .video-card-info .title {
        font-size:16px;
        line-height:16px
    }
}
.ranking-thumb-box {
    position:relative;
    display:block;
    width:80px;
    height:80px
}
.ranking-thumb-box>span[class^=w]:nth-of-type(n+0) {
    display:block;
    position:absolute;
    transform-origin:50% 100%
}
.ranking-thumb-box span {
    font-size:14px;
    font-weight:500;
    font-style:normal;
    line-height:1.45;
    white-space:pre;
    overflow:visible;
    padding:0;
    color:#ff024a
}
.ranking-thumb-box .w0 {
    transform:rotate(.56rad);
    width:7px;
    height:20px;
    left:57.79px;
    top:-13.87px
}
.ranking-thumb-box .w1 {
    transform:rotate(.69rad);
    width:4px;
    height:20px;
    left:63.65px;
    top:-10.69px
}
.ranking-thumb-box .w2 {
    transform:rotate(.85rad);
    width:9px;
    height:20px;
    left:65.71px;
    top:-6.21px
}
.ranking-thumb-box .w3 {
    transform:rotate(1.06rad);
    width:8px;
    height:20px;
    left:71.01px;
    top:.66px
}
.ranking_1,
.ranking_2,
.ranking_3 {
    color:var(--color-6)
}
.empty-text {
    display:block;
    padding:3em 0!important;
    text-align:center
}
.select-btn {
    border:1px solid #dcdcdc;
    border-radius:4px;
    height:24px;
    line-height:24px;
    background-color:#fff;
    margin-bottom:8px;
    padding-left:16px
}
#__next .desktop-container .video-card-root img {
    transition:all .3s
}
#__next .desktop-container .video-card-root:hover img:not(#birthday) {
    transition:all .3s;
    transform:scale(1.2)
}
#__next .desktop-container .search-result-box .video-card-root>a:hover+.video-card-info>.title {
    color:#ff024a
}
#__next .desktop-container .search-result-box .video-card-root:hover {
    background-color:#fff
}
.desktop-container .box-style01 .box-body .list>.body:hover .content {
    color:#000
}
.desktop-container .signature-box .img-box:not(.judge):hover>img {
    opacity:.7
}
.desktop-container .signature-box .img-box:not(.judge):hover>img+button {
    display:block
}
.bigFan-footer {
    display:flex;
    align-items:flex-start;
    flex-direction:row;
    margin-top:20px
}
.bigFan-searchbar {
    display:flex
}
.bigFan-searchbar select {
    width:84px;
    height:30px;
    padding:6px 14px 6px 8px;
    border:1px solid #ccc;
    background-color:#fff;
    font-size:13px
}
.bigFan-searchbar input {
    width:120px;
    height:30px;
    margin-left:5px;
    border-radius:2px;
    border:1px solid #ccc;
    background-color:#fff;
    padding:0 8px;
    font-size:14px
}
.bigFan-searchbar button {
    width:32px;
    height:30px;
    margin:0 5px 2px;
    padding:8px 7px 13px;
    border-radius:4px;
    background-color:#000;
    background:#000 url(/button/btn_search.png);
    background-size:20px;
    background-repeat:no-repeat;
    background-position:50%
}
.superMessage-select {
    width:100%;
    border-color:#666!important;
    border-radius:0!important;
    height:50px!important;
    font-size:22px;
    line-height:40px!important
}
.superMessage-select>div.text {
    white-space:nowrap!important;
    width:100%!important;
    text-overflow:ellipsis!important;
    overflow:hidden!important
}
.superMessage-select i {
    height:100%!important;
    line-height:30px
}
@media screen and (max-width:767px) {
    .superMessage-select {
        height:40px!important;
        line-height:30px!important;
        font-size:16px
    }
}
.recommend-form {
    padding:20px 10px;
    background-color:#f8f8f8;
    border:1px solid #eee
}
.recommend-form .field {
    margin-bottom:0!important
}
.recommend-form .ui.input {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center
}
.recommend-form .recommend-check {
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    width:50px;
    height:40px;
    margin-left:10px;
    border-radius:4px;
    color:#fff;
    background:#333
}
.recommend-form input {
    display:flex;
    flex:1
}
.event-modal {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(0,0,0,.2);
    z-index:1002
}
.event-popup {
    width:640px!important;
    padding:20px!important;
    background:#fff;
    border-radius:16px!important
}
.event-popup-item {
    display:block;
    width:600px;
    height:600px;
    background-position:50%;
    background-size:600px;
    background-repeat:no-repeat
}
.event-popup .btn-group {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:10px
}
.event-popup .btn-group button {
    flex:1;
    height:64px;
    font-size:18px;
    color:#000;
    border:1px solid #4b4b4b;
    border-radius:6px;
    background:#fff
}
.event-popup .btn-group button.btn-close {
    background-color:#333;
    border-color:#333;
    color:#fff;
    margin-left:10px
}
@media screen and (max-width:768px) {
    .event-popup {
        max-width:320px;
        padding:10px!important
    }
    .event-popup-item {
        width:300px;
        height:300px;
        background-size:300px
    }
    .event-popup .btn-group button {
        font-size:14px;
        height:45px
    }
}
.event-slider {
    padding-bottom:10px
}
.event-slider .swiper-button-next,
.event-slider .swiper-button-prev {
    color:#f2507e!important
}
.custom-pagination-bullets {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:10px;
    display:flex;
    flex-direction:row
}
.custom-pagination-bullets .custom-bullet {
    display:flex;
    flex:1;
    height:10px;
    background-color:#eee;
    transition:all .5s;
    cursor:pointer
}
.custom-pagination-bullets .custom-bullet-active {
    background-color:#f2507e
}
.shopping-link-tab {
    margin-bottom:50px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start
}
.shopping-link-tab a {
    font-size:14px;
    color:#222!important
}
.shopping-link-tab a.active {
    color:#ff024a!important;
    font-weight:700
}
.shopping-link-tab .bar {
    display:block;
    width:1px;
    height:10px;
    background:#ccc;
    margin:0 10px
}
.coupon-container {
    display:flex;
    flex-direction:column;
    flex:1;
    align-items:center;
    justify-content:center
}
.coupon-container h3 {
    font-size:24px;
    margin-top:14px;
    margin-bottom:64px
}
.coupon-container .coupon-input {
    display:flex;
    align-items:center;
    justify-content:center
}
.coupon-container .coupon-input input[type=text] {
    border:1px solid #ddd;
    width:252px;
    height:35px;
    border-radius:6px;
    padding:0 10px
}
.coupon-container .coupon-input .btn-coupon {
    width:124px;
    height:35px;
    background-color:#000;
    color:#fff;
    border-radius:6px;
    margin-left:8px
}
.coupon-container .coupon-notice {
    align-items:flex-start;
    width:100%;
    margin-top:100px;
    border:1px solid #ddd
}
.coupon-container .coupon-notice h5 {
    margin:0;
    padding:10px 12px;
    border-bottom:1px solid #ddd
}
.coupon-container .coupon-notice ul {
    padding:10px 12px
}
.coupon-container .coupon-notice ul li {
    font-size:12px;
    color:#888;
    position:relative;
    padding-left:11px
}
.coupon-container .coupon-notice ul li:before {
    display:block;
    width:2px;
    height:2px;
    background-color:#888;
    position:absolute;
    left:-1px;
    top:50%;
    margin-top:-1px;
    content:""
}
.coupon-container .btn-group {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center
}
.coupon-container .btn-group a {
    display:flex;
    width:120px;
    height:35px;
    align-items:center;
    justify-content:center;
    border-radius:6px;
    border:1px solid #464646;
    margin:0 10px;
    color:#333;
    font-size:14px;
    background-color:#fff
}
.coupon-container .btn-group .btn-mylink {
    background-color:#464646;
    color:#fff!important
}
@media screen and (max-width:767px) {
    .shopping-link-tab {
        padding:0 16px;
        margin-bottom:20px
    }
    .coupon-container h3 {
        margin-bottom:35px
    }
    .coupon-container .coupon-notice {
        margin-top:50px;
        margin-bottom:-33px
    }
}
@media screen and (max-width:480px) {
    .coupon-container .coupon-input {
        flex-direction:row
    }
    .coupon-container .coupon-input input[type=text] {
        width:100%
    }
}
.footer-marketWrap {
    display:flex;
    justify-content:center;
    align-items:center
}
.footer-marketWrap a {
    display:block;
    width:100%;
    height:100%
}
.insLink {
    width:36px;
    height:36px;
    background:url(https://static.flextv.co.kr/20240802/ico_ins_w_ff4e165733.png) no-repeat;
    background-size:cover;
    margin:10px
}
.insLink:hover {
    background:url(https://static.flextv.co.kr/20240802/ico_ins_c_cd74f658c9.png) no-repeat;
    background-size:cover;
    margin:10px
}
.blogLink {
    width:36px;
    height:36px;
    background:url(https://static.flextv.co.kr/20240802/ico_nb_w_8a0e1b6808.png) no-repeat;
    background-size:cover;
    margin:10px
}
.blogLink:hover {
    background:url(https://static.flextv.co.kr/20240802/ico_nb_c_d170c60a6f.png) no-repeat;
    background-size:cover;
    margin:10px
}
.youtubeLink {
    width:36px;
    height:36px;
    background:url(https://static.flextv.co.kr/20240802/ico_yt_w_cea48999b7.png) no-repeat;
    background-size:cover;
    margin:10px
}
.youtubeLink:hover {
    background:url(https://static.flextv.co.kr/20240802/ico_yt_c_cf71e45ee2.png) no-repeat;
    background-size:cover;
    margin:10px
}
.modal-invite-game {
    width:330px!important;
    padding:24px
}
.modal-invite-game .content .text-msg {
    text-align:center;
    font-size:18px!important;
    color:#333;
    padding:26px 0
}
.modal-invite-game .content .btn-close {
    width:30px;
    height:30px;
    position:absolute;
    top:16px;
    right:16px;
    background:url(https://static.flextv.co.kr/20240802/close_purple_d5be5eb271.png) 50% no-repeat;
    background-size:14px
}
.modal-invite-game .ui.button.gray {
    background-color:#ddd
}
.modal-invite-game .ui.button.dark {
    background-color:#661986
}
.hot-vod {
    width:25%
}
.hot-vod>a {
    display:block;
    margin:0 8px;
    position:relative
}
.hot-vod .hot-vod-thumb {
    width:100%;
    height:0;
    overflow:hidden;
    padding-bottom:56.25%;
    background-size:cover;
    background-position:50%;
    border-radius:8px
}
.hot-vod .hot-vod-info {
    position:absolute;
    top:50%;
    bottom:0;
    left:0;
    right:0;
    display:flex;
    align-items:flex-end;
    background-image:linear-gradient(0deg,rgba(0,0,0,.9),transparent);
    border-radius:0 0 8px 8px;
    overflow:hidden
}
.hot-vod .hot-vod-info .title {
    display:block;
    margin:16px 12px;
    color:#fff;
    font-size:14px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.vod-card {
    width:20%
}
.vod-card>a {
    display:block;
    margin:0 8px 24px
}
.vod-card .vod-thumb {
    background-size:cover;
    background-position:50%;
    width:100%;
    height:0;
    overflow:hidden;
    padding-bottom:56.25%;
    border-radius:4px
}
.vod-card .vod-title {
    flex:1;
    font-size:14px;
    color:#121212;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    max-height:60px;
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:break-all;
    margin-top:8px
}
@media screen and (max-width:1080px) {
    .mobile-container .mobile {
        margin:0 auto
    }
}
@media screen and (max-width:1023px) {
    .vod-card {
        width:25%
    }
}
@media screen and (max-width:767px) {
    .vod-card {
        width:50%
    }
    .vod-card>a {
        display:block;
        margin:0 4px 16px
    }
}
.panels-wrap {
    padding:24px 0
}
.panel-header {
    padding:0 0 16px;
    margin:0;
    border-bottom:1px solid rgba(0,0,0,.1);
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between
}
.panel-header .title {
    font-size:20px;
    font-weight:300;
    line-height:1.6;
    margin:0;
    padding:0
}
.panel-header .btn-add {
    font-size:14px;
    color:#fff;
    padding:10px 16px;
    border-radius:8px;
    background-color:#ff024a
}
.form-tbl-row {
    display:flex;
    flex-direction:row;
    padding:24px 0;
    border-bottom:1px solid rgba(0,0,0,.05)
}
.form-tbl-row .title {
    display:flex;
    min-width:112px;
    line-height:40px;
    font-size:14px;
    color:#000;
    font-weight:700
}
.form-tbl-row .cont {
    display:flex;
    flex:1
}
.form-tbl-row .btn {
    display:flex
}
.form-tbl-row .btn.end {
    align-items:flex-end
}
.form-tbl-row .form {
    display:flex;
    flex:1;
    flex-direction:row;
    align-items:flex-start
}
.form-tbl-row .form.column {
    flex-direction:column;
    justify-content:flex-start
}
.form-tbl-row .form.column.flex-end {
    align-items:flex-end
}
.form-tbl-row .form .input-group {
    display:flex;
    flex:1;
    flex-direction:column
}
.form-tbl-row .form .input-group .confirm-text {
    font-size:13px;
    font-weight:300;
    color:#969696;
    display:block;
    margin-top:12px
}
.form-tbl-row .form .input-group .confirm-text.error {
    color:#c00
}
.form-tbl-row .form .input-group .confirm-text.correct {
    color:#007e33
}
.input-text {
    height:40px;
    padding:0 16px
}
.input-text,
.input-textarea {
    width:100%;
    border:1px solid #ebebeb;
    border-radius:8px
}
.input-textarea {
    height:100px;
    padding:16px;
    margin:0 0 16px;
    resize:none
}
.resetButton {
    height:42px;
    color:#999;
    width:76px;
    padding:0
}
.btn-normal,
.resetButton {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    border:1px solid #ebebeb;
    border-radius:8px
}
.btn-normal {
    height:40px;
    color:#969696;
    padding:0 16px;
    margin:0 0 0 8px
}
.btn-normal.active {
    border-color:#ff024a;
    color:#ff024a
}
.image-uploader-text {
    font-size:14px!important;
    font-weight:400;
    color:#262626;
    margin-bottom:10px
}
.btn-image-upload {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:40px;
    background:#231f20;
    padding:0 16px;
    border-radius:20px
}
.btn-image-upload img {
    width:20px;
    height:20px;
    margin-right:6px
}
.btn-image-upload span {
    color:#fff;
    font-size:14px;
    white-space:nowrap
}
.tbl-list {
    display:flex;
    flex:1;
    flex-direction:column
}
.tbl-header {
    display:flex;
    border-bottom:1px solid rgba(0,0,0,.1);
    background-color:#f9f9fc
}
.tbl-header span,
.tbl-row span {
    display:flex;
    flex:1;
    align-items:center;
    justify-content:center;
    height:40px
}
.tbl-header span:first-child,
.tbl-row span:first-child {
    flex:1
}
.tbl-header span:nth-child(2),
.tbl-row span:nth-child(2) {
    flex:4
}
.tbl-header span:nth-child(3),
.tbl-row span:nth-child(3) {
    flex:3
}
.tbl-header span:nth-child(4),
.tbl-row span:nth-child(4) {
    flex:4
}
.tbl-row {
    display:flex;
    border-bottom:1px solid rgba(0,0,0,.1);
    padding:8px 0
}
.tbl-row.empty {
    padding:32px;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:16px;
    font-weight:300;
    line-height:1.6;
    color:#969696
}
.tbl-row span {
    height:auto;
    font-size:14px;
    font-weight:300
}
.tbl-row span:nth-child(2) {
    font-weight:700
}
.profile-wrap {
    padding-top:32px
}
.flexBox {
    flex:1
}
.flexBox,
.profileBox {
    display:flex;
    flex-direction:column
}
.profileBox {
    width:100%
}
.greyBox {
    display:flex;
    flex:1;
    padding:16px;
    background-color:#f9f9fc;
    border-radius:8px;
    margin-bottom:16px
}
.profileDeleteBox {
    display:flex;
    justify-content:right
}
.profileDeleteButton {
    width:104px;
    height:42px;
    border:1px solid #0000001a;
    border-radius:8px;
    line-height:42px;
    font-size:15px;
    color:#999
}
.flexRowEnd {
    display:flex;
    flex-direction:row;
    justify-content:flex-end
}
.thumbUploadBox {
    display:flex;
    align-items:center;
    justify-content:center;
    width:240px;
    height:135px
}
.thumbUploadBox,
.thumbnail {
    border:2px dashed #00000033;
    border-radius:8px
}
.thumbnail {
    padding:8px
}
.thumbnailImg {
    border:1px solid #00000033;
    border-radius:8px;
    max-width:320px
}
.summary {
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:0 0 0 32px;
    font-size:14px;
    line-height:1.6;
    color:#363b41;
    font-weight:300
}
.summary span {
    display:block;
    color:#969696
}
@media screen and (max-width:768px) {
    .form-tbl-row {
        flex-direction:column
    }
    .form-tbl-row .btn {
        margin-top:16px;
        justify-content:flex-end
    }
    .tbl-header {
        display:none
    }
    .tbl-row {
        flex-wrap:wrap
    }
    .tbl-row span {
        line-height:1.6
    }
    .tbl-row span:first-child {
        flex:50px 0
    }
    .tbl-row span:nth-child(2),
    .tbl-row span:nth-child(3) {
        flex:auto;
        justify-content:flex-start
    }
    .tbl-row span:nth-child(3) {
        width:100%;
        padding-left:50px
    }
    .tbl-row span:nth-child(3):before {
        margin-right:4px;
        content:"("
    }
    .tbl-row span:nth-child(3):after {
        margin-left:4px;
        content:")"
    }
    .tbl-row span:nth-child(4) {
        flex:auto;
        width:100%;
        padding-left:50px;
        padding-top:0;
        justify-content:space-between
    }
    .tbl-row.empty span {
        flex:1
    }
    .profileDeleteButton {
        width:100%
    }
    .greyBox {
        flex-direction:column
    }
    .thumbUploadBox {
        width:100%
    }
    .thumbnailImg {
        max-width:100%
    }
    .summary {
        padding:0;
        margin-top:16px
    }
    .panels-wrap {
        padding:24px 16px
    }
}
.dialogHead {
    flex-direction:row;
    justify-content:space-between;
    padding:0 24px
}
.dialogHead,
.dialogHead .title {
    display:flex;
    align-items:center;
    height:64px
}
.dialogHead .title {
    justify-content:center;
    font-size:18px;
    font-weight:700;
    color:#000
}
.dialogHead .title .summary {
    margin-left:8px;
    font-size:14px;
    font-weight:300;
    color:#000
}
.broadcast-set {
    max-width:1080px;
    margin:0 auto;
    padding:16px 0
}
.broadcast-set .ui.header.sub-title {
    padding:0
}
@media screen and (max-width:1112px) {
    .broadcast-set {
        padding:24px 16px
    }
}
.modalWrap {
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(0,0,0,.2);
    z-index:1002
}
.fullModalWrap,
.modalWrap {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.fullModalWrap {
    background-color:#fff;
    z-index:1000
}
.modalHeader {
    display:flex;
    height:64px;
    align-items:center;
    justify-content:space-between;
    padding:0 24px;
    margin:0;
    font-size:18px;
    font-weight:700;
    line-height:26px;
    color:#000
}
.tooltip-box {
    position:absolute;
    top:-60px;
    right:0;
    z-index:5
}
.tooltip-inner {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    height:56px;
    padding:0 24px;
    background:#fff;
    border-radius:8px;
    border:1px solid rgba(0,0,0,.1);
    box-shadow:1px 5px 10px 1px rgba(0,0,0,.3)
}
.tooltip-inner:after {
    position:absolute;
    right:16px;
    bottom:-8px;
    display:block;
    width:16px;
    height:16px;
    background:#fff;
    transform:rotate(45deg);
    box-shadow:1px 1px 0 0 rgba(0,0,0,.1);
    content:""
}
.basic-select {
    position:relative
}
.basic-select button {
    padding:0 24px;
    height:32px;
    white-space:nowrap
}
.basic-select ul {
    position:absolute;
    top:32px;
    left:0;
    right:0;
    z-index:3;
    background-color:#fff;
    border-radius:4px;
    border:1px solid rgba(0,0,0,.1);
    box-shadow:0 3px 3px 1px rgba(0,0,0,.1)
}
.basic-select ul li {
    display:flex;
    align-items:center;
    justify-content:center;
    height:32px;
    padding:0 16px;
    cursor:pointer
}
@media screen and (max-width:540px) {
    .basic-select button {
        padding:0 16px
    }
    .basic-select ul li {
        padding:0
    }
}
.guide-slide-dots {
    position:absolute;
    bottom:16px;
    display:flex!important;
    width:100%;
    flex-direction:row;
    align-items:center;
    justify-content:center
}
.guide-slide-dots li {
    display:block;
    width:12px;
    height:12px;
    border-radius:6px;
    margin:0 4px;
    background-color:#fff;
    overflow:hidden;
    text-indent:-1000em;
    white-space:nowrap
}
.guide-slide-dots li.slick-active {
    background-color:#ff024a
}
.chatNotice {
    position:absolute;
    top:8px;
    left:8px;
    right:8px;
    background-color:#ffe0e2;
    border:1px solid #d8d8d8;
    border-radius:8px;
    overflow:hidden;
    z-index:100
}
.chatNotice.hide {
    display:none!important
}
.mobile-player-container .chatNotice {
    top:0
}
.chatNoticeHeader {
    position:relative;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    height:40px;
    padding:0 8px
}
.chatNoticeHeader .title {
    font-size:16px;
    font-weight:700;
    color:#000;
    line-height:24px
}
.chatNoticeHeader .btnClose {
    display:block;
    width:8px;
    height:8px;
    cursor:pointer;
    position:absolute;
    right:8px;
    top:8px
}
.chatNoticeBody {
    padding:0 8px 8px;
    font-weight:300;
    line-height:20px;
    word-wrap:break-word;
    word-break:break-all;
    white-space:pre-wrap
}
.casterFeed {
    padding:8px;
    background:transparent
}
.casterFeed .chat-item {
    margin-top:8px
}
#slider li.slick-active button:before {
    color:red!important;
    opacity:1!important
}
#slider .slick-dots {
    left:-6px!important
}
.bg-blurred {
    background-position:50% 10%;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    position:relative;
    min-height:100vh
}
.bg-blurred:before {
    content:"";
    z-index:-1;
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff
}
.hall-of-fame-scroll::-webkit-scrollbar {
    width:6px;
    height:40px;
    border-radius:99px
}
.hall-of-fame-scroll::-webkit-scrollbar-thumb {
    background-color:#41474e
}
.hall-of-fame-scroll::-webkit-scrollbar-track {
    background-color:#2c3035
}
.bigFan-search-m {
    width:100%;
    height:45px;
    margin:8px 0 11px;
    padding:8px 16px 7px 15px;
    background-color:#eee;
    display:flex
}
.bigFan-search-m select {
    width:71px;
    margin:0 5px 0 0;
    padding:6px 9px 7px;
    font-size:12px
}
.bigFan-search-m input,
.bigFan-search-m select {
    height:30px;
    border-radius:4px;
    border:1px solid #ddd;
    background-color:#fff
}
.bigFan-search-m input {
    width:70%;
    margin:0 5px;
    padding:6px 0 7px 9px
}
.bigFan-search-m button {
    width:40px;
    height:30px;
    margin:0 0 0 5px;
    padding:8px 12px 7px 13px;
    border-radius:4px;
    background-color:#f2507e
}
.broadcast-bigFan {
    position:relative;
    display:flex;
    flex-direction:column;
    flex:1;
    justify-content:space-between;
    padding-top:24px;
    border-top:1px solid #e6e6e6;
    margin-top:24px
}
.broadcast-bigFan>.title {
    display:block;
    font-size:16px;
    font-weight:700;
    color:#222;
    line-height:24px;
    margin-bottom:23px
}
.broadcast-bigFan>.list {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:18px
}
.broadcast-bigFan>.list>a {
    display:flex
}
.broadcast-bigFan>.list>a>.thumn {
    flex:1;
    min-width:40px;
    max-width:40px;
    height:40px;
    border:1px solid #0000000d;
    border-radius:50%;
    margin-right:6px
}
.broadcast-bigFan>.list>a>.thumn>img {
    width:100%;
    height:100%;
    border-radius:50%
}
.broadcast-bigFan>.list>a>.name {
    flex:1;
    font-size:14px;
    line-height:30px;
    color:#888;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.broadcast-bigFan>.list.end {
    margin-bottom:10px
}
.broadcast-bigFan>.list .rank {
    flex:none;
    font-size:12px;
    line-height:17px;
    color:#888
}
.broadcast-bigFan>.list.chairman>a>.thumn {
    position:relative;
    border:1px solid #0000000d
}
.broadcast-bigFan>.list.chairman>a>.thumn:after {
    content:"";
    position:absolute;
    left:50%;
    bottom:92%;
    transform:translateX(-50%);
    width:18px;
    height:12px;
    background:url(https://static.flextv.co.kr/20240802/img_1king_18bfc1442b.png) no-repeat 50%;
    background-size:contain
}
.broadcast-bigFan>.list.chairman>.rank {
    font-size:16px;
    font-weight:700;
    color:#f70
}
.broadcast-bigFan>.list.vice-chairman>a>.thumn {
    position:relative;
    border:1px solid #0000000d
}
.broadcast-bigFan>.list.vice-chairman>a>.thumn:after {
    content:"";
    position:absolute;
    left:50%;
    bottom:92%;
    transform:translateX(-50%);
    width:18px;
    height:12px;
    background:url(https://static.flextv.co.kr/20240802/img_2king_007d612001.png) no-repeat 50%;
    background-size:contain
}
.broadcast-bigFan>.list.vice-chairman>.rank {
    font-size:14px;
    font-weight:700;
    color:#888
}
.broadcast-fanRank-m.mobile {
    position:absolute;
    top:calc(100% + 5px);
    left:0;
    width:100%;
    font-size:12px;
    color:#000;
    border:1px solid #ddd;
    border-radius:8px;
    background-color:#f5f5f5;
    padding:15px 10px;
    margin:0;
    z-index:2
}
.broadcast-fanRank-m {
    position:relative;
    display:flex;
    flex-direction:column;
    flex:1;
    justify-content:space-between;
    padding-top:20px;
    margin-top:20px;
    border-top:1px solid #ddd
}
.broadcast-fanRank-m>.btn-fold {
    border-top:1px solid #ddd;
    width:100%;
    padding-top:15px
}
.broadcast-fanRank.desktop {
    position:absolute;
    top:calc(100% + 5px);
    right:0;
    font-size:12px;
    color:#000;
    border:1px solid #ddd;
    border-radius:8px;
    background-color:#f5f5f5;
    padding:15px 10px;
    margin:0;
    z-index:2
}
.broadcast-fanRank {
    position:relative;
    display:flex;
    flex-direction:column;
    flex:1;
    justify-content:space-between;
    min-width:200px;
    max-width:400px;
    padding-top:20px;
    margin-top:20px;
    border-top:1px solid #ddd
}
.broadcast-fanRank>.header {
    display:flex;
    justify-content:space-between;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
    margin-bottom:18px
}
.broadcast-fanRank>.header>.title {
    font-size:16px;
    font-weight:700;
    color:#222;
    line-height:24px
}
.broadcast-fanRank>.header>.btn-close {
    background:url(https://static.flextv.co.kr/20240802/btn_close_ab0bbae6c6.png) no-repeat 50%;
    background-size:24px 24px;
    margin-right:10px
}
.broadcast-fan.side {
    margin-left:10px;
    padding-left:10px;
    border-left:1px solid #ddd
}
.broadcast-fan.desktop {
    width:200px
}
.broadcast-fan>.list {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:18px
}
.broadcast-fan>.list>a {
    display:flex;
    max-width:145px
}
.broadcast-fan>.list.end {
    height:40px;
    margin-bottom:10px;
    margin-right:10px
}
.broadcast-fan>.list>a>.thumn {
    flex:1;
    min-width:32px;
    max-width:32px;
    height:32px;
    border:2px solid #ccc;
    border-radius:50%;
    margin-right:6px
}
.broadcast-fan>.list>a>.thumn>img {
    width:100%;
    height:100%;
    border-radius:50%
}
.broadcast-fan>.list>a>.name {
    flex:1;
    font-size:14px;
    line-height:30px;
    color:#888;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    margin-right:18px
}
.broadcast-fan>.list .rank {
    flex:none;
    font-size:12px;
    line-height:17px;
    color:#888
}
.broadcast-fan>.list.chairman {
    margin-right:10px
}
.broadcast-fan>.list.chairman>.rank {
    font-size:16px;
    font-weight:700;
    color:#f70
}
.broadcast-fan>.list.vice-chairman {
    margin-right:10px
}
.broadcast-fan>.list.vice-chairman>.rank {
    font-size:14px;
    font-weight:700;
    color:#888
}
.broadcast-fan>.list.third-chairman {
    margin-right:10px
}
.broadcast-fan>.list.third-chairman>.rank {
    font-size:13px;
    font-weight:500
}
.broadcast-rank.desktop {
    position:absolute;
    top:calc(100% + 5px);
    left:calc(100% + 10px);
    width:200px;
    font-size:12px;
    color:#000;
    border:1px solid #ddd;
    border-radius:8px;
    background-color:#f5f5f5;
    padding:15px 10px;
    margin:0;
    z-index:3
}
.broadcast-rank {
    flex:0 0 200px;
    padding-top:20px;
    margin-top:20px;
    border-top:1px solid #ddd;
    font-size:12px;
    color:#000
}
.broadcast-rank>.header {
    display:flex;
    justify-content:space-between;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
    margin-bottom:18px
}
.broadcast-rank>.header>.title {
    font-size:12px;
    color:#222;
    line-height:16px
}
.broadcast-rank .flex {
    margin-bottom:10px
}
.broadcast-rank .flex>span:first-child {
    position:relative;
    padding-left:25px
}
.broadcast-rank .flex:not(.rank)>span:first-child:before {
    content:"";
    position:absolute;
    top:2px;
    left:0;
    width:15px;
    height:15px
}
.broadcast-rank .flex.popular>span:first-child:before {
    background:url(https://static.flextv.co.kr/20240802/ico_rank_2d1335f5fd.png) no-repeat;
    background-size:cover
}
.broadcast-rank .flex.score>span:first-child:before {
    background:url(https://static.flextv.co.kr/20240802/ico_score_e8a692d9d0.png) no-repeat;
    background-size:cover
}
.broadcast-rank .flex.favorite>span:first-child:before {
    background:url(https://static.flextv.co.kr/20240802/ico_bookmark_e3fe566b4e.png) no-repeat;
    background-size:cover
}
.broadcast-rank .flex.fan>span:first-child:before {
    background:url(https://static.flextv.co.kr/20240802/ico_fan_db20f83386.png) no-repeat;
    background-size:cover
}
.broadcast-rank .flex.recommendations>span:first-child:before {
    background:url(https://static.flextv.co.kr/20240802/ico_recom_6a45a01999.png) no-repeat;
    background-size:cover
}
.broadcast-rank .flex.time30>span:first-child:before {
    background:url(https://static.flextv.co.kr/20240802/ico_time_c714758ec7.png) no-repeat;
    background-size:cover
}
.broadcast-rank .flex.time-all>span:first-child:before {
    background:url(https://static.flextv.co.kr/20240802/ico_all_f0f0576b80.png) no-repeat;
    background-size:cover
}
.broadcast-rank .flex.recent>span:first-child:before {
    background:url(https://static.flextv.co.kr/20240802/ico_lately_5a4dcce563.png) no-repeat;
    background-size:cover
}
.broadcast-rank>.flex>span:nth-child(2) {
    font-weight:500
}
.broadcast-rank>.flex.rank {
    position:relative;
    flex-direction:row-reverse;
    border-radius:8px;
    background-color:#f5f5f5;
    font-size:10px;
    color:#888;
    padding:15px 10px;
    margin:0
}
.broadcast-rank>.flex.rank:before {
    content:"";
    position:absolute;
    top:50%;
    left:10px;
    transform:translateY(-50%);
    width:28px;
    height:28px;
    background:url(https://static.flextv.co.kr/20240802/ico_rank_color_be47fcee26.png) no-repeat 50%;
    background-size:cover
}
.broadcast-rank>.flex.rank>span:first-child {
    order:2;
    margin-right:5px
}
.broadcast-rank>.flex.rank>span:nth-child(2) {
    order:1;
    font-size:20px;
    font-weight:500;
    color:#000
}
.broadcast-bigFan>.flex.rank {
    position:relative;
    flex-direction:row-reverse;
    border-radius:8px;
    background-color:#f5f5f5;
    font-size:10px;
    color:#888;
    padding:15px 10px;
    margin:0
}
.broadcast-bigFan>.flex.rank:before {
    content:"";
    position:absolute;
    top:50%;
    left:10px;
    transform:translateY(-50%);
    width:28px;
    height:28px;
    background:url(https://static.flextv.co.kr/20240802/ico_rank_color_be47fcee26.png) no-repeat 50%;
    background-size:cover
}
.broadcast-bigFan>.flex.rank>span:first-child {
    order:2;
    margin-right:5px
}
.broadcast-bigFan>.flex.rank>span:nth-child(2) {
    order:1;
    font-size:20px;
    font-weight:500;
    color:#000
}
.bj-talk-box {
    position:relative;
    padding:25px 240px 25px 20px;
    border-top:1px solid #ddd;
    margin-top:20px
}
.bj-talk-box.fixed-top {
    padding-top:39px;
    border:1px solid #000
}
.bj-talk-box .fixed-header {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:25px;
    background-color:#000;
    color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 25px 0 35px;
    font-size:12px
}
.bj-talk-box .fixed-header>span:first-child:before {
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:10px;
    width:15px;
    height:15px;
    background:url(https://static.flextv.co.kr/20240802/ico_notice_b8af8a42ac.png) no-repeat 50%;
    background-size:cover
}
.bj-talk-box .fixed-header>span:nth-child(2) {
    cursor:pointer;
    padding-bottom:1px;
    border-bottom:1px solid #fff
}
.bj-talk-box:last-child {
    border-bottom:1px solid #ddd
}
.bj-info-box .bj-thumn {
    flex:0 0 50px;
    max-width:50px;
    height:50px;
    border-radius:50%;
    background-color:#ddd;
    margin-right:20px
}
.bj-info-box .bj-thumn>img {
    height:100%;
    border-radius:50%
}
.bj-info-box .bj-nickName {
    font-size:14px;
    color:#8787;
    margin-right:10px
}
.bj-info-box .bj-nickName>strong {
    font-size:16px;
    font-weight:500;
    color:#000;
    margin-right:2px
}
.bj-info-box .bj-date {
    position:relative;
    display:inline-flex;
    font-size:12px;
    color:#707070;
    padding-left:10px
}
.bj-info-box .bj-date:before {
    content:"";
    position:absolute;
    top:7px;
    left:0;
    width:4px;
    height:4px;
    background-color:#c8c8c8;
    border-radius:50%
}
.bj-talk-box .title {
    font-size:20px;
    font-weight:500;
    color:#000;
    margin-top:20px
}
.bj-talk-box .content {
    font-size:14px;
    color:#000;
    padding:0;
    margin-top:15px;
    height:70px;
    line-height:23px;
    overflow:hidden;
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    white-space:pre-line
}
.bj-talk-box .btn-detail>* {
    font-size:12px;
    font-weight:500;
    width:60px;
    color:#666!important;
    padding-bottom:5px;
    border-bottom:1px solid #666
}
.bj-talk-box .img {
    position:absolute;
    bottom:30px;
    right:20px;
    width:180px;
    height:120px;
    border-radius:8px;
    overflow:hidden
}
.bj-talk-box .img>img {
    height:100%
}
.wrap-chat-field {
    position:relative
}
.wrap-chat-field .chat-input {
    border:0;
    font-size:12px;
    color:#222;
    line-height:18px
}
.chat-submit-btn {
    position:absolute;
    top:0;
    right:0;
    width:40px;
    font-size:12px;
    color:#fff;
    background-color:#f2507e;
    height:100%;
    border-radius:2px
}
.fan-ranking {
    background-color:#fff;
    width:100%;
    height:100%;
    overflow:auto;
    padding:10px 0
}
.fan-ranking .fan-info {
    display:flex;
    height:auto;
    margin-bottom:10px;
    margin-left:12px;
    align-items:center
}
.fan-ranking .fan-info .rank {
    float:left;
    font-size:10px;
    color:#666;
    margin-right:8px
}
.fan-ranking .grade-info-item {
    padding:8px;
    margin-top:10px;
    border-right-color:#dcdcdc;
    border-right-style:solid
}
.fan-ranking .grade-info-item:last-child {
    border-right:0
}
.fan-ranking .grade-info-item img {
    width:43px;
    height:43px
}
.fan-ranking .ui.attached.tabular.menu {
    display:none
}
.broadcast-agree h3 {
    font-size:16px
}
.broadcast-agree .agree-box {
    height:300px;
    border:1px solid #ddd;
    overflow-x:hidden;
    overflow-y:scroll
}
.broadcast-agree .agree-box h6 {
    font-size:14px;
    margin:0 0 8px
}
.broadcast-agree .agree-box li,
.broadcast-agree .agree-box p {
    font-size:14px;
    line-height:1.6
}
.broadcast-agree .agree-box ul {
    margin:0 0 16px;
    padding-left:20px
}
.broadcast-agree .agree-box li {
    margin-top:4px;
    list-style:disc
}
.broadcast-agree .agree-box li span {
    display:block
}
.broadcast-agree .agree-box>div {
    padding:16px
}
.broadcast-agree .agree-box h5 span {
    display:block;
    font-weight:400;
    color:#646464;
    font-size:13px
}
.broadcast-agree .agree-select {
    display:flex;
    flex:1;
    justify-content:flex-end;
    margin-top:12px;
    margin-bottom:24px
}
.mobile-container .broadcast-agree h3 {
    font-size:14px
}
.mobile-container .broadcast-agree .agree-box h6,
.mobile-container .broadcast-agree .agree-box li,
.mobile-container .broadcast-agree .agree-box p {
    font-size:13px
}
@media screen and (max-width:1366px) {
    #__next .mobile .broadcast-station-box .banner-box>.btns>button.ui.button,
    .mobile .broadcast-station-box .banner-box>.btns>button.ui.button {
        display:flex;
        align-items:center;
        justify-content:center;
        width:24px;
        height:24px;
        max-width:24px;
        padding:0;
        background-color:rgba(0,0,0,.7);
        border:0;
        margin:0 0 0 4px
    }
    #__next .broadcast-station-box .channel-live,
    #__next .mobile .broadcast-station-box .banner-box>.btns>button.ui.button.channel-live,
    .mobile .broadcast-station-box .banner-box>.btns>button.ui.button.channel-live {
        width:auto;
        max-width:unset;
        padding:0 4px;
        color:#fff;
        font-size:12px;
        background-color:rgba(242,80,126,.75)
    }
    #__next .broadcast-station-box .channel-live {
        text-align:center;
        background-color:#f2507e;
        border-radius:4px;
        margin-top:8px;
        height:30px;
        display:flex;
        align-items:center;
        justify-content:center
    }
    .mobile .broadcast-rank>.flex.rank>span:first-child {
        font-size:14px;
        color:#ff024a
    }
    .mobile .broadcast-rank>.flex.rank>span:nth-child(2) {
        font-size:14px;
        color:#222
    }
    .mobile .broadcast-rank>.flex.rank>.btn-open {
        display:inline-block;
        width:20px;
        height:20px;
        background:url(https://static.flextv.co.kr/20240802/btn_down_5b84d78f4d.png) no-repeat;
        background-size:cover;
        margin-left:10px
    }
    .mobile .broadcast-rank>.flex.rank>.btn-open.on {
        transform:rotate(180deg)
    }
    .mobile .broadcast-rank>.rank-info-box {
        border-top:1px solid #eee;
        background-color:#f5f5f5;
        padding:15px 16px
    }
    .fan-ranking {
        padding:16px;
        margin:0
    }
}
@media screen and (max-width:500px) {
    .broadcast-rank>.flex.rank {
        font-size:14px
    }
}
.table2 {
    width:100%;
    border-collapse:collapse
}
.table2 thead th {
    font-weight:500;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:29px 10px
}
.table2 tbody td,
.table2 thead th {
    font-size:14px;
    color:#000;
    text-align:center
}
.table2 tbody td {
    padding:10px
}
.table2 tbody tr:nth-child(2n-1) td {
    background-color:#f8f8f8
}
.table2 tbody tr:nth-child(2n) td {
    background-color:#eee
}
.table3 {
    width:100%;
    border-collapse:collapse
}
.table3 th {
    font-size:14px;
    font-weight:500;
    text-align:center;
    background-color:#f3f3f3
}
.table3 td,
.table3 th {
    vertical-align:middle;
    border-top:1px solid #d1d1d1;
    border-bottom:1px solid #d1d1d1
}
.table3 td {
    text-align:left;
    padding:15px 10px
}
.table3.payment th {
    background-color:#f7f7f7;
    font-size:12px;
    text-align:left;
    color:#222;
    padding:0 12px
}
.table3.payment td {
    font-size:12px;
    color:#666
}
.flx-table th {
    padding:20px 15px
}
.flx-table td {
    padding:0 5px;
    text-align:center
}
.flex-table {
    width:100%;
    border-collapse:collapse;
    border-top:1px solid #bcbcbc
}
.flex-table th {
    font-size:14px;
    font-weight:400;
    text-align:center;
    background-color:#f8f8f8;
    border:1px solid #bcbcbc;
    border-bottom:0
}
.flex-table th>span {
    font-size:12px;
    color:#bcbcbc
}
.flex-table th:first-child {
    border-left:0
}
.flex-table td:last-child {
    border-right:0
}
.flex-table td {
    height:45px;
    padding:0 10px;
    border:1px solid #bcbcbc;
    border-bottom:0
}
.flex-table td .ui.input>input {
    height:28px;
    padding:0 15px
}
.flex-table td .ui.label:last-child {
    height:28px;
    margin-left:0;
    border-radius:0 4px 4px 0
}
.flex-table .ui.input {
    align-items:center
}
.flex-table .ui.input input {
    width:100%
}
.flex-table .ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
    width:27px;
    font-size:13px;
    font-weight:400;
    color:#000;
    background-color:transparent;
    text-align:right;
    overflow:hidden;
    padding:0;
    margin-right:10px
}
.flex-table .ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input {
    width:112px;
    height:28px;
    border-radius:3px;
    border:1px solid #bcbcbc;
    padding:0 15px
}
.list-style01 {
    display:flex;
    margin-bottom:10px;
    align-items:center
}
.list-style01.block {
    display:block
}
.list-style01.block>* {
    display:block;
    margin-bottom:15px
}
.list-style01>* {
    flex:1;
    font-size:14px;
    color:#222;
    text-align:left
}
.list-style01>.title {
    position:relative;
    flex:none;
    min-width:80px;
    padding-left:25px;
    width:140px;
    font-weight:500
}
.list-style01>.title:after {
    content:"";
    position:absolute;
    top:2px;
    left:0;
    width:15px;
    height:15px;
    border-radius:3px;
    border:0;
    background:url(https://static.flextv.co.kr/20240802/ico_tri_d429b6d2ea.png) no-repeat;
    background-size:15px
}
.list-style01>*>span {
    font-weight:400
}
.list-style01 .flex-type-col {
    display:flex;
    flex-direction:column
}
.form-list {
    display:flex;
    padding:20px
}
.form-list>.title {
    display:flex;
    flex:0 0 80px;
    max-width:80px;
    font-size:12px;
    font-weight:500;
    color:#222;
    margin-right:67px;
    align-items:flex-start
}
.form-list>.form {
    flex:1px;
    max-width:500px;
    margin-right:83px
}
.form-list>.btn {
    display:flex;
    flex:0 0 80px;
    align-items:flex-end;
    max-width:80px
}
.form-list>.btn>* {
    width:75px
}
@media screen and (max-width:1366px) {
    .form-list {
        display:block;
        padding:16px 16px 0
    }
    .form-list>.title {
        display:block;
        max-width:unset;
        color:#222;
        margin:0 0 8px
    }
    .form-list>.form {
        max-width:unset;
        margin-right:0
    }
    .form-list>.form .flex .ui.input {
        flex:1
    }
    .form-list>.form .flex .ui.input>input {
        height:36px
    }
    #__next .form-list>.form .flex .ui.button,
    .form-list>.form .flex .ui.button {
        flex:0 0 80px;
        max-width:80px;
        height:36px;
        margin-left:4px;
        border:1px solid #b5b5b5
    }
    .form-list>.btn {
        display:block;
        text-align:right;
        margin-top:4px;
        max-width:unset
    }
    .form-list>a.link-list {
        position:relative;
        display:block;
        padding:15px 0;
        font-size:14px;
        color:#222
    }
    .form-list>a.link-list:after {
        content:"";
        position:absolute;
        top:50%;
        right:0;
        transform:translateY(-50%);
        width:20px;
        height:20px;
        background:url(https://static.flextv.co.kr/20240802/btn_list_more_b4874458ab.png) no-repeat 50%;
        background-size:15px
    }
}
@media screen and (max-width:767px) {
    .list-style01>.title {
        margin-right:16px
    }
}
@media screen and (hover:none) and (pointer:coarse) {
    body {
        font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif
    }
}
.header-m {
    display:flex;
    width:100%;
    align-items:center;
    position:relative
}
.header-m>.app-logo {
    float:none;
    flex:unset;
    margin:0 auto;
    height:40px;
    background-size:120px 40px
}
.header-m .header-m-logo {
    display:block;
    height:60px;
    margin:0 auto
}
.header-m .header-m-logo img {
    vertical-align:top;
    max-width:100%;
    max-height:100%;
    height:100%
}
.header-m .btn-group {
    display:flex;
    align-items:center;
    position:absolute;
    right:0
}
.header-search-box-m {
    display:flex;
    flex-direction:column;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:#fff;
    z-index:11
}
.header-search-box-m .header {
    display:flex;
    align-items:center;
    flex:0 0 40px;
    max-height:40px;
    padding:5px 15px;
    background-color:#000
}
.header-search-box-m .header .btn-close {
    display:inline-block;
    flex:0 0 20px;
    width:20px;
    height:20px;
    background:url(https://static.flextv.co.kr/20240802/btn_close_wh_e476529e23.png) no-repeat 50%;
    background-size:20px 20px
}
.header-search-box-m .header .input-box {
    flex:1;
    position:relative;
    margin-left:15px
}
.header-search-box-m .header .input-box>input {
    width:100%;
    height:28px;
    background-color:#fff;
    border-radius:4px;
    font-size:14px;
    color:#222;
    border:0;
    padding:0 12px
}
.header-search-box-m .header .input-box>.btn-delete {
    display:none;
    position:absolute;
    width:16px;
    height:16px;
    top:50%;
    right:8px;
    transform:translateY(-50%);
    background:url(https://static.flextv.co.kr/20240802/btn_input_del_ca6a8d4ba9.png) no-repeat;
    background-size:16px 16px
}
.header-search-box-m .header .input-box>.btn-delete.on {
    display:block
}
.header-search-box-m .body {
    flex:1
}
.header-search-box-m .body .title {
    font-size:14px;
    color:#333;
    border-bottom:1px solid #ededed;
    padding:5px 15px
}
.header-search-box-m .body ul li {
    display:flex;
    justify-content:space-between;
    font-size:14px;
    color:#666;
    border-bottom:1px solid #ededed;
    padding:10px 15px
}
.header-search-box-m .body ul li strong {
    font-size:14px;
    font-weight:500;
    color:#222;
    margin-right:5px
}
.header-search-box-m .body ul li .btn-delete {
    width:16px;
    height:16px;
    background:url(https://static.flextv.co.kr/20240802/btn_list_del_13ee218528.png) no-repeat;
    background-size:16px;
    -o-object-fit:cover;
    object-fit:cover
}
.header-search-box-m .btn-all {
    display:block;
    margin:15px auto 0;
    font-size:10px;
    color:#666
}
.quick-menu-m {
    display:flex;
    height:40px;
    background-color:#222;
    border-top:1px solid hsla(0,0%,100%,.05);
    align-items:center;
    justify-content:center
}
.quick-menu-m>a,
.quick-menu-m>div {
    display:flex;
    align-items:center;
    justify-content:center;
    flex:1;
    font-size:14px;
    font-weight:500;
    color:#fff!important
}
.quick-menu-m>a.on {
    color:#ff4076!important
}
.btn-menu-m {
    display:block;
    width:30px;
    height:30px;
    background:url(https://static.flextv.co.kr/20240802/btn_slide_menu_6372159b0b.png) no-repeat 50%;
    background-size:20px;
    margin:0;
    padding:0;
    position:absolute;
    left:8px
}
.btn-search-m {
    display:inline-block;
    flex:0 0 20px;
    width:20px;
    height:20px;
    background:url(https://static.flextv.co.kr/20240802/btn_search_7585fde96a.png) no-repeat 50%;
    background-size:16px;
    margin-right:12px
}
.mobile-container .section-wrap {
    padding:32px
}
.mobile-container .main-section01 .section-wrap {
    padding:32px 0
}
#__next .mobile-container .video-card-root {
    flex:0 0 20%;
    max-width:20%
}
.mobile-container .slide-nav-group {
    position:absolute;
    bottom:-32px;
    left:0;
    width:100%
}
.mobile-sub-container {
    max-width:1080px;
    padding:24px 0;
    margin:0 auto
}
@media screen and (max-width:1112px) {
    .mobile-sub-container {
        padding:24px 16px
    }
}
.mobile-sub-container .sub-title {
    padding:0!important
}
.mobile-sub-container .sub-summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:16px 0 24px
}
.mobile-sub-container .sub-summary .select-btn {
    display:flex;
    align-items:center;
    margin:0;
    height:32px;
    line-height:32px
}
.mobile-sub-container .shopping-link-tab {
    padding:0!important;
    margin-top:16px;
    margin-bottom:24px
}
.tabPopup-m {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:12;
    background-color:rgba(0,0,0,.16)
}
.tabPopup-m .tabPopup-box {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:16px 24px;
    background-color:#fff
}
.tabPopup-m .tabPopup-box .tabPopup-header {
    display:flex;
    width:100%;
    align-items:center;
    justify-content:space-between;
    margin-bottom:28px
}
.tabPopup-m .tabPopup-box .tabPopup-header .title {
    font-size:16px;
    font-weight:500;
    color:#222;
    display:flex;
    align-items:center
}
.tabPopup-m .tabPopup-box .tabPopup-header .title .profile-thumb {
    width:40px;
    height:40px;
    background-size:cover;
    border-radius:50%;
    border:1px solid #dcdcdc
}
.tabPopup-m .tabPopup-box .tabPopup-header .title .profile-info {
    display:flex;
    flex-direction:column;
    font-size:14px;
    margin-left:8px;
    line-height:16px
}
.tabPopup-m .tabPopup-box .tabPopup-header .title .profile-info .info-nickname {
    color:#121212
}
.tabPopup-m .tabPopup-box .tabPopup-header .title .profile-info .info-id {
    color:#646464;
    font-size:12px
}
.tabPopup-m .tabPopup-box .tabPopup-header .btn-close {
    flex:0 0 24px;
    max-width:24px;
    height:24px;
    background:url(https://static.flextv.co.kr/20240802/btn_list_del_7a01fc00ac.png) no-repeat;
    background-size:24px 24px
}
.tabPopup-m .tabPopup-box .tabPopup-body>.list>li {
    display:flex;
    margin-bottom:15px;
    align-items:center;
    justify-content:center
}
.tabPopup-m .tabPopup-box .tabPopup-body>.list>li>.img {
    flex:0 0 25px;
    max-width:25px;
    height:25px;
    margin-right:7px
}
.tabPopup-m .tabPopup-box .tabPopup-body>.list>li>.txt {
    flex:1
}
.tabPopup-m .tabPopup-box .tabPopup-body>.list>li>.txt>strong {
    display:block;
    font-size:16px;
    font-weight:500;
    color:#222;
    line-height:16px;
    margin-bottom:4px
}
.tabPopup-m .tabPopup-box .tabPopup-body>.list>li>.txt>span {
    font-size:14px;
    color:#666;
    line-height:14px
}
.mobile-container .caution-wrap {
    margin-top:32px
}
.mobile-container .charge-flex-box {
    display:flex;
    flex-wrap:wrap;
    margin:0 0 24px;
    height:auto;
    border:0;
    border-radius:8px;
    padding:12px 16px;
    background-color:#f7f7f7;
    font-size:14px
}
.mobile-container .charge-flex-box .sub-txt,
.mobile-container .charge-flex-box>.title {
    display:none
}
.mobile-container .charge-flex-box>input+label {
    flex:0 0 12px;
    max-width:12px;
    margin:0!important
}
.mobile-container .charge-flex-box>.title+input+label {
    margin-right:16px!important
}
.mobile-container .charge-flex-box>input {
    flex:1;
    width:unset;
    max-width:calc(50% - 29px)
}
.mobile-container .charge-flex-box>.ui.button.primary {
    flex:0 0 100%;
    max-width:100%;
    margin-top:8px;
    height:36px;
    background-color:#fff;
    border-radius:4px;
    border:1px solid #ddd;
    color:#222;
    font-size:14px
}
.mobile-container .card-item-wrap .card-item {
    flex:0 0 calc(33.3% - 11px);
    min-width:unset;
    max-width:calc(33.3% - 11px);
    margin:0 16px 16px 0
}
.mobile-container .card-item-wrap .card-item:nth-child(3n) {
    margin-right:0
}
.mobile-container.modal-charge .sub-title {
    display:none!important
}
.mobile-container.modal-charge .card-item-wrap .card-item .description span {
    display:block
}
.mobile-container .card-item .ui.card {
    padding:8px
}
.mobile-container .card-item-wrap.charge .card-item .ui.card .img {
    width:52px;
    height:52px
}
.mobile-container .card-item-wrap.charge .card-item .content>.description>strong,
.mobile-container .card-item-wrap.charge .card-item .content>.title,
.mobile-container .ui.card>.content,
.mobile-container .ui.cards>.card>.content {
    font-size:14px
}
.mobile-container .card-item-wrap.charge .card-item .content.extra>.btns {
    margin-top:18px
}
.mobile-container .card-item-wrap.charge .card-item .ui.card>.content .btns>button {
    font-size:14px;
    height:28px!important;
    padding:4px 8px
}
.mobile-container .card-item .ui.card>.content .level {
    display:none
}
.mobile-container .card-item .ui.card>.content .level-icon {
    display:block;
    text-align:center;
    margin:10px 0
}
.mobile-container .card-item .ui.card>.content .level-icon>.ui.image {
    width:56px
}
.mobile-container .card-item .ui.card>.content .title {
    font-size:14px;
    line-height:14px;
    margin-bottom:5px;
    text-align:center
}
.mobile-container .ui.card>.content>.header+.description {
    text-align:center
}
.mobile-container .ui.card>.content>.header+.description .price {
    margin-right:5px
}
.mobile-container .ui.card>.content>.header+.description .price,
.mobile-container .ui.card>.content>.header+.description>span {
    font-size:14px
}
.mobile-container .card-item .ui.card>.content .btns>button {
    height:28px!important;
    padding:4px 8px;
    font-size:14px
}
.mobile-container .card-item-wrap .card-item.best:after {
    top:13px;
    height:13px;
    font-size:10px;
    width:auto;
    height:auto;
    line-height:13px
}
.mobile-container .card-item-wrap .card-item.best.premium:after {
    color:#667be4;
    background-color:transparent
}
.mobile-container .card-item-wrap .card-item.best.gold:after {
    color:#e5c04d;
    background-color:transparent
}
button {
    font-size:14px
}
.mobile-dimm,
.mobile-scroll-none {
    width:100%;
    height:100%;
    overflow:hidden;
    position:fixed;
    top:0;
    left:0
}
.mobile-dimm:after {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:10;
    background:rgba(0,0,0,.45);
    content:"";
    transition:all .3s
}
.mobile-menu {
    position:fixed;
    top:0;
    left:-280px;
    height:100%;
    overflow-y:auto;
    background-color:#fff;
    transition:all .3s ease 0s;
    padding-bottom:10px;
    z-index:1000
}
.mobile-dimm .mobile-menu {
    left:0;
    transition-delay:.3s;
    transition:all .3s ease 0s
}
.mobile-menu .pd-area {
    padding:0 16px
}
.mobile-menu .mobile-menu-header {
    position:relative;
    padding-top:32px;
    border-bottom:1px solid #eee;
    margin-bottom:16px
}
.mobile-menu .mobile-menu-header .btn-close-wrap {
    position:absolute;
    right:0;
    top:8px;
    width:24px;
    height:24px;
    background:url(https://static.flextv.co.kr/20240802/btn_slide_close_105e84c0c0.png) no-repeat;
    background-size:24px 24px
}
.mobile-menu .mobile-menu-header .user-info {
    display:flex;
    align-items:center;
    margin-bottom:8px
}
.mobile-menu-header .user-info>.user-img {
    flex:0 0 56px;
    max-width:56px;
    height:56px;
    margin-right:16px;
    border-radius:50%;
    background:url(https://static.flextv.co.kr/20240802/thumb_noimg_9d4a715065.png) no-repeat 50%;
    background-size:cover;
    overflow:hidden
}
.mobile-menu-header .user-info>.user-img>img {
    width:100%;
    height:100%
}
.mobile-menu-header .user-info>.user-txt {
    flex:1;
    font-size:14px;
    font-weight:400;
    font-stretch:normal;
    font-style:normal;
    letter-spacing:normal;
    text-align:left;
    color:#888
}
.mobile-menu-header .user-info>.user-txt .user-nick-group {
    display:flex;
    align-items:center
}
.mobile-menu-header .user-info>.user-txt .user-nick-group span {
    font-size:14px;
    color:#888
}
.mobile-menu-header .user-info>.user-txt .user-nick-group a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:24px;
    padding:0 8px;
    background:#323232;
    color:#fff!important;
    font-size:12px;
    border-radius:4px;
    margin-left:4px
}
.mobile-menu-header .btn-side-auth {
    text-align:center!important
}
.mobile-menu-header .user-info>.user-txt .point {
    font-size:16px;
    font-weight:500;
    font-stretch:normal;
    font-style:normal;
    letter-spacing:normal;
    text-align:left;
    color:#222
}
.mobile-menu-header .user-info>.user-txt .arrow:after {
    content:"";
    display:inline-block;
    width:16px;
    height:16px;
    margin-left:4px;
    background:url(https://static.flextv.co.kr/20240802/btn_more_220ca64de3.png) no-repeat;
    background-size:cover;
    vertical-align:-3px
}
.mobile-menu-header .user-info>.user-txt>* {
    display:inline-block;
    width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.mobile-menu-header .user-info>.user-broadcast {
    flex:0 0 20px
}
.mobile-menu-header .flex-wrap {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:8px
}
.mobile-menu-header .flex-wrap>* {
    font-size:14px;
    font-weight:400;
    font-stretch:normal;
    font-style:normal;
    line-height:1.08;
    letter-spacing:normal;
    text-align:left;
    color:#222
}
.mobile-menu-header .flex-wrap .point {
    font-weight:500;
    color:#f2507e
}
.mobile-menu-header .flex-wrap>a {
    display:flex;
    justify-content:center;
    align-items:center;
    width:60px;
    height:30px;
    padding:0 16px;
    border-radius:100px;
    border:1px solid #ddd;
    background-color:#fff;
    letter-spacing:-1px
}
.mobile-menu-header>.link-wrap {
    display:flex;
    padding:15px 0;
    border-radius:4px
}
.mobile-menu-header>.link-wrap>a,
.mobile-menu-header>.link-wrap>button {
    position:relative;
    flex:1;
    font-size:12px;
    font-weight:500;
    font-stretch:normal;
    font-style:normal;
    line-height:1.08;
    text-align:center;
    color:#222!important;
    padding:0 8px
}
.mobile-menu-header>.link-wrap>a:after,
.mobile-menu-header>.link-wrap>button:after {
    content:"";
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    width:1px;
    height:26px;
    background-color:#ddd;
    z-index:1
}
.mobile-menu-header>.link-wrap>a:last-child:after,
.mobile-menu-header>.link-wrap>button:last-child:after {
    content:none
}
.mobile-menu-header>.link-wrap>a>img,
.mobile-menu-header>.link-wrap>button>img.ui.image {
    display:block;
    margin:0 auto 5px
}
.mobile-menu .side-menu-link {
    font-size:14px;
    font-weight:500;
    font-stretch:normal;
    font-style:normal;
    line-height:1.14;
    letter-spacing:normal;
    text-align:left;
    color:#222!important;
    margin-bottom:16px
}
.mobile-menu .side-menu-link>img {
    margin-right:10px
}
.mobile-menu .other-link-wrap {
    padding:16px;
    background-color:#f7f7f7
}
.mobile-menu .other-link-wrap>a {
    display:block;
    font-size:14px;
    font-weight:400;
    font-stretch:normal;
    font-style:normal;
    line-height:2.46;
    letter-spacing:normal;
    text-align:left;
    color:#222!important
}
.mobile-menu .other-link-wrap>a.new:after {
    content:"";
    display:inline-block;
    width:10px;
    height:10px;
    background:url(https://static.flextv.co.kr/20240802/ico_new_5abb3d2c7d.png) no-repeat;
    background-size:cover;
    margin-left:5px
}
.mobile-menu .btn-login {
    font-stretch:normal;
    font-style:normal;
    letter-spacing:normal;
    text-align:center
}
.mobile-menu .btn-login>button {
    margin:0;
    padding:0;
    display:flex;
    width:100%;
    height:45px;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:400;
    color:#888
}
.mobile-quick-menu {
    display:none;
    position:fixed;
    top:43px;
    left:0;
    width:100%;
    height:40px;
    align-items:center;
    background-color:#222;
    border-top:1px solid #fff;
    z-index:2;
    padding:5px 15px
}
.mobile-quick-menu.top {
    background-color:#fff;
    border-top:0;
    border-bottom:1px solid #ddd
}
.mobile-quick-menu>a {
    flex:1;
    height:100%;
    line-height:28px;
    color:#222!important;
    font-size:13px;
    color:#fff!important;
    text-align:center
}
.mobile-quick-menu>a.active {
    color:#ff0f53
}
.mobile-quick-menu.top>a {
    display:inline-block;
    color:#222!important
}
.mobile-quick-menu>a.charge {
    border:1px solid #fff;
    border-radius:6px
}
.mobile-quick-menu.top>a.charge {
    border:0;
    background-color:#efefef
}
.title-m {
    font-size:13px;
    font-weight:500;
    margin-bottom:12px
}
.sub-title-m {
    font-size:11px;
    color:#222;
    margin-bottom:8px
}
.modals.dimmer .ui.scrolling.modal.popup-box-m,
.popup-box-m {
    display:flex!important;
    flex-direction:column;
    width:100%;
    height:100%;
    overflow:auto
}
.popup-box-m>.header {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:left;
    width:100%;
    box-sizing:border-box;
    padding-left:16px;
    margin:8px 0 4px
}
.popup-box-m>.header>.title {
    font-size:16px;
    font-weight:500;
    color:#333
}
.popup-box-m>.header>.btn-close {
    position:absolute;
    top:50%;
    right:8px;
    transform:translateY(-50%);
    width:24px;
    height:24px;
    background:url(https://static.flextv.co.kr/20240802/btn_close_781a8aa431.png) no-repeat 50%;
    background-size:24px 24px
}
.popup-box-m>.content {
    flex:1;
    width:100%;
    max-height:calc(100% - 40px);
    padding:0;
    margin-bottom:16px
}
.popup-box-m>.content .box {
    width:100%;
    height:auto;
    padding:12px 16px;
    font-size:11px;
    color:#666;
    text-align:left
}
.popup-box-m>.content .box>.title {
    font-size:14px;
    font-weight:500;
    color:#222;
    margin-bottom:15px
}
.popup-box-m>.content .box>p {
    margin-bottom:10px
}
.popup-box-m>.content .box>p.bul {
    position:relative;
    padding-left:10px
}
.popup-box-m>.content .box>p.bul>span {
    position:absolute;
    left:0;
    top:0
}
.popup-box-m>.content .box>p>b {
    color:#000
}
.popup-box-m>.content .text-bold {
    font-weight:500
}
.popup-box-m>.content .text-big {
    font-size:14px;
    font-weight:500
}
.popup-box-m>.content .text-small {
    font-size:10px
}
.popup-box-m>.content .btn-add {
    width:54px;
    height:32px;
    border-radius:6px;
    background-color:#f2507e;
    font-size:11px;
    font-weight:500;
    color:#fff;
    line-height:32px
}
.popup-box-m>.content .box .btn-defulat {
    width:54px;
    padding:7px;
    border-radius:2px;
    border:1px solid #cecece;
    background-color:#fff;
    font-size:11px;
    font-weight:500;
    color:#222
}
.popup-box-m>.content .box .table-list {
    margin-top:4px
}
.popup-box-m>.content .box .table-list>.header {
    display:flex;
    align-items:center;
    border-top:1px solid #ddd;
    height:34px;
    font-size:10px;
    font-weight:500;
    color:#222
}
.popup-box-m>.content .box .table-list>.body {
    margin-bottom:70px
}
.popup-box-m>.content .box .table-list>.body>div {
    display:flex;
    align-items:center;
    height:40px;
    border-top:1px solid #eee
}
.popup-box-m>.content .box .table-list>.body>div:last-child {
    border-bottom:1px solid #eee
}
.popup-box-m>.content .box .table-list>.body>div>.border-right {
    padding-right:6px;
    margin:0
}
.popup-box-m>.content .box .table-list>.body>div>span,
.popup-box-m>.content .box .table-list>.header>span {
    text-align:center
}
.popup-box-m>.content .box .table-list>.body>div>span:first-child,
.popup-box-m>.content .box .table-list>.header>span:first-child {
    flex:1
}
.popup-box-m>.content .box .table-list>.body>div>span:nth-child(2),
.popup-box-m>.content .box .table-list>.header>span:nth-child(2) {
    flex:2
}
.popup-box-m>.content .box .table-list>.body>div>span:nth-child(3),
.popup-box-m>.content .box .table-list>.header>span:nth-child(3) {
    flex:4
}
.popup-box-m>.content .box .table-list>.body>div>span:nth-child(4),
.popup-box-m>.content .box .table-list>.header>span:nth-child(4) {
    flex:5
}
.popup-box-m>.content .box .table-list>.body.check-box>div>:first-child,
.popup-box-m>.content .box .table-list>.body.check-box>div>:nth-child(2) {
    flex:1
}
.popup-box-m>.content .box .table-list>.body.check-box>div>:nth-child(3) {
    flex:2
}
.popup-box-m>.content .box .table-list>.body.check-box>div>:nth-child(4) {
    flex:3
}
.popup-box-m>.content .box .table-list>.body.check-box>div>:nth-child(5) {
    flex:5
}
.popup-box-m>.content .box.type02 {
    border-radius:6px;
    box-shadow:0 3px 6px 0 rgba(0,0,0,.16);
    background-color:#fff;
    padding:16px
}
.popup-box-m>.content .box.type02>.header {
    font-size:15px;
    font-weight:400;
    color:#222;
    text-align:center;
    margin-bottom:20px
}
.popup-box-m>.content .box.type02>.header>.text-big {
    margin-bottom:4px
}
.popup-box-m>.content .box.type02>.body>section {
    padding:15px 0
}
#__next .popup-box-m>.content .box.type02>.btn>.ui.button.big,
.popup-box-m>.content .box.type02>.btn>.ui.button.big {
    font-size:12px
}
.popup-box-m>.content>.bg-gray-box {
    width:100%;
    padding:30px 16px;
    background-color:#f5f5f5
}
.popup-box-m>.content>.input-box-m {
    display:flex;
    flex-direction:column;
    height:100%
}
.popup-box-m>.content .input-box-m>section:not(:last-child) {
    margin-bottom:16px
}
.popup-box-m>.content>.input-box-m>section.full {
    flex:1;
    margin-bottom:0
}
.popup-box-m>.content>.input-box-m>section.full>textarea {
    height:calc(100% - 27px)!important;
    margin:0
}
.popup-box-m>.content .input-box-m .title {
    display:block;
    margin-bottom:8px;
    font-size:14px;
    color:#222
}
.popup-box-m>.content .input-box-m .title+.ui.input,
.popup-box-m>.content .input-box-m .title+input {
    width:100%
}
.popup-box-m>.content .input-box-m .title+.ui.input>input,
.popup-box-m>.content .input-box-m .title+input {
    width:100%;
    height:36px;
    border-radius:4px;
    border:1px solid #c6c6c6;
    background-color:#fff;
    font-size:12px;
    color:#222
}
.popup-box-m>.content .input-box-m .title+.ui.input>input:disabled,
.popup-box-m>.content .input-box-m .title+input:disabled {
    color:#222!important;
    -webkit-text-fill-color:#222;
    opacity:1
}
.popup-box-m>.content .input-box-m input {
    border:1px solid #c6c6c6
}
.popup-box-m>.content .input-box-m .title+.ui.input>input::-moz-placeholder,
.popup-box-m>.content .input-box-m .title+input::-moz-placeholder {
    font-size:12px;
    color:#aaa
}
.popup-box-m>.content .input-box-m .title+.ui.input>input::placeholder,
.popup-box-m>.content .input-box-m .title+input::placeholder {
    font-size:12px;
    color:#aaa
}
.popup-box-m>.content .input-box-m .title+div {
    display:flex
}
.popup-box-m>.content .input-box-m .title+div>.ui.dropdown {
    display:flex;
    align-items:center;
    flex:1;
    width:98px;
    max-width:98px;
    border-radius:4px;
    border:1px solid #c6c6c6;
    box-sizing:border-box;
    padding:8px 7px 8px 12px;
    font-size:13px;
    color:#222;
    margin-right:5px
}
.popup-box-m>.content .input-box-m .title+div>.ui.dropdown>.text {
    flex:1
}
.popup-box-m>.content .input-box-m .title+div>.ui.input {
    flex:1;
    max-width:calc(100% - 103px);
    border-radius:4px
}
.popup-box-m>.content .input-box-m div.file>.ui.input {
    max-width:calc(100% - 78px);
    height:35px;
    margin-right:5px;
    box-sizing:border-box
}
.popup-box-m>.content .input-box-m div.file>.ui.button {
    width:78px;
    height:35px!important;
    margin:0
}
.popup-box-m>.content .input-box-m .title+div+* {
    margin-top:6px
}
.popup-box-m>.content .title+textarea,
.popup-box-m>.content section>textarea {
    width:100%;
    height:224px;
    padding:11px 6px;
    border-radius:4px;
    border:1px solid #c6c6c6;
    background-color:#fff;
    white-space:pre-line;
    word-break:break-word;
    font-size:12px;
    line-height:1.5;
    letter-spacing:normal;
    text-align:left;
    color:#222
}
.popup-box-m>.content .title+textarea:disabled,
.popup-box-m>.content section>textarea:disabled {
    color:#222!important;
    -webkit-text-fill-color:#222;
    opacity:1
}
.popup-box-m>.content .input-box-m.type02 {
    display:flex;
    align-items:center;
    margin-bottom:15px
}
.popup-box-m>.content .input-box-m.type02>label {
    flex:1;
    max-width:50px
}
.popup-box-m>.content .input-box-m.type02>.ui.input {
    flex:1;
    max-width:calc(100% - 77px);
    height:32px;
    margin-left:27px
}
.popup-box-m>.content .input-box-m.type02>.ui.input>input {
    font-size:12px;
    color:#aaa
}
.popup-box-m>.content .input-box-m.type02>.ui.input>input::-moz-placeholder {
    font-size:12px;
    color:#aaa
}
.popup-box-m>.content .input-box-m.type02>.ui.input>input::placeholder {
    font-size:12px;
    color:#aaa
}
.popup-box-m>.btns {
    display:flex;
    align-items:center;
    text-align:center;
    margin-bottom:16px;
    padding:0 16px
}
#__next .popup-box-m>.btns>.ui.button,
.popup-box-m>.btns>.ui.button {
    flex:1;
    padding:0;
    height:44px;
    margin:0 5px 0 0
}
#__next .popup-box-m>.btns>.ui.button:last-child,
.popup-box-m>.btns>.ui.button:last-child {
    margin-right:0
}
.popup-box-m .btn-alarm {
    display:inline-block;
    width:26px;
    height:26px;
    background:url(https://static.flextv.co.kr/20240802/ico_alarm_9a11bc2a39.png) no-repeat 50%;
    background-size:20px;
    margin:16px 0 16px 16px;
    border:1px solid #cecece;
    border-radius:2px;
    background-color:#fff
}
.popup-box-m .content>.check-list {
    padding:0 16px;
    margin-bottom:20px
}
.popup-box-m .content>.check-list>li {
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-top:1px solid #eee;
    padding:7px 0;
    font-size:11px;
    color:#222
}
.popup-box-m .content>.check-list>li>.title {
    font-weight:500
}
.popup-box-m .content>.check-list>li .date {
    font-size:10px;
    color:#666;
    margin-right:12px
}
.popup-box-m .content>.check-list>li:last-child {
    border-bottom:1px solid #eee
}
.popup-box-m .content>.check-list>li .checkbox>input {
    display:none
}
.popup-box-m .content>.check-list>li .checkbox>input+label {
    width:50px;
    height:26px;
    padding:4px 15px;
    color:#222;
    border:1px solid #cecece;
    background-color:#fff
}
.popup-box-m .content>.check-list>li .checkbox>input:checked+label {
    color:#000;
    border:1px solid #000
}
.popup-box-m .content .img-guide {
    display:flex;
    padding:30px 16px;
    background-color:#f8f8f8;
    margin-bottom:8px
}
.popup-box-m .content .img-guide .img-box {
    position:relative;
    padding:10px 0 0 14px;
    margin-right:12px
}
.popup-box-m .content .img-guide .img-box>.ui.image {
    width:96px
}
.popup-box-m .content .img-guide .img-box>.size {
    position:absolute;
    font-size:10px;
    color:#f08035
}
.popup-box-m .content .img-guide .img-box>.size.left {
    left:-12px;
    top:50%;
    transform:translateY(-50%);
    margin-top:10px
}
.popup-box-m .content .img-guide .img-box>.size.top {
    top:-5px;
    left:50%;
    transform:translateX(-50%);
    margin-left:14px
}
.popup-box-m .content .img-guide .txt-box {
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.popup-box-m .content .img-guide .txt-box>li {
    flex:1;
    display:flex;
    align-items:center;
    font-size:10px;
    font-weight:500;
    color:#000
}
.popup-box-m .content .img-guide .txt-box .sub-tit {
    width:45px;
    font-size:inherit;
    font-weight:400;
    margin-right:10px
}
.mobile-player-container .sendLuv-box-m {
    position:relative;
    display:flex;
    width:auto;
    background-color:#f7f7f7;
    margin:6px 0 0;
    padding:8px 12px
}
.mobile-player-container .sendLuv-box-m .title {
    font-size:14px;
    color:#222
}
.mobile-player-container .sendLuv-box-m>.set {
    flex:1
}
.mobile-player-container .sendLuv-box-m section {
    margin-bottom:7px
}
.mobile-player-container .sendLuv-box-m .btn-calculate {
    flex:0 0 30px;
    max-width:30px;
    height:30px;
    border-radius:3px;
    border:1px solid #bcbcbc;
    margin:0 4px;
    background-color:#fff
}
.mobile-player-container .sendLuv-box-m .input-label {
    min-width:20px;
    font-size:12px;
    font-weight:500;
    text-align:right;
    margin-right:3px
}
.mobile-player-container .sendLuv-box-m .ui.input {
    height:30px
}
.mobile-player-container .sendLuv-box-m .ui.input>input {
    font-size:14px;
    color:#000;
    border:1px solid #bcbcbc
}
.mobile-player-container .sendLuv-box-m .ui.input>input::-moz-placeholder {
    color:#aaa
}
.mobile-player-container .sendLuv-box-m .ui.input>input::placeholder {
    color:#aaa
}
.mobile-player-container .sendLuv-box-m .ui.dropdown {
    display:inline-flex;
    align-items:center;
    width:59px;
    height:30px;
    border:1px solid #bcbcbc;
    border-radius:3px;
    padding-left:12px
}
.mobile-player-container .sendLuv-box-m .ui.dropdown>.text {
    flex:1
}
.mobile-player-container .sendLuv-box-m .ui.dropdown>.dropdown.icon {
    flex:0 0 20px;
    max-width:20px;
    height:20px;
    margin:0
}
button.flex-gift-btn-m {
    display:block;
    width:100%;
    height:32px;
    text-align:center;
    background-color:#f2507e;
    font-size:14px;
    color:#fff;
    margin-bottom:8px
}
.payment-list {
    display:flex;
    flex-wrap:wrap;
    margin-bottom:12px;
    border-top:1px solid #ddd
}
.payment-list>*>input[type=radio] {
    display:none
}
.payment-list>*>input[type=radio]+label {
    display:block;
    font-size:12px;
    color:#222;
    text-align:center;
    padding:12px 6px;
    cursor:pointer;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    box-sizing:content-box
}
.payment-list>:last-child>input[type=radio]+label,
.payment-list>:nth-child(3n)>input[type=radio]+label {
    border-right:1px solid #ddd
}
.payment-list>*>input[type=radio]:checked+label {
    color:#ff4076;
    border:1px solid #ff4076
}
.payment-list>*>input[type=radio]:disabled+label {
    color:#aaa;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd
}
.payment-list.list-2>* {
    flex:0 0 50%;
    max-width:50%
}
.payment-list.list-3>* {
    flex:0 0 33.3%;
    max-width:33.3%
}
.chat-effects {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.broadcast-set .broadcast-screen {
    width:100%;
    background-color:#333;
    min-height:180px
}
.broadcast-set .set-container {
    width:100%;
    padding:24px;
    border:1px solid #ddd
}
.broadcast-set .btns .ui.button {
    width:140px;
    height:40px!important;
    font-size:14px!important
}
.fan-grade-info {
    display:flex;
    flex-direction:column;
    justify-content:center;
    border:1px solid #eee;
    border-bottom:0
}
.fan-grade-item {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex:1;
    padding:8px;
    border-bottom:1px solid #eee
}
.fan-grade-item .fan-grade-title {
    display:flex;
    align-items:center;
    font-size:14px
}
.fan-grade-item .fan-grade-title .title {
    font-weight:500;
    color:#212121
}
.fan-grade-item .fan-grade-title img {
    width:20px;
    height:20px;
    margin-right:8px
}
.fan-grade-item .fan-grade-period {
    display:flex;
    align-items:center
}
.fan-grade-item .fan-grade-period span {
    color:#444
}
.fan-grade-item .fan-grade-period .period {
    margin-left:8px
}
.msg-item {
    position:relative;
    width:20px;
    margin:0 auto 5px
}
.msg-item span {
    position:absolute;
    z-index:1;
    top:-6px;
    left:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:16px;
    min-width:16px;
    padding:0 4px;
    background-color:#f2507e;
    border-radius:8px;
    font-size:11px;
    font-weight:300;
    color:#fff
}
.mobile-container .main-banner {
    position:relative
}
@media screen and (max-width:1366px) {
    .ui.checkbox .box,
    .ui.checkbox label {
        font-size:14px
    }
}
.modal-m.ui.modal {
    border-radius:12px
}
.modal-m.ui.modal>.header {
    position:relative;
    text-align:center;
    font-size:14px;
    color:#fff;
    background-color:#000;
    border-radius:unset;
    border-radius:12px 12px 0 0;
    padding:14px 0!important
}
.modal-m.ui.modal>.header>button {
    position:absolute;
    width:24px;
    height:24px;
    right:8px;
    top:50%;
    transform:translateY(-50%);
    text-align:center
}
.modal-m.ui.modal>.header>button>img.ui.image {
    margin:0 auto
}
.modal-m.ui.modal>.content {
    padding:16px!important;
    border-radius:0 0 16px 16px;
    text-align:center
}
.modal-m.ui.modal>.content .txt-box {
    margin-top:17px;
    text-align:center;
    font-size:14px;
    color:#888
}
.modal-m.ui.modal>.content .txt-box>div {
    margin-bottom:18px
}
.modal-m.ui.modal>.content .txt-box>div.flex {
    justify-content:center
}
.modal-m.ui.modal>.content .txt-box>div>.ui.dropdown {
    min-width:unset;
    width:106px;
    height:36px;
    box-sizing:border-box;
    margin-left:10px
}
.modal-m.ui.modal>.content>.btns {
    display:flex
}
.modal-m.ui.modal>.content>.btns>.ui.button {
    flex:1;
    max-width:50%;
    height:40px;
    margin-right:5px;
    font-size:15px
}
.mobile-quick-menu {
    display:flex
}
.top-rank-list>li {
    border-bottom:1px solid #ededed
}
.top-rank-list>li:last-child {
    border-bottom:0
}
.top-rank-list>li .top-rank-wrap {
    display:flex;
    align-items:center;
    padding:16px 0
}
.top-rank-list>li .top-rank-number {
    flex:30px;
    max-width:30px;
    margin-right:8px;
    text-align:center
}
.top-rank-list>li .top-rank-number span {
    font-size:16px;
    border-bottom:1px solid #c1c1c1
}
.top-rank-list>li .top-rank-info {
    display:flex;
    align-items:center;
    flex:1;
    overflow:hidden
}
.top-rank-list>li .top-rank-info .rank-list-img {
    flex:58px;
    max-width:58px;
    height:58px
}
.top-rank-list>li .top-rank-info .rank-list-txt {
    display:flex;
    align-items:center;
    flex:1;
    max-width:100%;
    margin-left:16px;
    font-size:14px;
    color:#666;
    overflow:hidden
}
.top-rank-list>li .top-rank-info .rank-list-txt .rank-user-info {
    flex:1;
    max-width:60%
}
.top-rank-list>li .top-rank-info .rank-list-txt .number {
    flex:1;
    text-align:right
}
.top-rank-list>li .top-rank-info .rank-list-txt>p {
    margin-bottom:10px
}
.top-rank-list>li .top-rank-info .rank-list-txt .title {
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:14px;
    font-weight:500;
    color:#000;
    margin-bottom:0
}
.top-rank-list>li .top-rank-info .rank-list-txt .nick {
    color:#646464!important;
    font-weight:400
}
.top-rank-list>li .top-rank-info .rank-list-txt>.number {
    font-size:14px
}
.top-rank-list>li .top-rank-info .rank-list-txt>.number>.view {
    color:#6db4ef;
    padding-right:8px;
    margin-right:8px;
    border-right:1px solid #ddd
}
.top-rank-list>li .top-rank-info .rank-list-txt>.number>.rank {
    color:#4cd096;
    padding-right:8px;
    margin-right:8px;
    border-right:1px solid #ddd
}
.top-rank-list>li .top-rank-info .rank-list-txt>.number>.recom {
    color:#a969dd
}
.top-rank-list>li .top-rank-info .rank-list-txt>.number>.event {
    color:#bc7409
}
.top-rank-list>li .top-rank-info .rank-list-txt>.number>.evt-point {
    color:#f2507e
}
.top-rank-list>li .top-rank-info .rank-list-txt>.number img.ui.image {
    width:12px;
    height:12px;
    margin-right:4px;
    vertical-align:-2px
}
.top-rank-list>li>.top-rank-wrap .btn-more {
    flex:0 0 20px;
    max-width:20px;
    width:20px;
    height:15px;
    margin-left:13px;
    background:url(https://static.flextv.co.kr/20240802/btn_dot_more_849f10119f.png) no-repeat 100%;
    background-size:3px;
    padding:0
}
.top-rank-list>li>.top-rank-wrap .btn-more:after {
    content:none
}
.top-rank-list>li .top-rank-modal {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:flex-end;
    background-color:rgba(0,0,0,.04);
    z-index:2
}
.top-rank-list>li .top-rank-modal .rank-modal-box {
    position:relative;
    width:100%;
    padding:24px 16px;
    background-color:#fff
}
.top-rank-list>li .top-rank-modal .rank-modal-box .btn-close {
    position:absolute;
    top:8px;
    right:8px;
    width:24px;
    height:24px;
    background:url(https://static.flextv.co.kr/20240802/btn_list_del_0fcfea59a7.png) no-repeat 50%;
    background-size:24px;
    padding:0
}
.top-rank-list>li .top-rank-modal .rank-modal-box .rank-modal-info {
    display:flex;
    align-items:center;
    margin-bottom:30px
}
.top-rank-list>li .top-rank-modal .rank-modal-box .rank-modal-info>img.ui.image {
    width:32px;
    height:32px;
    margin-right:10px
}
.top-rank-list>li .top-rank-modal .rank-modal-box .rank-modal-info .title {
    font-size:14px;
    color:#222;
    margin-bottom:5px
}
.top-rank-list>li .top-rank-modal .rank-modal-box .rank-modal-info p {
    font-size:14px;
    color:#888;
    margin-bottom:0
}
.top-rank-list>li .top-rank-modal .rank-modal-box .rank-modal-btns>button {
    display:block;
    font-size:14px;
    color:#222;
    margin-bottom:20px
}
.top-rank-list>li .top-rank-modal .rank-modal-box .rank-modal-btns>button>img.ui.image {
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:12px
}
.mobile-container .ui.header {
    font-size:16px;
    margin:0
}
.mobile-container .sub-title {
    font-size:16px;
    padding:16px
}
.mobile-container .card-item .ui.card,
.mobile-container .caution-wrap {
    padding:24px
}
.evt-wrap {
    padding-top:16px
}
.mobile-container .events {
    margin:0 -8px;
    overflow:hidden
}
.mobile-container .events .events-box {
    width:33.3333%;
    max-width:33.3333%;
    margin:0;
    border:0;
    border-radius:0
}
.mobile-container .events .events-box .events-box-inner {
    margin:0 8px 16px;
    border:1px solid #d6d6d6;
    border-radius:8px
}
.mobile-container .events .events-box .events-context-box .events-date {
    font-size:12px
}
.service-title {
    font-size:16px;
    font-weight:500;
    padding:16px;
    margin:0
}
.mobile-container .rank-thumb-wrap {
    display:block;
    position:relative;
    width:58px;
    height:58px;
    overflow:hidden;
    border-radius:50%
}
.mobile-container .rank-thumb-wrap .live-label {
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    height:16px;
    width:100%;
    border-radius:8px;
    padding:0 4px;
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    background-color:rgba(255,2,74,.55);
    font-weight:500
}
.app-download-wrap {
    max-width:480px;
    margin:0 auto
}
.app-download-wrap h2 {
    font-size:12px;
    color:#222;
    padding:5px 15px;
    margin:0
}
.app-download-wrap .app-download-container {
    background-color:#000;
    background-image:url(https://static.flextv.co.kr/20240802/app_guide_bg_9109e0deb7.png);
    background-position:50% 0;
    background-size:100%;
    background-repeat:no-repeat;
    padding:24px 15px
}
.app-download-container .top-text-group {
    position:relative;
    margin:0;
    padding-bottom:190px
}
.app-download-container .top-text-group .obj {
    position:absolute;
    bottom:0;
    right:0;
    max-width:166px
}
.app-download-container .top-text-group h3,
.app-download-container .top-text-group h4 {
    margin:0
}
.app-download-container .top-text-group h4 img {
    max-width:242px
}
.app-download-container .top-text-group h3 img {
    max-width:227px
}
.app-download-container .top-text-group p {
    color:#fff;
    font-size:15px;
    margin:20px 0 0
}
.app-download-container .bottom-btn-group {
    padding-top:45px
}
.app-download-container .bottom-btn-group .app-download-btn {
    background-color:#fff;
    border-radius:30px;
    padding:10px;
    text-align:center;
    margin-top:40px
}
.app-download-container .bottom-btn-group .app-download-btn img {
    max-width:126px;
    margin-top:20px;
    margin-bottom:25px
}
.app-download-container .bottom-btn-group .app-download-btn.ios img {
    max-width:100px
}
.app-download-container .bottom-btn-group .app-download-btn p {
    font-size:16px
}
.app-download-container .bottom-btn-group .app-download-btn .download-btn {
    display:flex;
    align-items:center;
    justify-content:center;
    background:#000;
    color:#fff!important;
    font-size:18px;
    height:40px;
    border-radius:20px;
    margin-top:25px
}
.text-deco {
    font-size:15px;
    color:#fff
}
.text-deco:before {
    display:block;
    width:65px;
    height:8px;
    background:url(https://static.flextv.co.kr/20240802/app_guide_title_acc_b9be6a38b4.png) 50% no-repeat;
    background-size:cover;
    margin-bottom:10px;
    content:""
}
.side-app-down {
    position:relative;
    margin-bottom:10px
}
.side-app-down .money-banner {
    -o-object-fit:contain;
    object-fit:contain;
    height:18.4px;
    margin-right:5px
}
.side-app-down .money-banner-warper {
    background-color:#3a3065;
    padding:12px;
    display:flex;
    margin-top:17px
}
.side-app-down .money-banner-warper button {
    background-color:#00fff6;
    font-weight:600;
    font-size:12px;
    border-radius:12px;
    width:60px
}
.side-app-down:after,
.side-app-down:before {
    display:block;
    width:2px;
    height:20px;
    background-color:#f2507e;
    position:absolute;
    top:10px;
    left:10px;
    content:""
}
.side-app-down:after {
    background-color:#fff;
    left:auto;
    right:10px
}
.side-app-down a {
    display:flex;
    width:100%;
    flex-direction:row
}
.side-app-down a span {
    display:flex;
    height:40px;
    align-items:center;
    justify-content:center
}
.side-app-down a span.txt {
    flex:1;
    text-align:center;
    background-color:#f5f5f5
}
.side-app-down a span.ico {
    width:65px;
    background-color:#f2507e
}
.side-app-down a span.ico img {
    width:15px
}
.ui.selection.dropdown .menu>.item i.flag.none-active {
    display:none!important
}
.ui.selection.dropdown .menu>.item i.flag.active {
    width:8px;
    height:8px;
    background-color:red;
    border-radius:100%;
    margin:0 4px 4px 0
}
.ui.selection.dropdown .menu>.item i.flag.active:before {
    display:none!important
}
.link-menu-m {
    display:flex;
    width:100%;
    padding-top:14px;
    border-bottom:1px solid #ddd
}
.link-menu-m>a {
    position:relative;
    flex:1;
    font-size:14px;
    color:#000;
    text-align:center
}
.link-menu-m>a>span {
    display:inline-block;
    padding:0 16px 10px;
    border-bottom:1px solid transparent;
    margin-bottom:-1px
}
.link-menu-m>a>span.on {
    color:#ff024a;
    border-bottom:2px solid #ff024a
}
.link-menu-m2 {
    display:flex;
    width:100%;
    padding-top:8px;
    border-bottom:1px solid #ddd;
    background-color:#f7f7f7
}
.link-menu-m2>a {
    position:relative;
    flex:1;
    font-size:14px;
    color:#000;
    text-align:center
}
.link-menu-m2>a>span {
    display:inline-block;
    padding:0 8px 8px;
    border-bottom:1px solid transparent;
    margin-bottom:-1px
}
.link-menu-m2>a>span.on {
    color:#222;
    font-weight:500;
    border-bottom:2px solid #222
}
.notice-list {
    padding:16px 0
}
.notice-list li {
    position:relative;
    padding-bottom:8px;
    padding-right:24px;
    border-bottom:1px solid #eee;
    margin-bottom:8px
}
.notice-list li .must {
    color:#222
}
.notice-list li .normal {
    color:#666
}
.notice-list li .title {
    font-size:14px;
    font-weight:500;
    margin-bottom:8px
}
.notice-list li .date {
    margin-bottom:0
}
.notice-list .btn-detail {
    position:absolute;
    right:0;
    top:calc(50% - 10px);
    transform:translateY(-50%);
    width:20px;
    height:20px;
    background:url(https://static.flextv.co.kr/20240802/btn_more_2efc746239.png) no-repeat 50%;
    background-size:18px
}
.input-box-m {
    display:block;
    padding:8px 16px
}
.input-box-m>section {
    margin-bottom:16px
}
.input-box-m>section>.title {
    display:block;
    font-size:14px;
    font-weight:500;
    color:#222;
    margin-bottom:8px
}
.input-box-m>section .ui.input,
.input-box-m>section .ui.input>input,
.input-box-m>section input,
.ui.selection.dropdown {
    width:100%
}
.input-box-m>section .ui.input>input,
.input-box-m>section .ui.selection.dropdown,
.input-box-m>section>input {
    height:40px;
    min-height:40px!important;
    border-radius:4px;
    border:1px solid #c6c6c6
}
.input-box-m>section textarea {
    border-radius:4px!important;
    border:1px solid #c6c6c6!important
}
.input-box2-m {
    border-top:1px solid #eee;
    padding:0 16px 8px
}
.input-box2-m>section {
    display:flex;
    padding:8px 0;
    align-items:center;
    justify-content:space-between;
    font-size:14px;
    color:#888;
    border-bottom:1px solid #eee
}
.input-box2-m>section>.title {
    font-size:14px;
    font-weight:500;
    color:#222
}
.input-box4-m {
    padding:0 16px 8px
}
.input-box4-m>section {
    display:flex;
    margin:16px 0;
    flex-direction:column;
    font-size:14px;
    color:#888;
    border-bottom:1px solid #eee
}
.input-box4-m>section>.labelStyle {
    padding-bottom:20px
}
.input-box4-m>section>.radioStyle {
    padding-bottom:10px
}
.input-box4-m>section>.title {
    font-size:14px;
    font-weight:500;
    color:#222
}
.check-box-m {
    border-top:1px solid #eee
}
.check-box-m>li {
    display:flex;
    align-items:center;
    font-size:14px;
    line-height:14px;
    color:#666;
    padding:8px 0;
    border-bottom:1px solid #eee
}
.check-box-m>li>.ui.checkbox {
    flex:0 0 17px;
    margin-right:8px
}
.check-box-m>li>div {
    flex:1;
    overflow:hidden
}
.check-box-m>li>div>* {
    display:block;
    margin-bottom:4px
}
.check-box-m>li>div .title {
    width:100%;
    font-size:14px;
    color:#222;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding-right:8px
}
.check-box-m>li>div .date {
    color:#888
}
.btn-talk-m {
    position:absolute;
    bottom:-90px;
    right:16px;
    width:60px;
    height:60px;
    background:url(https://static.flextv.co.kr/20240802/btn_talk_e7b4131c34.png) no-repeat;
    background-size:cover
}
.btn-talk-m.fixed {
    position:fixed;
    bottom:23px;
    right:16px
}
.accodion-box {
    position:relative;
    display:block;
    padding:8px 16px
}
.accodion-box>.header>span {
    font-size:14px;
    color:#666
}
.accodion-box>.header>span:not(:last-child):after {
    content:"";
    display:inline-block;
    width:1px;
    height:10px;
    margin:0 8px;
    background-color:#ddd
}
.accodion-box>.state {
    position:absolute;
    right:16px;
    top:12px;
    padding:3px 8px;
    border-radius:100px;
    font-size:14px;
    color:#ff4076;
    border:1px solid #ff4076
}
.accodion-box>.state.finish {
    border:1px solid #666;
    color:#666
}
.accodion-box>.title {
    font-size:14px!important;
    font-weight:500;
    color:#222!important;
    text-overflow:ellipsis;
    overflow:hidden;
    margin-bottom:8px;
    padding-right:56px!important;
    white-space:nowrap
}
.accodion-box>.content {
    padding:0!important
}
#__next .accodion-box>.content>.content-detail {
    word-break:break-all;
    border-top:1px solid #dcdcdc
}
.accodion-box>.content>.content-detail>.txt {
    position:relative;
    font-size:14px;
    color:#666;
    line-height:20px;
    padding:8px 8px 8px 24px
}
.accodion-box>.content>.content-detail>.txt:before {
    display:block;
    position:absolute;
    top:8px;
    left:8px;
    font-size:14px;
    font-weight:500;
    line-height:20px;
    color:#ff4076;
    content:"Q"
}
#__next .accodion-box>.content>.content-detail>.btns>.ui.button,
.accodion-box>.content>.content-detail>.btns>.ui.button {
    height:auto;
    font-size:14px;
    color:#222;
    border-radius:2px;
    border:1px solid #bcbcbc;
    background-color:#fff;
    padding:7px 12px
}
.accodion-box>.content .tb-answer {
    position:relative;
    font-size:14px;
    padding:16px 8px 16px 24px;
    border:1px solid #dcdcdc;
    border-left:0;
    border-right:0
}
.accodion-box>.content .tb-answer:before {
    display:block;
    position:absolute;
    top:16px;
    left:8px;
    font-size:14px;
    font-weight:500;
    line-height:20px;
    color:#ff4076;
    content:"A"
}
.accodion-box>.content .tb-answer.empty-answer {
    text-align:center
}
.accodion-box>.content .tb-answer.empty-answer:before {
    display:none
}
.accodion-box>.content .tb-answer>p {
    font-size:13px;
    line-height:20px
}
.glide__slides {
    align-items:center
}
.glide__slide .video-card-thumn {
    position:relative;
    width:100%;
    height:100%;
    padding-bottom:56.25%;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.2)
}
.glide__slide .video-card-thumn:after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    z-index:1;
    width:100%;
    height:50%;
    background-image:linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent)
}
.glide__slide .video-card-thumn .video-img {
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:50%
}
.glide__slide .video-card-thumn video.video-js {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
@media screen and (orientation:landscape) {
    .mobile-player-container .menu-top.player {
        display:none
    }
    .mobile-player-container .live-root-container {
        top:0
    }
    .mobile-player-container .sendLuv-box-m {
        width:100%;
        height:auto!important;
        margin:0;
        border-radius:0
    }
    .mobile-player-container .sendLuv-box-m section {
        margin:0
    }
    .mobile-player-container .sendLuv-box-m>div {
        display:flex;
        align-items:center;
        flex:1;
        justify-content:space-around
    }
    .mobile-player-container .sendLuv-box-m>div .title {
        flex:0 0 30px;
        word-break:keep-all;
        text-align:center;
        margin:0 8px 0 0
    }
    .mobile-player-container .sendLuv-box-m .btn-calculate {
        display:none
    }
    .mobile-player-container .sendLuv-box-m+button.flex-gift-btn-m {
        width:100%;
        margin:0;
        border-radius:0
    }
    .mobile-player-container .sendLuv-box-m+button.btn-stop-gift+div.flex.justify-between,
    .mobile-player-container .sendLuv-box-m+button.flex-gift-btn-m+div.flex.justify-between {
        width:100%;
        height:auto;
        font-size:12px;
        color:#323232;
        padding:2px 4px
    }
    .mobile-player-container .send-luv-pop {
        height:126px;
        padding:3px
    }
    .mobile-player-container .send-luv-pop>div {
        height:100%
    }
    .mobile-player-container .send-luv-pop .modal-tab01 {
        display:flex;
        height:100%
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-list {
        flex:0 0 80px;
        flex-direction:column;
        border-radius:7px 0 0 7px;
        text-align:center
    }
    #__next .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab,
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab {
        max-width:unset;
        font-size:12px;
        border:0
    }
    #__next .mobile-player-container .send-luv-pop .modal-tab01>.react-tabs__tab.react-tabs__tab--selected,
    .mobile-player-container .send-luv-pop .modal-tab01>.react-tabs__tab.react-tabs__tab--selected {
        color:#222
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel {
        flex:1;
        max-width:calc(100% - 80px);
        height:100%;
        border-radius:0 8px 8px 0;
        overflow:hidden
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel>div {
        height:100%
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel>div>.flex-gift-wrap {
        display:flex;
        border-radius:0;
        height:100%;
        padding:0;
        background:transparent
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel>div>.flex-gift-wrap>.glide {
        height:calc(100% - 30px)
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel>div>.flex-gift-wrap>.type04 {
        display:flex;
        width:100%;
        height:100%
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel>div>.flex-gift-wrap>.type04>.react-tabs__tab-list {
        flex:0 0 74px;
        height:auto!important;
        flex-direction:column;
        padding:0!important;
        border-radius:0
    }
    #__next .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel>div>.flex-gift-wrap>.type04>.react-tabs__tab-list>.react-tabs__tab,
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel>div>.flex-gift-wrap>.type04>.react-tabs__tab-list>.react-tabs__tab {
        margin:0;
        padding:0;
        font-size:10px;
        flex:1;
        border-radius:0;
        background-color:#fff;
        bottom:0
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel--selected>.flex-send-luv {
        height:92px;
        padding:0 17px 17px 13px!important
    }
    .mobile-player-container .flex-gift-wrap .flex-gift-txt {
        position:absolute;
        right:4px;
        bottom:4px;
        z-index:1;
        width:calc(100% - 80px);
        padding:0 0 0 20px
    }
    .mobile-player-container .flex-gift-wrap .flex-gift-txt>span {
        font-size:12px;
        color:#000
    }
    .mobile-player-container .flex-send-luv .glide__slides .flex-send-content {
        flex-wrap:nowrap
    }
    .mobile-player-container .flex-send-luv .glide__slides,
    .mobile-player-container .flex-send-luv .glide__slides .flex-send-content,
    .mobile-player-container .flex-send-luv>.glide__arrows.left+div {
        height:100%
    }
    .mobile-player-container .flex-send-luv>.glide__arrows.left+div {
        width:100%
    }
    .mobile-player-container .flex-send-luv .glide__slides .flex-send-content .gift-item>img {
        width:auto;
        height:100%
    }
    .mobile-player-container .flex-gift-wrap .glide__arrows>button>img.ui.image {
        margin:0
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab-panel>div.play-mission-luv {
        height:92px;
        padding:0 17px 17px 13px!important
    }
    .mobile-player-container .flex-send-luv .glide__arrows.left,
    .mobile-player-container .flex-send-luv .glide__arrows.right {
        top:50%;
        transform:translateY(-50%);
        margin-top:-3px
    }
    .mobile-player-container .play-mission-luv .glide-content,
    .mobile-player-container .play-mission-luv .glide-content .mission-gift-box {
        height:100%
    }
    .mobile-player-container .play-mission-luv .glide-content .mission-gift-box {
        background-color:#ddd;
        border-radius:8px;
        padding:2px
    }
    .mobile-player-container .play-mission-luv .glide-content .mission-gift-box .mission-gift-item {
        flex:0 0 calc(50% - 4px);
        max-width:calc(50% - 4px);
        margin:2px
    }
    .mobile-player-container .play-mission-luv .glide-content .mission-gift-box .mission-gift-item:nth-child(2n) {
        margin-right:0
    }
    .mobile-player-container .play-mission-luv .glide-content .mission-gift-box .mission-gift-item>.coin>img.ui.image {
        width:12px!important;
        height:12px!important
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .flex-gift-wrap {
        padding:0!important;
        border-radius:0
    }
    .mobile-player-container .send-luv-pop .modal-tab01 .flex-gift-wrap .type04 {
        display:flex;
        height:100%
    }
    #__next .mobile-player-container .flex-gift-wrap .type04 .react-tabs__tab-list,
    .mobile-player-container .flex-gift-wrap .type04 .react-tabs__tab-list {
        flex-direction:column;
        height:100%;
        padding:0;
        border:0
    }
    #__next .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab,
    .mobile-player-container .send-luv-pop .modal-tab01 .react-tabs__tab {
        flex:1;
        margin:0;
        padding:0
    }
    .mobile-player-container .live-main-container .live-mobile-video .live-video-title {
        display:none
    }
}
@media screen and (max-width:568px) and (orientation:landscape) {
    .mobile-player-container .sendLuv-box-m {
        padding:8px 0
    }
    .mobile-player-container .sendLuv-box-m>div .title {
        font-size:12px;
        margin-right:4px
    }
    .mobile-player-container .sendLuv-box-m .input-label {
        margin-right:4px
    }
    .mobile-player-container .sendLuv-box-m .ui.input {
        width:48px!important
    }
    .mobile-player-container .sendLuv-box-m .second .ui.input {
        width:auto!important
    }
    .mobile-player-container .sendLuv-box-m .ui.input>input {
        padding:0 4px;
        text-align:center
    }
}
@media screen and (max-width:1023px) {
    .mobile-container .popular-list-item {
        max-width:100%
    }
    .mobile-container .popular-item {
        min-width:150px
    }
    #__next .mobile-container .video-card-root {
        flex:0 0 25%;
        max-width:25%
    }
}
@media screen and (max-width:767px) {
    .mobile-container .section-wrap {
        padding:24px 16px
    }
    .mobile-container .section-wrap .btn-refresh {
        display:none
    }
    #__next .mobile-container h2.ui.header {
        font-size:16px
    }
    #__next .mobile-container .video-card-root {
        flex:0 0 50%;
        max-width:50%
    }
    .top-rank-list>li .top-rank-info .rank-list-txt {
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-start
    }
    .top-rank-list>li .top-rank-info .rank-list-txt .rank-user-info {
        flex:1;
        max-width:100%
    }
    .top-rank-list>li .top-rank-info .rank-list-txt .number {
        flex:1;
        text-align:left
    }
    .mobile-container .card-item .ui.card,
    .mobile-container .caution-wrap {
        padding:16px
    }
    .mobile-container .events {
        margin:0 -4px;
        overflow:hidden
    }
    .mobile-container .events .events-box {
        width:50%;
        max-width:50%;
        margin:0;
        border:0;
        border-radius:0
    }
    .mobile-container .events .events-box .events-box-inner {
        margin:0 4px 8px;
        border:1px solid #d6d6d6;
        border-radius:8px
    }
    .mobile-container .footer {
        padding:32px 16px
    }
    .mobile-container .footer .footer-link .margin-divider {
        margin:0 8px
    }
    .mobile-container .popular-item {
        width:180px
    }
    .mobile-container .card-item-wrap .card-item {
        flex:0 0 calc(50% - 4px);
        max-width:calc(50% - 4px);
        margin-bottom:8px;
        margin-right:8px
    }
    .mobile-container .card-item-wrap .card-item:nth-child(2n) {
        margin-right:0
    }
    .mobile-container .card-item-wrap .card-item:nth-child(3n) {
        margin-right:auto
    }
}
@media screen and (max-width:450px) {
    .mobile-sub-container .sub-summary {
        flex-direction:column;
        align-items:flex-start;
        justify-content:center;
        margin:16px 0
    }
    .mobile-sub-container .sub-summary .select-btn {
        margin-top:8px
    }
    .mobile-container .events .events-box {
        width:100%;
        max-width:100%
    }
    .quick-menu-m>a {
        flex:unset;
        padding:0 10px
    }
    .quick-menu-m>div {
        flex:unset;
        padding:0 20px
    }
}
@media screen and (max-width:359px) {
    .mobile-container .section-wrap {
        padding:26px 8px
    }
    #__next .mobile-container .video-section-root {
        margin:0 -4px
    }
    #__next .mobile-container .video-card-root {
        padding:0 4px
    }
    .mobile-container .footer .footer-link a {
        font-size:12px
    }
    .quick-menu-m>a,
    .quick-menu-m>div {
        padding:0 16px
    }
}
#__next .mobile-container .popular-wrap {
    position:relative
}
#__next .mobile-container .popular-wrap:after,
#__next .mobile-container .popular-wrap:before {
    display:block;
    position:absolute;
    top:60px;
    bottom:24px;
    width:16px;
    z-index:1;
    content:""
}
#__next .mobile-container .popular-wrap:before {
    left:10px;
    background-image:linear-gradient(270deg,transparent,#121212,#121212)
}
#__next .mobile-container .popular-wrap:after {
    right:10px;
    background-image:linear-gradient(90deg,transparent,#121212,#121212)
}
@font-face {
    font-family:Pretendard;
    font-weight:900;
    font-display:swap;
    src:local("Pretendard Black"),
    url(https://static.flextv.co.kr/assets/font/pretendard/woff2/Pretendard-Black.woff2) format("woff2"),
    url(https://static.flextv.co.kr/assets/font/pretendard/woff/Pretendard-Black.woff) format("woff")
}
@font-face {
    font-family:Pretendard;
    font-weight:800;
    font-display:swap;
    src:local("Pretendard ExtraBold"),
    url(https://static.flextv.co.kr/assets/font/pretendard/woff2/Pretendard-ExtraBold.woff2) format("woff2"),
    url(https://static.flextv.co.kr/assets/font/pretendard/woff/Pretendard-ExtraBold.woff) format("woff")
}
@font-face {
    font-family:Pretendard;
    font-weight:700;
    font-display:swap;
    src:local("Pretendard Bold"),
    url(https://static.flextv.co.kr/assets/font/pretendard/woff2/Pretendard-Bold.woff2) format("woff2"),
    url(https://static.flextv.co.kr/assets/font/pretendard/woff/Pretendard-Bold.woff) format("woff")
}
@font-face {
    font-family:Pretendard;
    font-weight:600;
    font-display:swap;
    src:local("Pretendard SemiBold"),
    url(https://static.flextv.co.kr/assets/font/pretendard/woff2/Pretendard-SemiBold.woff2) format("woff2"),
    url(https://static.flextv.co.kr/assets/font/pretendard/woff/Pretendard-SemiBold.woff) format("woff")
}
@font-face {
    font-family:Pretendard;
    font-weight:500;
    font-display:swap;
    src:local("Pretendard Medium"),
    url(https://static.flextv.co.kr/assets/font/pretendard/woff2/Pretendard-Medium.woff2) format("woff2"),
    url(https://static.flextv.co.kr/assets/font/pretendard/woff/Pretendard-Medium.woff) format("woff")
}
@font-face {
    font-family:Pretendard;
    font-weight:400;
    font-display:swap;
    src:local("Pretendard Regular"),
    url(https://static.flextv.co.kr/assets/font/pretendard/woff2/Pretendard-Regular.woff2) format("woff2"),
    url(https://static.flextv.co.kr/assets/font/pretendard/woff/Pretendard-Regular.woff) format("woff")
}
@font-face {
    font-family:Pretendard;
    font-weight:300;
    font-display:swap;
    src:local("Pretendard Light"),
    url(https://static.flextv.co.kr/assets/font/pretendard/woff2/Pretendard-Light.woff2) format("woff2"),
    url(https://static.flextv.co.kr/assets/font/pretendard/woff/Pretendard-Light.woff) format("woff")
}
@font-face {
    font-family:Pretendard;
    font-weight:200;
    font-display:swap;
    src:local("Pretendard ExtraLight"),
    url(https://static.flextv.co.kr/assets/font/pretendard/woff2/Pretendard-ExtraLight.woff2) format("woff2"),
    url(https://static.flextv.co.kr/assets/font/pretendard/woff/Pretendard-ExtraLight.woff) format("woff")
}
@font-face {
    font-family:Pretendard;
    font-weight:100;
    font-display:swap;
    src:local("Pretendard Thin"),
    url(https://static.flextv.co.kr/assets/font/pretendard/woff2/Pretendard-Thin.woff2) format("woff2"),
    url(https://static.flextv.co.kr/assets/font/pretendard/woff/Pretendard-Thin.woff) format("woff")
}
@font-face {
    font-family:JejuDoldam;
    font-weight:400;
    font-display:swap;
    src:url(https://static.flextv.co.kr/assets/font/jejudoldam/EF_jejudoldam.otf) format("opentype"),
    url(https://static.flextv.co.kr/assets/font/jejudoldam/EF_jejudoldam.ttf) format("truetype")
}
@font-face {
    font-family:GumiRomance;
    src:url(https://static.flextv.co.kr/assets/font/Gumi-Romance/Gumi-Romance.otf) format("opentype");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:HakgyoansimAllimjang;
    src:url(https://static.flextv.co.kr/assets/font/hakgyoansim/Hakgyoansim_Allimjang_OTF_B.otf) format("opentype");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:DanjoBoldRegular;
    src:url(https://static.flextv.co.kr/assets/font/danjo/Danjo-bold-Regular.otf) format("opentype");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:OTNamoogulrimBA;
    src:url(https://static.flextv.co.kr/assets/font/OTNamoogulrim/OTNamoogulrimBA.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:OTNamoogulrimLA;
    src:url(https://static.flextv.co.kr/assets/font/OTNamoogulrim/OTNamoogulrimLA.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:OTNamoogulrimEBA;
    src:url(https://static.flextv.co.kr/assets/font/OTNamoogulrim/OTNamoogulrimEBA.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:OTNamoogulrimRA;
    src:url(https://static.flextv.co.kr/assets/font/OTNamoogulrim/OTNamoogulrimRA.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:NG_OTF;
    src:url(https://static.flextv.co.kr/assets/font/NG_OTF/NG_OTF_L.otf) format("opentype");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:NG_OTF;
    src:url(https://static.flextv.co.kr/assets/font/NG_OTF/NG_OTF_R.otf) format("opentype");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:NG_OTF;
    src:url(https://static.flextv.co.kr/assets/font/NG_OTF/NG_OTF_B.otf) format("opentype");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:CarpeDiem;
    src:url(https://static.flextv.co.kr/assets/font/carpediem/CarpeDiem_B.otf) format("opentype");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:DNFBitBitOTF;
    src:url(https://static.flextv.co.kr/assets/font/DNFBitBit/DNFBitBitOTF.otf) format("opentype");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:ClayToy;
    src:url(https://static.flextv.co.kr/assets/font/clayToy/clayToyOTF_B.otf) format("opentype");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:ClayToy;
    src:url(https://static.flextv.co.kr/assets/font/clayToy/clayToyOTF_R.otf) format("opentype");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:ClayToy;
    src:url(https://static.flextv.co.kr/assets/font/clayToy/clayToyOTF_L.otf) format("opentype");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
.box {
    height:90px;
    font-size:13px;
    text-align:center;
    vertical-align:middle
}
.box,
.box>span:first-child {
    display:inline-block;
    width:60px
}
.box>span:first-child {
    height:60px;
    line-height:60px;
    margin-bottom:10px;
    border-radius:10px;
    color:#fff
}
#nprogress {
    pointer-events:none
}
#nprogress .bar {
    background:#29d;
    position:fixed;
    z-index:1031;
    top:0;
    left:0;
    width:100%;
    height:2px
}
#nprogress .peg {
    display:block;
    position:absolute;
    right:0;
    width:100px;
    height:100%;
    box-shadow:0 0 10px #29d,0 0 5px #29d;
    opacity:1;
    transform:rotate(3deg) translateY(-4px)
}
#nprogress .spinner {
    display:block;
    position:fixed;
    z-index:1031;
    top:15px;
    right:15px
}
#nprogress .spinner-icon {
    width:18px;
    height:18px;
    box-sizing:border-box;
    border-color:#29d transparent transparent #29d;
    border-style:solid;
    border-width:2px;
    border-radius:50%;
    animation:nprogress-spinner .4s linear infinite
}
.nprogress-custom-parent {
    overflow:hidden;
    position:relative
}
.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
    position:absolute
}
@keyframes nprogress-spinner {
    0% {
        transform:rotate(0deg)
    }
    to {
        transform:rotate(1turn)
    }
}
@font-face {
    font-family:swiper-icons;
    src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight:400;
    font-style:normal
}
:root {
    --swiper-theme-color:#007aff
}
:host {
    position:relative;
    display:block;
    margin-left:auto;
    margin-right:auto;
    z-index:1
}
.swiper {
    margin-left:auto;
    margin-right:auto;
    position:relative;
    overflow:hidden;
    list-style:none;
    padding:0;
    z-index:1;
    display:block
}
.swiper-vertical>.swiper-wrapper {
    flex-direction:column
}
.swiper-wrapper {
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:flex;
    transition-property:transform;
    transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing:content-box
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform:translateZ(0)
}
.swiper-horizontal {
    touch-action:pan-y
}
.swiper-vertical {
    touch-action:pan-x
}
.swiper-slide {
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative;
    transition-property:transform;
    display:block
}
.swiper-slide-invisible-blank {
    visibility:hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height:auto
}
.swiper-autoheight .swiper-wrapper {
    align-items:flex-start;
    transition-property:transform,height
}
.swiper-backface-hidden .swiper-slide {
    transform:translateZ(0);
    backface-visibility:hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective:1200px
}
.swiper-3d .swiper-wrapper {
    transform-style:preserve-3d
}
.swiper-3d {
    perspective:1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style:preserve-3d
}
.swiper-css-mode>.swiper-wrapper {
    overflow:auto;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align:start start
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type:x mandatory
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type:y mandatory
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type:none
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align:none
}
.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content:"";
    flex-shrink:0;
    order:9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align:center center;
    scroll-snap-stop:always
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height:100%;
    min-height:1px;
    width:var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width:100%;
    min-width:1px;
    height:var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:10
}
.swiper-3d .swiper-slide-shadow {
    background:rgba(0,0,0,.15)
}
.swiper-3d .swiper-slide-shadow-left {
    background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}
.swiper-3d .swiper-slide-shadow-right {
    background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}
.swiper-3d .swiper-slide-shadow-top {
    background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}
.swiper-lazy-preloader {
    width:42px;
    height:42px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-21px;
    margin-top:-21px;
    z-index:10;
    transform-origin:50%;
    box-sizing:border-box;
    border-radius:50%;
    border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-top:4px solid transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation:swiper-preloader-spin 1s linear infinite
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color:#000
}
@keyframes swiper-preloader-spin {
    0% {
        transform:rotate(0deg)
    }
    to {
        transform:rotate(1turn)
    }
}
.swiper-free-mode>.swiper-wrapper {
    transition-timing-function:ease-out;
    margin:0 auto
}
:root {
    --swiper-navigation-color:#fff;
    --swiper-pagination-color:#fff;
    --swiper-pagination-bullet-inactive-color:#fff
}
.swiper-wrapper {
    box-sizing:border-box
}
.swiper-streamLive.swiper-carousel {
    position:relative;
    margin:0 auto;
    overflow:hidden
}
.swiper-streamLive.swiper-carousel .swiper-slide,
.swiper-streamLive.swiper-carousel swiper-slide {
    position:relative
}
.swiper-streamLive.swiper-carousel {
    max-width:1424px;
    padding:27px 0
}
.swiper-streamLive.swiper-carousel .swiper-slide {
    width:640px;
    height:360px;
    background:no-repeat 50% url(https://static.flextv.co.kr/20240802/flex_background_610b14c57c.png);
    max-width:calc(100% - 48px);
    overflow:hidden;
    box-shadow:0 2px 20px 0 rgba(0,0,0,.3)
}
.swiper-streamLive.swiper-carousel .swiper-carousel-animate-opacity {
    height:100%
}
.swiper-streamLive.swiper-carousel .swiper-pagination-bullets {
    bottom:0
}
.swiper-stream.Live.swiper-carousel img {
    width:100%;
    height:100%;
    display:block;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:8px
}
.swiper-mainBanner {
    --swiper-navigation-color:#d8d8d8
}
.swiper-mainBanner.swiper {
    width:100%;
    height:100%
}
.swiper-mainBanner.swiper-slide {
    text-align:center;
    font-size:18px;
    display:flex;
    justify-content:center;
    align-items:center
}
.swiper-mainBanner.swiper-slide img {
    display:block;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.ui_button__e0kn5 {
    width:100%;
    height:42px;
    font-size:15px;
    line-height:42px
}
.ui_basic__PQBIm {
    color:#fff;
    background-color:#231f20;
    border-radius:8px
}
.ui_rounded___jBVu {
    color:#fff;
    background-color:#231f20;
    border-radius:19px
}
.ui_border__VRWap {
    color:#363b41;
    border:1px solid #231f201a;
    border-radius:8px
}
.ui_primary__Sn049 {
    color:#fff;
    background-color:#ff024a;
    border-radius:24px
}
.ui_primaryBorder__t0e26 {
    color:#ff024a;
    border:1px solid #ff024a;
    border-radius:8px
}
.ui_disabled__EGGGN {
    color:#999;
    border:1px solid #0000001a;
    border-radius:8px;
    background-color:#f9f9fc;
    cursor:default
}
.ui_confirm___le11 {
    color:#fff;
    border-radius:8px;
    background-color:#231f20
}
.ui_action__w8F_3,
.ui_confirm___le11 {
    flex:1;
    width:100%;
    height:42px;
    text-align:center;
    line-height:40px;
    font-size:15px;
    font-weight:400;
    cursor:pointer
}
.ui_action__w8F_3 {
    color:#363b41;
    border:1px solid #231f201a;
    border-radius:8px;
    background-color:#fff;
    margin-right:16px
}
.Dialog_dialogWrap__QXEMp {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(0,0,0,.2);
    z-index:10000
}
.Dialog_dialogContainer__qf5se {
    width:100%;
    min-width:280px;
    max-width:320px;
    padding:0 24px 24px;
    background-color:#fff;
    border-radius:12px
}
.Dialog_dialogHeader__AP0_f {
    display:flex;
    height:64px;
    align-items:center;
    justify-content:space-between;
    padding:0;
    margin:0
}
.Dialog_logo__yzuSt {
    -o-object-fit:contain;
    object-fit:contain;
    width:80px;
    height:16px
}
.Dialog_headerTitle__xdHO0 {
    font-size:18px;
    font-weight:700;
    line-height:26px;
    color:#000
}
.Dialog_dialogBody__W_iFm {
    padding:8px 0 0;
    white-space:pre-wrap;
    text-wrap:pretty
}
.Dialog_bodyText__OQUEi {
    font-size:14px;
    font-weight:300;
    line-height:20px;
    color:#363b41
}
.Dialog_dialogFooter__jsgKk {
    padding:24px 0 0
}
.Dialog_dialogBtns__KU8ui {
    display:flex;
    justify-content:space-between
}
.Dialog_btnClose__8viVm {
    width:20px;
    height:20px;
    background-image:url(https://static.flextv.co.kr/20240802/ico_close_e6d00cfe3c.svg);
    background-size:20px;
    background-position:50%;
    background-repeat:no-repeat;
    margin-right:-4px;
    cursor:pointer
}
.Dialog_fanListModal__Fxc_s .Dialog_dialogContainer__qf5se {
    max-width:480px;
    min-width:0;
    padding:0 0 24px
}
.Dialog_fanListModal__Fxc_s .Dialog_dialogHeader__AP0_f {
    padding:0 24px;
    margin-bottom:8px
}
.Dialog_fanListModal__Fxc_s .Dialog_fanList__cJOp5 {
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    max-height:520px
}
.Dialog_fanListItem__Aclld {
    display:flex;
    align-items:center;
    padding:0 24px
}
.Dialog_fanListItem__Aclld:nth-child(n+11) {
    border-left:1px solid rgba(0,0,0,.1)
}
.Dialog_rankNum__LtOZ1 {
    font-size:16px;
    font-weight:700;
    color:#000;
    margin-right:8px;
    width:20px;
    text-align:center
}
.Dialog_rank1__6Zx0R,
.Dialog_rank2___v4Z6,
.Dialog_rank3__E96kV {
    color:#ff024a
}
.Dialog_fanListEmpty__t3Rz_ {
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:300;
    padding:32px 0
}
@media screen and (max-width:763px) {
    .Dialog_fanListModal__Fxc_s .Dialog_dialogContainer__qf5se {
        max-width:100%!important;
        height:100%;
        border-radius:0;
        overflow:hidden;
        padding:0
    }
    .Dialog_fanListModal__Fxc_s .Dialog_fanList__cJOp5 {
        display:block;
        height:calc(100% - 72px);
        overflow-x:hidden;
        overflow-y:auto;
        padding-bottom:24px
    }
    .Dialog_fanListItem__Aclld:nth-child(n+11) {
        border:0
    }
    .Dialog_fanListEmpty__t3Rz_ {
        height:calc(100% - 72px);
        padding:0
    }
}
.modal_root__VyfNc {
    position:fixed;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:1100;
    background-color:rgba(0,0,0,.05)
}
.modal_panel__S4Lry {
    border-radius:16px;
    padding:8px;
    overflow:hidden;
    max-width:500px;
    background-color:#fff;
    box-shadow:2px 2px 1px 1px rgba(0,0,0,.1);
    -ms-overflow-style:none
}
.modal_content__jkCpt {
    overflow-y:auto;
    max-height:400px
}
.modal_content__jkCpt::-webkit-scrollbar {
    display:none
}
.modal_header__ZliMR {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:8px;
    margin-bottom:4px;
    font-size:16px;
    font-weight:700;
    color:#000;
    height:38px;
    box-shadow:0 4px 6px -6px #222
}
.modal_header__ZliMR>span {
    letter-spacing:0
}
.modal_footer__oRNE_ {
    height:12px;
    margin-top:4px;
    border-top:1px solid rgba(0,0,0,.1)
}
.modal_close__n_ZZi {
    display:flex;
    padding:5px;
    width:32px;
    height:32px;
    cursor:pointer
}
@media screen and (max-width:768px) {
    .modal_root__VyfNc {
        background-color:transparent
    }
    .modal_panel__S4Lry {
        border-radius:0;
        height:100%;
        padding:0;
        margin:0;
        max-height:none;
        max-width:none
    }
    .modal_header__ZliMR {
        padding:0 12px;
        z-index:999
    }
    .modal_content__jkCpt {
        max-height:calc(100vh - 64px)
    }
}
.forms_image-radio-option__oQuOd {
    display:inline-block;
    width:160px;
    height:90px
}
.forms_image-radio-option__oQuOd.forms_selected___VA8H {
    border:3px solid #f2507e
}
.forms_inputBox__TGtB7 {
    border:1px solid #ebecef;
    height:42px;
    padding:10px 16px;
    border-radius:8px;
    width:100%;
    font-size:15px;
    font-weight:300
}
.forms_inputBox__TGtB7:hover {
    border:1px solid #999
}
.forms_input__D4GGn::-moz-placeholder {
    color:#999;
    font-weight:300;
    font-size:15px
}
.forms_input__D4GGn::placeholder {
    color:#999;
    font-weight:300;
    font-size:15px
}
.forms_inputBox__TGtB7:hover::-moz-placeholder {
    color:#000
}
.forms_inputBox__TGtB7:hover::placeholder {
    color:#000
}
.forms_focus__ZXvm_:focus-within {
    border:1px solid #ff024a
}
.forms_success__lC2z9 {
    width:100%;
    border:1px solid #03c75a;
    border-radius:8px;
    height:42px;
    padding:10px 16px;
    font-size:15px;
    font-weight:300
}
.forms_inputNotice__4Ybk3 {
    color:#363b41;
    font-size:13px
}
.forms_input__D4GGn::-webkit-inner-spin-button,
.forms_input__D4GGn::-webkit-outer-spin-button {
    -webkit-appearance:none;
    margin:0
}
.forms_input__D4GGn[type=number] {
    -moz-appearance:textfield
}
.forms_input__D4GGn:disabled {
    background:#fff
}
.forms_input__D4GGn {
    height:auto!important;
    padding:0!important;
    position:relative;
    line-height:20px;
    font-family:Noto Sans KR,Malgun Gothic,맑은 고딕,helvetica,Apple SD Gothic Neo,sans-serif
}
.forms_input__D4GGn:focus {
    outline:none
}
.forms_pointer__9RhKc:hover {
    cursor:pointer
}
.forms_btnClose__9FS2W {
    position:absolute;
    right:0;
    width:20px;
    height:20px;
    z-index:1000;
    cursor:pointer
}
.forms_autoComboboxContainer__XDAtm {
    position:absolute;
    width:360px;
    max-height:224px;
    top:55px;
    left:30px;
    background-color:#fff;
    box-shadow:0 3px 5px #0000001a;
    border:1px solid rgba(0,0,0,.1);
    z-index:1;
    border-radius:16px;
    margin-right:16px;
    padding:20px;
    overflow-y:scroll;
    overflow-x:hidden
}
.forms_autoComboboxContainer__XDAtm::-webkit-scrollbar {
    display:none
}
.forms_autoBoxActive__EipeD,
.forms_autoBoxDeactive__hmTqk {
    width:100%;
    color:#000;
    font-size:14px;
    padding:8px 0
}
.forms_autoBoxActive__EipeD {
    background-color:#f9f9fc
}
.forms_thumn__ED_pN {
    flex:0 0 50px;
    min-width:40px;
    min-height:40px;
    border-radius:50%;
    background-color:#ddd;
    margin-right:8px
}
.forms_ownerThumbnail__1F5Ns {
    width:100%;
    height:100%;
    border-radius:50%;
    box-shadow:0 1px 4px #0000004d;
    border:1px solid #0000000d
}
.forms_label__l3QCM,
.forms_radioLabel__O6pvN {
    padding-left:40px!important
}
.forms_label__l3QCM:after,
.forms_label__l3QCM:before,
.forms_radioLabel__O6pvN:after,
.forms_radioLabel__O6pvN:before {
    margin-left:6px;
    top:50%!important;
    transform:translateY(-50%)!important
}
.forms_radioLabel__O6pvN:after {
    transform:scale(.46666667) translateY(-105%)!important
}
.forms_dropdown__3ttMP {
    border:1px solid #ebecef;
    position:relative;
    width:100%;
    border-radius:8px;
    display:flex;
    align-items:center;
    cursor:pointer
}
.forms_dropdown__3ttMP:hover {
    border:1px solid #999
}
.forms_dropdown__3ttMP ul {
    position:absolute;
    top:100%;
    left:-1px;
    z-index:2;
    background-color:#fff;
    width:100%;
    border:1px solid #999;
    border-top:none;
    box-sizing:content-box;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    cursor:pointer;
    max-height:216px;
    overflow-y:auto
}
.forms_dropdown__3ttMP ul>div {
    padding:11px 16px
}
.forms_dropdown__3ttMP ul>div:hover {
    background-color:rgba(0,0,0,.05);
    font-weight:700
}
.forms_dropdown__3ttMP.forms_active__puKC4 {
    border:1px solid #999;
    border-bottom-left-radius:0!important;
    border-bottom-right-radius:0!important
}
.forms_text__cQu7o:before {
    border-color:#9f3a38 transparent
}
.forms_text__cQu7o:after {
    border-color:#fff transparent
}
@media screen and (max-width:360px) {
    .forms_autoComboboxContainer__XDAtm {
        top:160px;
        left:-25px
    }
}
.policy_container__GzpzF {
    border:1px solid #ddd
}
.policy_header__vunYz {
    padding:16px;
    border-bottom:1px solid #ddd
}
.policy_content__DAHtP {
    padding:16px
}
.policy_item__ODb2s {
    display:flex;
    justify-content:space-between;
    padding:4px 0
}
.policy_text__e_6On {
    font-size:12px;
    font-weight:500;
    color:#000;
    margin-left:3px
}
.policy_label__Ved9D {
    display:inline-block;
    font-size:14px;
    font-weight:500;
    padding:10px 0
}
.LoginDialog_dialogWrap__wnTxm {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(0,0,0,.5);
    z-index:1002
}
.LoginDialog_dialogContainer__cKPkF {
    width:100%;
    min-width:320px;
    max-height:622px;
    margin:0 16px;
    padding:12px;
    background-color:#fff;
    border-radius:16px;
    max-width:332px
}
.LoginDialog_tabGroup__avVAb {
    width:100%
}
.LoginDialog_tabList__8H62H {
    overflow-x:scroll;
    -ms-overflow-style:none;
    scrollbar-width:none;
    width:100%
}
.LoginDialog_tabWrap__a8iYV {
    display:flex;
    align-items:center;
    justify-content:space-between;
    z-index:500;
    background-color:#fff;
    border-top-left-radius:16px;
    border-top-right-radius:16px
}
.LoginDialog_tab__EK0x3 {
    color:#000;
    font-size:16px;
    font-weight:700;
    line-height:1.6;
    height:64px;
    padding:30px 0 10px;
    position:relative;
    cursor:pointer;
    white-space:nowrap;
    width:50%
}
.LoginDialog_tab__EK0x3:last-child {
    margin:0
}
.LoginDialog_activeTab__kTFmQ {
    color:#ff024a;
    font-weight:700
}
.LoginDialog_activeTab__kTFmQ:after {
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:2px;
    background-color:#ff024a;
    content:""
}
.LoginDialog_tabListWrap__uYVpf {
    width:100%;
    overflow:hidden;
    position:relative
}
.LoginDialog_tabListWrap__uYVpf:before {
    left:0;
    background-image:linear-gradient(270deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.8),#fff,#fff)
}
.LoginDialog_tabListWrap__uYVpf:after {
    right:0;
    background-image:linear-gradient(90deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.8),#fff,#fff)
}
.LoginDialog_tabList__8H62H::-webkit-scrollbar {
    display:none
}