.thumb-default,.thumb-adult,.thumb-lock,.thumb-lock_adult,.thumb-encoding,.thumb-del,.thumb-blind,.thumb-converting,.thumb-upload,.thumb-private,.thumb-savyg,.thumb-text {
    display: block;
    position: relative;
    background-color: #F6F6F9;
    width: 100%;
    padding-bottom: calc(100% / 16 * 9);
    font-size: 0;
    line-height: 0
}

[dark=true] .thumb-default,html[dark=true] .thumb-default,body.thema_dark .thumb-default,[dark=true] .thumb-adult,html[dark=true] .thumb-adult,body.thema_dark .thumb-adult,[dark=true] .thumb-lock,html[dark=true] .thumb-lock,body.thema_dark .thumb-lock,[dark=true] .thumb-lock_adult,html[dark=true] .thumb-lock_adult,body.thema_dark .thumb-lock_adult,[dark=true] .thumb-encoding,html[dark=true] .thumb-encoding,body.thema_dark .thumb-encoding,[dark=true] .thumb-del,html[dark=true] .thumb-del,body.thema_dark .thumb-del,[dark=true] .thumb-blind,html[dark=true] .thumb-blind,body.thema_dark .thumb-blind,[dark=true] .thumb-converting,html[dark=true] .thumb-converting,body.thema_dark .thumb-converting,[dark=true] .thumb-upload,html[dark=true] .thumb-upload,body.thema_dark .thumb-upload,[dark=true] .thumb-private,html[dark=true] .thumb-private,body.thema_dark .thumb-private,[dark=true] .thumb-savyg,html[dark=true] .thumb-savyg,body.thema_dark .thumb-savyg,[dark=true] .thumb-text,html[dark=true] .thumb-text,body.thema_dark .thumb-text {
    background-color: #1C1E22
}

.thumb-default:before,.thumb-adult:before,.thumb-lock:before,.thumb-lock_adult:before,.thumb-encoding:before,.thumb-del:before,.thumb-blind:before,.thumb-converting:before,.thumb-upload:before,.thumb-private:before,.thumb-savyg:before,.thumb-text:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.thumb-adult::before,.thumb-lock::before,.thumb-lock_adult::before {
    height: 38.6%
}

.thumb-encoding::before,.thumb-del::before,.thumb-blind::before,.thumb-converting::before,.thumb-upload::before,.thumb-savyg::before,.thumb-private::before {
    height: 50.3%
}

.thumb-default:before {
    background-image: url("data:image/svg+xml,%3csvg width='152' height='88' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M108.759.897c-12.768 0-24.237 5.551-32.13 14.37a.838.838 0 0 1-1.258 0C67.478 6.448 56.009.897 43.24.897 19.435.897.138 20.194.138 44S19.435 87.104 43.24 87.104c12.768 0 24.237-5.552 32.13-14.371a.838.838 0 0 1 1.258 0c7.892 8.819 19.362 14.37 32.13 14.37 23.806 0 43.103-19.297 43.103-43.103S132.565.897 108.759.897Zm0 65.517c-6.897 0-12.66-3.323-16.194-7.078-1.125-1.198-2.522-2.84-4.056-4.232a33.866 33.866 0 0 0-2.16-1.794c-2.883-2.056-6.461-3.275-10.345-3.275-3.883 0-7.46 1.22-10.345 3.276a32.683 32.683 0 0 0-2.159 1.793c-1.539 1.392-2.931 3.034-4.056 4.232-3.535 3.755-9.297 7.078-16.194 7.078-.177 0-.35-.009-.526-.013a30.044 30.044 0 0 1-.888-.034 26.42 26.42 0 0 1-.603-.048c-.121-.008-.242-.022-.358-.03C29.612 65.104 20.836 55.578 20.836 44v.095-.19V44c0-11.573 8.776-21.099 20.035-22.289.125-.013.254-.021.379-.034.194-.017.388-.03.582-.043.297-.018.595-.026.896-.035.173 0 .345-.013.518-.013 6.896 0 12.66 3.324 16.194 7.078 1.125 1.198 2.521 2.84 4.056 4.233a33.899 33.899 0 0 0 2.16 1.793c2.883 2.056 6.46 3.276 10.344 3.276 3.884 0 7.461-1.22 10.345-3.276a32.74 32.74 0 0 0 2.16-1.793c1.538-1.393 2.93-3.035 4.055-4.233 3.535-3.754 9.298-7.078 16.194-7.078.173 0 .341.009.513.013.302.009.604.017.901.035.19.013.379.026.569.043.134.009.267.021.401.034 10.827 1.147 19.353 10 19.987 20.974 0 .074.009.143.013.212.009.202.013.41.017.612.004.306.009.608 0 .913-.004.229-.004.462-.017.69 0 .048-.009.095-.009.142-.607 10.996-9.146 19.88-19.991 21.026-.138.013-.272.026-.41.035-.185.017-.37.03-.556.043-.297.017-.603.026-.905.034-.172 0-.34.013-.513.013l.005.009Z' fill='%23E2E4E9'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 31.652%;
    height: 31.989%
}

[dark=true] .thumb-default:before,html[dark=true] .thumb-default:before,body.thema_dark .thumb-default:before {
    background-image: url("data:image/svg+xml,%3csvg width='152' height='88' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M108.759.897c-12.768 0-24.237 5.551-32.13 14.37a.838.838 0 0 1-1.258 0C67.478 6.448 56.009.897 43.24.897 19.435.897.138 20.194.138 44S19.435 87.104 43.24 87.104c12.768 0 24.237-5.552 32.13-14.371a.838.838 0 0 1 1.258 0c7.892 8.819 19.362 14.37 32.13 14.37 23.806 0 43.103-19.297 43.103-43.103S132.565.897 108.759.897Zm0 65.517c-6.897 0-12.66-3.323-16.194-7.078-1.125-1.198-2.522-2.84-4.056-4.232a33.866 33.866 0 0 0-2.16-1.794c-2.883-2.056-6.461-3.275-10.345-3.275-3.883 0-7.46 1.22-10.345 3.276a32.683 32.683 0 0 0-2.159 1.793c-1.539 1.392-2.931 3.034-4.056 4.232-3.535 3.755-9.297 7.078-16.194 7.078-.177 0-.35-.009-.526-.013a30.044 30.044 0 0 1-.888-.034 26.42 26.42 0 0 1-.603-.048c-.121-.008-.242-.022-.358-.03C29.612 65.104 20.836 55.578 20.836 44v.095-.19V44c0-11.573 8.776-21.099 20.035-22.289.125-.013.254-.021.379-.034.194-.017.388-.03.582-.043.297-.018.595-.026.896-.035.173 0 .345-.013.518-.013 6.896 0 12.66 3.324 16.194 7.078 1.125 1.198 2.521 2.84 4.056 4.233a33.899 33.899 0 0 0 2.16 1.793c2.883 2.056 6.46 3.276 10.344 3.276 3.884 0 7.461-1.22 10.345-3.276a32.74 32.74 0 0 0 2.16-1.793c1.538-1.393 2.93-3.035 4.055-4.233 3.535-3.754 9.298-7.078 16.194-7.078.173 0 .341.009.513.013.302.009.604.017.901.035.19.013.379.026.569.043.134.009.267.021.401.034 10.827 1.147 19.353 10 19.987 20.974 0 .074.009.143.013.212.009.202.013.41.017.612.004.306.009.608 0 .913-.004.229-.004.462-.017.69 0 .048-.009.095-.009.142-.607 10.996-9.146 19.88-19.991 21.026-.138.013-.272.026-.41.035-.185.017-.37.03-.556.043-.297.017-.603.026-.905.034-.172 0-.34.013-.513.013l.005.009Z' fill='%23464A53'/%3e%3c/svg%3e")
}

.thumb-adult:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 104 104'%3e%3cpath fill='%23D5D7DC' stroke='%23D5D7DC' stroke-width='.325' d='M75.59 51.382c0-5.509-.905-9.818-2.866-12.754-1.97-2.948-4.99-4.492-9.158-4.492-3.75 0-6.636 1.31-8.582 3.483-1.945 2.172-2.938 5.19-2.938 8.587 0 3.313 1.124 6.023 2.99 7.906 1.864 1.883 4.46 2.928 7.385 2.928 2.967 0 5.546-1.468 6.85-3.285-.007 3.1-.636 5.624-1.716 7.395-1.138 1.867-2.773 2.893-4.722 2.893-1.934 0-3.815-.721-4.925-1.787l-.002-.002c-.659-.61-1.374-.85-2.05-.814-.674.036-1.295.344-1.773.798-.952.904-1.38 2.436-.495 3.665 1.595 2.206 4.811 3.87 9.291 3.87 3.621 0 6.819-1.465 9.101-4.508 2.278-3.038 3.634-7.634 3.61-13.883Zm0 0h-.161l.162-.001ZM42.436 35.124c.579.664.835 1.601.835 2.7v29.357c0 .922-.39 1.611-.992 2.065-.595.45-1.388.662-2.193.662-.826 0-1.641-.212-2.254-.66-.618-.454-1.023-1.143-1.023-2.067V41.63l-4.244 2.382c-.806.48-1.58.522-2.242.272-.656-.247-1.183-.776-1.515-1.408-.66-1.255-.584-3.002.891-3.862l12.737-3.888Zm0 0c-.583-.669-1.468-1.035-2.67-1.035-1.42 0-2.872.66-4.206 1.489l-5.86 3.434 12.736-3.888Zm15.798 10.623c0-2.049.64-3.597 1.648-4.633 1.008-1.035 2.396-1.57 3.914-1.57 1.546 0 2.828.726 3.734 1.944.908 1.22 1.44 2.934 1.462 4.899-.045 1.576-.767 2.921-1.753 3.875-.99.956-2.234 1.506-3.305 1.506-1.618 0-3.04-.472-4.055-1.45-1.015-.975-1.645-2.475-1.645-4.57Z'/%3e%3crect width='88.4' height='88.4' x='7.8' y='7.8' stroke='%23D5D7DC' stroke-width='5.2' rx='44.2'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-adult:before,html[dark=true] .thumb-adult:before,body.thema_dark .thumb-adult:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 104 104'%3e%3cpath fill='%23525661' stroke='%23525661' stroke-width='.325' d='M75.59 51.382c0-5.509-.905-9.818-2.866-12.754-1.97-2.948-4.99-4.492-9.158-4.492-3.75 0-6.636 1.31-8.582 3.483-1.945 2.172-2.938 5.19-2.938 8.587 0 3.313 1.124 6.023 2.99 7.906 1.864 1.883 4.46 2.928 7.385 2.928 2.967 0 5.546-1.468 6.85-3.285-.007 3.1-.636 5.624-1.716 7.395-1.138 1.867-2.773 2.893-4.722 2.893-1.934 0-3.815-.721-4.925-1.787l-.002-.002c-.659-.61-1.374-.85-2.05-.814-.674.036-1.295.344-1.773.798-.952.904-1.38 2.436-.495 3.665 1.595 2.206 4.811 3.87 9.291 3.87 3.621 0 6.819-1.465 9.101-4.508 2.278-3.038 3.634-7.634 3.61-13.883Zm0 0h-.161l.162-.001ZM42.436 35.124c.579.664.835 1.601.835 2.7v29.357c0 .922-.39 1.611-.992 2.065-.595.45-1.388.662-2.193.662-.826 0-1.641-.212-2.254-.66-.618-.454-1.023-1.143-1.023-2.067V41.63l-4.244 2.382c-.806.48-1.58.522-2.242.272-.656-.247-1.183-.776-1.515-1.408-.66-1.255-.584-3.002.891-3.862l12.737-3.888Zm0 0c-.583-.669-1.468-1.035-2.67-1.035-1.42 0-2.872.66-4.206 1.489l-5.86 3.434 12.736-3.888Zm15.798 10.623c0-2.049.64-3.597 1.648-4.633 1.008-1.035 2.396-1.57 3.914-1.57 1.546 0 2.828.726 3.734 1.944.908 1.22 1.44 2.934 1.462 4.899-.045 1.576-.767 2.921-1.753 3.875-.99.956-2.234 1.506-3.305 1.506-1.618 0-3.04-.472-4.055-1.45-1.015-.975-1.645-2.475-1.645-4.57Z'/%3e%3crect width='88.4' height='88.4' x='7.8' y='7.8' stroke='%23525661' stroke-width='5.2' rx='44.2'/%3e%3c/svg%3e")
}

.thumb-lock:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 104 104'%3e%3cpath stroke='%23D5D7DC' stroke-width='5.2' d='M17.067 50.728a7.8 7.8 0 0 1 7.8-7.8h54.219a7.8 7.8 0 0 1 7.8 7.8v31.2c0 7.18-5.82 13-13 13H30.067c-7.18 0-13-5.82-13-13v-31.2Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='5.2' d='M31.8 32.492v-5.37c0-12.162 8.763-19.33 19.826-19.33 10.76 0 19.825 7.168 19.825 19.33v5.37'/%3e%3cpath fill='%23D5D7DC' d='M54.412 71.362v5.373c0 1.566-1.248 2.835-2.786 2.835s-2.785-1.27-2.785-2.835v-5.38a6.436 6.436 0 0 1-1.074-.64 6.647 6.647 0 0 1-2.641-5.326c0-3.655 2.91-6.618 6.5-6.618s6.5 2.963 6.5 6.618c0 2.639-1.52 4.91-3.714 5.973Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-lock:before,html[dark=true] .thumb-lock:before,body.thema_dark .thumb-lock:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 104 104'%3e%3cpath stroke='%23525661' stroke-width='5.2' d='M17.067 50.728a7.8 7.8 0 0 1 7.8-7.8h54.219a7.8 7.8 0 0 1 7.8 7.8v31.2c0 7.18-5.82 13-13 13H30.067c-7.18 0-13-5.82-13-13v-31.2Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-width='5.2' d='M31.8 32.492v-5.37c0-12.162 8.763-19.33 19.826-19.33 10.76 0 19.825 7.168 19.825 19.33v5.37'/%3e%3cpath fill='%23525661' d='M54.412 71.362v5.373c0 1.566-1.248 2.835-2.786 2.835s-2.785-1.27-2.785-2.835v-5.38a6.436 6.436 0 0 1-1.074-.64 6.647 6.647 0 0 1-2.641-5.326c0-3.655 2.91-6.618 6.5-6.618s6.5 2.963 6.5 6.618c0 2.639-1.52 4.91-3.714 5.973Z'/%3e%3c/svg%3e")
}

.thumb-lock_adult:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 104 104'%3e%3cpath fill='%23D5D7DC' stroke='%23D5D7DC' stroke-width='.325' d='M71.691 47.482c0-5.509-.906-9.818-2.867-12.754-1.97-2.948-4.99-4.492-9.158-4.492-3.75 0-6.635 1.31-8.582 3.483-1.945 2.172-2.938 5.19-2.938 8.587 0 3.313 1.124 6.023 2.99 7.906 1.864 1.883 4.46 2.928 7.385 2.928 2.968 0 5.546-1.468 6.85-3.285-.007 3.1-.636 5.624-1.716 7.395-1.138 1.867-2.773 2.893-4.721 2.893-1.935 0-3.816-.721-4.926-1.787l-.002-.002c-.659-.61-1.374-.85-2.05-.813-.674.036-1.295.343-1.773.798-.952.903-1.38 2.435-.495 3.664 1.595 2.206 4.811 3.87 9.291 3.87 3.621 0 6.82-1.465 9.101-4.508 2.279-3.038 3.634-7.634 3.611-13.883Zm0 0h-.162l.162-.001ZM38.535 31.225c.579.664.836 1.601.836 2.7v29.357c0 .922-.391 1.611-.992 2.065-.596.45-1.389.663-2.194.663-.826 0-1.641-.213-2.254-.662-.618-.453-1.023-1.142-1.023-2.066V37.73l-4.244 2.382c-.806.48-1.58.522-2.242.273-.656-.248-1.183-.777-1.515-1.409-.66-1.255-.584-3.002.891-3.862l12.737-3.888Zm0 0c-.582-.668-1.468-1.035-2.67-1.035-1.42 0-2.872.66-4.206 1.489l-5.86 3.434 12.736-3.888Zm15.798 10.623c0-2.049.641-3.597 1.648-4.632 1.008-1.036 2.396-1.571 3.914-1.571 1.546 0 2.828.726 3.734 1.944.908 1.22 1.44 2.934 1.462 4.9-.045 1.575-.766 2.92-1.753 3.874-.99.956-2.234 1.506-3.305 1.506-1.618 0-3.04-.472-4.055-1.45-1.015-.975-1.645-2.474-1.645-4.57Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='5.2' d='M60.607 90.505A44.214 44.214 0 0 1 48.1 92.3c-24.411 0-44.2-19.79-44.2-44.2 0-24.411 19.789-44.2 44.2-44.2 24.41 0 44.2 19.789 44.2 44.2 0 1.126-.042 2.243-.125 3.349'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M78 67.657c0-2.274.83-3.931 2.075-5.042 1.274-1.138 3.143-1.84 5.4-1.84 2.171 0 4.05.696 5.353 1.848 1.273 1.124 2.122 2.785 2.122 5.034V70.2a2.275 2.275 0 1 0 4.55 0v-2.543c0-3.513-1.38-6.43-3.66-8.444-2.247-1.986-5.244-2.988-8.365-2.988-3.183 0-6.19.995-8.43 2.996-2.27 2.027-3.595 4.947-3.595 8.436V70.2a2.275 2.275 0 1 0 4.55 0v-2.543Zm-4.875 5.793a6.175 6.175 0 0 0-6.175 6.175v14.3C66.95 99.49 71.46 104 77.025 104h16.9C99.49 104 104 99.49 104 93.925v-14.3a6.175 6.175 0 0 0-6.175-6.175h-24.7ZM71.5 79.625c0-.897.728-1.625 1.625-1.625h24.7c.898 0 1.625.728 1.625 1.625v14.3a5.525 5.525 0 0 1-5.525 5.525h-16.9a5.525 5.525 0 0 1-5.525-5.525v-14.3Z' clip-rule='evenodd'/%3e%3cpath fill='%23D5D7DC' d='M87.472 90.283v3.022c0 .88-.75 1.595-1.672 1.595-.923 0-1.671-.714-1.671-1.595V90.28a3.926 3.926 0 0 1-.644-.36c-.962-.678-1.585-1.767-1.585-2.996 0-2.056 1.746-3.723 3.9-3.723s3.9 1.667 3.9 3.723c0 1.484-.912 2.762-2.228 3.36Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-lock_adult:before,html[dark=true] .thumb-lock_adult:before,body.thema_dark .thumb-lock_adult:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 104 104'%3e%3cpath fill='%23525661' stroke='%23525661' stroke-width='.325' d='M71.69 47.482c0-5.509-.905-9.818-2.867-12.754-1.969-2.948-4.989-4.492-9.157-4.492-3.75 0-6.636 1.31-8.583 3.483-1.944 2.172-2.938 5.19-2.938 8.587 0 3.313 1.124 6.023 2.99 7.906C53 52.095 55.596 53.14 58.52 53.14c2.967 0 5.546-1.468 6.85-3.285-.007 3.1-.637 5.624-1.716 7.395-1.138 1.867-2.773 2.893-4.722 2.893-1.934 0-3.815-.721-4.925-1.787l-.002-.002c-.66-.61-1.374-.85-2.05-.813-.674.036-1.295.343-1.774.798-.951.903-1.38 2.435-.495 3.664 1.596 2.206 4.812 3.87 9.292 3.87 3.62 0 6.819-1.465 9.1-4.508 2.28-3.038 3.634-7.634 3.612-13.883Zm0 0h-.162l.162-.001ZM38.535 31.225c.58.664.836 1.601.836 2.7v29.357c0 .922-.39 1.611-.992 2.065-.596.45-1.388.663-2.193.663-.827 0-1.642-.213-2.254-.662-.619-.453-1.023-1.142-1.023-2.066V37.73l-4.244 2.382c-.806.48-1.581.522-2.242.273-.657-.248-1.184-.777-1.516-1.409-.66-1.255-.583-3.002.892-3.862l12.736-3.888Zm0 0c-.582-.668-1.468-1.035-2.67-1.035-1.42 0-2.871.66-4.206 1.489l-5.86 3.434 12.736-3.888Zm15.799 10.623c0-2.049.64-3.597 1.648-4.632 1.008-1.036 2.395-1.571 3.914-1.571 1.546 0 2.828.726 3.734 1.944.908 1.22 1.439 2.934 1.462 4.9-.045 1.575-.767 2.92-1.754 3.874-.99.956-2.234 1.506-3.305 1.506-1.618 0-3.039-.472-4.055-1.45-1.014-.975-1.644-2.474-1.644-4.57Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-width='5.2' d='M60.608 90.505A44.214 44.214 0 0 1 48.1 92.3c-24.41 0-44.2-19.79-44.2-44.2 0-24.411 19.79-44.2 44.2-44.2 24.411 0 44.2 19.789 44.2 44.2 0 1.126-.042 2.243-.124 3.349'/%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M78 67.657c0-2.274.83-3.931 2.075-5.042 1.274-1.138 3.143-1.84 5.4-1.84 2.171 0 4.05.696 5.353 1.848 1.273 1.124 2.122 2.785 2.122 5.034V70.2a2.275 2.275 0 1 0 4.55 0v-2.543c0-3.513-1.38-6.43-3.66-8.444-2.247-1.986-5.244-2.988-8.365-2.988-3.183 0-6.19.995-8.43 2.996-2.27 2.027-3.595 4.947-3.595 8.436V70.2a2.275 2.275 0 1 0 4.55 0v-2.543Zm-4.875 5.793a6.175 6.175 0 0 0-6.175 6.175v14.3C66.95 99.49 71.46 104 77.025 104h16.9C99.49 104 104 99.49 104 93.925v-14.3a6.175 6.175 0 0 0-6.175-6.175h-24.7ZM71.5 79.625c0-.897.728-1.625 1.625-1.625h24.7c.898 0 1.625.728 1.625 1.625v14.3a5.525 5.525 0 0 1-5.525 5.525h-16.9a5.525 5.525 0 0 1-5.525-5.525v-14.3Z' clip-rule='evenodd'/%3e%3cpath fill='%23525661' d='M87.472 90.283v3.022c0 .88-.749 1.595-1.672 1.595-.923 0-1.67-.714-1.67-1.595V90.28a3.92 3.92 0 0 1-.645-.36c-.961-.678-1.585-1.767-1.585-2.996 0-2.056 1.746-3.723 3.9-3.723s3.9 1.667 3.9 3.723c0 1.484-.912 2.762-2.228 3.36Z'/%3e%3c/svg%3e")
}

.thumb-encoding:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 136 138'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='4' d='m101 50.973-8.5 8.5m0 0-8.5 8.5m8.5-8.5 8.5 8.5m-8.5-8.5-8.5-8.5M74.953 54.803h-36.56c-2.333 0-4.224 1.94-4.224 4.333v4.333c0 2.394 1.891 4.334 4.224 4.334h36.56'/%3e%3cpath fill='%23D5D7DC' d='M95 43.13a2 2 0 1 0 4 0h-4ZM45 16.12h46v-4H45v4Zm50 4v23.01h4V20.12h-4ZM41 54.13V20.12h-4v34.01h4Zm50-38.01a4 4 0 0 1 4 4h4a8 8 0 0 0-8-8v4Zm-46-4a8 8 0 0 0-8 8h4a4 4 0 0 1 4-4v-4Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.5' d='M65.438 38.584h-6.404v6.389m11.527-16.611h6.404v-6.39M58.5 29.645a10.225 10.225 0 0 1 3.47-4.436 10.267 10.267 0 0 1 10.817-.774 10.235 10.235 0 0 1 4.068 3.897m.645 8.971a10.225 10.225 0 0 1-3.47 4.436 10.268 10.268 0 0 1-10.817.773 10.235 10.235 0 0 1-4.069-3.897'/%3e%3cpath fill='%23C7CAD1' d='M25.41 100.715v17.855h-3.062v-17.855h3.062Zm.684 21.738v2.461H9.059v-8.148h3.062v5.687h13.973ZM11.93 102.328c3.746 0 6.644 2.598 6.644 6.18 0 3.664-2.898 6.207-6.644 6.207-3.774 0-6.672-2.543-6.672-6.207 0-3.582 2.898-6.18 6.672-6.18Zm0 2.652c-2.106 0-3.72 1.395-3.692 3.528-.027 2.187 1.586 3.554 3.692 3.554 2.05 0 3.664-1.367 3.664-3.554 0-2.133-1.614-3.528-3.664-3.528Zm37.187-2.105v2.242c-.027 3.008.028 6.453-1.094 11.676l-2.98-.301c.424-1.982.684-3.746.848-5.332l-14.575.82-.437-2.597 15.176-.547c.054-1.285.068-2.434.082-3.5H31.645v-2.461h17.472Zm2.434 16.98v2.516H29.019v-2.516h8.313v-6.097h3.008v6.097h11.21Zm22.258-19.167v14.929h-3.063v-14.929h3.063Zm-7.383 1.886v2.461h-8.75v6.289c4.88.014 7.738-.178 10.937-.82l.274 2.488c-3.446.656-6.535.793-12.114.793h-2.105v-11.211h11.758Zm-.985 13.207c5.168-.027 8.422 1.778 8.422 4.813 0 3.035-3.254 4.812-8.422 4.812-5.25 0-8.449-1.777-8.449-4.812s3.2-4.84 8.45-4.813Zm0 2.379c-3.472 0-5.386.82-5.386 2.434 0 1.558 1.914 2.406 5.386 2.406 3.446 0 5.415-.848 5.442-2.406-.027-1.614-1.996-2.434-5.442-2.434Zm39.157-17.472v12.605h-3.008v-12.605h3.008Zm.054 13.753v6.426h-13.37v1.914h14.109v2.407h-17.09v-6.59h13.316v-1.805h-13.37v-2.352h16.405Zm-11.375-11.238c0 3.145 2.079 6.098 5.989 7.274l-1.477 2.351c-2.871-.875-4.922-2.721-6.043-5.086-1.121 2.57-3.227 4.58-6.18 5.524l-1.53-2.379c3.991-1.285 6.097-4.457 6.097-7.684v-1.914h3.144v1.914Zm36.313-2.515v24.718h-2.926v-12.551h-2.461v11.293h-2.871v-22.996h2.871v9.215h2.461v-9.679h2.926Zm-9.68 2.925v2.461h-1.777v10.637a31.217 31.217 0 0 0 2.105-.219l.164 2.215c-3.855.793-8.941.875-12.058.875l-.356-2.516 2.297-.027v-10.965h-1.805v-2.461h11.43Zm-6.89 13.371 2.351-.082v-10.828h-2.351v10.91Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-encoding:before,html[dark=true] .thumb-encoding:before,body.thema_dark .thumb-encoding:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 136 138'%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-width='4' d='m101 50.973-8.5 8.5m0 0-8.5 8.5m8.5-8.5 8.5 8.5m-8.5-8.5-8.5-8.5M74.953 54.803h-36.56c-2.333 0-4.224 1.94-4.224 4.333v4.333c0 2.394 1.891 4.334 4.224 4.334h36.56'/%3e%3cpath fill='%235E636E' d='M95 43.13a2 2 0 1 0 4 0h-4ZM45 16.12h46v-4H45v4Zm50 4v23.01h4V20.12h-4ZM41 54.13V20.12h-4v34.01h4Zm50-38.01a4 4 0 0 1 4 4h4a8 8 0 0 0-8-8v4Zm-46-4a8 8 0 0 0-8 8h4a4 4 0 0 1 4-4v-4Z'/%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.5' d='M65.438 38.584h-6.404v6.389m11.527-16.611h6.404v-6.39M58.5 29.645a10.225 10.225 0 0 1 3.47-4.436 10.267 10.267 0 0 1 10.817-.774 10.235 10.235 0 0 1 4.068 3.897m.645 8.971a10.225 10.225 0 0 1-3.47 4.436 10.268 10.268 0 0 1-10.817.773 10.235 10.235 0 0 1-4.069-3.897'/%3e%3cpath fill='%235E636E' d='M25.41 100.715v17.855h-3.062v-17.855h3.062Zm.684 21.738v2.461H9.059v-8.148h3.062v5.687h13.973ZM11.93 102.328c3.746 0 6.644 2.598 6.644 6.18 0 3.664-2.898 6.207-6.644 6.207-3.774 0-6.672-2.543-6.672-6.207 0-3.582 2.898-6.18 6.672-6.18Zm0 2.652c-2.106 0-3.72 1.395-3.692 3.528-.027 2.187 1.586 3.554 3.692 3.554 2.05 0 3.664-1.367 3.664-3.554 0-2.133-1.614-3.528-3.664-3.528Zm37.187-2.105v2.242c-.027 3.008.028 6.453-1.094 11.676l-2.98-.301c.424-1.982.684-3.746.848-5.332l-14.575.82-.437-2.597 15.176-.547c.054-1.285.068-2.434.082-3.5H31.645v-2.461h17.472Zm2.434 16.98v2.516H29.019v-2.516h8.313v-6.097h3.008v6.097h11.21Zm22.258-19.167v14.929h-3.063v-14.929h3.063Zm-7.383 1.886v2.461h-8.75v6.289c4.88.014 7.738-.178 10.937-.82l.274 2.488c-3.446.656-6.535.793-12.114.793h-2.105v-11.211h11.758Zm-.985 13.207c5.168-.027 8.422 1.778 8.422 4.813 0 3.035-3.254 4.812-8.422 4.812-5.25 0-8.449-1.777-8.449-4.812s3.2-4.84 8.45-4.813Zm0 2.379c-3.472 0-5.386.82-5.386 2.434 0 1.558 1.914 2.406 5.386 2.406 3.446 0 5.415-.848 5.442-2.406-.027-1.614-1.996-2.434-5.442-2.434Zm39.157-17.472v12.605h-3.008v-12.605h3.008Zm.054 13.753v6.426h-13.37v1.914h14.109v2.407h-17.09v-6.59h13.316v-1.805h-13.37v-2.352h16.405Zm-11.375-11.238c0 3.145 2.079 6.098 5.989 7.274l-1.477 2.351c-2.871-.875-4.922-2.721-6.043-5.086-1.121 2.57-3.227 4.58-6.18 5.524l-1.53-2.379c3.991-1.285 6.097-4.457 6.097-7.684v-1.914h3.144v1.914Zm36.313-2.515v24.718h-2.926v-12.551h-2.461v11.293h-2.871v-22.996h2.871v9.215h2.461v-9.679h2.926Zm-9.68 2.925v2.461h-1.777v10.637a31.217 31.217 0 0 0 2.105-.219l.164 2.215c-3.855.793-8.941.875-12.058.875l-.356-2.516c.684 0 1.463 0 2.297-.027v-10.965h-1.805v-2.461h11.43Zm-6.89 13.371c.779 0 1.558-.041 2.351-.082v-10.828h-2.351v10.91Z'/%3e%3c/svg%3e")
}

.thumb-del:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 160 138'%3e%3crect width='68' height='68' x='46' y='6.973' stroke='%23D5D7DC' stroke-width='4' rx='34'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='5.625' d='M80 42.458V28.116m0 25.61v.104'/%3e%3cpath fill='%23C7CAD1' d='M24.97 116.547v2.406h-3.472v3.609h3.746v2.461H7.143v-2.461h3.718v-3.609H7.334v-2.406h7.3v-2.297H4.9v-2.434h22.532v2.434h-9.79v2.297h7.329Zm-7.245-14.656c0 2.707 3.39 5.496 8.503 6.125l-1.066 2.351c-4.142-.547-7.41-2.392-8.969-4.894-1.613 2.529-4.908 4.334-9.023 4.894l-1.121-2.351c5.168-.657 8.531-3.364 8.558-6.125v-.957h3.118v.957Zm-3.856 20.671h4.649v-3.609h-4.649v3.609Zm24.555-14.847c0 4.047 2.379 8.312 6.37 9.98l-1.667 2.407c-2.926-1.258-5.059-3.856-6.18-7-1.148 3.39-3.308 6.234-6.207 7.601l-1.75-2.379c3.91-1.804 6.344-6.398 6.344-10.609v-2.078h-5.441v-2.516h13.945v2.516h-5.414v2.078Zm11.238-7.027v24.718H46.6v-24.718h3.062Zm24.281 0v24.718h-3.062v-24.718h3.062Zm-7.382 2.624c0 7.356-2.844 13.618-11.512 17.719l-1.586-2.433c6.467-3.077 9.474-7.26 10.008-12.879h-8.75v-2.407h11.84Zm30.296-2.624v9.652h3.664v2.543h-3.664v12.469h-3.035v-24.664h3.035Zm-6.535 2.57c0 7.273-3.008 13.644-11.238 17.691l-1.723-2.351c6.016-2.994 9.27-7.205 9.899-12.825H78.7v-2.515h11.621Zm26.879 1.34c-.027 3.09 1.969 6.043 5.824 7.273l-1.531 2.379c-2.789-.889-4.744-2.748-5.797-5.113-1.093 2.543-3.103 4.525-5.988 5.496l-1.559-2.406c3.993-1.313 5.989-4.485 5.989-7.875v-2.379h3.062v2.625Zm10.637-3.91v6.207h3.445v2.543h-3.445v6.207h-3.035v-14.957h3.035Zm0 16.05v8.668h-3.035v-6.234h-13.426v-2.434h16.461Zm25.976-16.05v24.718h-2.898v-24.718h2.898Zm-5.031.464v23.051h-2.871v-12.441h-3.555v-2.461h3.555v-8.149h2.871Zm-8.613 6.289c0 4.184 1.504 8.368 5.031 10.391l-1.805 2.242c-2.283-1.367-3.8-3.719-4.648-6.535-.875 3.049-2.447 5.647-4.785 7.109l-1.859-2.269c3.582-2.16 5.14-6.645 5.14-10.938v-1.64h-4.293v-2.461h11.211v2.461h-3.992v1.64Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-del:before,html[dark=true] .thumb-del:before,body.thema_dark .thumb-del:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 161 138'%3e%3crect width='68' height='68' x='46.526' y='6.973' stroke='%235E636E' stroke-width='4' rx='34'/%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-linejoin='round' stroke-width='5.625' d='M80.526 42.458V28.116m0 25.61v.104'/%3e%3cpath fill='%235E636E' d='M25.497 116.547v2.406h-3.473v3.609h3.746v2.461H7.67v-2.461h3.719v-3.609H7.86v-2.406h7.301v-2.297H5.427v-2.434h22.531v2.434h-9.79v2.297h7.33Zm-7.246-14.656c0 2.707 3.39 5.496 8.504 6.125l-1.066 2.351c-4.143-.547-7.41-2.392-8.97-4.894-1.613 2.529-4.908 4.334-9.023 4.894l-1.12-2.351c5.167-.657 8.53-3.364 8.558-6.125v-.957h3.117v.957Zm-3.856 20.671h4.649v-3.609h-4.649v3.609Zm24.555-14.847c0 4.047 2.38 8.312 6.371 9.98l-1.668 2.407c-2.925-1.258-5.058-3.856-6.18-7-1.148 3.39-3.308 6.234-6.206 7.601l-1.75-2.379c3.91-1.804 6.343-6.398 6.343-10.609v-2.078H30.42v-2.516h13.945v2.516H38.95v2.078Zm11.238-7.027v24.718h-3.062v-24.718h3.063Zm24.282 0v24.718h-3.063v-24.718h3.063Zm-7.383 2.624c0 7.356-2.844 13.618-11.512 17.719l-1.586-2.433c6.467-3.077 9.475-7.26 10.008-12.879h-8.75v-2.407h11.84Zm30.297-2.624v9.652h3.664v2.543h-3.664v12.469h-3.035v-24.664h3.035Zm-6.535 2.57c0 7.273-3.008 13.644-11.239 17.691l-1.722-2.351c6.015-2.994 9.27-7.205 9.898-12.825h-8.558v-2.515h11.62Zm26.879 1.34c-.028 3.09 1.968 6.043 5.824 7.273l-1.531 2.379c-2.79-.889-4.745-2.748-5.797-5.113-1.094 2.543-3.104 4.525-5.989 5.496l-1.558-2.406c3.992-1.313 5.988-4.485 5.988-7.875v-2.379h3.063v2.625Zm10.636-3.91v6.207h3.446v2.543h-3.446v6.207h-3.035v-14.957h3.035Zm0 16.05v8.668h-3.035v-6.234h-13.426v-2.434h16.461Zm25.977-16.05v24.718h-2.899v-24.718h2.899Zm-5.031.464v23.051h-2.872v-12.441h-3.554v-2.461h3.554v-8.149h2.872Zm-8.614 6.289c0 4.184 1.504 8.368 5.032 10.391l-1.805 2.242c-2.283-1.367-3.801-3.719-4.649-6.535-.875 3.049-2.447 5.647-4.785 7.109l-1.859-2.269c3.582-2.16 5.141-6.645 5.141-10.938v-1.64h-4.293v-2.461h11.21v2.461h-3.992v1.64Z'/%3e%3c/svg%3e")
}

.thumb-blind:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 104 138'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='4' d='M82.418 68.454 59.703 45.739M29.464 15.5l30.24 30.239m23.062 4.042c1.668-2.498 2.548-4.74 3-6.244.38-1.263.277-2.588-.201-3.818C83.28 33.84 74.54 16.16 51.999 16.16c-1.517 0-2.975.08-4.375.232M71.688 60.82c-5.022 3.203-11.487 5.469-19.688 5.334-21.11-.345-30.395-15.498-33.357-21.827a6.798 6.798 0 0 1-.126-5.52c1.685-4.073 5.727-11.744 13.796-17.02M47.5 33.572l-2.063 2.063a8.353 8.353 0 0 0-2.188 5.631c0 4.703 3.918 8.515 8.75 8.515 2.229 0 4.262-.81 5.807-2.145l1.897-1.897'/%3e%3cpath fill='%23C7CAD1' d='M10.254 101.125v1.941h10.664v-1.941h3.008v8.258H7.246v-8.258h3.008Zm0 5.961h10.664v-1.805H10.254v1.805Zm16.598 3.883v2.379H4.32v-2.379h22.532Zm-2.817 4.129v5.961H9.98v1.804H24.72v2.325H7v-6.262h14.055v-1.586H6.973v-2.242h17.062Zm23.844-14.41v9.488h3.8v2.543h-3.8v12.715H44.87v-24.746h3.008Zm-7 2.16v9.324h-8.313v4.922c3.91-.028 6.96-.192 10.418-.793l.274 2.461c-3.801.683-7.192.847-11.676.847h-2.023v-9.871h8.285v-4.429h-8.34v-2.461h11.375Zm32.43-2.133v17.855h-3.063v-17.855h3.063Zm.683 21.738v2.461H56.957v-8.148h3.063v5.687h13.972Zm-14.164-20.125c3.746 0 6.645 2.598 6.645 6.18 0 3.664-2.899 6.207-6.645 6.207-3.773 0-6.672-2.543-6.672-6.207 0-3.582 2.899-6.18 6.672-6.18Zm0 2.652c-2.105 0-3.719 1.395-3.691 3.528-.028 2.187 1.586 3.554 3.691 3.554 2.05 0 3.664-1.367 3.664-3.554 0-2.133-1.613-3.528-3.664-3.528Zm37.16 7.301v2.434H79.652v-11.867h17.145v2.461H82.66v6.972h14.328Zm2.516 7.465v2.516H76.918v-2.516h22.586Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-blind:before,html[dark=true] .thumb-blind:before,body.thema_dark .thumb-blind:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 104 138'%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-width='4' d='M82.418 68.454 59.704 45.739M29.465 15.5l30.239 30.239m23.062 4.042c1.669-2.498 2.548-4.74 3.001-6.244.38-1.263.276-2.588-.202-3.818C83.282 33.84 74.541 16.16 52 16.16c-1.518 0-2.975.08-4.375.232M71.688 60.82C66.665 64.023 60.2 66.289 52 66.154c-21.11-.345-30.395-15.498-33.358-21.827a6.798 6.798 0 0 1-.126-5.52c1.685-4.073 5.727-11.744 13.797-17.02M47.5 33.572l-2.063 2.063a8.353 8.353 0 0 0-2.187 5.631c0 4.703 3.917 8.515 8.75 8.515 2.228 0 4.262-.81 5.807-2.145l1.897-1.897'/%3e%3cpath fill='%235E636E' d='M10.254 101.125v1.941h10.664v-1.941h3.008v8.258H7.246v-8.258h3.008Zm0 5.961h10.664v-1.805H10.254v1.805Zm16.598 3.883v2.379H4.32v-2.379h22.532Zm-2.817 4.129v5.961H9.98v1.804H24.72v2.325H7v-6.262h14.055v-1.586H6.973v-2.242h17.062Zm23.844-14.41v9.488h3.8v2.543h-3.8v12.715H44.87v-24.746h3.008Zm-7 2.16v9.324h-8.313v4.922c3.91-.028 6.96-.192 10.418-.793l.274 2.461c-3.801.683-7.192.847-11.676.847h-2.023v-9.871h8.285v-4.429h-8.34v-2.461h11.375Zm32.43-2.133v17.855h-3.063v-17.855h3.063Zm.683 21.738v2.461H56.957v-8.148h3.063v5.687h13.972Zm-14.164-20.125c3.746 0 6.645 2.598 6.645 6.18 0 3.664-2.899 6.207-6.645 6.207-3.773 0-6.672-2.543-6.672-6.207 0-3.582 2.899-6.18 6.672-6.18Zm0 2.652c-2.105 0-3.719 1.395-3.691 3.528-.028 2.187 1.586 3.554 3.691 3.554 2.05 0 3.664-1.367 3.664-3.554 0-2.133-1.613-3.528-3.664-3.528Zm37.16 7.301v2.434H79.652v-11.867h17.145v2.461H82.66v6.972h14.328Zm2.516 7.465v2.516H76.918v-2.516h22.586Z'/%3e%3c/svg%3e")
}

.thumb-converting:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 146 138'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='4' d='M78.953 54.803h-35.56c-2.333 0-4.224 1.94-4.224 4.333v4.333c0 2.394 1.891 4.334 4.224 4.334h36.56'/%3e%3cpath fill='%23D5D7DC' d='M100 45.13a2 2 0 1 0 4 0h-4ZM50 16.12h46v-4H50v4Zm50 4v25.01h4V20.12h-4ZM46 54.13V20.12h-4v34.01h4Zm50-38.01a4 4 0 0 1 4 4h4a8 8 0 0 0-8-8v4Zm-46-4a8 8 0 0 0-8 8h4a4 4 0 0 1 4-4v-4Z'/%3e%3cpath stroke='%23D5D7DC' stroke-width='4' d='M67 27.863v14.172c0 1.294 1.41 2.095 2.522 1.43l12.046-7.2a1.667 1.667 0 0 0-.02-2.872L69.502 26.42A1.667 1.667 0 0 0 67 27.863Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.5' d='M92.938 66.584h-6.404v6.389m11.527-16.611h6.404v-6.39M86 57.645a10.225 10.225 0 0 1 3.47-4.436 10.267 10.267 0 0 1 10.817-.774 10.233 10.233 0 0 1 4.068 3.897m.645 8.971a10.222 10.222 0 0 1-3.47 4.436 10.262 10.262 0 0 1-10.817.773 10.235 10.235 0 0 1-4.069-3.897'/%3e%3cpath fill='%23C7CAD1' d='m8.457 103.176 5.14 15.613h.22l5.167-15.613h3.91l-7 19.797H11.52l-6.973-19.797h3.91Zm33.387 9.898c0 6.399-3.883 10.172-9.078 10.172-5.196 0-9.078-3.801-9.078-10.172 0-6.398 3.882-10.172 9.078-10.172 5.195 0 9.078 3.774 9.078 10.172Zm-3.582 0c0-4.512-2.27-6.972-5.496-6.972-3.227 0-5.496 2.46-5.496 6.972 0 4.512 2.27 6.973 5.496 6.973 3.226 0 5.496-2.461 5.496-6.973Zm13.48 9.899h-6.726v-19.797h6.836c5.906 0 9.488 3.719 9.488 9.871 0 6.18-3.582 9.926-9.598 9.926Zm-3.172-3.09h2.98c4.13 0 6.235-2.27 6.235-6.836 0-4.539-2.105-6.781-6.125-6.781h-3.09v13.617Zm42.246-19.168v18.238h-3.035v-6.207h-4.976v2.188H71.238v-12.606h3.035v3.992h5.524v-3.992h3.008v2.652h4.976v-4.265h3.035Zm.547 21.738v2.461H74.52v-7.766h3.09v5.305h13.754Zm-17.09-9.926h5.524v-3.855h-5.524v3.855Zm8.532-2.242h4.976v-2.844h-4.976v2.844Zm31.09-9.597v8.285h3.335v2.515h-3.335v8.504h-3.036v-19.304h3.036Zm.875 21.765v2.461H97.652v-6.207h3.036v3.746h14.082Zm-20.672-7.41c1.845 0 3.992-.014 6.234-.109v-1.559c-2.748-.328-4.484-1.682-4.484-3.664 0-2.434 2.379-3.856 5.961-3.828 3.609-.028 5.961 1.394 5.961 3.828 0 1.969-1.696 3.309-4.403 3.664v1.422c2.106-.109 4.225-.301 6.207-.602l.246 2.133c-5.222.984-11.129 1.039-15.394 1.094l-.328-2.379Zm14.82-12.195v2.214H94.727v-2.214h5.605v-2.243h3.035v2.243h5.551Zm-7.109 5.086c-1.915 0-3.063.628-3.036 1.777-.027 1.066 1.121 1.695 3.036 1.695 1.914 0 3.062-.629 3.062-1.695 0-1.149-1.148-1.777-3.062-1.777Zm39.238 4.101v2.461h-9.789v2.051c4.43.301 7.027 1.832 7.054 4.402-.027 2.844-3.226 4.43-8.558 4.43-5.387 0-8.613-1.586-8.613-4.43 0-2.57 2.625-4.115 7.109-4.402v-2.051h-9.734v-2.461h22.531Zm-11.293 6.809c-3.609.027-5.551.738-5.524 2.105-.027 1.367 1.915 2.106 5.524 2.106 3.527 0 5.496-.739 5.523-2.106-.027-1.367-1.996-2.078-5.523-2.105Zm9.269-17.063v2.434h-7.109c.479 2.037 3.432 3.869 8.066 4.293l-1.066 2.406c-4.484-.451-7.82-2.242-9.16-4.758-1.34 2.502-4.621 4.307-9.106 4.758l-1.039-2.406c4.539-.424 7.493-2.283 8.012-4.293h-7.055v-2.434h18.457Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-converting:before,html[dark=true] .thumb-converting:before,body.thema_dark .thumb-converting:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 146 138'%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-width='4' d='M78.953 54.803h-35.56c-2.333 0-4.224 1.94-4.224 4.333v4.333c0 2.394 1.891 4.334 4.224 4.334h36.56'/%3e%3cpath fill='%235E636E' d='M100 45.13a2 2 0 1 0 4 0h-4ZM50 16.12h46v-4H50v4Zm50 4v25.01h4V20.12h-4ZM46 54.13V20.12h-4v34.01h4Zm50-38.01a4 4 0 0 1 4 4h4a8 8 0 0 0-8-8v4Zm-46-4a8 8 0 0 0-8 8h4a4 4 0 0 1 4-4v-4Z'/%3e%3cpath stroke='%235E636E' stroke-width='4' d='M67 27.863v14.172c0 1.294 1.41 2.095 2.522 1.43l12.046-7.2a1.667 1.667 0 0 0-.02-2.872L69.502 26.42A1.667 1.667 0 0 0 67 27.863Z'/%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.5' d='M92.938 66.584h-6.404v6.389m11.527-16.611h6.404v-6.39M86 57.645a10.225 10.225 0 0 1 3.47-4.436 10.267 10.267 0 0 1 10.817-.774 10.233 10.233 0 0 1 4.068 3.897m.645 8.971a10.222 10.222 0 0 1-3.47 4.436 10.262 10.262 0 0 1-10.817.773 10.235 10.235 0 0 1-4.069-3.897'/%3e%3cpath fill='%235E636E' d='m8.457 103.176 5.14 15.613h.22l5.167-15.613h3.91l-7 19.797H11.52l-6.973-19.797h3.91Zm33.387 9.898c0 6.399-3.883 10.172-9.078 10.172-5.196 0-9.078-3.801-9.078-10.172 0-6.398 3.882-10.172 9.078-10.172 5.195 0 9.078 3.774 9.078 10.172Zm-3.582 0c0-4.512-2.27-6.972-5.496-6.972-3.227 0-5.496 2.46-5.496 6.972 0 4.512 2.27 6.973 5.496 6.973 3.226 0 5.496-2.461 5.496-6.973Zm13.48 9.899h-6.726v-19.797h6.836c5.906 0 9.488 3.719 9.488 9.871 0 6.18-3.582 9.926-9.598 9.926Zm-3.172-3.09h2.98c4.13 0 6.235-2.27 6.235-6.836 0-4.539-2.105-6.781-6.125-6.781h-3.09v13.617Zm42.246-19.168v18.238h-3.035v-6.207h-4.976v2.188H71.238v-12.606h3.035v3.992h5.524v-3.992h3.008v2.652h4.976v-4.265h3.035Zm.547 21.738v2.461H74.52v-7.766h3.09v5.305h13.754Zm-17.09-9.926h5.524v-3.855h-5.524v3.855Zm8.532-2.242h4.976v-2.844h-4.976v2.844Zm31.09-9.597v8.285h3.335v2.515h-3.335v8.504h-3.036v-19.304h3.036Zm.875 21.765v2.461H97.652v-6.207h3.036v3.746h14.082Zm-20.672-7.41c1.845 0 3.992-.014 6.234-.109v-1.559c-2.748-.328-4.484-1.682-4.484-3.664 0-2.434 2.379-3.856 5.961-3.828 3.609-.028 5.961 1.394 5.961 3.828 0 1.969-1.696 3.309-4.403 3.664v1.422c2.106-.109 4.225-.301 6.207-.602l.246 2.133c-5.222.984-11.129 1.039-15.394 1.094l-.328-2.379Zm14.82-12.195v2.214H94.727v-2.214h5.605v-2.243h3.035v2.243h5.551Zm-7.109 5.086c-1.915 0-3.063.628-3.036 1.777-.027 1.066 1.121 1.695 3.036 1.695 1.914 0 3.062-.629 3.062-1.695 0-1.149-1.148-1.777-3.062-1.777Zm39.238 4.101v2.461h-9.789v2.051c4.43.301 7.027 1.832 7.054 4.402-.027 2.844-3.226 4.43-8.558 4.43-5.387 0-8.613-1.586-8.613-4.43 0-2.57 2.625-4.115 7.109-4.402v-2.051h-9.734v-2.461h22.531Zm-11.293 6.809c-3.609.027-5.551.738-5.524 2.105-.027 1.367 1.915 2.106 5.524 2.106 3.527 0 5.496-.739 5.523-2.106-.027-1.367-1.996-2.078-5.523-2.105Zm9.269-17.063v2.434h-7.109c.479 2.037 3.432 3.869 8.066 4.293l-1.066 2.406c-4.484-.451-7.82-2.242-9.16-4.758-1.34 2.502-4.621 4.307-9.106 4.758l-1.039-2.406c4.539-.424 7.493-2.283 8.012-4.293h-7.055v-2.434h18.457Z'/%3e%3c/svg%3e")
}

.thumb-upload:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 136 138'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M68 45.473v-21m0 0-8 8.343m8-8.343 8 8.343'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='4' d='m101.423 50.973-8.5 8.5m0 0-8.5 8.5m8.5-8.5 8.5 8.5m-8.5-8.5-8.5-8.5M75.376 54.803h-36.56c-2.333 0-4.224 1.94-4.224 4.333v4.333c0 2.394 1.891 4.334 4.224 4.334h36.56'/%3e%3cpath fill='%23D5D7DC' d='M95.423 43.13a2 2 0 1 0 4 0h-4Zm-50-27.01h46v-4h-46v4Zm50 4v23.01h4V20.12h-4Zm-54 34.01V20.12h-4v34.01h4Zm50-38.01a4 4 0 0 1 4 4h4a8 8 0 0 0-8-8v4Zm-46-4a8 8 0 0 0-8 8h4a4 4 0 0 1 4-4v-4Z'/%3e%3cpath fill='%23C7CAD1' d='M11.684 101.781c3.199-.027 5.714 1.819 6.343 4.539h4.457v-5.632h3.035v13.261h-3.035v-5.168h-4.43c-.614 2.776-3.157 4.649-6.37 4.649-3.801 0-6.536-2.434-6.536-5.852 0-3.363 2.735-5.824 6.536-5.797Zm0 2.543c-2.133 0-3.637 1.258-3.637 3.254 0 1.969 1.504 3.281 3.637 3.281 2.078 0 3.554-1.312 3.582-3.281-.028-1.996-1.504-3.254-3.582-3.254Zm.546 10.774v2.625h10.254v-2.625h3.035v10.007H9.224v-10.007h3.007Zm0 7.547h10.254v-2.571H12.23v2.571Zm39.376-2.625v2.515H29.018v-2.515h9.735V116h-7.055v-8.094h14.219v-3.062H31.645v-2.461h17.28v7.929h-14.19v3.2H49.5V116h-7.738v4.02h9.843Zm21.683-7.739v2.434H55.953v-11.867h17.145v2.461H58.96v6.972h14.328Zm2.516 7.465v2.516H53.219v-2.516h22.586Zm28.793-19.058v12.605h-3.008v-12.605h3.008Zm.054 13.753v6.426h-13.37v1.914h14.109v2.407h-17.09v-6.59h13.316v-1.805h-13.37v-2.352h16.405Zm-11.375-11.238c0 3.145 2.079 6.098 5.989 7.274l-1.477 2.351c-2.871-.875-4.922-2.721-6.043-5.086-1.121 2.57-3.227 4.58-6.18 5.524l-1.53-2.379c3.991-1.285 6.097-4.457 6.097-7.684v-1.914h3.144v1.914Zm36.313-2.515v24.718h-2.926v-12.551h-2.461v11.293h-2.871v-22.996h2.871v9.215h2.461v-9.679h2.926Zm-9.68 2.925v2.461h-1.777v10.637a31.217 31.217 0 0 0 2.105-.219l.164 2.215c-3.855.793-8.941.875-12.058.875l-.356-2.516 2.297-.027v-10.965h-1.805v-2.461h11.43Zm-6.89 13.371 2.351-.082v-10.828h-2.351v10.91Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-upload:before,html[dark=true] .thumb-upload:before,body.thema_dark .thumb-upload:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 136 138'%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M68 45.473v-21m0 0-8 8.343m8-8.343 8 8.343'/%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-width='4' d='m101.423 50.973-8.5 8.5m0 0-8.5 8.5m8.5-8.5 8.5 8.5m-8.5-8.5-8.5-8.5M75.376 54.803h-36.56c-2.333 0-4.225 1.94-4.225 4.333v4.333c0 2.394 1.892 4.334 4.225 4.334h36.56'/%3e%3cpath fill='%235E636E' d='M95.423 43.13a2 2 0 1 0 4 0h-4Zm-50-27.01h46v-4h-46v4Zm50 4v23.01h4V20.12h-4Zm-54 34.01V20.12h-4v34.01h4Zm50-38.01a4 4 0 0 1 4 4h4a8 8 0 0 0-8-8v4Zm-46-4a8 8 0 0 0-8 8h4a4 4 0 0 1 4-4v-4ZM11.684 101.781c3.199-.027 5.714 1.819 6.343 4.539h4.457v-5.632h3.035v13.261h-3.035v-5.168h-4.43c-.614 2.776-3.157 4.649-6.37 4.649-3.801 0-6.536-2.434-6.536-5.852 0-3.363 2.735-5.824 6.536-5.797Zm0 2.543c-2.133 0-3.637 1.258-3.637 3.254 0 1.969 1.504 3.281 3.637 3.281 2.078 0 3.554-1.312 3.582-3.281-.028-1.996-1.504-3.254-3.582-3.254Zm.546 10.774v2.625h10.254v-2.625h3.035v10.007H9.224v-10.007h3.007Zm0 7.547h10.254v-2.571H12.23v2.571Zm39.376-2.625v2.515H29.018v-2.515h9.735V116h-7.055v-8.094h14.219v-3.062H31.645v-2.461h17.28v7.929h-14.19v3.2H49.5V116h-7.738v4.02h9.843Zm21.683-7.739v2.434H55.953v-11.867h17.145v2.461H58.96v6.972h14.328Zm2.516 7.465v2.516H53.219v-2.516h22.586Zm28.793-19.058v12.605h-3.008v-12.605h3.008Zm.054 13.753v6.426h-13.37v1.914h14.109v2.407h-17.09v-6.59h13.316v-1.805h-13.37v-2.352h16.405Zm-11.375-11.238c0 3.145 2.079 6.098 5.989 7.274l-1.477 2.351c-2.871-.875-4.922-2.721-6.043-5.086-1.121 2.57-3.227 4.58-6.18 5.524l-1.53-2.379c3.991-1.285 6.097-4.457 6.097-7.684v-1.914h3.144v1.914Zm36.313-2.515v24.718h-2.926v-12.551h-2.461v11.293h-2.871v-22.996h2.871v9.215h2.461v-9.679h2.926Zm-9.68 2.925v2.461h-1.777v10.637a31.217 31.217 0 0 0 2.105-.219l.164 2.215c-3.855.793-8.941.875-12.058.875l-.356-2.516c.684 0 1.463 0 2.297-.027v-10.965h-1.805v-2.461h11.43Zm-6.89 13.371c.779 0 1.558-.041 2.351-.082v-10.828h-2.351v10.91Z'/%3e%3c/svg%3e")
}

.thumb-private:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 218 138'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='4' d='m139.419 68.454-22.715-22.715M86.465 15.5l30.239 30.239m23.063 4.042c1.668-2.498 2.547-4.74 3-6.244.38-1.263.276-2.588-.202-3.818C140.282 33.84 131.541 16.16 109 16.16c-1.518 0-2.975.08-4.375.232m24.063 44.428c-5.022 3.203-11.487 5.469-19.688 5.334-21.11-.345-30.395-15.498-33.358-21.827a6.798 6.798 0 0 1-.126-5.52c1.685-4.073 5.727-11.744 13.796-17.02M104.5 33.572l-2.062 2.063a8.35 8.35 0 0 0-2.188 5.631c0 4.703 3.918 8.515 8.75 8.515 2.228 0 4.262-.81 5.807-2.145l1.897-1.897'/%3e%3cpath fill='%23C7CAD1' d='M93.883 100.688v24.746H90.82v-24.746h3.063Zm-16.215 2.023v6.18h5.988v-6.18h3.008v16.898H74.633v-16.898h3.035Zm0 14.41h5.988v-5.851h-5.988v5.851Zm30.98-.984c5.36.027 8.75 1.722 8.778 4.648-.028 2.871-3.418 4.594-8.778 4.594-5.332 0-8.75-1.723-8.75-4.594 0-2.926 3.418-4.621 8.75-4.648Zm0 2.297c-3.554 0-5.714.847-5.687 2.351-.027 1.449 2.133 2.242 5.687 2.242 3.582 0 5.743-.793 5.77-2.242-.027-1.504-2.188-2.351-5.77-2.351Zm8.614-16.571v2.051c0 1.941 0 4.02-.684 6.563l-3.008-.274c.616-2.406.657-4.142.657-5.933h-14.082v-2.407h17.117Zm2.734 10.035v2.461H97.574v-2.461h8.696v-4.484h3.007v4.484h10.719Zm22.942-11.21v24.718h-2.926v-12.687h-2.653v11.539h-2.843v-22.914h2.843v8.914h2.653v-9.57h2.926Zm-10.528 3.117c0 6.672-2.105 12.414-9.133 16.433l-1.75-2.105c5.264-3.049 7.493-6.959 7.93-11.895h-6.781v-2.433h9.734Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-private:before,html[dark=true] .thumb-private:before,body.thema_dark .thumb-private:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 218 138'%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-width='4' d='m139.419 68.454-22.715-22.715M86.465 15.5l30.239 30.239m23.063 4.042c1.668-2.498 2.547-4.74 3-6.244.38-1.263.276-2.588-.202-3.818C140.282 33.84 131.541 16.16 109 16.16c-1.518 0-2.975.08-4.375.232m24.063 44.428c-5.022 3.203-11.487 5.469-19.688 5.334-21.11-.345-30.395-15.498-33.358-21.827a6.798 6.798 0 0 1-.126-5.52c1.685-4.073 5.727-11.744 13.796-17.02M104.5 33.572l-2.062 2.063a8.35 8.35 0 0 0-2.188 5.631c0 4.703 3.918 8.515 8.75 8.515 2.228 0 4.262-.81 5.807-2.145l1.897-1.897'/%3e%3cpath fill='%235E636E' d='M93.883 100.688v24.746H90.82v-24.746h3.063Zm-16.215 2.023v6.18h5.988v-6.18h3.008v16.898H74.633v-16.898h3.035Zm0 14.41h5.988v-5.851h-5.988v5.851Zm30.98-.984c5.36.027 8.75 1.722 8.778 4.648-.028 2.871-3.418 4.594-8.778 4.594-5.332 0-8.75-1.723-8.75-4.594 0-2.926 3.418-4.621 8.75-4.648Zm0 2.297c-3.554 0-5.714.847-5.687 2.351-.027 1.449 2.133 2.242 5.687 2.242 3.582 0 5.743-.793 5.77-2.242-.027-1.504-2.188-2.351-5.77-2.351Zm8.614-16.571v2.051c0 1.941 0 4.02-.684 6.563l-3.008-.274c.616-2.406.657-4.142.657-5.933h-14.082v-2.407h17.117Zm2.734 10.035v2.461H97.574v-2.461h8.696v-4.484h3.007v4.484h10.719Zm22.942-11.21v24.718h-2.926v-12.687h-2.653v11.539h-2.843v-22.914h2.843v8.914h2.653v-9.57h2.926Zm-10.528 3.117c0 6.672-2.105 12.414-9.133 16.433l-1.75-2.105c5.264-3.049 7.493-6.959 7.93-11.895h-6.781v-2.433h9.734Z'/%3e%3c/svg%3e")
}

.thumb-savyg:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 170 138'%3e%3crect width='68' height='68' x='51' y='6.973' stroke='%23D5D7DC' stroke-width='4' rx='34'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='5.625' d='M85 42.458V28.116m0 25.61v.104'/%3e%3cpath fill='%23C7CAD1' d='M12.115 108.617c-.164-1.695-1.613-2.679-3.746-2.679-2.242 0-3.61 1.093-3.61 2.57 0 1.668 1.75 2.351 3.391 2.734l1.86.492c2.953.684 5.797 2.243 5.797 5.688 0 3.473-2.735 5.851-7.493 5.851-4.62 0-7.52-2.214-7.683-6.125h3.5c.164 2.079 1.914 3.09 4.156 3.09 2.352 0 3.965-1.148 3.965-2.843 0-1.559-1.45-2.215-3.582-2.762l-2.242-.574c-3.254-.848-5.278-2.489-5.278-5.332 0-3.5 3.118-5.825 7.274-5.825 4.21 0 7.055 2.379 7.11 5.715h-3.419Zm8.86 14.356h-3.801l6.973-19.797h4.375l7 19.797H31.72l-1.64-4.895h-7.466l-1.64 4.895Zm2.597-7.766h5.551l-2.707-7.984h-.164l-2.68 7.984Zm14.656-12.031 5.141 15.613h.219l5.168-15.613h3.91l-7 19.797h-4.375l-6.973-19.797h3.91Zm15.422 0h4.02l4.867 8.75h.191l4.868-8.75h4.02l-7.192 12.386v7.411h-3.555v-7.411l-7.219-12.386Zm32.403 6.316c-.63-2.105-2.27-3.39-4.676-3.39-3.2 0-5.496 2.488-5.496 6.945 0 4.512 2.27 7 5.578 7 2.98 0 4.894-1.805 4.95-4.621h-4.595v-2.817h8.04v2.379c0 5.086-3.5 8.258-8.395 8.258-5.469 0-9.16-3.883-9.16-10.172 0-6.344 3.855-10.172 9.05-10.172 4.376 0 7.739 2.707 8.34 6.59h-3.636Zm33.933-8.804v24.718h-2.898v-24.718h2.898Zm-5.031.464v23.051h-2.871v-12.441h-3.555v-2.461h3.555v-8.149h2.871Zm-8.613 6.289c0 4.184 1.504 8.368 5.031 10.391l-1.805 2.242c-2.283-1.367-3.8-3.719-4.648-6.535-.875 3.049-2.447 5.647-4.785 7.109l-1.86-2.269c3.582-2.16 5.141-6.645 5.141-10.938v-1.64h-4.293v-2.461h11.211v2.461h-3.992v1.64Zm25.429-2.461c0 3.036 1.969 6.043 5.852 7.329l-1.531 2.351c-2.762-.916-4.731-2.775-5.797-5.086-1.107 2.53-3.158 4.539-6.043 5.524l-1.613-2.352c3.992-1.312 6.07-4.512 6.07-7.766v-.3h-5.223v-2.434h13.426v2.434h-5.141v.3Zm10.637-4.292v6.179h3.446v2.543h-3.446v6.18h-3.035v-14.902h3.035Zm0 16.05v8.668h-3.035v-6.234h-13.426v-2.434h16.461Zm27.235-4.703v2.461h-9.789v2.051c4.429.301 7.027 1.832 7.054 4.402-.027 2.844-3.226 4.43-8.558 4.43-5.387 0-8.614-1.586-8.614-4.43 0-2.57 2.625-4.115 7.11-4.402v-2.051h-9.735v-2.461h22.532Zm-11.293 6.809c-3.61.027-5.551.738-5.524 2.105-.027 1.367 1.914 2.106 5.524 2.106 3.527 0 5.496-.739 5.523-2.106-.027-1.367-1.996-2.078-5.523-2.105Zm9.269-17.063v2.434h-7.109c.478 2.037 3.431 3.869 8.066 4.293l-1.066 2.406c-4.485-.451-7.821-2.242-9.16-4.758-1.34 2.502-4.621 4.307-9.106 4.758l-1.039-2.406c4.539-.424 7.492-2.283 8.012-4.293h-7.055v-2.434h18.457Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-savyg:before,html[dark=true] .thumb-savyg:before,body.thema_dark .thumb-savyg:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 170 138'%3e%3crect width='68' height='68' x='51' y='6.973' stroke='%235E636E' stroke-width='4' rx='34'/%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-linejoin='round' stroke-width='5.625' d='M85 42.458V28.116m0 25.61v.104'/%3e%3cpath fill='%235E636E' d='M12.115 108.617c-.164-1.695-1.613-2.679-3.746-2.679-2.242 0-3.61 1.093-3.61 2.57 0 1.668 1.75 2.351 3.391 2.734l1.86.492c2.953.684 5.797 2.243 5.797 5.688 0 3.473-2.735 5.851-7.493 5.851-4.62 0-7.52-2.214-7.683-6.125h3.5c.164 2.079 1.914 3.09 4.156 3.09 2.352 0 3.965-1.148 3.965-2.843 0-1.559-1.45-2.215-3.582-2.762l-2.242-.574c-3.254-.848-5.278-2.489-5.278-5.332 0-3.5 3.118-5.825 7.274-5.825 4.21 0 7.055 2.379 7.11 5.715h-3.419Zm8.86 14.356h-3.801l6.973-19.797h4.375l7 19.797H31.72l-1.64-4.895h-7.466l-1.64 4.895Zm2.597-7.766h5.551l-2.707-7.984h-.164l-2.68 7.984Zm14.656-12.031 5.141 15.613h.219l5.168-15.613h3.91l-7 19.797h-4.375l-6.973-19.797h3.91Zm15.422 0h4.02l4.867 8.75h.191l4.868-8.75h4.02l-7.192 12.386v7.411h-3.555v-7.411l-7.219-12.386Zm32.403 6.316c-.63-2.105-2.27-3.39-4.676-3.39-3.2 0-5.496 2.488-5.496 6.945 0 4.512 2.27 7 5.578 7 2.98 0 4.894-1.805 4.95-4.621h-4.595v-2.817h8.04v2.379c0 5.086-3.5 8.258-8.395 8.258-5.469 0-9.16-3.883-9.16-10.172 0-6.344 3.855-10.172 9.05-10.172 4.376 0 7.739 2.707 8.34 6.59h-3.636Zm33.933-8.804v24.718h-2.898v-24.718h2.898Zm-5.031.464v23.051h-2.871v-12.441h-3.555v-2.461h3.555v-8.149h2.871Zm-8.613 6.289c0 4.184 1.504 8.368 5.031 10.391l-1.805 2.242c-2.283-1.367-3.8-3.719-4.648-6.535-.875 3.049-2.447 5.647-4.785 7.109l-1.86-2.269c3.582-2.16 5.141-6.645 5.141-10.938v-1.64h-4.293v-2.461h11.211v2.461h-3.992v1.64Zm25.429-2.461c0 3.036 1.969 6.043 5.852 7.329l-1.531 2.351c-2.762-.916-4.731-2.775-5.797-5.086-1.107 2.53-3.158 4.539-6.043 5.524l-1.613-2.352c3.992-1.312 6.07-4.512 6.07-7.766v-.3h-5.223v-2.434h13.426v2.434h-5.141v.3Zm10.637-4.292v6.179h3.446v2.543h-3.446v6.18h-3.035v-14.902h3.035Zm0 16.05v8.668h-3.035v-6.234h-13.426v-2.434h16.461Zm27.235-4.703v2.461h-9.789v2.051c4.429.301 7.027 1.832 7.054 4.402-.027 2.844-3.226 4.43-8.558 4.43-5.387 0-8.614-1.586-8.614-4.43 0-2.57 2.625-4.115 7.11-4.402v-2.051h-9.735v-2.461h22.532Zm-11.293 6.809c-3.61.027-5.551.738-5.524 2.105-.027 1.367 1.914 2.106 5.524 2.106 3.527 0 5.496-.739 5.523-2.106-.027-1.367-1.996-2.078-5.523-2.105Zm9.269-17.063v2.434h-7.109c.478 2.037 3.431 3.869 8.066 4.293l-1.066 2.406c-4.485-.451-7.821-2.242-9.16-4.758-1.34 2.502-4.621 4.307-9.106 4.758l-1.039-2.406c4.539-.424 7.492-2.283 8.012-4.293h-7.055v-2.434h18.457Z'/%3e%3c/svg%3e")
}

.thumb-text {
    position: relative
}

.thumb-text p {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #555;
    font-size: 13px;
    line-height: 1.31;
    text-align: center
}

[dark=true] .thumb-text p,html[dark=true] .thumb-text p,body.thema_dark .thumb-text p {
    color: #b3b3b3
}

.catch_area .thumb-default:before,.catch_story_area .thumb-default:before,.catch_hz_box .thumb-default:before,.catch_story_box .thumb-default:before,.vod-catch-list .thumb-default:before,.catch-story-list .thumb-default:before {
    width: 55%;
    height: auto
}

.catch_area .thumb-adult::before,.catch_area .thumb-lock::before,.catch_area .thumb-lock_adult::before,.catch_story_area .thumb-adult::before,.catch_story_area .thumb-lock::before,.catch_story_area .thumb-lock_adult::before,.catch_hz_box .thumb-adult::before,.catch_hz_box .thumb-lock::before,.catch_hz_box .thumb-lock_adult::before,.catch_story_box .thumb-adult::before,.catch_story_box .thumb-lock::before,.catch_story_box .thumb-lock_adult::before,.vod-catch-list .thumb-adult::before,.vod-catch-list .thumb-lock::before,.vod-catch-list .thumb-lock_adult::before,.catch-story-list .thumb-adult::before,.catch-story-list .thumb-lock::before,.catch-story-list .thumb-lock_adult::before {
    height: 27.7%
}

.catch_area .thumb-encoding::before,.catch_area .thumb-del::before,.catch_area .thumb-blind::before,.catch_area .thumb-converting::before,.catch_area .thumb-upload::before,.catch_area .thumb-savyg::before,.catch_area .thumb-private::before,.catch_story_area .thumb-encoding::before,.catch_story_area .thumb-del::before,.catch_story_area .thumb-blind::before,.catch_story_area .thumb-converting::before,.catch_story_area .thumb-upload::before,.catch_story_area .thumb-savyg::before,.catch_story_area .thumb-private::before,.catch_hz_box .thumb-encoding::before,.catch_hz_box .thumb-del::before,.catch_hz_box .thumb-blind::before,.catch_hz_box .thumb-converting::before,.catch_hz_box .thumb-upload::before,.catch_hz_box .thumb-savyg::before,.catch_hz_box .thumb-private::before,.catch_story_box .thumb-encoding::before,.catch_story_box .thumb-del::before,.catch_story_box .thumb-blind::before,.catch_story_box .thumb-converting::before,.catch_story_box .thumb-upload::before,.catch_story_box .thumb-savyg::before,.catch_story_box .thumb-private::before,.vod-catch-list .thumb-encoding::before,.vod-catch-list .thumb-del::before,.vod-catch-list .thumb-blind::before,.vod-catch-list .thumb-converting::before,.vod-catch-list .thumb-upload::before,.vod-catch-list .thumb-savyg::before,.vod-catch-list .thumb-private::before,.catch-story-list .thumb-encoding::before,.catch-story-list .thumb-del::before,.catch-story-list .thumb-blind::before,.catch-story-list .thumb-converting::before,.catch-story-list .thumb-upload::before,.catch-story-list .thumb-savyg::before,.catch-story-list .thumb-private::before {
    height: 33.8%
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: local("Pretendard Black"),url("/font/Pretendard-Black.woff2") format("woff2"),url("/font/Pretendard-Black.woff") format("woff")
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local("Pretendard ExtraBold"),url("/font/Pretendard-ExtraBold.woff2") format("woff2"),url("/font/Pretendard-ExtraBold.woff") format("woff")
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local("Pretendard Bold"),url("/font/Pretendard-Bold.woff2") format("woff2"),url("/font/Pretendard-Bold.woff") format("woff")
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local("Pretendard SemiBold"),url("/font/Pretendard-SemiBold.woff2") format("woff2"),url("/font/Pretendard-SemiBold.woff") format("woff")
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local("Pretendard Medium"),url("/font/Pretendard-Medium.woff2") format("woff2"),url("/font/Pretendard-Medium.woff") format("woff")
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local("Pretendard Regular"),url("/font/Pretendard-Regular.woff2") format("woff2"),url("/font/Pretendard-Regular.woff") format("woff")
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local("Pretendard Light"),url("/font/Pretendard-Light.woff2") format("woff2"),url("/font/Pretendard-Light.woff") format("woff")
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
    src: local("Pretendard ExtraLight"),url("/font/Pretendard-ExtraLight.woff2") format("woff2"),url("/font/Pretendard-ExtraLight.woff") format("woff")
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
    src: local("Pretendard Thin"),url("/font/Pretendard-Thin.woff2") format("woff2"),url("/font/Pretendard-Thin.woff") format("woff")
}

html * {
    font-family: "Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",helvetica,sans-serif;
    text-rendering: optimizeSpeed
}

html[lang="en"] *,body.en_US * {
    font-family: Arial,Helvetica,verdana,sans-serif !important
}

.pg_area em {
    font-style: normal
}

.pg_area {
    width: 100%;
    text-align: center;
    margin: 20px auto 0 !important
}

.pg_area a,.pg_area em {
    font-size: 11px;
    color: #666;
    display: inline-block;
    font-family: tahoma;
    padding: 2px 6px 3px 6px;
    margin: 0 3px;
    line-height: 15px
}

.pg_area a {
    text-decoration: none
}

.pg_area a:hover {
    border: 1px solid #396fcb;
    color: #396fcb;
    text-decoration: none
}

.pg_area a {
    border: 1px solid #fff
}

.pg_area em {
    border: 1px solid #396fcb;
    color: #396fcb;
    font-weight: normal
}

.pg_area .btn_next,.pg_area .btn_prev {
    background: url(/images/common/icon_common.png) -9999px -9999px no-repeat;
    font-weight: normal;
    width: auto
}

.pg_area .btn_prev:hover,.pg_area .btn_next:hover {
    border: 1px solid transparent
}

.pg_area .btn_prev {
    background-position: 0 4px;
    padding-left: 11px;
    margin-right: 12px
}

.pg_area .btn_next {
    background-position: right -26px;
    padding-right: 11px;
    margin-left: 9px
}

.pg_area .none {
    display: none
}

@-moz-document url-prefix() {
    .pg_area .btn_prev {
        background-position: 0 6px
    }

    .pg_area .btn_next {
        background-position: right -24px
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .pg_area .btn_prev {
        background-position:0 6px
    }

    .pg_area .btn_next {
        background-position: right -24px
    }
}

html[dark=true] body .pg_area a,body.thema_dark .pg_area a {
    border-color: #121213;
    color: #999
}

html[dark=true] body .pg_area a.btn_prev:hover,html[dark=true] body .pg_area a.btn_next:hover,body.thema_dark .pg_area a.btn_prev:hover,body.thema_dark .pg_area a.btn_next:hover {
    border-color: #121213;
    color: #7398ff
}

html[dark=true] body .pg_area a:hover,html[dark=true] body .pg_area em,body.thema_dark .pg_area a:hover,body.thema_dark .pg_area em {
    border-color: #7398ff;
    color: #7398ff
}

.feed_area {
    position: relative;
    float: left;
    display: block;
    margin-right: 12px
}

.feed_area .btn_feed {
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    background: none;
    outline: none;
    border: none;
    cursor: pointer;
    text-indent: 0
}

.feed_area .btn_feed span {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 20px;
    text-indent: -9999px;
    vertical-align: middle;
    background: url(/images/common/img_feed.png) no-repeat 0 0
}

.feed_area .btn_feed:hover span {
    background-position: -18px 0
}

.feed_area .btn_feed .ic_new {
    position: absolute;
    top: 4px;
    right: 5px;
    background: #ff1e00;
    width: 7px;
    height: 7px;
    border: 2px solid #fff;
    border-radius: 50%;
    text-indent: -9999px
}

html[dark=true] .feed_area .btn_feed .ic_new,body.thema_dark .feed_area .btn_feed .ic_new {
    border: 2px solid #1b1b1c
}

.feed_area .feed_layer {
    display: none
}

.feed_area .feed_layer *::-webkit-scrollbar {
    width: 5px !important
}

.feed_area .feed_layer .feed_btn {
    position: relative;
    width: 100%;
    margin: 16px 0 8px;
    padding: 0 32px;
    z-index: 10;
    box-sizing: border-box
}

.feed_area .feed_layer .feed_btn .inner_bx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-size: 13px;
    color: #525661
}

html[dark=true] .feed_area .feed_layer .feed_btn .inner_bx,body.thema_dark .feed_area .feed_layer .feed_btn .inner_bx {
    color: #D5D7DC
}

.feed_area .feed_layer .feed_btn .inner_bx .btn_l .all {
    display: flex;
    align-items: center
}

.feed_area .feed_layer .feed_btn .inner_bx .btn_l .all::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239196A1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.875' d='m5.417 9.674 2.94 3.41 6.226-6.25'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px
}

html[dark=true] .feed_area .feed_layer .feed_btn .inner_bx .btn_l .all::before,body.thema_dark .feed_area .feed_layer .feed_btn .inner_bx .btn_l .all::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239196A1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.875' d='m5.417 9.674 2.94 3.41 6.226-6.25'/%3e%3c/svg%3e")
}

.feed_area .feed_layer .feed_btn .inner_bx a {
    font-size: 13px;
    color: #525661
}

html[dark=true] .feed_area .feed_layer .feed_btn .inner_bx a,body.thema_dark .feed_area .feed_layer .feed_btn .inner_bx a {
    color: #D5D7DC
}

.feed_area .feed_layer .feed_btn .inner_bx a:hover {
    text-decoration: underline
}

.feed_area .feed_layer .feed_btn .inner_bx em {
    display: inline-block;
    background: #ACB0B9;
    width: 3px;
    height: 3px;
    margin: 0 6px;
    border-radius: 50%;
    font: 0/0 a;
    text-indent: -9999px;
    vertical-align: 6px
}

html[dark=true] .feed_area .feed_layer .feed_btn .inner_bx em,body.thema_dark .feed_area .feed_layer .feed_btn .inner_bx em {
    background: #9196A1
}

.feed_area .feed_layer .feed_btn+.scroll_area {
    height: 468px
}

.feed_area .feed_layer .scroll_area {
    position: relative;
    overflow: hidden auto;
    height: 512px;
    margin: 0 5px 10px 0;
    overscroll-behavior: contain;
    overscroll-behavior-y: contain
}

.feed_area .feed_layer .scroll_area .loading_feed {
    background-image: url("/images/main_new/loading.gif");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 541px;
    margin: 0;
    text-indent: -9999px
}

html[dark=true] .feed_area .feed_layer .scroll_area .loading_feed,body.thema_dark .feed_area .feed_layer .scroll_area .loading_feed {
    background-image: url("/images/main_new/loading_dark.gif")
}

.feed_area .feed_layer .scroll_area .loading_list {
    background-image: url("/images/main_new/loading.gif");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 70px;
    margin: 0;
    text-indent: -9999px
}

html[dark=true] .feed_area .feed_layer .scroll_area .loading_list,body.thema_dark .feed_area .feed_layer .scroll_area .loading_list {
    background-image: url("/images/main_new/loading_dark.gif")
}

.feed_area .feed_layer .scroll_area .scrollbar-container {
    position: absolute;
    background: none;
    z-index: 9999;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s
}

.feed_area .feed_layer .scroll_area .scrollbar-container.horizontal {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px
}

.feed_area .feed_layer .scroll_area .scrollbar-container.horizontal .scrollbar {
    background: #bbb;
    width: 20px;
    height: 8px;
    margin-top: 1px
}

.feed_area .feed_layer .scroll_area .scrollbar-container.vertical {
    top: 5px;
    right: 5px;
    width: 5px;
    height: 100%
}

.feed_area .feed_layer .scroll_area .scrollbar-container.vertical .scrollbar {
    background: #bbb;
    width: 5px;
    height: 20px
}

.feed_area .feed_layer .scroll_area .scrollbar-container:hover .scrollbar {
    background: #afafaf
}

.feed_area .feed_layer .scroll_area .scrollbar-container.active .scrollbar {
    background: #afafaf
}

.feed_area .feed_layer .scroll_area .feed_list {
    margin-bottom: -10px;
    padding-right: 27px
}

.feed_area .feed_layer .feed_list {
    padding: 10px 32px 0 32px
}

.feed_area .feed_layer .feed_list li {
    display: flex;
    position: relative;
    background: transparent;
    margin-bottom: 10px;
    border-radius: 8px;
    transition: all .2s
}

.feed_area .feed_layer .feed_list li:last-child {
    margin-bottom: 0
}

.feed_area .feed_layer .feed_list li:hover {
    background: #F1F2F4 !important
}

html[dark=true] .feed_area .feed_layer .feed_list li:hover,body.thema_dark .feed_area .feed_layer .feed_list li:hover {
    background: #3B3D45 !important
}

.feed_area .feed_layer .feed_list li:hover .new_window {
    opacity: 1;
    visibility: visible
}

.feed_area .feed_layer .feed_list li:hover .btn_delete {
    opacity: 1;
    visibility: visible
}

.feed_area .feed_layer .feed_list li.unlead {
    background-color: rgba(1,130,255,0.05)
}

.feed_area .feed_layer .feed_list li.photo .link {
    padding-right: 120px
}

.feed_area .feed_layer .feed_list li .profile {
    display: block;
    position: absolute;
    top: 12px;
    left: 12px;
    width: 42px;
    height: 42px
}

.feed_area .feed_layer .feed_list li .profile img {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(117,123,138,0.1);
    border-radius: 50%;
    object-fit: cover
}

.feed_area .feed_layer .feed_list li .profile [class^=icf] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 18px;
    height: 18px;
    font: 0/0 a
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_live {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3cpath fill='%23FCFCFD' d='M11.679 10.476v-3.6h2.491v.69h-1.646v.761h1.517v.692h-1.517v.765h1.651v.692H11.68ZM8.68 6.875l.82 2.656h.03l.821-2.656h.945l-1.218 3.6H8.954l-1.224-3.6h.95ZM7.352 6.875v3.6h-.845v-3.6h.845ZM3.707 10.476v-3.6h.846v2.908h1.511v.692H3.707Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_vod {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3crect width='8.3' height='6.3' x='4.85' y='5.85' stroke='%23FCFCFD' stroke-width='.7' rx='1.15'/%3e%3cpath fill='%23FCFCFD' d='M10.088 8.683a.4.4 0 0 1 0 .634l-1.194.92a.4.4 0 0 1-.644-.318V8.081a.4.4 0 0 1 .644-.317l1.194.919Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_bj_post,.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_strm_post {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-width='.7' d='M8.5 12.5H7a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M11.49 13.225a.25.25 0 0 1-.177.073h-.963a.25.25 0 0 1-.25-.25v-.963a.25.25 0 0 1 .073-.177l3.332-3.331a.25.25 0 0 1 .353 0l.963.963a.25.25 0 0 1 0 .353l-3.331 3.332ZM12.778 9.303l1.316 1.316'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-width='.7' d='M7.75 7h2.5M7.75 8.5h2.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_bj_msg,.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_strm_msg {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3crect width='2.879' height='5.657' x='7.56' y='4.286' fill='%23FCFCFD' rx='1.44'/%3e%3crect width='1.2' height='2.357' x='8.4' y='11.572' fill='%23FCFCFD' rx='.6'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-width='.7' d='M12.178 8.545c0 1.68-1.423 3.043-3.178 3.043s-3.178-1.362-3.178-3.043'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_bj_text,.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_strm_text {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3cpath fill='%23FCFCFD' d='M10.223 11.152v-.42a.42.42 0 0 0-.373.226l.373.194ZM9 13.5l-.379.181a.42.42 0 0 0 .752.013L9 13.5Zm-1.125-2.348.379-.181a.42.42 0 0 0-.379-.239v.42ZM6.601 6.18a.42.42 0 1 0 0 .84v-.84Zm4.2.84a.42.42 0 0 0 0-.84v.84ZM6.6 8.58a.42.42 0 1 0 0 .84v-.84Zm2.4.84a.42.42 0 1 0 0-.84v.84Zm.85 1.538-1.224 2.348.745.388 1.223-2.348-.745-.388Zm-.472 2.36-1.125-2.347-.758.363 1.125 2.348.758-.364Zm-1.504-2.586h-2.25v.84h2.25v-.84Zm-2.955-.705V5.625h-.84v4.402h.84Zm.705-5.107h6.75v-.84h-6.75v.84Zm7.455.705v4.402h.84V5.625h-.84Zm-.705 5.107h-2.152v.84h2.152v-.84Zm.705-.705c0 .39-.316.705-.705.705v.84c.853 0 1.545-.691 1.545-1.545h-.84Zm-.705-5.107c.39 0 .705.316.705.705h.84c0-.853-.692-1.545-1.545-1.545v.84Zm-7.455.705c0-.39.316-.705.705-.705v-.84c-.853 0-1.545.692-1.545 1.545h.84Zm.705 5.107a.705.705 0 0 1-.705-.705h-.84c0 .854.692 1.545 1.545 1.545v-.84Zm.976-3.712h4.2v-.84H6.6v.84Zm0 2.4H9v-.84H6.6v.84Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_sticker {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23FF008A' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.84' d='M5.17 6.55c0-.762.618-1.38 1.38-1.38h4.9c.762 0 1.38.618 1.38 1.38v3.1a3.18 3.18 0 0 1-3.18 3.18h-3.1a1.38 1.38 0 0 1-1.38-1.38v-4.9Z'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.84' d='M12.5 9.437h-1.2a1.8 1.8 0 0 0-1.8 1.8v1.2'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_balloon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23FF008A' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.84' d='M5.07 8.35a3.93 3.93 0 1 1 7.86 0 3.93 3.93 0 0 1-7.86 0Z'/%3e%3cpath fill='%23fff' fill-rule='evenodd' stroke='%23fff' stroke-linejoin='round' stroke-width='.36' d='M10.079 8.595a.123.123 0 0 0-.036.11l.19 1.093a.126.126 0 0 1-.184.131l-.99-.515a.128.128 0 0 0-.118 0l-.99.515a.126.126 0 0 1-.183-.131l.189-1.092a.123.123 0 0 0-.036-.11l-.802-.774a.124.124 0 0 1 .07-.213l1.108-.16a.126.126 0 0 0 .095-.067l.495-.994a.127.127 0 0 1 .226 0l.495.994a.126.126 0 0 0 .095.068l1.108.159c.104.015.145.14.07.213l-.802.773Z' clip-rule='evenodd'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.84' d='M9.148 12.5c0 .71.336 1.064.504 1.152'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_ad {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23FF008A' rx='9'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M8.679 9.504 7.903 7.37a.267.267 0 0 0-.502 0l-.776 2.134M9.578 9.504v-2.31h.77c.513 0 1.027.385 1.027 1.155s-.514 1.155-1.027 1.155h-.77ZM6.882 8.854h1.54'/%3e%3cpath stroke='%23FCFCFD' stroke-width='.7' d='M5 8.35a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M9.148 12.5c0 .71.336 1.064.504 1.152'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_subscribe {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23FF008A' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.84' d='M12.89 10.448c1.44 0 1.76-1.058 1.76-1.9 0-.842-.368-1.9-1.76-1.9'/%3e%3cpath stroke='%23fff' stroke-linejoin='round' stroke-width='.84' d='M5.35 6.644a1.8 1.8 0 0 1 1.8-1.8h3.902a1.8 1.8 0 0 1 1.8 1.8v2.77a3.75 3.75 0 1 1-7.501 0v-2.77Z'/%3e%3cpath fill='%23fff' fill-rule='evenodd' stroke='%23fff' stroke-linejoin='round' stroke-width='.36' d='M10.18 9.17a.123.123 0 0 0-.036.111l.19 1.092a.126.126 0 0 1-.184.132l-.99-.516a.128.128 0 0 0-.118 0l-.99.516a.126.126 0 0 1-.183-.132l.189-1.092a.123.123 0 0 0-.036-.11l-.802-.773a.124.124 0 0 1 .07-.213l1.108-.16a.126.126 0 0 0 .094-.068l.496-.993a.127.127 0 0 1 .226 0l.495.993a.126.126 0 0 0 .095.068l1.108.16c.103.015.144.14.07.213l-.802.773Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_message {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%230182FF' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.7' d='M11.727 9.588V5.399a.75.75 0 0 0-.75-.75H7.023a.75.75 0 0 0-.75.75v4.437'/%3e%3cpath stroke='%23fff' stroke-width='.7' d='m11.504 4.877-6.047 5.82a.75.75 0 0 0-.01 1.07l1.408 1.41a.75.75 0 0 0 1.06 0l3.868-3.868'/%3e%3cpath stroke='%23fff' stroke-width='.7' d='m6.546 4.877 5.931 5.492a1 1 0 0 1 .028 1.441l-1.26 1.26a.75.75 0 0 1-1.01.046l-.905-.753-.136-.11'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_text {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%230182FF' rx='9'/%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M13.085 9.59a.35.35 0 1 0-.49.5l.408.4H12.4a1.71 1.71 0 0 0-1.71 1.71.35.35 0 1 0 .7 0c0-.557.452-1.01 1.01-1.01h.778l-.589.606a.35.35 0 0 0 .502.488l1.095-1.126a.35.35 0 0 0-.006-.494L13.085 9.59Z' clip-rule='evenodd'/%3e%3cpath fill='%23fff' d='M8.6 11.037v-.35a.35.35 0 0 0-.253.108l.253.242ZM7.071 12.64h-.35a.35.35 0 0 0 .604.242l-.254-.242Zm0-1.603h.35a.35.35 0 0 0-.35-.35v.35Zm.21-4.107a.35.35 0 0 0 0 .7v-.7Zm3.36.7a.35.35 0 1 0 0-.7v.7ZM7.28 8.85a.35.35 0 0 0 0 .7v-.7Zm1.92.7a.35.35 0 1 0 0-.7v.7ZM12.69 8a.35.35 0 1 0 .7 0h-.7ZM9.2 11.387a.35.35 0 1 0 0-.7v.7Zm-.854-.592L6.818 12.4l.507.483 1.528-1.604-.506-.483ZM7.42 12.64v-1.603h-.7v1.603h.7Zm-.35-1.953h-.75v.7h.75v-.7Zm-1.36-.61V6.32h-.7v3.757h.7Zm.61-4.367h5.76v-.7H6.32v.7Zm5.76 0a.61.61 0 0 1 .61.61h.7a1.31 1.31 0 0 0-1.31-1.31v.7Zm-6.37.61a.61.61 0 0 1 .61-.61v-.7a1.31 1.31 0 0 0-1.31 1.31h.7Zm.61 4.367a.61.61 0 0 1-.61-.61h-.7c0 .723.586 1.31 1.31 1.31v-.7Zm.96-3.057h3.36v-.7H7.28v.7Zm0 1.92H9.2v-.7H7.28v.7Zm5.41-3.23V8h.7V6.32h-.7ZM9.2 10.687H8.6v.7h.6v-.7Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_up {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%230182FF' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.7' d='M7.22 11.908V7.75l1.169-2.768a1 1 0 0 1 1.028-.605l.022.002a1 1 0 0 1 .893.994v1.333c0 .138.112.25.25.25h1.976a.9.9 0 0 1 .882 1.078l-.697 3.443a1.5 1.5 0 0 1-1.47 1.202H8.78c-.089 0-.178-.012-.263-.035l-.93-.254a.5.5 0 0 1-.368-.482ZM5.138 8.75a1 1 0 0 1 1-1h.58a.5.5 0 0 1 .5.5v3.48a.5.5 0 0 1-.5.5h-.58a1 1 0 0 1-1-1V8.75Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_mytext {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%2301B47F' rx='9'/%3e%3cpath fill='%23fff' d='M10.223 11.152v-.42a.42.42 0 0 0-.373.226l.373.194ZM9 13.5l-.379.181a.42.42 0 0 0 .752.013L9 13.5Zm-1.125-2.348.379-.181a.42.42 0 0 0-.379-.239v.42ZM6.601 6.18a.42.42 0 1 0 0 .84v-.84Zm4.2.84a.42.42 0 0 0 0-.84v.84ZM6.6 8.58a.42.42 0 1 0 0 .84v-.84Zm2.4.84a.42.42 0 1 0 0-.84v.84Zm.85 1.538-1.224 2.348.745.388 1.223-2.348-.745-.388Zm-.472 2.36-1.125-2.347-.758.363 1.125 2.348.758-.364Zm-1.504-2.586h-2.25v.84h2.25v-.84Zm-2.955-.705V5.625h-.84v4.402h.84Zm.705-5.107h6.75v-.84h-6.75v.84Zm7.455.705v4.402h.84V5.625h-.84Zm-.705 5.107h-2.152v.84h2.152v-.84Zm.705-.705c0 .39-.316.705-.705.705v.84c.853 0 1.545-.691 1.545-1.545h-.84Zm-.705-5.107c.39 0 .705.316.705.705h.84c0-.853-.692-1.545-1.545-1.545v.84Zm-7.455.705c0-.39.316-.705.705-.705v-.84c-.853 0-1.545.692-1.545 1.545h.84Zm.705 5.107a.705.705 0 0 1-.705-.705h-.84c0 .854.692 1.545 1.545 1.545v-.84Zm.976-3.712h4.2v-.84H6.6v.84Zm0 2.4H9v-.84H6.6v.84Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_mypost {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%2301B47F' rx='9'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-width='.7' d='M8.5 12.5H7a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M11.49 13.225a.25.25 0 0 1-.177.073h-.963a.25.25 0 0 1-.25-.25v-.963a.25.25 0 0 1 .073-.177l3.332-3.33a.25.25 0 0 1 .353 0l.963.962a.25.25 0 0 1 0 .353l-3.331 3.332ZM12.778 9.303l1.316 1.316'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-width='.7' d='M7.75 7h2.5M7.75 8.5h2.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_myvod {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%2301B47F' rx='9'/%3e%3crect width='9.486' height='7.2' x='4.4' y='5.4' stroke='%23fff' stroke-width='.8' rx='1.314'/%3e%3cpath fill='%23fff' d='M10.387 8.638a.457.457 0 0 1 0 .724l-1.365 1.05a.457.457 0 0 1-.736-.361V7.949c0-.38.435-.593.736-.362l1.365 1.05Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .link {
    display: block;
    overflow: hidden;
    min-height: 85px;
    padding: 12px 34px 12px 61px;
    color: inherit !important;
    box-sizing: border-box;
    text-decoration: none !important
}

.feed_area .feed_layer .feed_list li .link .txt {
    display: -webkit-box;
    overflow: hidden;
    max-height: fit-content;
    color: #525661;
    font-size: 14px;
    line-height: 1.4 !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all
}

html[dark=true] .feed_area .feed_layer .feed_list li .link .txt,body.thema_dark .feed_area .feed_layer .feed_list li .link .txt {
    color: #D5D7DC
}

.feed_area .feed_layer .feed_list li .link .txt .nickname {
    padding: 0;
    color: #17191C;
    font-size: 14px;
    font-weight: normal
}

html[dark=true] .feed_area .feed_layer .feed_list li .link .txt .nickname,body.thema_dark .feed_area .feed_layer .feed_list li .link .txt .nickname {
    color: #E2E4E9
}

.feed_area .feed_layer .feed_list li .link .date {
    display: block;
    overflow: hidden;
    padding-top: 4px;
    color: #ACB0B9;
    font-size: 12px;
    text-overflow: ellipsis
}

html[dark=true] .feed_area .feed_layer .feed_list li .link .date,body.thema_dark .feed_area .feed_layer .feed_list li .link .date {
    color: #757B8A
}

.feed_area .feed_layer .feed_list li .link .date em {
    margin: 0 5px
}

.feed_area .feed_layer .feed_list li .link .photo {
    position: absolute;
    top: 12px;
    right: 34px;
    overflow: hidden;
    width: 80px;
    height: 45px;
    margin-left: 6px
}

.feed_area .feed_layer .feed_list li .link .photo img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    min-height: 45px
}

.feed_area .feed_layer .feed_list li .btn_delete {
    position: absolute;
    top: 12px;
    right: 12px;
    overflow: hidden;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%23ACB0B9' d='M12.296 4.89a.5.5 0 0 0-.708-.708l.708.707Zm-8.592 7.176a.5.5 0 0 0 .707.707l-.707-.707Zm7.884.707a.5.5 0 1 0 .708-.707l-.708.707Zm-7.177-8.59a.5.5 0 0 0-.707.706l.707-.707Zm7.177 0-7.884 7.883.707.707 7.885-7.884-.708-.707Zm.708 7.883L4.41 4.182l-.707.707 7.884 7.884.708-.707Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    font: 0/0 a;
    opacity: 0;
    visibility: hidden
}

.feed_area .feed_layer .feed_list li .btn_delete:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%230182FF' d='M12.296 4.89a.5.5 0 0 0-.708-.708l.708.707Zm-8.592 7.176a.5.5 0 0 0 .707.707l-.707-.707Zm7.884.707a.5.5 0 1 0 .708-.707l-.708.707Zm-7.177-8.59a.5.5 0 0 0-.707.706l.707-.707Zm7.177 0-7.884 7.883.707.707 7.885-7.884-.708-.707Zm.708 7.883L4.41 4.182l-.707.707 7.884 7.884.708-.707Z'/%3e%3c/svg%3e")
}

.feed_area .feed_layer .feed_list li .new_window {
    position: absolute;
    bottom: 12px;
    right: 13px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%23ACB0B9' d='M6.162 2.833a.5.5 0 1 0 0-1v1Zm5.422 4.422a.5.5 0 0 0-1 0h1ZM8.349 1.834a.5.5 0 1 0 0 1v-1Zm2.735.5h.5a.5.5 0 0 0-.5-.5v.5Zm-.5 2.46a.5.5 0 0 0 1 0h-1ZM6.08 6.628a.5.5 0 1 0 .707.707l-.707-.707ZM1.833 3.974v5.469h1V3.974h-1Zm2.141 7.61h5.469v-1H3.974v1Zm2.188-9.75H3.974v1h2.188v-1Zm5.422 7.609V7.255h-1v2.188h1Zm-2.141 2.14a2.14 2.14 0 0 0 2.14-2.14h-1c0 .63-.51 1.14-1.14 1.14v1Zm-7.61-2.14a2.14 2.14 0 0 0 2.141 2.14v-1c-.63 0-1.14-.51-1.14-1.14h-1Zm1-5.469c0-.63.511-1.14 1.141-1.14v-1a2.14 2.14 0 0 0-2.14 2.14h1Zm5.516-1.14h2.735v-1H8.349v1Zm2.235-.5v2.46h1v-2.46h-1Zm.146-.354L6.081 6.628l.707.707 4.649-4.648-.707-.707Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 14px;
    height: 14px;
    font: 0/0 a;
    opacity: 0;
    visibility: hidden
}

.feed_area .feed_layer .feed_list li .new_window:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%230182FF' d='M6.162 2.833a.5.5 0 1 0 0-1v1Zm5.422 4.422a.5.5 0 0 0-1 0h1ZM8.349 1.834a.5.5 0 1 0 0 1v-1Zm2.735.5h.5a.5.5 0 0 0-.5-.5v.5Zm-.5 2.46a.5.5 0 0 0 1 0h-1ZM6.08 6.628a.5.5 0 1 0 .707.707l-.707-.707ZM1.833 3.974v5.469h1V3.974h-1Zm2.141 7.61h5.469v-1H3.974v1Zm2.188-9.75H3.974v1h2.188v-1Zm5.422 7.609V7.255h-1v2.188h1Zm-2.141 2.14a2.14 2.14 0 0 0 2.14-2.14h-1c0 .63-.51 1.14-1.14 1.14v1Zm-7.61-2.14a2.14 2.14 0 0 0 2.141 2.14v-1c-.63 0-1.14-.51-1.14-1.14h-1Zm1-5.469c0-.63.511-1.14 1.141-1.14v-1a2.14 2.14 0 0 0-2.14 2.14h1Zm5.516-1.14h2.735v-1H8.349v1Zm2.235-.5v2.46h1v-2.46h-1Zm.146-.354L6.081 6.628l.707.707 4.649-4.648-.707-.707Z'/%3e%3c/svg%3e")
}

html[dark=true] .feed_area .feed_layer .feed_list li .delete,body.thema_dark .feed_area .feed_layer .feed_list li .delete {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%239196A1' d='M12.296 4.89a.5.5 0 0 0-.708-.708l.708.707Zm-8.592 7.176a.5.5 0 0 0 .707.707l-.707-.707Zm7.884.707a.5.5 0 1 0 .708-.707l-.708.707Zm-7.177-8.59a.5.5 0 0 0-.707.706l.707-.707Zm7.177 0-7.884 7.883.707.707 7.885-7.884-.708-.707Zm.708 7.883L4.41 4.182l-.707.707 7.884 7.884.708-.707Z'/%3e%3c/svg%3e")
}

html[dark=true] .feed_area .feed_layer .feed_list li .delete:hover,body.thema_dark .feed_area .feed_layer .feed_list li .delete:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%230182FF' d='M12.296 4.89a.5.5 0 0 0-.708-.708l.708.707Zm-8.592 7.176a.5.5 0 0 0 .707.707l-.707-.707Zm7.884.707a.5.5 0 1 0 .708-.707l-.708.707Zm-7.177-8.59a.5.5 0 0 0-.707.706l.707-.707Zm7.177 0-7.884 7.883.707.707 7.885-7.884-.708-.707Zm.708 7.883L4.41 4.182l-.707.707 7.884 7.884.708-.707Z'/%3e%3c/svg%3e")
}

html[dark=true] .feed_area .feed_layer .feed_list li .new_view,body.thema_dark .feed_area .feed_layer .feed_list li .new_view {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%239196A1' d='M6.162 2.833a.5.5 0 1 0 0-1v1Zm5.422 4.422a.5.5 0 0 0-1 0h1ZM8.349 1.834a.5.5 0 1 0 0 1v-1Zm2.735.5h.5a.5.5 0 0 0-.5-.5v.5Zm-.5 2.46a.5.5 0 0 0 1 0h-1ZM6.08 6.628a.5.5 0 1 0 .707.707l-.707-.707ZM1.833 3.974v5.469h1V3.974h-1Zm2.141 7.61h5.469v-1H3.974v1Zm2.188-9.75H3.974v1h2.188v-1Zm5.422 7.609V7.255h-1v2.188h1Zm-2.141 2.14a2.14 2.14 0 0 0 2.14-2.14h-1c0 .63-.51 1.14-1.14 1.14v1Zm-7.61-2.14a2.14 2.14 0 0 0 2.141 2.14v-1c-.63 0-1.14-.51-1.14-1.14h-1Zm1-5.469c0-.63.511-1.14 1.141-1.14v-1a2.14 2.14 0 0 0-2.14 2.14h1Zm5.516-1.14h2.735v-1H8.349v1Zm2.235-.5v2.46h1v-2.46h-1Zm.146-.354L6.081 6.628l.707.707 4.649-4.648-.707-.707Z'/%3e%3c/svg%3e")
}

html[dark=true] .feed_area .feed_layer .feed_list li .new_view:hover,body.thema_dark .feed_area .feed_layer .feed_list li .new_view:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%230182FF' d='M6.162 2.833a.5.5 0 1 0 0-1v1Zm5.422 4.422a.5.5 0 0 0-1 0h1ZM8.349 1.834a.5.5 0 1 0 0 1v-1Zm2.735.5h.5a.5.5 0 0 0-.5-.5v.5Zm-.5 2.46a.5.5 0 0 0 1 0h-1ZM6.08 6.628a.5.5 0 1 0 .707.707l-.707-.707ZM1.833 3.974v5.469h1V3.974h-1Zm2.141 7.61h5.469v-1H3.974v1Zm2.188-9.75H3.974v1h2.188v-1Zm5.422 7.609V7.255h-1v2.188h1Zm-2.141 2.14a2.14 2.14 0 0 0 2.14-2.14h-1c0 .63-.51 1.14-1.14 1.14v1Zm-7.61-2.14a2.14 2.14 0 0 0 2.141 2.14v-1c-.63 0-1.14-.51-1.14-1.14h-1Zm1-5.469c0-.63.511-1.14 1.141-1.14v-1a2.14 2.14 0 0 0-2.14 2.14h1Zm5.516-1.14h2.735v-1H8.349v1Zm2.235-.5v2.46h1v-2.46h-1Zm.146-.354L6.081 6.628l.707.707 4.649-4.648-.707-.707Z'/%3e%3c/svg%3e")
}

.feed_area .feed_layer .no_feed {
    text-align: center
}

.feed_area .feed_layer .no_feed::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 50 50'%3e%3cpath fill='%23ACB0B9' d='m42.13 27.083.745-.082a.526.526 0 0 0-.002-.019l-.743.101Zm-34.26 0-.743-.1a.733.733 0 0 0-.002.017l.745.083Zm23.608 2.783.624.416-.624-.416Zm-.456.684-.624-.416.624.416Zm-12.044 0 .624-.416-.624.416Zm-.456-.684-.624.416.624-.416Zm-11.5 4.86.745.083-.746-.083Zm35.957 0 .745-.082-.745.082Zm-2.661-20.984.743-.1-.743.1Zm-30.636 0-.743-.1.743.1Zm11.151 8.425a.75.75 0 0 0 0 1.5v-1.5Zm8.334 1.5a.75.75 0 1 0 0-1.5v1.5Zm-12.5-7.75a.75.75 0 0 0 0 1.5v-1.5Zm16.666 1.5a.75.75 0 1 0 0-1.5v1.5ZM15.875 9.083h18.25v-1.5h-18.25v1.5Zm20.892 31.834H13.233v1.5h23.534v-1.5ZM17.898 30.282l.456.684 1.248-.832-.456-.684-1.248.832Zm6.28 3.801h1.644v-1.5h-1.644v1.5Zm7.468-3.117.456-.684-1.248-.832-.456.684 1.248.832Zm7.929-17.123 1.811 13.341 1.487-.202-1.812-13.34-1.486.201Zm1.81 13.323.849 7.643 1.49-.165L42.875 27l-1.49.165Zm-4.707.667h5.452v-1.5h-5.452v1.5ZM7.767 34.81l.849-7.643L7.125 27l-.85 7.644 1.492.165Zm.847-7.625 1.811-13.34-1.486-.203-1.812 13.341 1.487.202Zm4.708-.85H7.87v1.5h5.452v-1.5Zm18.78 3.948a5.5 5.5 0 0 1 4.576-2.449v-1.5a7 7 0 0 0-5.824 3.117l1.248.832Zm-6.28 3.801a7 7 0 0 0 5.824-3.117l-1.248-.832a5.5 5.5 0 0 1-4.576 2.45v1.5Zm-7.468-3.117a7 7 0 0 0 5.824 3.117v-1.5a5.5 5.5 0 0 1-4.576-2.449l-1.248.832Zm.792-1.516a7 7 0 0 0-5.824-3.117v1.5a5.5 5.5 0 0 1 4.576 2.45l1.248-.833Zm-5.913 11.467a5.5 5.5 0 0 1-5.466-6.108l-1.491-.165c-.461 4.146 2.785 7.773 6.957 7.773v-1.5Zm23.534 1.5c4.172 0 7.418-3.627 6.957-7.773l-1.49.165a5.5 5.5 0 0 1-5.467 6.108v1.5ZM34.125 9.083a5.5 5.5 0 0 1 5.45 4.76l1.486-.202a7 7 0 0 0-6.936-6.058v1.5Zm-18.25-1.5a7 7 0 0 0-6.936 6.058l1.486.202a5.5 5.5 0 0 1 5.45-4.76v-1.5Zm4.958 16.084h8.334v-1.5h-8.334v1.5Zm-4.166-6.25h16.666v-1.5H16.667v1.5Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
    margin: 50px auto 0
}

html[dark=true] .feed_area .feed_layer .no_feed::before,body.thema_dark .feed_area .feed_layer .no_feed::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 50 50'%3e%3cpath fill='%239196A1' d='m42.13 27.083.745-.082a.526.526 0 0 0-.002-.019l-.743.101Zm-34.26 0-.743-.1a.733.733 0 0 0-.002.017l.745.083Zm23.608 2.783.624.416-.624-.416Zm-.456.684-.624-.416.624.416Zm-12.044 0 .624-.416-.624.416Zm-.456-.684-.624.416.624-.416Zm-11.5 4.86.745.083-.746-.083Zm35.957 0 .745-.082-.745.082Zm-2.661-20.984.743-.1-.743.1Zm-30.636 0-.743-.1.743.1Zm11.151 8.425a.75.75 0 0 0 0 1.5v-1.5Zm8.334 1.5a.75.75 0 1 0 0-1.5v1.5Zm-12.5-7.75a.75.75 0 0 0 0 1.5v-1.5Zm16.666 1.5a.75.75 0 1 0 0-1.5v1.5ZM15.875 9.083h18.25v-1.5h-18.25v1.5Zm20.892 31.834H13.233v1.5h23.534v-1.5ZM17.898 30.282l.456.684 1.248-.832-.456-.684-1.248.832Zm6.28 3.801h1.644v-1.5h-1.644v1.5Zm7.468-3.117.456-.684-1.248-.832-.456.684 1.248.832Zm7.929-17.123 1.811 13.341 1.487-.202-1.812-13.34-1.486.201Zm1.81 13.323.849 7.643 1.49-.165L42.875 27l-1.49.165Zm-4.707.667h5.452v-1.5h-5.452v1.5ZM7.767 34.81l.849-7.643L7.125 27l-.85 7.644 1.492.165Zm.847-7.625 1.811-13.34-1.486-.203-1.812 13.341 1.487.202Zm4.708-.85H7.87v1.5h5.452v-1.5Zm18.78 3.948a5.5 5.5 0 0 1 4.576-2.449v-1.5a7 7 0 0 0-5.824 3.117l1.248.832Zm-6.28 3.801a7 7 0 0 0 5.824-3.117l-1.248-.832a5.5 5.5 0 0 1-4.576 2.45v1.5Zm-7.468-3.117a7 7 0 0 0 5.824 3.117v-1.5a5.5 5.5 0 0 1-4.576-2.449l-1.248.832Zm.792-1.516a7 7 0 0 0-5.824-3.117v1.5a5.5 5.5 0 0 1 4.576 2.45l1.248-.833Zm-5.913 11.467a5.5 5.5 0 0 1-5.466-6.108l-1.491-.165c-.461 4.146 2.785 7.773 6.957 7.773v-1.5Zm23.534 1.5c4.172 0 7.418-3.627 6.957-7.773l-1.49.165a5.5 5.5 0 0 1-5.467 6.108v1.5ZM34.125 9.083a5.5 5.5 0 0 1 5.45 4.76l1.486-.202a7 7 0 0 0-6.936-6.058v1.5Zm-18.25-1.5a7 7 0 0 0-6.936 6.058l1.486.202a5.5 5.5 0 0 1 5.45-4.76v-1.5Zm4.958 16.084h8.334v-1.5h-8.334v1.5Zm-4.166-6.25h16.666v-1.5H16.667v1.5Z'/%3e%3c/svg%3e")
}

.feed_area .feed_layer .no_feed p {
    color: #757B8A;
    font-size: 14px
}

html[dark=true] .feed_area .feed_layer .no_feed p,body.thema_dark .feed_area .feed_layer .no_feed p {
    color: #9196A1
}

.feed_area .feed_layer .no_feed p em {
    display: block;
    padding: 6px 0;
    color: #525661;
    font-size: 15px;
    font-weight: 600;
    font-style: normal
}

html[dark=true] .feed_area .feed_layer .no_feed p em,body.thema_dark .feed_area .feed_layer .no_feed p em {
    color: #D5D7DC
}

.feed_area .feed_layer .no_feed p a {
    color: #757B8A;
    font-size: 14px
}

html[dark=true] .feed_area .feed_layer .no_feed p a,body.thema_dark .feed_area .feed_layer .no_feed p a {
    color: #9196A1
}

@media screen and (max-height: 670px) {
    .feed_area .feed_layer .serviceLogin {
        height:calc(100vh - 146px)
    }

    .feed_area .feed_layer .serviceLogin>.inner {
        overflow: auto;
        height: 100% !important
    }

    .feed_area .feed_layer .serviceLogin>.inner::-webkit-scrollbar-thumb {
        background: transparent
    }

    .feed_area .feed_layer #feedList .feed_btn+.scroll_area {
        height: calc(100vh - 200px) !important
    }

    .feed_area .feed_layer #feedList .scroll_area {
        height: calc(100vh - 156px) !important
    }

    .feed_area .feed_layer .serviceNotice .scroll_area {
        height: calc(100vh - 166px) !important;
        padding: 0 !important
    }

    .feed_area .feed_layer .serviceNotice .scroll_area>ul {
        padding: 0 32px
    }
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer,#serviceHeader .serviceUtil .noticeArea .feed_layer,#bs-wrap .bs-util #logArea .feed_layer {
    display: none
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer *::-webkit-scrollbar,#serviceHeader .serviceUtil .noticeArea .feed_layer *::-webkit-scrollbar,#bs-wrap .bs-util #logArea .feed_layer *::-webkit-scrollbar {
    width: 5px !important
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn,#bs-wrap .bs-util #logArea .feed_layer .feed_btn {
    position: relative;
    width: 100%;
    margin: 16px 0 8px;
    padding: 0 32px;
    z-index: 10;
    box-sizing: border-box
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx,#bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-size: 13px;
    color: #525661
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx {
    color: #D5D7DC
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx .btn_l .all,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx .btn_l .all,#bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx .btn_l .all {
    display: flex;
    align-items: center
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx .btn_l .all::before,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx .btn_l .all::before,#bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx .btn_l .all::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239196A1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.875' d='m5.417 9.674 2.94 3.41 6.226-6.25'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx .btn_l .all::before,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx .btn_l .all::before,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx .btn_l .all::before,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx .btn_l .all::before,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx .btn_l .all::before,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx .btn_l .all::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239196A1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.875' d='m5.417 9.674 2.94 3.41 6.226-6.25'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx a,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx a,#bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx a {
    font-size: 13px;
    color: #525661
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx a,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx a,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx a,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx a,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx a,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx a {
    color: #D5D7DC
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx a:hover,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx a:hover,#bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx a:hover {
    text-decoration: underline
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx em,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx em,#bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx em {
    display: inline-block;
    background: #ACB0B9;
    width: 3px;
    height: 3px;
    margin: 0 6px;
    border-radius: 50%;
    font: 0/0 a;
    text-indent: -9999px;
    vertical-align: 6px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx em,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx em,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx em,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx em,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx em,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx em {
    background: #9196A1
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn+.scroll_area,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn+.scroll_area,#bs-wrap .bs-util #logArea .feed_layer .feed_btn+.scroll_area {
    height: 468px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area,#bs-wrap .bs-util #logArea .feed_layer .scroll_area {
    position: relative;
    overflow: hidden auto;
    height: 512px;
    margin: 0 5px 10px 0;
    overscroll-behavior: contain;
    overscroll-behavior-y: contain
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .loading_feed,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .loading_feed,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .loading_feed {
    background-image: url("/images/main_new/loading.gif");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 541px;
    margin: 0;
    text-indent: -9999px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .loading_feed,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .loading_feed,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .loading_feed,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .loading_feed,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .scroll_area .loading_feed,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .scroll_area .loading_feed {
    background-image: url("/images/main_new/loading_dark.gif")
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .loading_list,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .loading_list,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .loading_list {
    background-image: url("/images/main_new/loading.gif");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 70px;
    margin: 0;
    text-indent: -9999px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .loading_list,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .loading_list,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .loading_list,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .loading_list,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .scroll_area .loading_list,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .scroll_area .loading_list {
    background-image: url("/images/main_new/loading_dark.gif")
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .scrollbar-container {
    position: absolute;
    background: none;
    z-index: 9999;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.horizontal,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.horizontal,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .scrollbar-container.horizontal {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.horizontal .scrollbar,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.horizontal .scrollbar,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .scrollbar-container.horizontal .scrollbar {
    background: #bbb;
    width: 20px;
    height: 8px;
    margin-top: 1px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.vertical,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.vertical,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .scrollbar-container.vertical {
    top: 5px;
    right: 5px;
    width: 5px;
    height: 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.vertical .scrollbar,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.vertical .scrollbar,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .scrollbar-container.vertical .scrollbar {
    background: #bbb;
    width: 5px;
    height: 20px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container:hover .scrollbar,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container:hover .scrollbar,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .scrollbar-container:hover .scrollbar {
    background: #afafaf
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.active .scrollbar,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.active .scrollbar,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .scrollbar-container.active .scrollbar {
    background: #afafaf
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .feed_list,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .feed_list,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .feed_list {
    margin-bottom: -10px;
    padding-right: 27px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list,#bs-wrap .bs-util #logArea .feed_layer .feed_list {
    padding: 10px 32px 0 32px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li,#bs-wrap .bs-util #logArea .feed_layer .feed_list li {
    display: flex;
    position: relative;
    background: transparent;
    margin-bottom: 10px;
    border-radius: 8px;
    transition: all .2s
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li:last-child,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li:last-child,#bs-wrap .bs-util #logArea .feed_layer .feed_list li:last-child {
    margin-bottom: 0
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li:hover,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li:hover,#bs-wrap .bs-util #logArea .feed_layer .feed_list li:hover {
    background: #F1F2F4 !important
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li:hover,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li:hover,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li:hover,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li:hover,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_list li:hover,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_list li:hover {
    background: #3B3D45 !important
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li:hover .new_window,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li:hover .new_window,#bs-wrap .bs-util #logArea .feed_layer .feed_list li:hover .new_window {
    opacity: 1;
    visibility: visible
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li:hover .btn_delete,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li:hover .btn_delete,#bs-wrap .bs-util #logArea .feed_layer .feed_list li:hover .btn_delete {
    opacity: 1;
    visibility: visible
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li.unlead,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li.unlead,#bs-wrap .bs-util #logArea .feed_layer .feed_list li.unlead {
    background-color: rgba(1,130,255,0.05)
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li.photo .link,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li.photo .link,#bs-wrap .bs-util #logArea .feed_layer .feed_list li.photo .link {
    padding-right: 120px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile {
    display: block;
    position: absolute;
    top: 12px;
    left: 12px;
    width: 42px;
    height: 42px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile img,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile img,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile img {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(117,123,138,0.1);
    border-radius: 50%;
    object-fit: cover
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf],#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf],#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 18px;
    height: 18px;
    font: 0/0 a
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_live,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_live,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_live {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3cpath fill='%23FCFCFD' d='M11.679 10.476v-3.6h2.491v.69h-1.646v.761h1.517v.692h-1.517v.765h1.651v.692H11.68ZM8.68 6.875l.82 2.656h.03l.821-2.656h.945l-1.218 3.6H8.954l-1.224-3.6h.95ZM7.352 6.875v3.6h-.845v-3.6h.845ZM3.707 10.476v-3.6h.846v2.908h1.511v.692H3.707Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_vod,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_vod,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_vod {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3crect width='8.3' height='6.3' x='4.85' y='5.85' stroke='%23FCFCFD' stroke-width='.7' rx='1.15'/%3e%3cpath fill='%23FCFCFD' d='M10.088 8.683a.4.4 0 0 1 0 .634l-1.194.92a.4.4 0 0 1-.644-.318V8.081a.4.4 0 0 1 .644-.317l1.194.919Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_bj_post,#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_strm_post,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_bj_post,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_strm_post,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_bj_post,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_strm_post {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-width='.7' d='M8.5 12.5H7a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M11.49 13.225a.25.25 0 0 1-.177.073h-.963a.25.25 0 0 1-.25-.25v-.963a.25.25 0 0 1 .073-.177l3.332-3.331a.25.25 0 0 1 .353 0l.963.963a.25.25 0 0 1 0 .353l-3.331 3.332ZM12.778 9.303l1.316 1.316'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-width='.7' d='M7.75 7h2.5M7.75 8.5h2.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_bj_msg,#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_strm_msg,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_bj_msg,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_strm_msg,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_bj_msg,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_strm_msg {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3crect width='2.879' height='5.657' x='7.56' y='4.286' fill='%23FCFCFD' rx='1.44'/%3e%3crect width='1.2' height='2.357' x='8.4' y='11.572' fill='%23FCFCFD' rx='.6'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-width='.7' d='M12.178 8.545c0 1.68-1.423 3.043-3.178 3.043s-3.178-1.362-3.178-3.043'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_bj_text,#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_strm_text,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_bj_text,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_strm_text,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_bj_text,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_strm_text {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3cpath fill='%23FCFCFD' d='M10.223 11.152v-.42a.42.42 0 0 0-.373.226l.373.194ZM9 13.5l-.379.181a.42.42 0 0 0 .752.013L9 13.5Zm-1.125-2.348.379-.181a.42.42 0 0 0-.379-.239v.42ZM6.601 6.18a.42.42 0 1 0 0 .84v-.84Zm4.2.84a.42.42 0 0 0 0-.84v.84ZM6.6 8.58a.42.42 0 1 0 0 .84v-.84Zm2.4.84a.42.42 0 1 0 0-.84v.84Zm.85 1.538-1.224 2.348.745.388 1.223-2.348-.745-.388Zm-.472 2.36-1.125-2.347-.758.363 1.125 2.348.758-.364Zm-1.504-2.586h-2.25v.84h2.25v-.84Zm-2.955-.705V5.625h-.84v4.402h.84Zm.705-5.107h6.75v-.84h-6.75v.84Zm7.455.705v4.402h.84V5.625h-.84Zm-.705 5.107h-2.152v.84h2.152v-.84Zm.705-.705c0 .39-.316.705-.705.705v.84c.853 0 1.545-.691 1.545-1.545h-.84Zm-.705-5.107c.39 0 .705.316.705.705h.84c0-.853-.692-1.545-1.545-1.545v.84Zm-7.455.705c0-.39.316-.705.705-.705v-.84c-.853 0-1.545.692-1.545 1.545h.84Zm.705 5.107a.705.705 0 0 1-.705-.705h-.84c0 .854.692 1.545 1.545 1.545v-.84Zm.976-3.712h4.2v-.84H6.6v.84Zm0 2.4H9v-.84H6.6v.84Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_sticker,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_sticker,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_sticker {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23FF008A' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.84' d='M5.17 6.55c0-.762.618-1.38 1.38-1.38h4.9c.762 0 1.38.618 1.38 1.38v3.1a3.18 3.18 0 0 1-3.18 3.18h-3.1a1.38 1.38 0 0 1-1.38-1.38v-4.9Z'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.84' d='M12.5 9.437h-1.2a1.8 1.8 0 0 0-1.8 1.8v1.2'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_balloon,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_balloon,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_balloon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23FF008A' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.84' d='M5.07 8.35a3.93 3.93 0 1 1 7.86 0 3.93 3.93 0 0 1-7.86 0Z'/%3e%3cpath fill='%23fff' fill-rule='evenodd' stroke='%23fff' stroke-linejoin='round' stroke-width='.36' d='M10.079 8.595a.123.123 0 0 0-.036.11l.19 1.093a.126.126 0 0 1-.184.131l-.99-.515a.128.128 0 0 0-.118 0l-.99.515a.126.126 0 0 1-.183-.131l.189-1.092a.123.123 0 0 0-.036-.11l-.802-.774a.124.124 0 0 1 .07-.213l1.108-.16a.126.126 0 0 0 .095-.067l.495-.994a.127.127 0 0 1 .226 0l.495.994a.126.126 0 0 0 .095.068l1.108.159c.104.015.145.14.07.213l-.802.773Z' clip-rule='evenodd'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.84' d='M9.148 12.5c0 .71.336 1.064.504 1.152'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_ad,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_ad,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_ad {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23FF008A' rx='9'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M8.679 9.504 7.903 7.37a.267.267 0 0 0-.502 0l-.776 2.134M9.578 9.504v-2.31h.77c.513 0 1.027.385 1.027 1.155s-.514 1.155-1.027 1.155h-.77ZM6.882 8.854h1.54'/%3e%3cpath stroke='%23FCFCFD' stroke-width='.7' d='M5 8.35a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M9.148 12.5c0 .71.336 1.064.504 1.152'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_subscribe,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_subscribe,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_subscribe {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23FF008A' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.84' d='M12.89 10.448c1.44 0 1.76-1.058 1.76-1.9 0-.842-.368-1.9-1.76-1.9'/%3e%3cpath stroke='%23fff' stroke-linejoin='round' stroke-width='.84' d='M5.35 6.644a1.8 1.8 0 0 1 1.8-1.8h3.902a1.8 1.8 0 0 1 1.8 1.8v2.77a3.75 3.75 0 1 1-7.501 0v-2.77Z'/%3e%3cpath fill='%23fff' fill-rule='evenodd' stroke='%23fff' stroke-linejoin='round' stroke-width='.36' d='M10.18 9.17a.123.123 0 0 0-.036.111l.19 1.092a.126.126 0 0 1-.184.132l-.99-.516a.128.128 0 0 0-.118 0l-.99.516a.126.126 0 0 1-.183-.132l.189-1.092a.123.123 0 0 0-.036-.11l-.802-.773a.124.124 0 0 1 .07-.213l1.108-.16a.126.126 0 0 0 .094-.068l.496-.993a.127.127 0 0 1 .226 0l.495.993a.126.126 0 0 0 .095.068l1.108.16c.103.015.144.14.07.213l-.802.773Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_message,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_message,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_message {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%230182FF' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.7' d='M11.727 9.588V5.399a.75.75 0 0 0-.75-.75H7.023a.75.75 0 0 0-.75.75v4.437'/%3e%3cpath stroke='%23fff' stroke-width='.7' d='m11.504 4.877-6.047 5.82a.75.75 0 0 0-.01 1.07l1.408 1.41a.75.75 0 0 0 1.06 0l3.868-3.868'/%3e%3cpath stroke='%23fff' stroke-width='.7' d='m6.546 4.877 5.931 5.492a1 1 0 0 1 .028 1.441l-1.26 1.26a.75.75 0 0 1-1.01.046l-.905-.753-.136-.11'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_text,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_text,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_text {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%230182FF' rx='9'/%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M13.085 9.59a.35.35 0 1 0-.49.5l.408.4H12.4a1.71 1.71 0 0 0-1.71 1.71.35.35 0 1 0 .7 0c0-.557.452-1.01 1.01-1.01h.778l-.589.606a.35.35 0 0 0 .502.488l1.095-1.126a.35.35 0 0 0-.006-.494L13.085 9.59Z' clip-rule='evenodd'/%3e%3cpath fill='%23fff' d='M8.6 11.037v-.35a.35.35 0 0 0-.253.108l.253.242ZM7.071 12.64h-.35a.35.35 0 0 0 .604.242l-.254-.242Zm0-1.603h.35a.35.35 0 0 0-.35-.35v.35Zm.21-4.107a.35.35 0 0 0 0 .7v-.7Zm3.36.7a.35.35 0 1 0 0-.7v.7ZM7.28 8.85a.35.35 0 0 0 0 .7v-.7Zm1.92.7a.35.35 0 1 0 0-.7v.7ZM12.69 8a.35.35 0 1 0 .7 0h-.7ZM9.2 11.387a.35.35 0 1 0 0-.7v.7Zm-.854-.592L6.818 12.4l.507.483 1.528-1.604-.506-.483ZM7.42 12.64v-1.603h-.7v1.603h.7Zm-.35-1.953h-.75v.7h.75v-.7Zm-1.36-.61V6.32h-.7v3.757h.7Zm.61-4.367h5.76v-.7H6.32v.7Zm5.76 0a.61.61 0 0 1 .61.61h.7a1.31 1.31 0 0 0-1.31-1.31v.7Zm-6.37.61a.61.61 0 0 1 .61-.61v-.7a1.31 1.31 0 0 0-1.31 1.31h.7Zm.61 4.367a.61.61 0 0 1-.61-.61h-.7c0 .723.586 1.31 1.31 1.31v-.7Zm.96-3.057h3.36v-.7H7.28v.7Zm0 1.92H9.2v-.7H7.28v.7Zm5.41-3.23V8h.7V6.32h-.7ZM9.2 10.687H8.6v.7h.6v-.7Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_up,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_up,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_up {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%230182FF' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.7' d='M7.22 11.908V7.75l1.169-2.768a1 1 0 0 1 1.028-.605l.022.002a1 1 0 0 1 .893.994v1.333c0 .138.112.25.25.25h1.976a.9.9 0 0 1 .882 1.078l-.697 3.443a1.5 1.5 0 0 1-1.47 1.202H8.78c-.089 0-.178-.012-.263-.035l-.93-.254a.5.5 0 0 1-.368-.482ZM5.138 8.75a1 1 0 0 1 1-1h.58a.5.5 0 0 1 .5.5v3.48a.5.5 0 0 1-.5.5h-.58a1 1 0 0 1-1-1V8.75Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_mytext,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_mytext,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_mytext {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%2301B47F' rx='9'/%3e%3cpath fill='%23fff' d='M10.223 11.152v-.42a.42.42 0 0 0-.373.226l.373.194ZM9 13.5l-.379.181a.42.42 0 0 0 .752.013L9 13.5Zm-1.125-2.348.379-.181a.42.42 0 0 0-.379-.239v.42ZM6.601 6.18a.42.42 0 1 0 0 .84v-.84Zm4.2.84a.42.42 0 0 0 0-.84v.84ZM6.6 8.58a.42.42 0 1 0 0 .84v-.84Zm2.4.84a.42.42 0 1 0 0-.84v.84Zm.85 1.538-1.224 2.348.745.388 1.223-2.348-.745-.388Zm-.472 2.36-1.125-2.347-.758.363 1.125 2.348.758-.364Zm-1.504-2.586h-2.25v.84h2.25v-.84Zm-2.955-.705V5.625h-.84v4.402h.84Zm.705-5.107h6.75v-.84h-6.75v.84Zm7.455.705v4.402h.84V5.625h-.84Zm-.705 5.107h-2.152v.84h2.152v-.84Zm.705-.705c0 .39-.316.705-.705.705v.84c.853 0 1.545-.691 1.545-1.545h-.84Zm-.705-5.107c.39 0 .705.316.705.705h.84c0-.853-.692-1.545-1.545-1.545v.84Zm-7.455.705c0-.39.316-.705.705-.705v-.84c-.853 0-1.545.692-1.545 1.545h.84Zm.705 5.107a.705.705 0 0 1-.705-.705h-.84c0 .854.692 1.545 1.545 1.545v-.84Zm.976-3.712h4.2v-.84H6.6v.84Zm0 2.4H9v-.84H6.6v.84Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_mypost,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_mypost,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_mypost {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%2301B47F' rx='9'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-width='.7' d='M8.5 12.5H7a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M11.49 13.225a.25.25 0 0 1-.177.073h-.963a.25.25 0 0 1-.25-.25v-.963a.25.25 0 0 1 .073-.177l3.332-3.33a.25.25 0 0 1 .353 0l.963.962a.25.25 0 0 1 0 .353l-3.331 3.332ZM12.778 9.303l1.316 1.316'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-width='.7' d='M7.75 7h2.5M7.75 8.5h2.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_myvod,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_myvod,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_myvod {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%2301B47F' rx='9'/%3e%3crect width='9.486' height='7.2' x='4.4' y='5.4' stroke='%23fff' stroke-width='.8' rx='1.314'/%3e%3cpath fill='%23fff' d='M10.387 8.638a.457.457 0 0 1 0 .724l-1.365 1.05a.457.457 0 0 1-.736-.361V7.949c0-.38.435-.593.736-.362l1.365 1.05Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .link {
    display: block;
    overflow: hidden;
    min-height: 85px;
    padding: 12px 34px 12px 61px;
    color: inherit !important;
    box-sizing: border-box;
    text-decoration: none !important
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .txt {
    display: -webkit-box;
    overflow: hidden;
    max-height: fit-content;
    color: #525661;
    font-size: 14px;
    line-height: 1.4 !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .txt,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .txt {
    color: #D5D7DC
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt .nickname,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt .nickname,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .txt .nickname {
    padding: 0;
    color: #17191C;
    font-size: 14px;
    font-weight: normal
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt .nickname,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt .nickname,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt .nickname,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt .nickname,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .txt .nickname,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .txt .nickname {
    color: #E2E4E9
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .date,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .date,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .date {
    display: block;
    overflow: hidden;
    padding-top: 4px;
    color: #ACB0B9;
    font-size: 12px;
    text-overflow: ellipsis
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .date,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .date,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .date,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .date,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .date,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .date {
    color: #757B8A
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .date em,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .date em,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .date em {
    margin: 0 5px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .photo,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .photo,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .photo {
    position: absolute;
    top: 12px;
    right: 34px;
    overflow: hidden;
    width: 80px;
    height: 45px;
    margin-left: 6px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .photo img,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .photo img,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .photo img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    min-height: 45px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .btn_delete,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .btn_delete,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .btn_delete {
    position: absolute;
    top: 12px;
    right: 12px;
    overflow: hidden;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%23ACB0B9' d='M12.296 4.89a.5.5 0 0 0-.708-.708l.708.707Zm-8.592 7.176a.5.5 0 0 0 .707.707l-.707-.707Zm7.884.707a.5.5 0 1 0 .708-.707l-.708.707Zm-7.177-8.59a.5.5 0 0 0-.707.706l.707-.707Zm7.177 0-7.884 7.883.707.707 7.885-7.884-.708-.707Zm.708 7.883L4.41 4.182l-.707.707 7.884 7.884.708-.707Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    font: 0/0 a;
    opacity: 0;
    visibility: hidden
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .btn_delete:hover,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .btn_delete:hover,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .btn_delete:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%230182FF' d='M12.296 4.89a.5.5 0 0 0-.708-.708l.708.707Zm-8.592 7.176a.5.5 0 0 0 .707.707l-.707-.707Zm7.884.707a.5.5 0 1 0 .708-.707l-.708.707Zm-7.177-8.59a.5.5 0 0 0-.707.706l.707-.707Zm7.177 0-7.884 7.883.707.707 7.885-7.884-.708-.707Zm.708 7.883L4.41 4.182l-.707.707 7.884 7.884.708-.707Z'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .new_window,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .new_window,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .new_window {
    position: absolute;
    bottom: 12px;
    right: 13px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%23ACB0B9' d='M6.162 2.833a.5.5 0 1 0 0-1v1Zm5.422 4.422a.5.5 0 0 0-1 0h1ZM8.349 1.834a.5.5 0 1 0 0 1v-1Zm2.735.5h.5a.5.5 0 0 0-.5-.5v.5Zm-.5 2.46a.5.5 0 0 0 1 0h-1ZM6.08 6.628a.5.5 0 1 0 .707.707l-.707-.707ZM1.833 3.974v5.469h1V3.974h-1Zm2.141 7.61h5.469v-1H3.974v1Zm2.188-9.75H3.974v1h2.188v-1Zm5.422 7.609V7.255h-1v2.188h1Zm-2.141 2.14a2.14 2.14 0 0 0 2.14-2.14h-1c0 .63-.51 1.14-1.14 1.14v1Zm-7.61-2.14a2.14 2.14 0 0 0 2.141 2.14v-1c-.63 0-1.14-.51-1.14-1.14h-1Zm1-5.469c0-.63.511-1.14 1.141-1.14v-1a2.14 2.14 0 0 0-2.14 2.14h1Zm5.516-1.14h2.735v-1H8.349v1Zm2.235-.5v2.46h1v-2.46h-1Zm.146-.354L6.081 6.628l.707.707 4.649-4.648-.707-.707Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 14px;
    height: 14px;
    font: 0/0 a;
    opacity: 0;
    visibility: hidden
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .new_window:hover,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .new_window:hover,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .new_window:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%230182FF' d='M6.162 2.833a.5.5 0 1 0 0-1v1Zm5.422 4.422a.5.5 0 0 0-1 0h1ZM8.349 1.834a.5.5 0 1 0 0 1v-1Zm2.735.5h.5a.5.5 0 0 0-.5-.5v.5Zm-.5 2.46a.5.5 0 0 0 1 0h-1ZM6.08 6.628a.5.5 0 1 0 .707.707l-.707-.707ZM1.833 3.974v5.469h1V3.974h-1Zm2.141 7.61h5.469v-1H3.974v1Zm2.188-9.75H3.974v1h2.188v-1Zm5.422 7.609V7.255h-1v2.188h1Zm-2.141 2.14a2.14 2.14 0 0 0 2.14-2.14h-1c0 .63-.51 1.14-1.14 1.14v1Zm-7.61-2.14a2.14 2.14 0 0 0 2.141 2.14v-1c-.63 0-1.14-.51-1.14-1.14h-1Zm1-5.469c0-.63.511-1.14 1.141-1.14v-1a2.14 2.14 0 0 0-2.14 2.14h1Zm5.516-1.14h2.735v-1H8.349v1Zm2.235-.5v2.46h1v-2.46h-1Zm.146-.354L6.081 6.628l.707.707 4.649-4.648-.707-.707Z'/%3e%3c/svg%3e")
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .delete,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .delete,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .delete,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .delete,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_list li .delete,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_list li .delete {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%239196A1' d='M12.296 4.89a.5.5 0 0 0-.708-.708l.708.707Zm-8.592 7.176a.5.5 0 0 0 .707.707l-.707-.707Zm7.884.707a.5.5 0 1 0 .708-.707l-.708.707Zm-7.177-8.59a.5.5 0 0 0-.707.706l.707-.707Zm7.177 0-7.884 7.883.707.707 7.885-7.884-.708-.707Zm.708 7.883L4.41 4.182l-.707.707 7.884 7.884.708-.707Z'/%3e%3c/svg%3e")
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .delete:hover,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .delete:hover,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .delete:hover,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .delete:hover,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_list li .delete:hover,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_list li .delete:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%230182FF' d='M12.296 4.89a.5.5 0 0 0-.708-.708l.708.707Zm-8.592 7.176a.5.5 0 0 0 .707.707l-.707-.707Zm7.884.707a.5.5 0 1 0 .708-.707l-.708.707Zm-7.177-8.59a.5.5 0 0 0-.707.706l.707-.707Zm7.177 0-7.884 7.883.707.707 7.885-7.884-.708-.707Zm.708 7.883L4.41 4.182l-.707.707 7.884 7.884.708-.707Z'/%3e%3c/svg%3e")
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .new_view,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .new_view,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .new_view,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .new_view,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_list li .new_view,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_list li .new_view {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%239196A1' d='M6.162 2.833a.5.5 0 1 0 0-1v1Zm5.422 4.422a.5.5 0 0 0-1 0h1ZM8.349 1.834a.5.5 0 1 0 0 1v-1Zm2.735.5h.5a.5.5 0 0 0-.5-.5v.5Zm-.5 2.46a.5.5 0 0 0 1 0h-1ZM6.08 6.628a.5.5 0 1 0 .707.707l-.707-.707ZM1.833 3.974v5.469h1V3.974h-1Zm2.141 7.61h5.469v-1H3.974v1Zm2.188-9.75H3.974v1h2.188v-1Zm5.422 7.609V7.255h-1v2.188h1Zm-2.141 2.14a2.14 2.14 0 0 0 2.14-2.14h-1c0 .63-.51 1.14-1.14 1.14v1Zm-7.61-2.14a2.14 2.14 0 0 0 2.141 2.14v-1c-.63 0-1.14-.51-1.14-1.14h-1Zm1-5.469c0-.63.511-1.14 1.141-1.14v-1a2.14 2.14 0 0 0-2.14 2.14h1Zm5.516-1.14h2.735v-1H8.349v1Zm2.235-.5v2.46h1v-2.46h-1Zm.146-.354L6.081 6.628l.707.707 4.649-4.648-.707-.707Z'/%3e%3c/svg%3e")
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .new_view:hover,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .new_view:hover,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .new_view:hover,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .new_view:hover,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_list li .new_view:hover,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_list li .new_view:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%230182FF' d='M6.162 2.833a.5.5 0 1 0 0-1v1Zm5.422 4.422a.5.5 0 0 0-1 0h1ZM8.349 1.834a.5.5 0 1 0 0 1v-1Zm2.735.5h.5a.5.5 0 0 0-.5-.5v.5Zm-.5 2.46a.5.5 0 0 0 1 0h-1ZM6.08 6.628a.5.5 0 1 0 .707.707l-.707-.707ZM1.833 3.974v5.469h1V3.974h-1Zm2.141 7.61h5.469v-1H3.974v1Zm2.188-9.75H3.974v1h2.188v-1Zm5.422 7.609V7.255h-1v2.188h1Zm-2.141 2.14a2.14 2.14 0 0 0 2.14-2.14h-1c0 .63-.51 1.14-1.14 1.14v1Zm-7.61-2.14a2.14 2.14 0 0 0 2.141 2.14v-1c-.63 0-1.14-.51-1.14-1.14h-1Zm1-5.469c0-.63.511-1.14 1.141-1.14v-1a2.14 2.14 0 0 0-2.14 2.14h1Zm5.516-1.14h2.735v-1H8.349v1Zm2.235-.5v2.46h1v-2.46h-1Zm.146-.354L6.081 6.628l.707.707 4.649-4.648-.707-.707Z'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed,#serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed,#bs-wrap .bs-util #logArea .feed_layer .no_feed {
    text-align: center
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed::before,#serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed::before,#bs-wrap .bs-util #logArea .feed_layer .no_feed::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 50 50'%3e%3cpath fill='%23ACB0B9' d='m42.13 27.083.745-.082a.526.526 0 0 0-.002-.019l-.743.101Zm-34.26 0-.743-.1a.733.733 0 0 0-.002.017l.745.083Zm23.608 2.783.624.416-.624-.416Zm-.456.684-.624-.416.624.416Zm-12.044 0 .624-.416-.624.416Zm-.456-.684-.624.416.624-.416Zm-11.5 4.86.745.083-.746-.083Zm35.957 0 .745-.082-.745.082Zm-2.661-20.984.743-.1-.743.1Zm-30.636 0-.743-.1.743.1Zm11.151 8.425a.75.75 0 0 0 0 1.5v-1.5Zm8.334 1.5a.75.75 0 1 0 0-1.5v1.5Zm-12.5-7.75a.75.75 0 0 0 0 1.5v-1.5Zm16.666 1.5a.75.75 0 1 0 0-1.5v1.5ZM15.875 9.083h18.25v-1.5h-18.25v1.5Zm20.892 31.834H13.233v1.5h23.534v-1.5ZM17.898 30.282l.456.684 1.248-.832-.456-.684-1.248.832Zm6.28 3.801h1.644v-1.5h-1.644v1.5Zm7.468-3.117.456-.684-1.248-.832-.456.684 1.248.832Zm7.929-17.123 1.811 13.341 1.487-.202-1.812-13.34-1.486.201Zm1.81 13.323.849 7.643 1.49-.165L42.875 27l-1.49.165Zm-4.707.667h5.452v-1.5h-5.452v1.5ZM7.767 34.81l.849-7.643L7.125 27l-.85 7.644 1.492.165Zm.847-7.625 1.811-13.34-1.486-.203-1.812 13.341 1.487.202Zm4.708-.85H7.87v1.5h5.452v-1.5Zm18.78 3.948a5.5 5.5 0 0 1 4.576-2.449v-1.5a7 7 0 0 0-5.824 3.117l1.248.832Zm-6.28 3.801a7 7 0 0 0 5.824-3.117l-1.248-.832a5.5 5.5 0 0 1-4.576 2.45v1.5Zm-7.468-3.117a7 7 0 0 0 5.824 3.117v-1.5a5.5 5.5 0 0 1-4.576-2.449l-1.248.832Zm.792-1.516a7 7 0 0 0-5.824-3.117v1.5a5.5 5.5 0 0 1 4.576 2.45l1.248-.833Zm-5.913 11.467a5.5 5.5 0 0 1-5.466-6.108l-1.491-.165c-.461 4.146 2.785 7.773 6.957 7.773v-1.5Zm23.534 1.5c4.172 0 7.418-3.627 6.957-7.773l-1.49.165a5.5 5.5 0 0 1-5.467 6.108v1.5ZM34.125 9.083a5.5 5.5 0 0 1 5.45 4.76l1.486-.202a7 7 0 0 0-6.936-6.058v1.5Zm-18.25-1.5a7 7 0 0 0-6.936 6.058l1.486.202a5.5 5.5 0 0 1 5.45-4.76v-1.5Zm4.958 16.084h8.334v-1.5h-8.334v1.5Zm-4.166-6.25h16.666v-1.5H16.667v1.5Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
    margin: 50px auto 0
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed::before,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed::before,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed::before,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed::before,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .no_feed::before,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .no_feed::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 50 50'%3e%3cpath fill='%239196A1' d='m42.13 27.083.745-.082a.526.526 0 0 0-.002-.019l-.743.101Zm-34.26 0-.743-.1a.733.733 0 0 0-.002.017l.745.083Zm23.608 2.783.624.416-.624-.416Zm-.456.684-.624-.416.624.416Zm-12.044 0 .624-.416-.624.416Zm-.456-.684-.624.416.624-.416Zm-11.5 4.86.745.083-.746-.083Zm35.957 0 .745-.082-.745.082Zm-2.661-20.984.743-.1-.743.1Zm-30.636 0-.743-.1.743.1Zm11.151 8.425a.75.75 0 0 0 0 1.5v-1.5Zm8.334 1.5a.75.75 0 1 0 0-1.5v1.5Zm-12.5-7.75a.75.75 0 0 0 0 1.5v-1.5Zm16.666 1.5a.75.75 0 1 0 0-1.5v1.5ZM15.875 9.083h18.25v-1.5h-18.25v1.5Zm20.892 31.834H13.233v1.5h23.534v-1.5ZM17.898 30.282l.456.684 1.248-.832-.456-.684-1.248.832Zm6.28 3.801h1.644v-1.5h-1.644v1.5Zm7.468-3.117.456-.684-1.248-.832-.456.684 1.248.832Zm7.929-17.123 1.811 13.341 1.487-.202-1.812-13.34-1.486.201Zm1.81 13.323.849 7.643 1.49-.165L42.875 27l-1.49.165Zm-4.707.667h5.452v-1.5h-5.452v1.5ZM7.767 34.81l.849-7.643L7.125 27l-.85 7.644 1.492.165Zm.847-7.625 1.811-13.34-1.486-.203-1.812 13.341 1.487.202Zm4.708-.85H7.87v1.5h5.452v-1.5Zm18.78 3.948a5.5 5.5 0 0 1 4.576-2.449v-1.5a7 7 0 0 0-5.824 3.117l1.248.832Zm-6.28 3.801a7 7 0 0 0 5.824-3.117l-1.248-.832a5.5 5.5 0 0 1-4.576 2.45v1.5Zm-7.468-3.117a7 7 0 0 0 5.824 3.117v-1.5a5.5 5.5 0 0 1-4.576-2.449l-1.248.832Zm.792-1.516a7 7 0 0 0-5.824-3.117v1.5a5.5 5.5 0 0 1 4.576 2.45l1.248-.833Zm-5.913 11.467a5.5 5.5 0 0 1-5.466-6.108l-1.491-.165c-.461 4.146 2.785 7.773 6.957 7.773v-1.5Zm23.534 1.5c4.172 0 7.418-3.627 6.957-7.773l-1.49.165a5.5 5.5 0 0 1-5.467 6.108v1.5ZM34.125 9.083a5.5 5.5 0 0 1 5.45 4.76l1.486-.202a7 7 0 0 0-6.936-6.058v1.5Zm-18.25-1.5a7 7 0 0 0-6.936 6.058l1.486.202a5.5 5.5 0 0 1 5.45-4.76v-1.5Zm4.958 16.084h8.334v-1.5h-8.334v1.5Zm-4.166-6.25h16.666v-1.5H16.667v1.5Z'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed p,#serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed p,#bs-wrap .bs-util #logArea .feed_layer .no_feed p {
    color: #757B8A;
    font-size: 14px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed p,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed p,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed p,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed p,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .no_feed p,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .no_feed p {
    color: #9196A1
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed p em,#serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed p em,#bs-wrap .bs-util #logArea .feed_layer .no_feed p em {
    display: block;
    padding: 6px 0;
    color: #525661;
    font-size: 15px;
    font-weight: 600;
    font-style: normal
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed p em,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed p em,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed p em,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed p em,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .no_feed p em,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .no_feed p em {
    color: #D5D7DC
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed p a,#serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed p a,#bs-wrap .bs-util #logArea .feed_layer .no_feed p a {
    color: #757B8A;
    font-size: 14px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed p a,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed p a,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed p a,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed p a,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .no_feed p a,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .no_feed p a {
    color: #9196A1
}

@media screen and (max-height: 670px) {
    #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin,#bs-wrap .bs-util #logArea .feed_layer .serviceLogin {
        height:calc(100vh - 146px)
    }

    #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin>.inner,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin>.inner,#bs-wrap .bs-util #logArea .feed_layer .serviceLogin>.inner {
        overflow: auto;
        height: 100% !important
    }

    #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin>.inner::-webkit-scrollbar-thumb,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin>.inner::-webkit-scrollbar-thumb,#bs-wrap .bs-util #logArea .feed_layer .serviceLogin>.inner::-webkit-scrollbar-thumb {
        background: transparent
    }

    #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer #feedList .feed_btn+.scroll_area,#serviceHeader .serviceUtil .noticeArea .feed_layer #feedList .feed_btn+.scroll_area,#bs-wrap .bs-util #logArea .feed_layer #feedList .feed_btn+.scroll_area {
        height: calc(100vh - 200px) !important
    }

    #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer #feedList .scroll_area,#serviceHeader .serviceUtil .noticeArea .feed_layer #feedList .scroll_area,#bs-wrap .bs-util #logArea .feed_layer #feedList .scroll_area {
        height: calc(100vh - 156px) !important
    }

    #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area,#bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area {
        height: calc(100vh - 166px) !important;
        padding: 0 !important
    }

    #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area>ul,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area>ul,#bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area>ul {
        padding: 0 32px
    }
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer,#serviceHeader .serviceUtil .noticeArea .feed_layer,#bs-wrap .bs-util #logArea .feed_layer {
    position: absolute;
    top: 50px;
    left: 50%;
    background: #fff;
    width: 404px;
    margin-left: -295px;
    padding: 32px 0 0;
    border: 1px solid transparent;
    border-color: rgba(117,123,138,0.2);
    border-radius: 12px;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15);
    z-index: 3002
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer {
    background: #1C1E22
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer {
    border-color: rgba(117,123,138,0.3)
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .arrw,#serviceHeader .serviceUtil .noticeArea .feed_layer .arrw,#bs-wrap .bs-util #logArea .feed_layer .arrw {
    display: none
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer button,#serviceHeader .serviceUtil .noticeArea .feed_layer button,#bs-wrap .bs-util #logArea .feed_layer button {
    border: 0;
    cursor: pointer
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: 100%;
    height: 40px;
    padding: 0 32px;
    box-sizing: border-box
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab:after,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab:after,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    background: rgba(117,123,138,0.2);
    width: calc(100% - 64px);
    height: 1px;
    transform: translateX(-50%)
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab:after,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab:after,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab:after,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab:after,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab:after,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab:after {
    background: rgba(117,123,138,0.3)
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab h2 {
    margin-left: 12px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2:first-of-type,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2:first-of-type,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab h2:first-of-type {
    margin-left: 0
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2 button,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2 button,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab h2 button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 40px;
    padding: 0 24px;
    border-bottom: 2px solid transparent;
    font-weight: 400;
    text-align: center
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2 button span,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2 button span,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab h2 button span {
    position: relative;
    color: #525661;
    font-size: 16px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2 button span,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2 button span,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2 button span,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2 button span,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab h2 button span,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab h2 button span {
    color: #D5D7DC
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem h2,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem h2,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem h2 {
    padding: 0;
    color: inherit;
    font-size: inherit;
    letter-spacing: normal;
    font-family: inherit
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem h2 span,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem h2 span,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem h2 span {
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    border-left: 0
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem.on h2 button,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem.on h2 button,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem.on h2 button {
    border-color: #0182FF;
    font-weight: 600
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem.on h2 button span,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem.on h2 button span,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem.on h2 button span {
    color: #0182FF
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem.on>button,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem.on>button,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem.on>button {
    display: block !important
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem.new span:after,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem.new span:after,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem.new span:after {
    content: "";
    position: absolute;
    top: -1px;
    right: -8px;
    background: #FF0051;
    width: 4px;
    height: 4px;
    border-radius: 50%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem>button,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem>button,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem>button {
    display: none
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_admin {
    position: absolute;
    top: -1px;
    right: 32px;
    width: 24px;
    height: 24px;
    font: 0/0 a
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 24px;
    height: 24px;
    margin: auto;
    font: 0/0 a
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.278 4.105c.438-1.805 3.006-1.805 3.444 0A1.772 1.772 0 0 0 16.365 5.2c1.587-.967 3.402.848 2.435 2.435a1.772 1.772 0 0 0 1.095 2.643c1.805.438 1.805 3.005 0 3.444a1.772 1.772 0 0 0-1.095 2.643c.967 1.587-.848 3.402-2.435 2.435a1.772 1.772 0 0 0-2.643 1.095c-.438 1.805-3.005 1.805-3.444 0A1.772 1.772 0 0 0 7.635 18.8c-1.587.967-3.402-.848-2.435-2.435a1.772 1.772 0 0 0-1.095-2.643c-1.805-.438-1.805-3.005 0-3.444A1.772 1.772 0 0 0 5.2 7.635c-.967-1.587.848-3.402 2.435-2.435a1.772 1.772 0 0 0 2.643-1.095Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.083 12a3.083 3.083 0 1 1-6.166 0 3.083 3.083 0 0 1 6.166 0Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.278 4.105c.438-1.805 3.006-1.805 3.444 0A1.772 1.772 0 0 0 16.365 5.2c1.587-.967 3.402.848 2.435 2.435a1.772 1.772 0 0 0 1.095 2.643c1.805.438 1.805 3.005 0 3.444a1.772 1.772 0 0 0-1.095 2.643c.967 1.587-.848 3.402-2.435 2.435a1.772 1.772 0 0 0-2.643 1.095c-.438 1.805-3.005 1.805-3.444 0A1.772 1.772 0 0 0 7.635 18.8c-1.587.967-3.402-.848-2.435-2.435a1.772 1.772 0 0 0-1.095-2.643c-1.805-.438-1.805-3.005 0-3.444A1.772 1.772 0 0 0 5.2 7.635c-.967-1.587.848-3.402 2.435-2.435a1.772 1.772 0 0 0 2.643-1.095Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.083 12a3.083 3.083 0 1 1-6.166 0 3.083 3.083 0 0 1 6.166 0Z'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%230182FF' stroke-linecap='round' stroke-linejoin='round' fill='%230182FF' stroke-width='1.5' d='M10.278 4.105c.438-1.805 3.006-1.805 3.444 0A1.772 1.772 0 0 0 16.365 5.2c1.587-.967 3.402.848 2.435 2.435a1.772 1.772 0 0 0 1.095 2.643c1.805.438 1.805 3.005 0 3.444a1.772 1.772 0 0 0-1.095 2.643c.967 1.587-.848 3.402-2.435 2.435a1.772 1.772 0 0 0-2.643 1.095c-.438 1.805-3.005 1.805-3.444 0A1.772 1.772 0 0 0 7.635 18.8c-1.587.967-3.402-.848-2.435-2.435a1.772 1.772 0 0 0-1.095-2.643c-1.805-.438-1.805-3.005 0-3.444A1.772 1.772 0 0 0 5.2 7.635c-.967-1.587.848-3.402 2.435-2.435a1.772 1.772 0 0 0 2.643-1.095Z'/%3e%3cpath stroke='%230182FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' fill='%23fff' d='M15.083 12a3.083 3.083 0 1 1-6.166 0 3.083 3.083 0 0 1 6.166 0Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 5;
    opacity: 0
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%230182FF' stroke-linecap='round' stroke-linejoin='round' fill='%230182FF' stroke-width='1.5' d='M10.278 4.105c.438-1.805 3.006-1.805 3.444 0A1.772 1.772 0 0 0 16.365 5.2c1.587-.967 3.402.848 2.435 2.435a1.772 1.772 0 0 0 1.095 2.643c1.805.438 1.805 3.005 0 3.444a1.772 1.772 0 0 0-1.095 2.643c.967 1.587-.848 3.402-2.435 2.435a1.772 1.772 0 0 0-2.643 1.095c-.438 1.805-3.005 1.805-3.444 0A1.772 1.772 0 0 0 7.635 18.8c-1.587.967-3.402-.848-2.435-2.435a1.772 1.772 0 0 0-1.095-2.643c-1.805-.438-1.805-3.005 0-3.444A1.772 1.772 0 0 0 5.2 7.635c-.967-1.587.848-3.402 2.435-2.435a1.772 1.772 0 0 0 2.643-1.095Z'/%3e%3cpath stroke='%230182FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' fill='%231C1E22' d='M15.083 12a3.083 3.083 0 1 1-6.166 0 3.083 3.083 0 0 1 6.166 0Z'/%3e%3c/svg%3e")
}

@keyframes mcSet {
    0%, 100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_more,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_more,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_more {
    position: absolute;
    top: -1px;
    right: 32px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg clip-path='url(%23a)'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m9.125 5 6.75 7-6.75 7'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M8 4h9v16H8z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    font: 0/0 a
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_more,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_more,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_more,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_more,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_more,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_more {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg clip-path='url(%23a)'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m9.125 5 6.75 7-6.75 7'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M8 4h9v16H8z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice,#bs-wrap .bs-util #logArea .feed_layer .serviceNotice {
    padding: 10px 0 0 0
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area,#bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area {
    height: 502px;
    padding: 0 32px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li:not(:last-child),#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li:not(:last-child),#bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li:not(:last-child) {
    margin-bottom: 4px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a,#bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a {
    display: block;
    padding: 12px;
    border-radius: 8px;
    transition: background-color .2s
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover,#bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a:hover {
    background: #F1F2F4
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a:hover,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a:hover {
    background: #3B3D45
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover p,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover p,#bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a:hover p {
    color: #17191C;
    font-weight: 500
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover p,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover p,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover p,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover p,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a:hover p,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a:hover p {
    color: #E2E4E9
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a p,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a p,#bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a p {
    color: #525661;
    font-size: 14px;
    line-height: 1.4 !important
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a p,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a p,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a p,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a p,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a p,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a p {
    color: #D5D7DC
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a .date,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a .date,#bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a .date {
    display: block;
    margin-top: 4px;
    color: #ACB0B9;
    font-size: 12px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a .date,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a .date,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a .date,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a .date,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a .date,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a .date {
    color: #757B8A
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin .inner,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin .inner,#bs-wrap .bs-util #logArea .feed_layer .serviceLogin .inner {
    display: flex;
    justify-content: center;
    width: auto;
    height: 522px;
    padding-top: 50px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text,#bs-wrap .bs-util #logArea .feed_layer .serviceLogin .inner .text {
    text-align: center;
    color: #757B8A;
    font-size: 14px;
    line-height: 1.4 !important
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .serviceLogin .inner .text,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .serviceLogin .inner .text {
    color: #9196A1
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text em,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text em,#bs-wrap .bs-util #logArea .feed_layer .serviceLogin .inner .text em {
    display: block;
    padding-bottom: 12px;
    color: #0182FF;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    font-style: normal
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text em,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text em,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text em,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text em,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .serviceLogin .inner .text em,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .serviceLogin .inner .text em {
    color: #44A3FF
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scrollarea-content,#serviceHeader .serviceUtil .noticeArea .feed_layer .scrollarea-content,#bs-wrap .bs-util #logArea .feed_layer .scrollarea-content {
    display: block;
    float: none;
    width: 100%
}

.btn_tgry {
    border: 1px solid #888;
    background: #f9f9f9;
    color: #575757;
    font-size: 11px;
    padding: 5px 8px;
    border-radius: 3px;
    margin-right: 4px
}

.btn_stclose {
    border: 1px solid #5f5f5f;
    background: #f3f4f4;
    font-size: 12px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 30px;
    border-radius: 2px;
    color: #383838
}

.btn_tok,.btn_tcancel {
    display: inline-block;
    zoom:1;width: 74px;
    height: 25px;
    margin-left: 5px;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    color: #525252;
    background: #fff;
    font-size: 12px;
    line-height: 25px;
    text-decoration: none;
    vertical-align: top;
    transition: all 0.2s ease-in-out
}

.btn_tok {
    margin-left: 0;
    background: #4096de;
    border-color: #3889bf;
    color: #fff
}

.btn_tok:hover {
    background: #4aa6e3
}

.btn_tcancel:hover {
    border-color: #328fde
}

.ui-pop {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    padding-bottom: 20px;
    border: 1px solid #006bfe;
    z-index: 999999
}

.ui-pop .pop-close {
    position: absolute;
    top: 5px;
    right: 7px;
    width: 20px;
    width: 20px;
    height: 20px;
    font: 0/0 a;
    padding: 0;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L11 10.293l5.646-5.647a.5.5 0 0 1 .765.638l-.057.07L11.707 11l5.647 5.646.057.07a.5.5 0 0 1-.765.638L11 11.707l-5.646 5.647a.5.5 0 0 1-.765-.638l.057-.07L10.293 11 4.646 5.354l-.057-.07a.5.5 0 0 1 .057-.638z' fill='%232c84ce'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.ui-pop .pop-title {
    height: 20px;
    margin: 0;
    padding: 9px 0 0 13px;
    border-bottom: 1px solid #006bfe;
    text-align: left;
    color: #006bfe;
    font-size: 12px;
    font-weight: bold
}

.ui-pop .pop-body {
    padding: 20px 20px 0
}

.ui-pop .pop-body.no-t {
    padding-top: 30px
}

.ui-pop .pop-btn {
    margin: 0 20px;
    padding-top: 15px;
    text-align: center;
    font: 0/0 a
}

.ui-pop .pop-btn.line {
    margin: 15px 20px 0;
    border-top: 1px solid #e4e4e4;
    height: auto
}

.ui-pop .pop-btn .btn {
    display: inline-block;
    display : inline;
    zoom:1;width: 74px;
    height: 25px;
    margin-left: 5px;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    color: #525252;
    font-size: 12px;
    line-height: 25px;
    text-decoration: none;
    vertical-align: top;
    transition: all 0.2s ease-in-out
}

.ui-pop .pop-btn button.btn {
    height: 27px
}

.ui-pop .pop-btn .btn:hover {
    border-color: #328fde
}

.ui-pop .pop-btn .btn:first-child {
    margin-left: 0
}

.ui-pop .pop-btn2 {
    margin: 30px 20px 0;
    text-align: center;
    font: 0/0 a
}

.ui-pop .pop-btn2 .btn {
    display: inline-block;
    zoom:1;width: 100px;
    padding: 0 15px;
    height: 42px;
    margin-left: 5px;
    border: 1px solid #b8b8b8;
    color: #525252;
    font-size: 16px;
    line-height: 42px;
    background-color: #fff;
    vertical-align: top;
    text-decoration: none;
    transition: all 0.2s ease-in-out
}

.ui-pop .pop-btn2 button.btn {
    height: 44px;
    width: 132px
}

.ui-pop.win {
    position: static;
    border: 0 none;
    margin: 0;
    width: auto;
    transform: translate(0, 0)
}

.ui-pop .pop-btn .btn.btn_blue {
    background: #0182FF;
    border-color: #0182FF;
    color: #fff
}

.ui-pop .pop-btn .btn.btn_blue:hover {
    background: #0377E9
}

.ui-pop .pop-btn2 .btn.btn_blue {
    background: #006bfe;
    border-color: #006bfe;
    color: #fff
}

.ui-pop .pop-btn2 .btn.btn_blue:hover {
    background: #227fff
}

.ui-pop.improve {
    padding: 30px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px
}

.ui-pop.improve.win {
    position: static;
    border: 0 none;
    margin: 0;
    width: auto;
    transform: translate(0, 0)
}

.ui-pop.improve.win .pop-close {
    display: none
}

.ui-pop.improve .pop-title {
    margin-bottom: 15px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ddd;
    color: #000;
    font-size: 16px;
    font-weight: bold
}

.ui-pop.improve .pop-body {
    padding: 0
}

.ui-pop.improve .pop-close {
    top: 16px;
    right: 16px;
    width: 12px;
    height: 12px;
    padding: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd'  fill='%23000' d='M.576.576c.234-.235.614-.235.848 0L9 8.15 16.576.576c.208-.209.531-.232.765-.07l.083.07c.235.234.235.614 0 .848L9.85 9l7.575 7.576c.209.208.232.531.07.765l-.07.083c-.234.235-.614.235-.848 0L9 9.85l-7.576 7.575c-.208.209-.531.232-.765.07l-.083-.07c-.235-.234-.235-.614 0-.848L8.15 9 .576 1.424C.367 1.216.344.893.506.66z'/%3e%3c/svg%3e") !important;
    background-size: 100% 100%;
    background-position: 50% 50% !important;
    background-repeat: no-repeat
}

.ui-pop.improve .pop-close span {
    font: 0/0 a
}

.ui-pop.improve .pop-btn {
    padding: 0;
    margin: 28px 0 0 0
}

.ui-pop.improve .pop-btn a,.ui-pop.improve .pop-btn button {
    display: inline-block;
    width: 74px;
    height: 30px;
    margin-left: 8px;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    color: #525252;
    font-size: 12px;
    line-height: 29px;
    background-color: #fff;
    text-decoration: none;
    vertical-align: top;
    transition: all 0.2s ease-in-out
}

.ui-pop.improve .pop-btn a.btn_blue,.ui-pop.improve .pop-btn button.btn_blue {
    color: #fff;
    border-color: #4279ff;
    background-color: #4279ff
}

.ui-pop.improve .pop-btn a.btn_blue:hover,.ui-pop.improve .pop-btn button.btn_blue:hover {
    background-color: #4279ff
}

.ui-pop.improve .pop-btn a.btn_blue.line,.ui-pop.improve .pop-btn button.btn_blue.line {
    background-color: #fff;
    color: #4279ff
}

.ui-pop.improve .blue {
    color: #4279ff
}

.modal_container {
    display: none
}

.modal_container .flex_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999
}

.modal_container .flex_box>div {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    transform: translate(0, 0) !important
}

.ui_modal_wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    background: rgba(0,0,0,0.4);
    z-index: 1505
}

.ui_modal_wrap .flex_box {
    display: flex;
    flex-direction: column;
    height: 100%
}

.ui_modal_wrap .flex_box .modal_contents {
    margin: auto
}

.ui-tooltip {
    position: relative;
    border: 1px solid #c7c7c7;
    border-radius: 3px
}

.ui-tooltip .tip-close {
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkI4OEQ0RTg5RUFEMTFFODg5NUZCM0Y0ODEwNDNFRUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkI4OEQ0RTk5RUFEMTFFODg5NUZCM0Y0ODEwNDNFRUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQjQ5MzNFMTlFQUQxMUU4ODk1RkIzRjQ4MTA0M0VFRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQjQ5MzNFMjlFQUQxMUU4ODk1RkIzRjQ4MTA0M0VFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtDoKI8AAAAySURBVHjaYggKCvoPBAy4MEgezsClAERjCGDjY9WJrgGnFTgVETSJoJsI+o6YcAIIMABewOCGbinpJAAAAABJRU5ErkJggg==) 5px no-repeat;
    width: 9px;
    height: 9px;
    padding: 5px;
    font: 0/0 a
}

.ui-tooltip .tip-body {
    padding: 30px
}

.ui-tooltip .tip-body.s-s {
    padding: 15px
}

.caps_Lock_wrap {
    position: relative;
    display: inline-block
}

.caps_Lock {
    display: none;
    position: absolute;
    z-index: 5;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    min-width: 166px;
    margin-top: 8px;
    padding: 12px 18px 8px;
    color: #000;
    border: 1px solid #000;
    background: #ffde5b !important;
    font-size: 12px;
    text-indent: 0 !important
}

.caps_Lock em {
    position: absolute;
    top: -6px;
    width: 9px;
    height: 6px;
    background: url("/images/common/capslock.gif") no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .caps_Lock {
        padding:10px 18px 10px
    }
}

.vod-delete_dim {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    z-index: 1000
}

.ui-pop.vod-delete {
    background: #fff;
    border-color: #ddd;
    border-radius: 1px;
    width: 432px;
    padding: 30px 35px;
    box-sizing: border-box;
    opacity: 1;
    visibility: visible;
    z-index: 999999;
    transform: translate(-50%, -50%)
}

.ui-pop.vod-delete .pop-close {
    top: 0;
    right: 0;
    background: none;
    padding: 10px
}

.ui-pop.vod-delete .pop-close span {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath fill-rule='evenodd' d='M11.254 12.001L5.978 6.725.702 12.001l-.703-.703 5.276-5.276L-.001.746.702.043l5.276 5.276 5.32-5.32.703.703-5.32 5.32 5.276 5.276-.703.703z' fill='%23222'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    width: 12px;
    height: 12px
}

.ui-pop.vod-delete .pop-body h2 {
    color: #000;
    font-size: 18px;
    text-align: center;
    line-height: 25px
}

.ui-pop.vod-delete .pop-body h2 strong {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
    white-space: nowrap
}

.ui-pop.vod-delete .pop-body h2 span {
    display: block;
    font-weight: normal
}

.ui-pop.vod-delete .pop-body textarea {
    width: 100%;
    height: 130px;
    margin-top: 18px;
    padding: 10px 15px;
    border: 1px solid #dadada;
    box-sizing: border-box;
    color: #000;
    font-size: 14px;
    line-height: 1.5;
    resize: none;
    outline: none
}

.ui-pop.vod-delete .pop-body textarea::-webkit-input-placeholder {
    color: #b3b3b3
}

.ui-pop.vod-delete .pop-body textarea:-ms-input-placeholder {
    color: #b3b3b3
}

.ui-pop.vod-delete .pop-body textarea:disabled {
    background-color: #dcdcdc;
    border-color: #d3d3d3;
    color: #777
}

.ui-pop.vod-delete .pop-body .guide_text {
    margin-top: 15px;
    color: #777;
    font-size: 14px;
    text-align: center
}

.ui-pop.vod-delete .pop-body .guide_text.error {
    color: #ff2424
}

.ui-pop.vod-delete .pop-btn {
    padding-top: 20px
}

.ui-pop.vod-delete .pop-btn .btn {
    width: auto;
    height: 20px;
    padding: 0 18px;
    border-color: #d3d4d5;
    border-radius: 2px;
    color: #000;
    font-size: 11px;
    line-height: 22px
}

.ui-pop.vod-delete .pop-btn a:hover {
    border-color: #d3d4d5
}

.ui-pop.vod-delete .pop-btn .btn_blue,.ui-pop.vod-delete .pop-btn .btn_blue:hover {
    background: #006bff;
    height: 22px;
    border-color: #006bff;
    color: #fff
}

.ui-pop.vod-delete.clip .userClipDel {
    margin: 20px 0 -8px
}

.ui-pop.vod-delete.clip .userClipDel .chk-box span {
    left: auto;
    right: 0;
    background-color: #f8fafc
}

.ui-pop.vod-delete.clip .userClipDel .chk-box label {
    padding-left: 0;
    padding-right: 25px;
    text-align: right
}

.ui-pop.vod-delete.clip .pop-btn .btn_blue {
    height: 22px
}

.ui-pop.vod-delete.clip .pop-btn .btn_blue:disabled {
    background-color: #7fb5ff;
    border-color: #7fb5ff;
    color: rgba(255,255,255,0.5)
}

.end_flashplayer {
    overflow: auto;
    overflow-x: auto;
    position: relative;
    height: 100%;
    text-align: center;
    margin-bottom: -145px
}

.end_flashplayer h1 {
    position: absolute;
    top: 30px;
    left: 30px
}

.end_flashplayer h1 a {
    display: inline-block;
    width: 145px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000' viewBox='0 0 454.15 75.91' %3e%3cstyle%3e.logo_wrap%7bclip-path:url(%23afLogo);%7d%3c/style%3e%3cclipPath id='afLogo'%3e%3cpath d='M387.14,65A108.54,108.54,0,0,1,385,43.19a100.16,100.16,0,0,1,1.33-17.07,20.93,20.93,0,0,1,.71-2.77,11.1,11.1,0,0,1,6.35-6.74A28.88,28.88,0,0,1,398.26,15a83.71,83.71,0,0,1,19.15-2.37h.45A78.06,78.06,0,0,1,436.77,15a49.58,49.58,0,0,1,5.15,1.68s5.07,2,6.42,6.67A24.76,24.76,0,0,1,449,26a114.94,114.94,0,0,1,1.36,17.21,110.06,110.06,0,0,1-2.2,21.93v0a10.05,10.05,0,0,1-7.66,7.75l-.36.07a115.36,115.36,0,0,1-22.46,2.2A115.39,115.39,0,0,1,395.26,73l-.5-.1A10,10,0,0,1,389,69.2,8.83,8.83,0,0,1,387.14,65Z' fill='none'/%3e%3c/clipPath%3e%3cg fill='%230545b1'%3e%3cpath d='M48,15.46S47.77,2.21,63,2.06H77.17c3,0,5.63,2.13,5.63,4.74s-2.58,4.8-5.63,4.8H70.59c-4.37,0-4,3.18-4,3.18V21h7.94c3.15,0,5.73,2,5.73,4.62S78,30.28,75,30.28H66.6V61.7c0,4.42-3.82,8.35-9.14,8.35S48,66.47,48,62Z'/%3e%3cpath d='M100.81,61.63c0,4.78-3.83,8.42-9.13,8.42S82.13,66.41,82.13,62V33.69s0-12.48,15.43-12.48h12.22c6.4,0,6.4,4.9,6.4,4.9s0,4.71-6,4.71H104.8c-4,0-4,3.09-4,3.09Z'/%3e%3cpath d='M191.56,20.87c15.95,0,15.95,12.81,15.95,12.81V47c0,2.67-2.59,4.63-5.74,4.63H184.18v5.7s.18,3,4.24,3l9.86,0c3.17,0,5.66,2.11,5.66,4.78s-2.57,5-5.66,5H181c-15.21,0-15.21-12.64-15.21-12.64V33.68s.12-12.67,15.32-12.81Zm-3.06,10c-4.14,0-4.14,3-4.14,3v8.25h11.77v-8s0-3.23-3.73-3.23Z'/%3e%3cpath d='M247.47,60.51c3.16-.08,6,2.38,6,5.05s-2.83,4.49-6,4.49H222.63c-5.23,0-9-3.16-9-7.64V28.94c0-4.43,4.31-8.07,9.55-8.07h25.25c3.18,0,5.66,2.11,5.66,4.76s-2.48,4.64-5.66,4.64H235a2.05,2.05,0,0,0-2.31,2V58.46s-.16,2,2.33,2Z'/%3e%3cpath d='m296.66 33.58v28.25c0 4.5-4.34 8.22-9.66 8.22h-16.11c-15.89 0-15.89-12.79-15.89-12.79v-6.33s1-11.56 15.88-11.5h6.81v-5.79s0-3-3.74-3h-8.64c-3.16 0-6.22-1.86-6.22-4.53s2.9-5.23 6-5.23h16.3c15.27 0.12 15.27 12.7 15.27 12.7zm-26.54 26.78h7.55v-11.27h-7.55c-4.12 0-3.72 5.63-3.72 5.63s-0.4 5.64 3.72 5.64z'/%3e%3cpath d='M341,8.48s0-4.32-5.72-4.32H295.61c-5.73,0-5.73,4.19-5.73,4.19s0,4.15,5.36,4.15h8.3c3.57,0,3.57,2.71,3.57,2.71V40.79c0,4.2,3.42,7.41,8.17,7.41s8.53-3.21,8.53-7.1V15.17c.06-.59.51-2.55,3.55-2.55h8.29C341,12.62,341,8.48,341,8.48Z'/%3e%3cpath d='M41.68,33.56V61.83c0,4.5-4.35,8.22-9.66,8.22H15.89C0,70.05,0,57.25,0,57.25V50.92S1,39.36,15.89,39.41H22.7V33.62s0-3-3.74-3H10.32c-3.16,0-6.24-1.85-6.24-4.53S7,20.86,10.15,20.86H26.46C41.68,20.94,41.68,33.56,41.68,33.56ZM15.12,60.35h7.55V49.09H15.12c-4.27,0-3.72,5.63-3.72,5.63S11,60.35,15.12,60.35Z'/%3e%3cpath d='M143.75,20.87c15.95,0,15.95,12.81,15.95,12.81V47c0,2.67-2.59,4.63-5.74,4.63H136.38v5.7s.17,3,4.23,3l9.86,0c3.17,0,5.66,2.11,5.66,4.78s-2.57,5-5.66,5H133.15c-15.21,0-15.21-12.64-15.21-12.64V33.68s.12-12.67,15.32-12.81Zm-3.06,10c-4.14,0-4.14,3-4.14,3v8.25h11.77v-8s0-3.23-3.73-3.23Z'/%3e%3cpath d='m375.9 5.58c-3.73-2.51-9-1.21-11.76 2.91l-15 20.16-5.45-11.65c-1-2.19-5.32-3.23-7.61-2.17s-3.71 4.35-2.7 6.54l9.92 22.79c0.78 1.66 2.54 3 5.33 3.71a9.82 9.82 0 0 0 10-4.17l19-26.11c2.82-4.15 2.01-9.51-1.73-12.01z'/%3e%3c/g%3e%3cpath d='M435.22,1.27a2.33,2.33,0,0,1-1.36,3.25l-14.11,6.41a4.66,4.66,0,0,1-4.37-.1l-9.12-4.32a2.34,2.34,0,0,1-.61-3.44h0A2.3,2.3,0,0,1,409,2.81l7,5.64a2.47,2.47,0,0,0,2.19.52A3,3,0,0,0,419,8.6L431.91.33a2.35,2.35,0,0,1,3.31.94Z' fill='%230545b1'/%3e%3cg class='logo_wrap'%3e%3cpath d='m453.24 27.38c-1-7.4-2.7-11.63-12.33-13.81a105.8 105.8 0 0 0-20.14-2.57c-1.09-0.05-2.19-0.05-3.29 0a105.71 105.71 0 0 0-20.13 2.58c-7.13 1.62-9.92 4.35-11.29 8.67-0.24 0.76 2.06-0.45 1.89 0.41s0.53 12.21 0.4 13.17c-1 7.29-4.24 7.61-4.24 7.87a134.72 134.72 0 0 0 0.89 16.3c1 7.4 2.71 11.62 12.34 13.81 8.68 2 15 1.83 20.13 2.06h3.29c5.16-0.23 11.45-0.1 20.14-2.06 9.63-2.19 11.34-6.41 12.33-13.81a132.48 132.48 0 0 0 0.9-16.31c0-0.14-1.45-3-2.88-6.78-0.14-0.37-1.08 1.57-1.22 1.19-1-2.74-1.09-8.12-1.41-10.85-0.04-0.44 4.68 0.56 4.62 0.13z' fill='%230545b1'/%3e%3cpath d='m428.87 33.56c-0.07-2.56-0.1-5.08 0-7.61a5.56 5.56 0 0 1 2.58-4.79 6.39 6.39 0 0 1 5.83-0.29c3 1.33 6.82 3.37 6.82 3.37 2.21 1.2 4.07 2.21 6.39 3.72a2.5 2.5 0 0 1 0.35 0.21 5.63 5.63 0 0 1 0.07 9.45c-2.2 1.46-4.11 2.85-6.37 4.25a60 60 0 0 1-5.93 3.31 7.37 7.37 0 0 1-6.32 0.32 6.14 6.14 0 0 1-3-4.94s-0.29-2.79-0.42-7z' fill='%2300bbed'/%3e%3cpath d='m432.75 53.93c-7.31 6.8-23.16 6.81-30.27 0a1.44 1.44 0 0 0-2 2.07c8.21 7.84 25.8 7.85 34.21 0a1.43 1.43 0 1 0-1.95-2.1z' fill='%23fff'/%3e%3cpath d='M426.91,42.6a.2.2,0,0,1,0-.07l0-.43-1-10.77,0-.3a5,5,0,0,0-.13-.69,5.55,5.55,0,0,0-4.43-4.13,5.64,5.64,0,0,0-.93-.08h-5.53a5.29,5.29,0,0,0-.8.06,5.56,5.56,0,0,0-4.56,4.14c0,.18-.08.37-.11.55l-.05.58-1,10.7,0,.25a1.15,1.15,0,0,0,0,.19,1.48,1.48,0,0,0,0,.21,5.56,5.56,0,0,0,4.14,5.37,5.45,5.45,0,0,0,1.41.19h7.51a5.5,5.5,0,0,0,.91-.08,5.57,5.57,0,0,0,4.64-5.48Z' fill='%231ac62f'/%3e%3cpath d='m406.11 36.67c-2.13 7.11-8.5 10.73-15.54 9.51-7.31-1.26-12.59-11.6-8.95-18 3.12-5.46 9.92-9.5 17-7.32 7.55 2.35 9.64 8.63 7.49 15.81z' fill='%23f2338a'/%3e%3ccircle cx='439.1' cy='33.27' r='4.69' fill='%231a1919'/%3e%3ccircle cx='395.46' cy='33.27' r='4.69' fill='%231a1919'/%3e%3c/g%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.end_flashplayer .contents {
    position: relative;
    display: inline-block;
    top: 50%;
    left: 0;
    min-width: 870px;
    margin: -200px auto 0;
    text-align: center
}

.end_flashplayer .contents h2 {
    font-size: 30px;
    color: #000
}

.end_flashplayer .contents p {
    margin: 30px 0 45px;
    font-size: 16px;
    line-height: 1.6;
    color: #000
}

.end_flashplayer .contents ul {
    font-size: 0
}

.end_flashplayer .contents>ul li {
    display: inline-block;
    margin: 0 15px 15px;
    font-size: 16px;
    color: #555
}

.end_flashplayer .contents>ul li a {
    position: relative;
    display: block
}

.end_flashplayer .contents>ul li a span {
    font-size: 16px;
    color: #000
}

.end_flashplayer .contents>ul li a:before {
    content: '';
    display: block;
    width: 114px;
    height: 114px;
    margin-bottom: 10px;
    border-radius: 50%;
    background-color: #f2f2f2
}

.end_flashplayer .contents>ul li a:after {
    content: '';
    display: block;
    width: 66px;
    height: 66px;
    position: absolute;
    top: 23px;
    left: 0;
    right: 0;
    margin: auto;
    background: url("/images/icon_brower.png")
}

.end_flashplayer .contents>ul li a:hover:before {
    background-color: #edecec
}

.end_flashplayer .contents>ul li.chrome a:after {
    background-position: 0px 0
}

.end_flashplayer .contents>ul li.edge a:after {
    background-position: 100px 0
}

.end_flashplayer .contents>ul li.whale a:after {
    background-position: 200px 0
}

.end_flashplayer .contents>ul li.opera a:after {
    background-position: 300px 0
}

.end_flashplayer .contents>ul li.firefox a:after {
    background-position: 400px 0
}

.end_flashplayer .contents>ul li.safari a:after {
    background-position: 500px 0
}

.ui-pop.PlayListAdd {
    position: absolute;
    background: #fff;
    width: 426px;
    padding: 29px 25px 20px;
    border-color: #ddd;
    box-sizing: border-box;
    visibility: visible;
    opacity: 1
}

.ui-pop.PlayListAdd * {
    line-height: 1.2
}

.ui-pop.PlayListAdd .pop-title {
    margin-bottom: 6px;
    padding: 0 0 9px;
    border-color: #ddd
}

.ui-pop.PlayListAdd .pop-title h3 {
    color: #000;
    font-size: 16px;
    font-weight: bold
}

.ui-pop.PlayListAdd .pop-body {
    padding: 0
}

.ui-pop.PlayListAdd .pop-btn {
    padding-top: 20px
}

.ui-pop.PlayListAdd .pop-btn .btn {
    width: auto;
    height: 32px;
    padding: 0 16px;
    border-color: #d9dddf;
    box-sizing: border-box;
    color: #666;
    font-size: 13px;
    line-height: 30px
}

.ui-pop.PlayListAdd .pop-btn .btn:hover {
    border-color: #d9dddf
}

.ui-pop.PlayListAdd .pop-btn .btn.blue {
    border-color: #4279ff;
    color: #4279ff
}

.ui-pop.PlayListAdd .pop-close {
    top: 8px;
    right: 8px;
    background: none;
    width: unset;
    height: unset;
    padding: 10px
}

.ui-pop.PlayListAdd .pop-close span {
    display: block;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3e%3cpath fill-rule='evenodd' fill='%23666' d='M0 11v-1h1V9h1V8h1V7h1V6h1V5H4V4H3V3H2V2H1V1H0V0h1v1h1v1h1v1h1v1h1v1h1V4h1V3h1V2h1V1h1V0h1v1h-1v1H9v1H8v1H7v1H6v1h1v1h1v1h1v1h1v1h1v1h-1v-1H9V9H8V8H7V7H6V6H5v1H4v1H3v1H2v1H1v1H0z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    width: 11px;
    height: 11px
}

.PlayListAdd .PlayListBox {
    overflow: auto;
    max-height: 135px
}

.PlayListAdd .PlayListBox::-webkit-scrollbar {
    background-color: transparent;
    width: 8px;
    height: 8px;
    border-radius: 8px
}

.PlayListAdd .PlayListBox::-webkit-scrollbar-thumb {
    background: #e4e4e4;
    border-radius: 8px
}

.PlayListAdd .PlayListBox::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 8px
}

.PlayListAdd .PlayListBox:hover::-webkit-scrollbar-thumb {
    background: #bbb
}

.PlayListAdd .PlayListBox::-webkit-scrollbar-button,.PlayListAdd .PlayListBox::-webkit-scrollbar-corner {
    display: none !important
}

.PlayListAdd .PlayListBox li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 7px 10px 7px 10px
}

.PlayListAdd .PlayListBox li input[type=checkbox] {
    position: absolute;
    top: 0;
    left: -999em;
    visibility: hidden;
    opacity: 0
}

.PlayListAdd .PlayListBox li label {
    flex: 1 1 auto;
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 20px 0 23px;
    color: #666;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer
}

.PlayListAdd .PlayListBox li label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box
}

.PlayListAdd .PlayListBox li input[type=checkbox]:checked+label {
    color: #386cff
}

.PlayListAdd .PlayListBox li input[type=checkbox]:checked+label:before {
    background-color: #386cff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000' viewBox='0 0 15 13'%3e%3cpath stroke-width='2' stroke-linecap='round' fill='none' d='M3.451 5.903l2.135 1.691 4.833-5.289' stroke='%23fff'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    border-color: #386cff
}

.PlayListAdd .PlayListBox li.disabled label {
    color: #c8c8c8;
    cursor: default
}

.PlayListAdd .PlayListBox li.disabled label:before {
    background-color: #ededed;
    cursor: default
}

.PlayListAdd .PlayListBox li>span {
    flex: 0 0 auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3e%3cpath d='M15.6 6.2c-.15.23-3.98 5.4-7.6 5.4C4.37 11.6.55 6.43.39 6.2a.35.35 0 01-.01-.4C.52 5.6 4.02.4 8 .4s7.47 5.18 7.62 5.4c.08.13.07.29-.01.4zM8 1.1C4.8 1.1 1.78 5.04 1.1 6c.73.93 4 4.9 6.9 4.9 2.9 0 6.16-3.97 6.9-4.9-.69-.96-3.71-4.9-6.9-4.9zm0 7.88a2.97 2.97 0 010-5.96 2.97 2.97 0 010 5.95zm0-5.26a2.27 2.27 0 000 4.55 2.27 2.27 0 000-4.54z' fill='%23666'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 16px;
    height: 12px;
    font: 0/0 a
}

.PlayListAdd .PlayListBox li>span.hidden {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 13'%3e%3cpath d='M15.6 6.75c-.15.22-3.98 5.38-7.6 5.38-.93 0-1.87-.34-2.76-.85l.5-.5c.75.4 1.52.66 2.26.66 2.9 0 6.16-3.96 6.9-4.9a18.2 18.2 0 00-2.31-2.61l.5-.5a18.07 18.07 0 012.53 2.92c.08.13.08.29-.01.4zM2.15 12.9a.34.34 0 01-.5 0 .35.35 0 010-.49L13.86.19a.35.35 0 01.5.5L2.13 12.9zM8 1.66c-3.19 0-6.22 3.93-6.9 4.88.34.43 1.23 1.52 2.37 2.56l-.5.5A21.3 21.3 0 01.4 6.75a.35.35 0 01-.01-.4C.53 6.13 4.02.96 8 .96c.98 0 1.93.32 2.81.8l-.51.51A5.09 5.09 0 008 1.66z' fill='%23666'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 16px;
    height: 13px
}

.PlayListAdd .btn_NewAddList {
    display: block;
    width: 100%;
    padding: 9px 12px;
    color: #666;
    font-size: 14px;
    text-align: left
}

.PlayListAdd .btn_NewAddList:hover {
    color: #386CFF
}

.ui-pop.PlayListAdd.AddList {
    width: 306px
}

.ui-pop.PlayListAdd.AddList .pop-title {
    margin-bottom: 20px
}

.ui-pop.PlayListAdd.AddList .pop-title h3 {
    font-weight: normal
}

.PlayListAdd .ListForm .title input[type=text],.PlayListAdd .ListForm .select select {
    display: block;
    width: 100%;
    height: 37px;
    padding: 0 15px;
    border: 1px solid #d9dddf;
    border-radius: 3px;
    box-sizing: border-box;
    color: #666;
    font-size: 13px
}

.PlayListAdd.error .ListForm .title input[type=text] {
    border-color: #ff5656
}

.PlayListAdd .ListForm .title .bytes {
    display: block;
    margin-top: 3px;
    padding-right: 3px;
    color: #666;
    text-align: right;
    font-size: 12px
}

.PlayListAdd .ListForm .title .bytes em {
    color: #000
}

.PlayListAdd .ListForm .select {
    margin-top: 17px
}

.PlayListAdd .ListForm .select .select_wrap,.PlayListAdd .ListForm .select .select_warp {
    position: relative
}

.PlayListAdd .ListForm .select .select_wrap:first-child,.PlayListAdd .ListForm .select .select_warp:first-child {
    margin-top: 0
}

.PlayListAdd .ListForm .select .select_wrap .selected,.PlayListAdd .ListForm .select .select_warp .selected {
    display: block;
    width: 100%;
    height: 38px;
    margin-top: 5px;
    padding-left: 15px;
    border: 1px solid #d9dddf;
    border-radius: 3px;
    box-sizing: border-box;
    color: #666;
    font-size: 13px;
    line-height: 38px;
    text-decoration: none;
    text-align: left
}

.PlayListAdd .ListForm .select .select_wrap .selected:after,.PlayListAdd .ListForm .select .select_warp .selected:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 11px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 8.5'%3e%3cpath stroke='%23555' fill='none' d='M2.2.5l4.3 4.63L10.8.5'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 13px 8px;
    width: 13px;
    height: 8px;
    margin-top: -4px;
    transition: all .2s
}

.PlayListAdd .ListForm .select .select_wrap>ul,.PlayListAdd .ListForm .select .select_warp>ul {
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #d9dddf;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}

.PlayListAdd .ListForm .select .select_wrap>ul li button,.PlayListAdd .ListForm .select .select_warp>ul li button {
    display: block;
    width: 100%;
    padding: 10px 34px 10px 16px;
    color: #666;
    font-size: 13px;
    text-decoration: none;
    text-align: left
}

.PlayListAdd .ListForm .select .select_wrap>ul li button:hover,.PlayListAdd .ListForm .select .select_warp>ul li button:hover {
    background: #e6edfb
}

.PlayListAdd .ListForm .select .select_wrap.on .selected:after,.PlayListAdd .ListForm .select .select_warp.on .selected:after {
    transform: rotate(180deg)
}

.PlayListAdd .ListForm .select .select_wrap.on ul,.PlayListAdd .ListForm .select .select_warp.on ul {
    opacity: 1;
    visibility: visible;
    z-index: 5
}

.ui-pop.pinExpire {
    position: relative;
    inset: auto;
    background: #fff;
    width: 366px;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 12px;
    visibility: visible;
    opacity: 1;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15);
    box-sizing: border-box
}

.ui-pop.pinExpire .pop-title {
    margin-bottom: 18px;
    padding-bottom: 0;
    border-bottom: 0
}

.ui-pop.pinExpire .pop-title h3 {
    color: #17191C;
    line-height: 1.4
}

.ui-pop.pinExpire .pop-body .cont_text {
    color: #525661;
    font-size: 15px;
    line-height: 1.4
}

.ui-pop.pinExpire .pop-body .datePicker_wrap {
    display: flex;
    gap: 8px;
    margin-top: 24px
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .btn_calendar {
    display: flex;
    align-items: center;
    position: relative;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3e%3crect width='14.667' height='12.692' x='3.667' y='4.724' stroke='%23ACB0B9' stroke-linejoin='round' stroke-width='1.4' rx='2.5'/%3e%3crect width='1.283' height='3.173' x='6.417' y='3.208' fill='%23ACB0B9' stroke='%23ACB0B9' stroke-linejoin='round' stroke-width='.2' rx='.642'/%3e%3crect width='1.283' height='3.173' x='13.75' y='3.208' fill='%23ACB0B9' stroke='%23ACB0B9' stroke-linejoin='round' stroke-width='.2' rx='.642'/%3e%3cpath stroke='%23ACB0B9' stroke-linejoin='round' stroke-width='1.4' d='M4.191 9.313H17.81'/%3e%3c/svg%3e");
    background-position: calc(100% - 12px) 50%;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-color: transparent;
    width: 136px;
    height: 42px;
    padding: 0 12px;
    border: 0;
    border: 1px solid #D5D7DC;
    box-sizing: border-box;
    border-radius: 8px;
    outline: 0;
    cursor: pointer
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .btn_calendar input {
    position: absolute;
    inset: 0;
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 0;
    cursor: pointer
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .btn_calendar label {
    color: #757B8A;
    font-size: 14px
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box {
    width: 78px
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box.active {
    background: unset;
    color: unset
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .selected {
    height: 42px;
    padding-right: 30px;
    border-color: #D5D7DC;
    border-radius: 8px;
    line-height: 42px;
    color: #757B8A;
    font-size: 14px
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .selected::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3e%3cg clip-path='url(%23a)'%3e%3cpath stroke='%23ACB0B9' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m18 7-6.75 7L4.5 7'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M3.25 6h16v9h-16z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 22px;
    height: 22px;
    margin-top: -11px
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .selected:hover {
    background: unset;
    color: unset
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer {
    top: 51px;
    overflow: hidden;
    width: 78px;
    border-color: rgba(117,123,138,0.2);
    border-radius: 8px;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15);
    box-sizing: border-box
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer .scrollarea-content {
    overflow: auto;
    max-height: 160px
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer .scrollarea-content::-webkit-scrollbar {
    display: none
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li:first-of-type {
    margin-top: 8px
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li:last-of-type {
    margin-bottom: 8px
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li.on button {
    color: #0182FF
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li button {
    transition: .2s
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li button:hover {
    background: #F1F2F4
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li button:disabled {
    color: #ACB0B9;
    pointer-events: none
}

.ui-pop.pinExpire .pop-body .datePicker_wrap.disabled {
    opacity: .3;
    pointer-events: none
}

.ui-pop.pinExpire .pop-body .chk_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px
}

.ui-pop.pinExpire .pop-body .chk_wrap input {
    appearance: none
}

.ui-pop.pinExpire .pop-body .chk_wrap input:checked+label::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 16'%3e%3crect width='15' height='15' x='1' y='.5' stroke='%230182FF' rx='2.5'/%3e%3cpath fill='%230182FF' fill-rule='evenodd' d='M13.213 4.222c.36.315.385.85.056 1.196L7.002 12 3.835 9.328a.824.824 0 0 1-.144-1.19A.908.908 0 0 1 4.93 8l1.878 1.692 5.157-5.416a.909.909 0 0 1 1.247-.054Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.ui-pop.pinExpire .pop-body .chk_wrap label {
    display: flex;
    align-items: center;
    color: #17191C;
    font-size: 14px;
    cursor: pointer
}

.ui-pop.pinExpire .pop-body .chk_wrap label::before {
    content: '';
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 16'%3e%3crect width='15' height='15' x='1' y='.5' stroke='%2317191C' stroke-opacity='.2' rx='2.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    margin-right: 9px
}

.ui-pop.pinExpire .pop-btn {
    margin: 0;
    padding-top: 26px
}

.ui-pop.pinExpire .pop-btn .btn-basic {
    width: 100%;
    height: 44px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 400
}

.ui-pop.pinExpire .pop-btn .btn-basic:hover {
    background: unset
}

.ui-pop.pinExpire .pop-btn .btn-basic.blue {
    border-color: #0182FF;
    color: #0182FF !important
}

.ui-pop.pinExpire .pop-close {
    top: 28px;
    right: 28px;
    padding: 0;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m4.75 4.754 14.5 14.5M19.25 4.754l-14.5 14.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px
}

.ui-pop.pinExpire .pop-close span {
    display: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .caps_Lock {
        padding:10px 18px 10px
    }
}

.ictBox {
    display: block;
    width: 128px;
    border: 1px solid #b4b4b4;
    border-radius: 2px;
    background: #fff
}

.ictBox dl dt {
    padding: 2px 0 2px 7px;
    color: #555;
    font-weight: bold;
    font-family: arial
}

.ictBox dl dd {
    display: block;
    border-top: 1px solid #e8e8e8
}

.ictBox dl dd a {
    display: block;
    height: auto;
    padding: 6px 0 4px 7px;
    color: #333;
    text-decoration: none;
    letter-spacing: -1px
}

.ictBox dl dd a:hover {
    background: #f7f7f7
}

.ictBox dl dd .ic_fav {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin: 0 6px 4px 0;
    background: url("/images/common/ict_common.png") no-repeat -14px 0
}

.ictBox dl dd .ic_fav.on {
    background-position: -30px 0
}

.ictBox .btn_home {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 128px;
    height: 23px;
    background: url(/images/common/blank.gif) 0 0 no-repeat
}

.ictBox .btn_home span {
    overflow: hidden;
    position: absolute;
    top: 5px;
    right: 7px;
    display: block;
    width: 13px;
    height: 13px;
    text-indent: -9999px;
    background: url("/images/common/ict_common.png") no-repeat 0 0
}

html[dark=true] .ui-pop,body.thema_dark .ui-pop {
    background: #1b1b1c
}

html[dark=true] .ui-pop .pop-title,body.thema_dark .ui-pop .pop-title {
    color: #c8c8c8;
    border-color: #333
}

html[dark=true] .ui-pop .pop-btn .btn.btn_blue,body.thema_dark .ui-pop .pop-btn .btn.btn_blue {
    background-color: #0182FF;
    border-color: #0182FF;
    color: #fff
}

html[dark=true] .ui-pop .pop-btn .btn,body.thema_dark .ui-pop .pop-btn .btn {
    border-color: #666;
    color: #999
}

html[dark=true] .ui-pop.improve,body.thema_dark .ui-pop.improve {
    border-color: #515151
}

html[dark=true] .ui-pop.improve .pop-btn button,html[dark=true] .ui-pop.improve .pop-btn a,body.thema_dark .ui-pop.improve .pop-btn button,body.thema_dark .ui-pop.improve .pop-btn a {
    background-color: transparent;
    border-color: #484848;
    color: #999
}

html[dark=true] .ui-pop.improve .pop-btn button.btn_blue,html[dark=true] .ui-pop.improve .pop-btn a.btn_blue,body.thema_dark .ui-pop.improve .pop-btn button.btn_blue,body.thema_dark .ui-pop.improve .pop-btn a.btn_blue {
    background-color: #7398ff;
    border-color: #7398ff;
    color: #fff
}

html[dark=true] .ui-pop.improve .pop-btn button.btn_blue.line,html[dark=true] .ui-pop.improve .pop-btn a.btn_blue.line,body.thema_dark .ui-pop.improve .pop-btn button.btn_blue.line,body.thema_dark .ui-pop.improve .pop-btn a.btn_blue.line {
    background-color: transparent;
    border-color: #7398ff;
    color: #7398ff
}

html[dark=true] .ui-pop.improve .pop-close,body.thema_dark .ui-pop.improve .pop-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd'  fill='%23c8c8c8' d='M.576.576c.234-.235.614-.235.848 0L9 8.15 16.576.576c.208-.209.531-.232.765-.07l.083.07c.235.234.235.614 0 .848L9.85 9l7.575 7.576c.209.208.232.531.07.765l-.07.083c-.234.235-.614.235-.848 0L9 9.85l-7.576 7.575c-.208.209-.531.232-.765.07l-.083-.07c-.235-.234-.235-.614 0-.848L8.15 9 .576 1.424C.367 1.216.344.893.506.66z'/%3e%3c/svg%3e") !important
}

html[dark=true] .pg_area a,body.thema_dark .pg_area a {
    border-color: #121213;
    color: #999
}

html[dark=true] .pg_area a.btn_prev:hover,html[dark=true] .pg_area a.btn_next:hover,body.thema_dark .pg_area a.btn_prev:hover,body.thema_dark .pg_area a.btn_next:hover {
    border-color: #121213;
    color: #7398ff
}

html[dark=true] .pg_area a:hover,html[dark=true] .pg_area em,body.thema_dark .pg_area a:hover,body.thema_dark .pg_area em {
    border-color: #7398ff;
    color: #7398ff
}

html[dark=true] body .studio_selectbox,body.thema_dark .studio_selectbox {
    background: url("/images/afmain/img_studio_select_dark.png") 0 0 no-repeat
}

html[dark=true] body .studio_selectbox a .txt,body.thema_dark .studio_selectbox a .txt {
    color: #c8c8c8
}

html[dark=true] body .studio_selectbox .btn_cast_qna,body.thema_dark .studio_selectbox .btn_cast_qna {
    color: #7398ff
}

html[dark=true] body .studio_selectbox a .cast_v,body.thema_dark .studio_selectbox a .cast_v {
    color: #f5f6f7;
    background: #4c9939
}

html[dark=true] body .ictBox,body.thema_dark .ictBox {
    background: #1b1b1c;
    border-color: #333
}

html[dark=true] body .ictBox dl dt,body.thema_dark .ictBox dl dt {
    color: #999
}

html[dark=true] body .ictBox dl dd,body.thema_dark .ictBox dl dd {
    border-color: #333
}

html[dark=true] body .ictBox dl dd a,body.thema_dark .ictBox dl dd a {
    color: #c8c8c8
}

html[dark=true] body .ictBox dl dd a:hover,body.thema_dark .ictBox dl dd a:hover {
    background: #282828
}

html[dark=true] body .ictBox .btn_home span,html[dark=true] body body.thema_dark .ictBox dl dd .ic_fav,body.thema_dark .ictBox .btn_home span,body.thema_dark body.thema_dark .ictBox dl dd .ic_fav {
    background-image: url(/images/common/ict_common_dark.png)
}

html[dark=true] body .loading-spinner i:after,body.thema_dark .loading-spinner i:after {
    background: #c0c0c0
}

html[dark=true] body .ui-pop.vod-delete .pop-body h2 span,body.thema_dark .ui-pop.vod-delete .pop-body h2 span {
    color: #c8c8c8
}

html[dark=true] body .ui-pop.vod-delete .pop-body h2 sup,html[dark=true] body .ui-pop.vod-delete .pop-body h2 strong,body.thema_dark .ui-pop.vod-delete .pop-body h2 sup,body.thema_dark .ui-pop.vod-delete .pop-body h2 strong {
    color: #e5e5e5
}

html[dark=true] body .ui-pop.vod-delete .pop-body .guide_text.error,body.thema_dark .ui-pop.vod-delete .pop-body .guide_text.error {
    color: #ff3f3f
}

html[dark=true] body .ui-pop.vod-delete .pop-body textarea,body.thema_dark .ui-pop.vod-delete .pop-body textarea {
    background: #0e0e0e;
    color: #c8c8c8;
    border-color: #333333
}

html[dark=true] body .ui-pop.vod-delete .pop-body textarea::-webkit-input-placeholder,body.thema_dark .ui-pop.vod-delete .pop-body textarea::-webkit-input-placeholder {
    color: #666666
}

html[dark=true] body .ui-pop.vod-delete .pop-body textarea::-ms-input-placeholder,body.thema_dark .ui-pop.vod-delete .pop-body textarea::-ms-input-placeholder {
    color: #666666
}

html[dark=true] body .ui-pop.vod-delete .pop-body textarea:disabled,body.thema_dark .ui-pop.vod-delete .pop-body textarea:disabled {
    background-color: #272727;
    border-color: #262626
}

html[dark=true] body .ui-pop.vod-delete .pop-btn .btn,body.thema_dark .ui-pop.vod-delete .pop-btn .btn {
    border-color: #666;
    color: #999
}

html[dark=true] body .ui-pop.vod-delete .pop-btn .btn_blue,body.thema_dark .ui-pop.vod-delete .pop-btn .btn_blue {
    background-color: #1b61c3;
    border-color: #1b61c3;
    color: #fff
}

html[dark=true] body .ui-pop .pop-close,body.thema_dark .ui-pop .pop-close {
    background-image: url(/images/flashplayer/split_layer_dark.png)
}

html[dark=true] body .ui-pop.vod-delete.clip .pop-btn .btn_blue:disabled,body.thema_dark .ui-pop.vod-delete.clip .pop-btn .btn_blue:disabled {
    background-color: #1b3e70;
    border-color: #1b3e70;
    color: #8d8d8e
}

html[dark=true] body .ui-pop.vod-delete.clip .userClipDel .chk-box span,body.thema_dark .ui-pop.vod-delete.clip .userClipDel .chk-box span {
    background-color: transparent
}

html[dark=true] .ui-pop.PlayListAdd,.thema_dark .ui-pop.PlayListAdd {
    border-color: #333
}

html[dark=true] .ui-pop .pop-title,.thema_dark .ui-pop .pop-title {
    border-color: #282828
}

html[dark=true] .ui-pop .pop-title h3,.thema_dark .ui-pop .pop-title h3 {
    color: #fff
}

html[dark=true] .ui-pop .pop-btn .btn:hover,.thema_dark .ui-pop .pop-btn .btn:hover {
    border-color: #666
}

html[dark=true] .ui-pop.PlayListAdd .pop-close,.thema_dark .ui-pop.PlayListAdd .pop-close {
    background: none
}

html[dark=true] .PlayListAdd .PlayListBox li label:before,.thema_dark .PlayListAdd .PlayListBox li label:before {
    background: #0e0e0e;
    border-color: #999
}

html[dark=true] .PlayListAdd .PlayListBox li input[type=checkbox]:checked+label:before,.thema_dark .PlayListAdd .PlayListBox li input[type=checkbox]:checked+label:before {
    background-color: #386cff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000' viewBox='0 0 15 13'%3e%3cpath stroke-width='2' stroke-linecap='round' fill='none' d='M3.451 5.903l2.135 1.691 4.833-5.289' stroke='%23fff'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    border-color: #386cff
}

html[dark=true] .PlayListAdd .PlayListBox li>span,.thema_dark .PlayListAdd .PlayListBox li>span {
    flex: 0 0 auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3e%3cpath d='M15.6 6.2c-.15.23-3.98 5.4-7.6 5.4C4.37 11.6.55 6.43.39 6.2a.35.35 0 01-.01-.4C.52 5.6 4.02.4 8 .4s7.47 5.18 7.62 5.4c.08.13.07.29-.01.4zM8 1.1C4.8 1.1 1.78 5.04 1.1 6c.73.93 4 4.9 6.9 4.9 2.9 0 6.16-3.97 6.9-4.9-.69-.96-3.71-4.9-6.9-4.9zm0 7.88a2.97 2.97 0 010-5.96 2.97 2.97 0 010 5.95zm0-5.26a2.27 2.27 0 000 4.55 2.27 2.27 0 000-4.54z' fill='%23999'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

html[dark=true] .PlayListAdd .PlayListBox li>span.hidden,.thema_dark .PlayListAdd .PlayListBox li>span.hidden {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 13'%3e%3cpath d='M15.6 6.75c-.15.22-3.98 5.38-7.6 5.38-.93 0-1.87-.34-2.76-.85l.5-.5c.75.4 1.52.66 2.26.66 2.9 0 6.16-3.96 6.9-4.9a18.2 18.2 0 00-2.31-2.61l.5-.5a18.07 18.07 0 012.53 2.92c.08.13.08.29-.01.4zM2.15 12.9a.34.34 0 01-.5 0 .35.35 0 010-.49L13.86.19a.35.35 0 01.5.5L2.13 12.9zM8 1.66c-3.19 0-6.22 3.93-6.9 4.88.34.43 1.23 1.52 2.37 2.56l-.5.5A21.3 21.3 0 01.4 6.75a.35.35 0 01-.01-.4C.53 6.13 4.02.96 8 .96c.98 0 1.93.32 2.81.8l-.51.51A5.09 5.09 0 008 1.66z' fill='%23999'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

html[dark=true] .PlayListAdd .PlayListBox li label,.thema_dark .PlayListAdd .PlayListBox li label {
    color: #999
}

html[dark=true] .PlayListAdd .PlayListBox li.disabled label,.thema_dark .PlayListAdd .PlayListBox li.disabled label {
    color: #333
}

html[dark=true] .PlayListAdd .PlayListBox li.disabled label:before,.thema_dark .PlayListAdd .PlayListBox li.disabled label:before {
    background: #333;
    border-color: #333
}

html[dark=true] .PlayListAdd .ListForm .title input[type=text],html[dark=true] .PlayListAdd .ListForm .select .select_warp .selected,.thema_dark .PlayListAdd .ListForm .title input[type=text],.thema_dark .PlayListAdd .ListForm .select .select_warp .selected {
    background-color: #0e0e0e;
    border-color: #333;
    color: #999
}

html[dark=true] .PlayListAdd .ListForm .select .select_warp .selected:after,.thema_dark .PlayListAdd .ListForm .select .select_warp .selected:after {
    background: #0e0e0e url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 8.5'%3e%3cpath stroke='%23c8c8c8' fill='none' d='M2.2.5l4.3 4.63L10.8.5'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%
}

html[dark=true] .PlayListAdd .ListForm .select .select_warp ul,.thema_dark .PlayListAdd .ListForm .select .select_warp ul {
    background-color: #0e0e0e;
    border-color: #333
}

html[dark=true] .PlayListAdd .ListForm .select .select_warp ul li button,.thema_dark .PlayListAdd .ListForm .select .select_warp ul li button {
    color: #999
}

html[dark=true] .PlayListAdd .ListForm .select .select_warp ul li button:hover,.thema_dark .PlayListAdd .ListForm .select .select_warp ul li button:hover {
    background-color: #282828
}

html[dark=true] .PlayListAdd .ListForm .title .bytes,html[dark=true] .PlayListAdd .ListForm .title .bytes em,.thema_dark .PlayListAdd .ListForm .title .bytes,.thema_dark .PlayListAdd .ListForm .title .bytes em {
    color: #999
}

html[dark=true] .PlayListAdd .btn_NewAddList,.thema_dark .PlayListAdd .btn_NewAddList {
    color: #999
}

html[dark=true] .PlayListAdd .btn_NewAddList:hover,.thema_dark .PlayListAdd .btn_NewAddList:hover {
    color: #7398ff
}

html[dark=true] .PlayListAdd.error .ListForm .title input[type=text],.thema_dark .PlayListAdd.error .ListForm .title input[type=text] {
    border-color: #ff3f3f
}

html[dark=true] .ui-pop.pinExpire,.thema_dark .ui-pop.pinExpire {
    background: #1C1E22;
    border-color: rgba(117,123,138,0.3)
}

html[dark=true] .ui-pop.pinExpire .pop-title h3,.thema_dark .ui-pop.pinExpire .pop-title h3 {
    color: #E2E4E9
}

html[dark=true] .ui-pop.pinExpire .pop-body .cont_text,.thema_dark .ui-pop.pinExpire .pop-body .cont_text {
    color: #D5D7DC
}

html[dark=true] .ui-pop.pinExpire .pop-body .datePicker_wrap .btn_calendar,.thema_dark .ui-pop.pinExpire .pop-body .datePicker_wrap .btn_calendar {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3e%3crect width='14.667' height='12.692' x='3.667' y='4.724' stroke='%239196A1' stroke-linejoin='round' stroke-width='1.4' rx='2.5'/%3e%3crect width='1.283' height='3.173' x='6.417' y='3.208' fill='%239196A1' stroke='%239196A1' stroke-linejoin='round' stroke-width='.2' rx='.642'/%3e%3crect width='1.283' height='3.173' x='13.75' y='3.208' fill='%239196A1' stroke='%239196A1' stroke-linejoin='round' stroke-width='.2' rx='.642'/%3e%3cpath stroke='%239196A1' stroke-linejoin='round' stroke-width='1.4' d='M4.191 9.313H17.81'/%3e%3c/svg%3e");
    border-color: #464A53;
    color: #9196A1
}

html[dark=true] .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box,.thema_dark .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box {
    background: #1C1E22
}

html[dark=true] .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .selected,.thema_dark .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .selected {
    border-color: #464A53;
    color: #9196A1
}

html[dark=true] .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .selected::after,.thema_dark .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .selected::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3e%3cg clip-path='url(%23a)'%3e%3cpath stroke='%239196A1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m18 7-6.75 7L4.5 7'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M3.25 6h16v9h-16z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
}

html[dark=true] .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer,.thema_dark .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer {
    border-color: rgba(117,123,138,0.3)
}

html[dark=true] .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li button:hover,.thema_dark .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li button:hover {
    background: #2F3137
}

html[dark=true] .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li button:disabled,.thema_dark .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li button:disabled {
    color: #757B8A
}

html[dark=true] .ui-pop.pinExpire .pop-body .chk_wrap input:checked+label::before,.thema_dark .ui-pop.pinExpire .pop-body .chk_wrap input:checked+label::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 16'%3e%3crect width='15' height='15' x='1' y='.5' stroke='%230182FF' rx='2.5'/%3e%3cpath fill='%230182FF' fill-rule='evenodd' d='M13.213 4.222c.36.315.385.85.056 1.196L7.002 12 3.835 9.328a.824.824 0 0 1-.144-1.19A.908.908 0 0 1 4.93 8l1.878 1.692 5.157-5.416a.909.909 0 0 1 1.247-.054Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] .ui-pop.pinExpire .pop-body .chk_wrap label,.thema_dark .ui-pop.pinExpire .pop-body .chk_wrap label {
    color: #E2E4E9
}

html[dark=true] .ui-pop.pinExpire .pop-body .chk_wrap label::before,.thema_dark .ui-pop.pinExpire .pop-body .chk_wrap label::before {
    content: '';
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 16'%3e%3crect width='15' height='15' x='1' y='.5' stroke='%23F6F6F9' stroke-opacity='.2' rx='2.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    margin-right: 9px
}

html[dark=true] .ui-pop.pinExpire .pop-close,.thema_dark .ui-pop.pinExpire .pop-close {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m4.75 4.754 14.5 14.5M19.25 4.754l-14.5 14.5'/%3e%3c/svg%3e") !important
}

._Modal_UI_Wrap {
    display: flex;
    flex-direction: column;
    position: fixed;
    inset: 0;
    overflow: hidden auto;
    pointer-events: none;
    z-index: 1520
}

._Modal_UI_Wrap .modal-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    inset: 0;
    flex-direction: column;
    overflow: hidden;
    padding: 20px;
    pointer-events: none
}

._Modal_UI_Wrap .modal-container>* {
    pointer-events: auto
}

._Modal_UI_Wrap .modal-container>div {
    max-height: 100%
}

._Modal_UI_Wrap>div:not(.modal-container) {
    pointer-events: auto
}

._Modal_UI_Wrap .flex_box {
    margin: auto
}

._Modal_UI_Wrap .flex_box>div {
    pointer-events: auto
}

._Modal_UI_Wrap.dimed {
    background: rgba(23,25,28,0.6);
    pointer-events: auto
}

._Modal_UI_Wrap.click {
    pointer-events: none
}

.basic_alert {
    position: relative;
    background-color: #fff;
    min-width: 300px;
    width: fit-content;
    margin: auto;
    padding: 0 28px 28px;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-color: rgba(117,123,138,0.2);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    box-sizing: border-box;
    pointer-events: auto;
    z-index: 1005
}

html[dark=true] .basic_alert,body.thema_dark .basic_alert {
    background-color: #1C1E22
}

html[dark=true] .basic_alert,body.thema_dark .basic_alert {
    border-color: rgba(117,123,138,0.3)
}

.basic_alert .title {
    padding: 24px 0
}

.basic_alert .title>strong {
    color: #17191C;
    font-size: 16px;
    font-weight: 600
}

html[dark=true] .basic_alert .title>strong,body.thema_dark .basic_alert .title>strong {
    color: #E2E4E9
}

.basic_alert .conts {
    padding-top: 28px;
    text-align: center;
    line-height: 1.4
}

.basic_alert .conts p {
    color: #525661;
    font-size: 14px
}

html[dark=true] .basic_alert .conts p,body.thema_dark .basic_alert .conts p {
    color: #D5D7DC
}

.basic_alert .conts p:only-child {
    font-size: 15px
}

.basic_alert .conts .subtitle {
    display: block;
    padding-bottom: 4px;
    color: #17191C;
    font-size: 15px;
    font-weight: 600
}

html[dark=true] .basic_alert .conts .subtitle,body.thema_dark .basic_alert .conts .subtitle {
    color: #E2E4E9
}

.basic_alert .conts .accent {
    color: #0182FF
}

html[dark=true] .basic_alert .conts .accent,body.thema_dark .basic_alert .conts .accent {
    color: #44A3FF
}

.basic_alert .conts .warn {
    display: block;
    margin-top: 8px;
    color: #757B8A;
    font-size: 13px
}

html[dark=true] .basic_alert .conts .warn,body.thema_dark .basic_alert .conts .warn {
    color: #9196A1
}

.basic_alert .conts .gd_noti {
    margin-top: 6px;
    background: rgba(1,130,255,0.05);
    height: 38px;
    padding: 0 14px;
    border-radius: 8px
}

.basic_alert .conts .gd_noti p {
    display: flex;
    align-items: center;
    height: 100%;
    color: #0182ff;
    font-size: 13px
}

html[dark=true] .basic_alert .conts .gd_noti p,body.thema_dark .basic_alert .conts .gd_noti p {
    color: #44A3FF
}

.basic_alert .conts .gd_noti p::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3e%3crect width='14' height='14' x='.5' y='1' stroke='%230182FF' rx='7'/%3e%3cpath stroke='%230182FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.5 7.923V11m0-5.96V5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 15px;
    height: 16px;
    margin-right: 6px
}

.basic_alert .conts .gd_noti p strong {
    margin: 0 4px;
    font-weight: 600
}

.basic_alert .title+.conts {
    padding: 0;
    text-align: left
}

.basic_alert .btn_area {
    display: flex;
    justify-content: center;
    padding-top: 20px
}

.basic_alert .btn_area>button {
    min-width: 85px;
    height: 36px;
    margin-left: 8px;
    padding: 0 24px;
    border: 1px solid transparent;
    border-color: #D5D7DC;
    border-radius: 8px;
    font-size: 14px;
    color: #17191C;
    transition: all .2s ease-in-out;
    cursor: pointer
}

html[dark=true] .basic_alert .btn_area>button,body.thema_dark .basic_alert .btn_area>button {
    border-color: #464A53
}

html[dark=true] .basic_alert .btn_area>button,body.thema_dark .basic_alert .btn_area>button {
    color: #E2E4E9
}

.basic_alert .btn_area>button:first-of-type {
    margin-left: 0
}

.basic_alert .btn_area>button:hover {
    background: rgba(23,25,28,0.1)
}

html[dark=true] .basic_alert .btn_area>button:hover,body.thema_dark .basic_alert .btn_area>button:hover {
    background: rgba(246,246,249,0.1)
}

.basic_alert .btn_area>button:active {
    background: rgba(23,25,28,0.2)
}

html[dark=true] .basic_alert .btn_area>button:active,body.thema_dark .basic_alert .btn_area>button:active {
    background: rgba(246,246,249,0.2)
}

.basic_alert .btn_area>button:disabled {
    border-color: #D5D7DC;
    color: rgba(23,25,28,0.3);
    cursor: default
}

html[dark=true] .basic_alert .btn_area>button:disabled,body.thema_dark .basic_alert .btn_area>button:disabled {
    border-color: #464A53
}

html[dark=true] .basic_alert .btn_area>button:disabled,body.thema_dark .basic_alert .btn_area>button:disabled {
    color: rgba(246,246,249,0.3)
}

.basic_alert .btn_area>button.tertiary {
    background: #E2E4E9 !important;
    border: 0 !important;
    color: #17191c !important
}

html[dark=true] .basic_alert .btn_area>button.tertiary,body.thema_dark .basic_alert .btn_area>button.tertiary {
    background: #3B3D45 !important
}

html[dark=true] .basic_alert .btn_area>button.tertiary,body.thema_dark .basic_alert .btn_area>button.tertiary {
    color: #E2E4E9 !important
}

.basic_alert .btn_area>button.tertiary:hover {
    background: #DADDE2 !important
}

html[dark=true] .basic_alert .btn_area>button.tertiary:hover,body.thema_dark .basic_alert .btn_area>button.tertiary:hover {
    background: #4E5057 !important
}

.basic_alert .btn_area>button.tertiary:active {
    background: #A6A7AC !important
}

html[dark=true] .basic_alert .btn_area>button.tertiary:active,body.thema_dark .basic_alert .btn_area>button.tertiary:active {
    background: #73757B !important
}

.basic_alert .btn_area>button.tertiary:disabled {
    background: #EEEFF1 !important;
    color: rgba(23,25,28,0.3) !important;
    cursor: default
}

html[dark=true] .basic_alert .btn_area>button.tertiary:disabled,body.thema_dark .basic_alert .btn_area>button.tertiary:disabled {
    background: #464A53 !important
}

html[dark=true] .basic_alert .btn_area>button.tertiary:disabled,body.thema_dark .basic_alert .btn_area>button.tertiary:disabled {
    color: rgba(246,246,249,0.3) !important
}

.basic_alert .btn_area>button.primary {
    background: #0182FF;
    border: 0;
    color: #FCFCFD
}

html[dark=true] .basic_alert .btn_area>button.primary,body.thema_dark .basic_alert .btn_area>button.primary {
    background: #0182FF
}

html[dark=true] .basic_alert .btn_area>button.primary,body.thema_dark .basic_alert .btn_area>button.primary {
    color: #FCFCFD
}

.basic_alert .btn_area>button.primary:hover {
    background: #0377E9
}

html[dark=true] .basic_alert .btn_area>button.primary:hover,body.thema_dark .basic_alert .btn_area>button.primary:hover {
    background: #0377E9
}

.basic_alert .btn_area>button.primary:active {
    background: #066DD2
}

html[dark=true] .basic_alert .btn_area>button.primary:active,body.thema_dark .basic_alert .btn_area>button.primary:active {
    background: #066DD2
}

.basic_alert .btn_area>button.primary:disabled {
    background: #EEEFF1;
    color: rgba(23,25,28,0.3)
}

html[dark=true] .basic_alert .btn_area>button.primary:disabled,body.thema_dark .basic_alert .btn_area>button.primary:disabled {
    background: #464A53
}

html[dark=true] .basic_alert .btn_area>button.primary:disabled,body.thema_dark .basic_alert .btn_area>button.primary:disabled {
    color: rgba(246,246,249,0.3)
}

.basic_alert .btn_close {
    position: absolute;
    top: 15px;
    right: 20px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10.75 10.754 14.5 14.5M25.25 10.754l-14.5 14.5'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    width: 36px;
    height: 36px;
    font: 0/0 a
}

.select_box_item .select_list {
    background: #fff !important
}

html[dark=true] .select_box_item .select_list,body.thema_dark .select_box_item .select_list {
    background: #1C1E22 !important
}

.select_box_item.full .select_list li button {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._share_layer {
    position: absolute;
    background: #fff;
    min-width: 364px;
    padding-bottom: 32px;
    border-radius: 12px;
    border: 1px solid #D5D7DC;
    border-radius: 12px;
    z-index: 15;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.04),0px 4px 12px 0px rgba(0,0,0,0.12)
}

html[dark=true] ._share_layer,body.thema_dark ._share_layer {
    background: #1C1E22
}

html[dark=true] ._share_layer,body.thema_dark ._share_layer {
    border: 1px solid #2B2E33
}

._share_layer .title {
    padding: 24px 32px
}

._share_layer .title h3 {
    color: #17191C;
    font-size: 18px;
    font-weight: 600
}

html[dark=true] ._share_layer .title h3,body.thema_dark ._share_layer .title h3 {
    color: #E2E4E9
}

._share_layer .close_layer {
    position: absolute;
    top: 23px;
    right: 26px;
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m4.75 4.754 14.5 14.5M19.25 4.754l-14.5 14.5' stroke='%23525661' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    font: 0/0 a
}

html[dark=true] ._share_layer .close_layer,body.thema_dark ._share_layer .close_layer {
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m4.75 4.754 14.5 14.5M19.25 4.754l-14.5 14.5' stroke='%23D5D7DC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}

._share_layer .share_tab {
    display: flex;
    margin: 0 32px 24px;
    border-bottom: 1px solid #E3E5E8
}

html[dark=true] ._share_layer .share_tab,body.thema_dark ._share_layer .share_tab {
    border-bottom: 1px solid #373A41
}

._share_layer .share_tab button {
    display: flex;
    align-items: center;
    position: relative;
    height: 40px;
    padding: 0 28px;
    color: #525661;
    font-size: 16px
}

html[dark=true] ._share_layer .share_tab button,body.thema_dark ._share_layer .share_tab button {
    color: #D5D7DC
}

._share_layer .share_tab button:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #0182FF;
    width: 0;
    height: 2px;
    transition: width 0.2s cubic-bezier(0, 1, 0.66, 1.1)
}

._share_layer .share_tab button.on {
    color: #0182FF;
    font-weight: 600
}

html[dark=true] ._share_layer .share_tab button.on,body.thema_dark ._share_layer .share_tab button.on {
    color: #0182FF
}

._share_layer .share_tab button.on:before {
    width: 100%
}

._share_layer ._share_type ._list {
    padding: 0 32px;
    text-align: center;
    font-size: 0;
    line-height: 0
}

._share_layer ._share_type ._list>button {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

._share_layer ._share_type ._list>button:not(:first-child) {
    margin-left: 20px
}

._share_layer ._share_type ._list .copy_inp {
    margin-top: 24px
}

._share_layer ._share_type ._copy {
    display: none;
    margin: 0 32px
}

._share_layer ._share_type .copy_inp {
    display: flex;
    margin-top: 12px
}

._share_layer ._share_type .copy_inp input[type=text] {
    background: transparent;
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #D5D7DC;
    border-radius: 6px;
    color: #757B8A;
    font-size: 14px
}

html[dark=true] ._share_layer ._share_type .copy_inp input[type=text],body.thema_dark ._share_layer ._share_type .copy_inp input[type=text] {
    border: 1px solid #464A53
}

html[dark=true] ._share_layer ._share_type .copy_inp input[type=text],body.thema_dark ._share_layer ._share_type .copy_inp input[type=text] {
    color: #9196A1
}

._share_layer ._share_type .copy_inp .btn {
    flex: 0 0 auto;
    background: #EEEFF1;
    height: 42px;
    margin-left: 10px;
    padding: 0 18px;
    border-radius: 10px;
    color: #525661;
    font-size: 16px
}

html[dark=true] ._share_layer ._share_type .copy_inp .btn,body.thema_dark ._share_layer ._share_type .copy_inp .btn {
    background: #464A53
}

html[dark=true] ._share_layer ._share_type .copy_inp .btn,body.thema_dark ._share_layer ._share_type .copy_inp .btn {
    color: #D5D7DC
}

._share_layer ._share_type .shareCheck_area {
    display: flex;
    flex-wrap: wrap;
    gap: 0 16px;
    margin-top: 14px
}

._share_layer ._share_type .check_box {
    display: flex;
    align-items: center;
    position: relative;
    text-align: left;
    color: #757B8A;
    font-size: 13px
}

html[dark=true] ._share_layer ._share_type .check_box,body.thema_dark ._share_layer ._share_type .check_box {
    color: #9196A1
}

._share_layer ._share_type .check_box input[type=checkbox] {
    position: absolute;
    top: 0;
    left: -9999em;
    opacity: 0
}

._share_layer ._share_type .check_box label {
    display: inline-flex;
    align-items: center;
    color: #757B8A;
    font-size: 13px
}

html[dark=true] ._share_layer ._share_type .check_box label,body.thema_dark ._share_layer ._share_type .check_box label {
    color: #9196A1
}

._share_layer ._share_type .check_box label:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3crect width='15' height='15' x='2.5' y='2.5' stroke='%23D5D7DC' rx='2.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    margin-right: 6px
}

html[dark=true] ._share_layer ._share_type .check_box label:before,body.thema_dark ._share_layer ._share_type .check_box label:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3crect width='15' height='15' x='2.5' y='2.5' stroke='%23464A53' rx='2.5'/%3e%3c/svg%3e")
}

._share_layer ._share_type .check_box input[type=checkbox]:checked+label:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3crect width='15' height='15' x='2.5' y='2.5' fill='%230182FF' stroke='%230182FF' rx='2.5'/%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M14.713 6.222c.36.315.385.85.056 1.196L8.502 14l-3.167-2.672a.824.824 0 0 1-.144-1.19A.908.908 0 0 1 6.43 10l1.878 1.692 5.157-5.416a.909.909 0 0 1 1.247-.054Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

html[dark=true] ._share_layer ._share_type .check_box input[type=checkbox]:checked+label:before,body.thema_dark ._share_layer ._share_type .check_box input[type=checkbox]:checked+label:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3crect width='15' height='15' x='2.5' y='2.5' fill='%230182FF' stroke='%230182FF' rx='2.5'/%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M14.713 6.222c.36.315.385.85.056 1.196L8.502 14l-3.167-2.672a.824.824 0 0 1-.144-1.19A.908.908 0 0 1 6.43 10l1.878 1.692 5.157-5.416a.909.909 0 0 1 1.247-.054Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

._share_layer ._share_type .check_box .start_time_input {
    color: #17191c;
    margin-right: 3px
}

html[dark=true] ._share_layer ._share_type .check_box .start_time_input,body.thema_dark ._share_layer ._share_type .check_box .start_time_input {
    color: #E2E4E9
}

._share_layer ._share_type .check_box .start_time_input[type=text] {
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 70px;
    height: 30px;
    margin-right: 6px;
    padding: 4px 7px;
    border: 1px solid #ACB0B9;
    border-radius: 6px;
    box-sizing: border-box;
    text-align: left
}

._share_layer ._share_type .check_box .start_time_input[type=text].invalid {
    background: #FF2F001A;
    border-color: #FF2F0080
}

._share_layer ._share_type .check_box input[type=checkbox]:checked+label[for=start_time] ~ .start_time_input[type=text] {
    display: inline-flex
}

._share_layer ._share_type .check_box input[type=checkbox]:checked+label[for=start_time] ~ span.start_time_input {
    display: none
}

.list_add_layer {
    position: relative;
    background: #fff;
    width: 400px;
    padding: 32px 0;
    border: 1px solid transparent;
    border-color: rgba(117,123,138,0.2);
    border-radius: 12px
}

html[dark=true] .list_add_layer,body.thema_dark .list_add_layer {
    background: #1C1E22
}

html[dark=true] .list_add_layer,body.thema_dark .list_add_layer {
    border-color: rgba(117,123,138,0.3)
}

.list_add_layer h3 {
    padding: 0 32px 16px 32px;
    color: #17191C;
    font-size: 18px;
    font-weight: 600
}

html[dark=true] .list_add_layer h3,body.thema_dark .list_add_layer h3 {
    color: #E2E4E9
}

.list_add_layer .list_box {
    overflow: auto;
    max-height: 292px;
    padding: 0 32px
}

.list_add_layer .list_box li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 42px
}

.list_add_layer .list_box li input[type=checkbox] {
    position: absolute;
    top: 0;
    left: -999em;
    visibility: hidden;
    opacity: 0
}

.list_add_layer .list_box li input[type=checkbox]:checked+label {
    color: #0182FF
}

.list_add_layer .list_box li input[type=checkbox]:checked+label:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 8'%3e%3cpath fill='%230182FF' fill-rule='evenodd' d='M9.713.222c.36.315.385.85.056 1.196L3.502 8 .335 5.328a.824.824 0 0 1-.144-1.19A.908.908 0 0 1 1.43 4l1.878 1.692L8.466.276A.909.909 0 0 1 9.713.222Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-size: 10px 8px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-color: #0182FF
}

.list_add_layer .list_box li label {
    flex: 1 1 auto;
    position: relative;
    overflow: hidden;
    padding-left: 26px;
    color: #525661;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
    text-overflow: ellipsis
}

html[dark=true] .list_add_layer .list_box li label,body.thema_dark .list_add_layer .list_box li label {
    color: #D5D7DC
}

.list_add_layer .list_box li label:before {
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    margin: 0 6px 0 2px;
    border-radius: 3px;
    border: 1px solid transparent;
    border-color: #D5D7DC;
    box-sizing: border-box;
    transform: translateY(-50%)
}

html[dark=true] .list_add_layer .list_box li label:before,body.thema_dark .list_add_layer .list_box li label:before {
    border-color: #464A53
}

.list_add_layer .list_box li input[type=checkbox]:disabled+label {
    color: #ACB0B9;
    cursor: default
}

html[dark=true] .list_add_layer .list_box li input[type=checkbox]:disabled+label,body.thema_dark .list_add_layer .list_box li input[type=checkbox]:disabled+label {
    color: #757B8A
}

.list_add_layer .list_box li input[type=checkbox]:disabled+label:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3e%3cpath fill='%23E2E4E9' fill-rule='evenodd' d='M9.713.222c.36.315.385.85.056 1.196L3.502 8 .335 5.328a.824.824 0 0 1-.144-1.19A.908.908 0 0 1 1.43 4l1.878 1.692L8.466.276A.909.909 0 0 1 9.713.222Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-size: 10px 8px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #EEEFF1;
    border-color: rgba(117,123,138,0.1)
}

html[dark=true] .list_add_layer .list_box li input[type=checkbox]:disabled+label:before,body.thema_dark .list_add_layer .list_box li input[type=checkbox]:disabled+label:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3e%3cpath fill='%23464A53' fill-rule='evenodd' d='M9.713.222c.36.315.385.85.056 1.196L3.502 8 .335 5.328a.824.824 0 0 1-.144-1.19A.908.908 0 0 1 1.43 4l1.878 1.692L8.466.276A.909.909 0 0 1 9.713.222Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

html[dark=true] .list_add_layer .list_box li input[type=checkbox]:disabled+label:before,body.thema_dark .list_add_layer .list_box li input[type=checkbox]:disabled+label:before {
    background-color: #232529
}

html[dark=true] .list_add_layer .list_box li input[type=checkbox]:disabled+label:before,body.thema_dark .list_add_layer .list_box li input[type=checkbox]:disabled+label:before {
    border-color: rgba(117,123,138,0.1)
}

.list_add_layer .list_box li span.hidden {
    flex-shrink: 0;
    height: 19px;
    padding: 0 5px;
    border-radius: 20px;
    border: 1px solid transparent;
    border-color: #E2E4E9;
    color: #ACB0B9;
    font-size: 11px;
    line-height: 19px;
    font-weight: 500
}

html[dark=true] .list_add_layer .list_box li span.hidden,body.thema_dark .list_add_layer .list_box li span.hidden {
    border-color: #464A53
}

html[dark=true] .list_add_layer .list_box li span.hidden,body.thema_dark .list_add_layer .list_box li span.hidden {
    color: #757B8A
}

.list_add_layer .btn_area {
    padding: 0 32px
}

.list_add_layer .btn_area .new_list_add {
    display: flex;
    align-items: center;
    margin-top: 12px;
    color: #525661;
    font-size: 13px
}

html[dark=true] .list_add_layer .btn_area .new_list_add,body.thema_dark .list_add_layer .btn_area .new_list_add {
    color: #D5D7DC
}

.list_add_layer .btn_area .new_list_add::before {
    content: "";
    display: inline-block;
    background-color: rgba(246,246,249,0.8);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 10'%3e%3cpath fill='%232F3137' stroke='%232F3137' stroke-width='.2' d='M5.485.78a.485.485 0 0 0-.962-.086l-.001.009-.006.069V4.516H.77l-.069.006-.008.001a.485.485 0 0 0 .087.962v-.1.1h3.734V9.22h.1-.1a.485.485 0 0 0 .962.087l.001-.01.006-.068V5.485H9.23l.069-.007.008-.001a.485.485 0 0 0-.087-.961H5.485V.78Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 50%
}

html[dark=true] .list_add_layer .btn_area .new_list_add::before,body.thema_dark .list_add_layer .btn_area .new_list_add::before {
    background-color: rgba(70,74,83,0.9)
}

html[dark=true] .list_add_layer .btn_area .new_list_add::before,body.thema_dark .list_add_layer .btn_area .new_list_add::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 10'%3e%3cpath fill='%23E2E4E9' stroke='%23E2E4E9' stroke-width='.2' d='M5.485.78a.485.485 0 0 0-.962-.086l-.001.009-.006.069V4.516H.77l-.069.006-.008.001a.485.485 0 0 0 .087.962v-.1.1h3.734V9.22h.1-.1a.485.485 0 0 0 .962.087l.001-.01.006-.068V5.485H9.23l.069-.007.008-.001a.485.485 0 0 0-.087-.961H5.485V.78Z'/%3e%3c/svg%3e")
}

.list_add_layer .btn_area .submit {
    background: #0182FF;
    width: 100%;
    height: 44px;
    margin-top: 24px;
    border-radius: 10px;
    color: #fcfcfd;
    font-size: 16px
}

.list_add_layer .close_layer {
    position: absolute;
    top: 32px;
    right: 32px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 17'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m.75.754 14.5 14.5M15.25.754l-14.5 14.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 16px 17px;
    width: 24px;
    height: 24px;
    font: 0/0 a
}

html[dark=true] .list_add_layer .close_layer,body.thema_dark .list_add_layer .close_layer {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 17'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m.75.754 14.5 14.5M15.25.754l-14.5 14.5'/%3e%3c/svg%3e")
}

.new_list_add_layer {
    position: relative;
    background: #fff;
    width: 400px;
    padding: 32px;
    border: 1px solid transparent;
    border-color: rgba(117,123,138,0.2);
    border-radius: 12px
}

html[dark=true] .new_list_add_layer,body.thema_dark .new_list_add_layer {
    background: #1C1E22
}

html[dark=true] .new_list_add_layer,body.thema_dark .new_list_add_layer {
    border-color: rgba(117,123,138,0.3)
}

.new_list_add_layer h3 {
    padding-bottom: 16px;
    color: #17191C;
    font-size: 18px;
    font-weight: 600
}

html[dark=true] .new_list_add_layer h3,body.thema_dark .new_list_add_layer h3 {
    color: #E2E4E9
}

.new_list_add_layer h3::placeholder {
    color: #ACB0B9
}

html[dark=true] .new_list_add_layer h3::placeholder,body.thema_dark .new_list_add_layer h3::placeholder {
    color: #757B8A
}

.new_list_add_layer .title {
    position: relative
}

.new_list_add_layer .title+.select_area {
    margin-top: 12px;
    border-top: 1px solid transparent;
    border-color: rgba(117,123,138,0.1)
}

html[dark=true] .new_list_add_layer .title+.select_area,body.thema_dark .new_list_add_layer .title+.select_area {
    border-color: rgba(117,123,138,0.3)
}

.new_list_add_layer .title input[type=text] {
    width: 100%;
    height: 40px;
    border-radius: 6px;
    padding: 11px 37px 11px 12px;
    border: 1px solid transparent;
    border-color: #D5D7DC;
    color: #525661;
    box-sizing: border-box
}

html[dark=true] .new_list_add_layer .title input[type=text],body.thema_dark .new_list_add_layer .title input[type=text] {
    border-color: rgba(117,123,138,0.3)
}

html[dark=true] .new_list_add_layer .title input[type=text],body.thema_dark .new_list_add_layer .title input[type=text] {
    color: #D5D7DC
}

.new_list_add_layer .title .bytes {
    display: block;
    padding-top: 3px;
    color: #ACB0B9;
    font-size: 13px;
    text-align: right;
    letter-spacing: -.5px
}

html[dark=true] .new_list_add_layer .title .bytes,body.thema_dark .new_list_add_layer .title .bytes {
    color: #757B8A
}

.new_list_add_layer .title .bytes em {
    color: #525661
}

html[dark=true] .new_list_add_layer .title .bytes em,body.thema_dark .new_list_add_layer .title .bytes em {
    color: #D5D7DC
}

.new_list_add_layer .title .delete {
    position: absolute;
    top: 10px;
    right: 12px;
    background: #ACB0B9 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 9'%3e%3cpath fill='%23E2E4E9' fill-rule='evenodd' d='M7.925.854a.5.5 0 1 0-.707-.708L4.07 3.293.925.146a.5.5 0 0 0-.707.708L3.364 4 .146 7.218a.5.5 0 1 0 .708.707L4.07 4.707 7.29 7.925a.5.5 0 1 0 .707-.707L4.778 4 7.925.854Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 6px !important;
    background-repeat: no-repeat !important;
    background-size: 9px 9px !important;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font: 0/0 a
}

html[dark=true] .new_list_add_layer .title .delete,body.thema_dark .new_list_add_layer .title .delete {
    background: #9196A1 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 9'%3e%3cpath fill='%23464A53' fill-rule='evenodd' d='M7.925.854a.5.5 0 1 0-.707-.708L4.07 3.293.925.146a.5.5 0 0 0-.707.708L3.364 4 .146 7.218a.5.5 0 1 0 .708.707L4.07 4.707 7.29 7.925a.5.5 0 1 0 .707-.707L4.778 4 7.925.854Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

.new_list_add_layer .select_area ul {
    margin-top: 12px
}

.new_list_add_layer .select_area ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 42px;
    margin: 0 4px
}

.new_list_add_layer .select_area ul li span {
    color: #757B8A;
    font-size: 14px
}

html[dark=true] .new_list_add_layer .select_area ul li span,body.thema_dark .new_list_add_layer .select_area ul li span {
    color: #9196A1
}

.new_list_add_layer .select_area ul li .switch {
    display: block;
    position: relative;
    width: 40px;
    height: 22px
}

.new_list_add_layer .select_area ul li .switch em {
    display: block;
    position: relative;
    background: #E2E4E9;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    transition: .2s;
    cursor: pointer
}

html[dark=true] .new_list_add_layer .select_area ul li .switch em,body.thema_dark .new_list_add_layer .select_area ul li .switch em {
    background: #3B3D45
}

.new_list_add_layer .select_area ul li .switch em::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 3px;
    background: #fff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: .2s
}

.new_list_add_layer .select_area ul li .switch input[type=checkbox] {
    display: none
}

.new_list_add_layer .select_area ul li .switch input[type=checkbox]:checked+em {
    background: #0182FF
}

.new_list_add_layer .select_area ul li .switch input[type=checkbox]:checked+em::after {
    left: calc(100% - 18px)
}

.new_list_add_layer ._btn_primary {
    background: #0182FF;
    width: 100%;
    height: 44px;
    margin-top: 24px;
    border-radius: 10px;
    color: #fcfcfd;
    font-size: 16px
}

.new_list_add_layer ._btn_primary:hover {
    background: #0377E9
}

.new_list_add_layer ._btn_primary:active {
    background: #066DD2
}

.new_list_add_layer ._btn_primary:disabled {
    background: #EEEFF1;
    color: rgba(23,25,28,0.3);
    cursor: default
}

.new_list_add_layer .close_layer {
    position: absolute;
    top: 32px;
    right: 32px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 17'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m.75.754 14.5 14.5M15.25.754l-14.5 14.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 16px 17px;
    width: 24px;
    height: 24px;
    font: 0/0 a
}

html[dark=true] .new_list_add_layer .close_layer,body.thema_dark .new_list_add_layer .close_layer {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 17'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m.75.754 14.5 14.5M15.25.754l-14.5 14.5'/%3e%3c/svg%3e")
}

._note_layer {
    position: absolute;
    background: #fff;
    width: 420px;
    padding: 31px;
    border-radius: 12px;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 12px;
    box-sizing: border-box;
    z-index: 15;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15)
}

html[dark=true] ._note_layer,body.thema_dark ._note_layer {
    background: #1C1E22
}

html[dark=true] ._note_layer,body.thema_dark ._note_layer {
    border: 1px solid rgba(117,123,138,0.3)
}

._note_layer .close_layer {
    position: absolute;
    top: 30px;
    right: 30px;
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m4.75 4.754 14.5 14.5M19.25 4.754l-14.5 14.5' stroke='%23525661' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    font: 0/0 a
}

html[dark=true] ._note_layer .close_layer,body.thema_dark ._note_layer .close_layer {
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m4.75 4.754 14.5 14.5M19.25 4.754l-14.5 14.5' stroke='%23D5D7DC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}

._note_layer .title {
    padding: 0 0 15px
}

._note_layer .title h3 {
    color: #17191C;
    font-size: 18px;
    font-weight: 600
}

html[dark=true] ._note_layer .title h3,body.thema_dark ._note_layer .title h3 {
    color: #E2E4E9
}

._note_layer .conts {
    padding-top: 10px
}

._note_layer .conts>dl {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
    line-height: 1.4
}

._note_layer .conts>dl:first-of-type {
    margin-top: 0
}

._note_layer .conts>dl dt {
    flex: 0 0 auto;
    display: flex;
    align-items: center
}

._note_layer .conts>dl dt strong {
    color: #525661;
    font-size: 14px;
    font-weight: 400
}

html[dark=true] ._note_layer .conts>dl dt strong,body.thema_dark ._note_layer .conts>dl dt strong {
    color: #D5D7DC
}

._note_layer .conts>dl dt .file_size {
    margin-left: auto;
    color: #757B8A;
    font-size: 12px
}

html[dark=true] ._note_layer .conts>dl dt .file_size,body.thema_dark ._note_layer .conts>dl dt .file_size {
    color: #9196A1
}

._note_layer .conts>dl dt .file_size.on em {
    color: #17191C
}

html[dark=true] ._note_layer .conts>dl dt .file_size.on em,body.thema_dark ._note_layer .conts>dl dt .file_size.on em {
    color: #E2E4E9
}

._note_layer .conts>dl dd {
    margin-left: auto
}

._note_layer .conts>dl dd>span {
    color: #17191C;
    font-size: 14px
}

html[dark=true] ._note_layer .conts>dl dd>span,body.thema_dark ._note_layer .conts>dl dd>span {
    color: #FCFCFD
}

._note_layer .conts>dl dd ._textarea_field ._input_box {
    height: auto;
    padding: 11px 12px
}

._note_layer .conts>dl dd ._textarea_field ._input_box>textarea {
    height: 86px
}

._note_layer .conts>dl dd .img_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

._note_layer .conts>dl dd .img_list li {
    position: relative;
    overflow: hidden;
    width: 112px;
    height: 112px;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 10px;
    box-sizing: border-box
}

html[dark=true] ._note_layer .conts>dl dd .img_list li,body.thema_dark ._note_layer .conts>dl dd .img_list li {
    border: 1px solid rgba(117,123,138,0.3)
}

._note_layer .conts>dl dd .img_list li .add_img {
    position: relative;
    height: 100%
}

._note_layer .conts>dl dd .img_list li .add_img>input {
    position: absolute;
    top: 0;
    left: -9999em;
    opacity: 0
}

._note_layer .conts>dl dd .img_list li .add_img label {
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3e%3cpath fill='%23ACB0B9' d='M13 0c.54 0 .99.39 1.082.902l.018.198v10.798l10.8.002a1.1 1.1 0 0 1 .198 2.182l-.198.018-10.8-.002V24.9a1.1 1.1 0 0 1-2.182.198L11.9 24.9V14.098L1.1 14.1a1.1 1.1 0 0 1-.198-2.182L1.1 11.9l10.8-.002V1.1A1.1 1.1 0 0 1 13 0Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 26px 26px;
    width: 100%;
    height: 100%;
    font-size: 0
}

html[dark=true] ._note_layer .conts>dl dd .img_list li .add_img label,body.thema_dark ._note_layer .conts>dl dd .img_list li .add_img label {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3e%3cpath fill='%23B3B3B3' d='M13 0c.54 0 .99.39 1.082.902l.018.198v10.798l10.8.002a1.1 1.1 0 0 1 .198 2.182l-.198.018-10.8-.002V24.9a1.1 1.1 0 0 1-2.182.198L11.9 24.9V14.098L1.1 14.1a1.1 1.1 0 0 1-.198-2.182L1.1 11.9l10.8-.002V1.1A1.1 1.1 0 0 1 13 0Z'/%3e%3c/svg%3e")
}

._note_layer .conts>dl dd .img_list li .img_box {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 1
}

html[dark=true] ._note_layer .conts>dl dd .img_list li .img_box,body.thema_dark ._note_layer .conts>dl dd .img_list li .img_box {
    background: #1C1E22
}

._note_layer .conts>dl dd .img_list li .img_box>img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

._note_layer .conts>dl dd .img_list li .btn_del {
    position: absolute;
    top: 7px;
    right: 7px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3crect width='24' height='24' fill='%2317191C' fill-opacity='.9' rx='12'/%3e%3cpath fill='%23FCFCFD' d='M16.354 8.041a.5.5 0 0 0-.708-.707l.708.707Zm-8.708 7.293a.5.5 0 0 0 .708.707l-.708-.707Zm8 .707a.5.5 0 0 0 .708-.707l-.708.707ZM8.354 7.334a.5.5 0 1 0-.708.707l.708-.707Zm7.292 0-8 8 .708.707 8-8-.708-.707Zm.708 8-8-8-.708.707 8 8 .708-.707Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    font: 0/0 a;
    z-index: 2
}

html[dark=true] ._note_layer .conts>dl dd .img_list li .btn_del,body.thema_dark ._note_layer .conts>dl dd .img_list li .btn_del {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3crect width='24' height='24' fill='%2317191C' fill-opacity='.9' rx='12'/%3e%3cpath fill='%23FCFCFD' d='M16.354 8.041a.5.5 0 0 0-.708-.707l.708.707Zm-8.708 7.293a.5.5 0 0 0 .708.707l-.708-.707Zm8 .707a.5.5 0 0 0 .708-.707l-.708.707ZM8.354 7.334a.5.5 0 1 0-.708.707l.708-.707Zm7.292 0-8 8 .708.707 8-8-.708-.707Zm.708 8-8-8-.708.707 8 8 .708-.707Z'/%3e%3c/svg%3e")
}

._note_layer .conts>dl.message,._note_layer .conts>dl.img_file {
    display: block
}

._note_layer .conts>dl.message dd,._note_layer .conts>dl.img_file dd {
    margin-top: 8px
}

._note_layer .btn_area {
    display: flex;
    margin-top: 24px
}

._note_layer .btn_area>button {
    width: 100%;
    height: 44px;
    margin-left: 10px;
    border-radius: 10px;
    font-size: 16px;
    transition: all .2s ease-in-out
}

._note_layer .btn_area>button:first-of-type {
    margin-left: 0
}

._note_layer .btn_area ._btn_line {
    border: 1px solid #D5D7DC;
    color: #D5D7DC
}

html[dark=true] ._note_layer .btn_area ._btn_line,body.thema_dark ._note_layer .btn_area ._btn_line {
    border: 1px solid #464A53
}

html[dark=true] ._note_layer .btn_area ._btn_line,body.thema_dark ._note_layer .btn_area ._btn_line {
    color: #E2E4E9
}

._note_layer .btn_area ._btn_line:hover {
    background: rgba(145,150,161,0.1)
}

html[dark=true] ._note_layer .btn_area ._btn_line:hover,body.thema_dark ._note_layer .btn_area ._btn_line:hover {
    background: rgba(246,246,249,0.1)
}

._note_layer .btn_area ._btn_line:active {
    background: rgba(23,25,28,0.3)
}

html[dark=true] ._note_layer .btn_area ._btn_line:active,body.thema_dark ._note_layer .btn_area ._btn_line:active {
    background: rgba(246,246,249,0.3)
}

._note_layer .btn_area ._btn_primary {
    background: #0182FF;
    color: #FCFCFD
}

._note_layer .btn_area ._btn_primary:hover {
    background: #0377E9
}

._note_layer .btn_area ._btn_primary:active {
    background: #066DD2
}

._note_layer .btn_area ._btn_primary:disabled {
    background: #EEEFF1;
    color: rgba(23,25,28,0.3);
    cursor: default
}

._awakened_layer {
    position: relative;
    background: #fff;
    width: 396px;
    padding: 31px;
    border-radius: 12px;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 12px;
    box-sizing: border-box;
    z-index: 15;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15)
}

html[dark=true] ._awakened_layer,body.thema_dark ._awakened_layer {
    background: #1C1E22
}

html[dark=true] ._awakened_layer,body.thema_dark ._awakened_layer {
    border: 1px solid rgba(117,123,138,0.3)
}

._awakened_layer .title {
    padding-bottom: 16px
}

._awakened_layer .title h3 {
    text-align: center;
    color: #17191c;
    font-size: 18px;
    font-weight: 600
}

html[dark=true] ._awakened_layer .title h3,body.thema_dark ._awakened_layer .title h3 {
    color: #E2E4E9
}

._awakened_layer .conts .message {
    color: #525661;
    font-size: 15px;
    line-height: 1.4;
    text-align: center
}

html[dark=true] ._awakened_layer .conts .message,body.thema_dark ._awakened_layer .conts .message {
    color: #D5D7DC
}

._awakened_layer .conts .message:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none'%3e%3cpath stroke='%23E2E4E9' stroke-width='3' d='M1.5 32C1.5 15.155 15.155 1.5 32 1.5S62.5 15.155 62.5 32 48.845 62.5 32 62.5 1.5 48.845 1.5 32Z'/%3e%3cpath stroke='%2344A3FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m20 31.161 7.689 7.727L42 23.998'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    margin: 10px auto 18px
}

html[dark=true] ._awakened_layer .conts .message:before,body.thema_dark ._awakened_layer .conts .message:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none'%3e%3cpath stroke='%23464A53' stroke-width='3' d='M1.5 32C1.5 15.155 15.155 1.5 32 1.5S62.5 15.155 62.5 32 48.845 62.5 32 62.5 1.5 48.845 1.5 32Z'/%3e%3cpath stroke='%2344A3FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m20 31.161 7.689 7.727L42 23.998'/%3e%3c/svg%3e")
}

._awakened_layer .btn_area {
    padding-top: 24px
}

._awakened_layer .btn_area>button {
    width: 100%;
    height: 44px;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 16px;
    transition: all .2s ease-in-out
}

._awakened_layer .btn_area ._btn_line {
    border: 1px solid #D5D7DC;
    color: #D5D7DC
}

html[dark=true] ._awakened_layer .btn_area ._btn_line,body.thema_dark ._awakened_layer .btn_area ._btn_line {
    border: 1px solid #464A53
}

html[dark=true] ._awakened_layer .btn_area ._btn_line,body.thema_dark ._awakened_layer .btn_area ._btn_line {
    color: #E2E4E9
}

._awakened_layer .btn_area ._btn_line:hover {
    background: rgba(145,150,161,0.1)
}

html[dark=true] ._awakened_layer .btn_area ._btn_line:hover,body.thema_dark ._awakened_layer .btn_area ._btn_line:hover {
    background: rgba(246,246,249,0.1)
}

._awakened_layer .btn_area ._btn_line:active {
    background: rgba(23,25,28,0.3)
}

html[dark=true] ._awakened_layer .btn_area ._btn_line:active,body.thema_dark ._awakened_layer .btn_area ._btn_line:active {
    background: rgba(246,246,249,0.3)
}

[id^=emoticonArea] #emoticonBox {
    position: relative;
    overflow: hidden;
    width: 246px;
    height: 292px;
    border: 1px solid #898687;
    background: #fff;
    z-index: 100
}

[id^=emoticonArea] #emoticonBox img {
    border: none
}

[id^=emoticonArea] #emoticonBox h1 {
    height: 30px;
    line-height: 32px;
    text-align: center;
    border-bottom: 1px solid #d7d7d7;
    color: #434343;
    font-weight: bold;
    font-size: 12px
}

[id^=emoticonArea] #emoticonBox .tab_area {
    height: 30px;
    border-bottom: 1px solid #d7d7d7
}

[id^=emoticonArea] #emoticonBox .tab_area ul {
    overflow: hidden
}

[id^=emoticonArea] #emoticonBox .tab_area ul li {
    float: left;
    font-family: 'NGB'
}

[id^=emoticonArea] #emoticonBox .tab_area ul li a {
    display: block;
    padding: 0 15px;
    line-height: 30px;
    height: 30px;
    color: #000;
    text-decoration: none
}

[id^=emoticonArea] #emoticonBox .tab_area ul li.on a {
    padding: 0 15px;
    height: 29px;
    border-bottom: 2px solid #3d82f7;
    color: #3d82f7
}

[id^=emoticonArea] #emoticonBox .scroll_area {
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 260px;
    padding: 0 0 12px 12px
}

[id^=emoticonArea] #emoticonBox .scroll_area .sg_area {
    overflow: hidden;
    padding: 0 0 10px 12px;
    margin: -2px 0 0 -12px
}

[id^=emoticonArea] #emoticonBox .scroll_area span {
    overflow: hidden;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 12px 5px 0 0;
    font-size: 0
}

[id^=emoticonArea] #emoticonBox .scroll_area span a {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border: solid 1px transparent
}

[id^=emoticonArea] #emoticonBox .scroll_area span a:hover {
    background: #ededed;
    border: solid 1px #d0d0d0;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.2)
}

[id^=emoticonArea] #emoticonBox .scroll_area span a img {
    width: 26px;
    height: 26px;
    margin: 0 auto
}

[id^=emoticonArea] #emoticonBox .scroll_area::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: transparent
}

[id^=emoticonArea] #emoticonBox .scroll_area::-webkit-scrollbar-thumb {
    background: #e4e4e4;
    border-radius: 6px
}

[id^=emoticonArea] #emoticonBox .scroll_area::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 6px
}

[id^=emoticonArea] #emoticonBox .scroll_area:hover::-webkit-scrollbar-thumb {
    background: #bbb !important
}

[id^=emoticonArea] #emoticonBox .btn_close {
    position: absolute;
    top: 3px;
    right: 0
}

[id^=emoticonArea] #emoticonBox .btn_close a {
    display: block;
    width: 23px;
    height: 23px;
    text-indent: -9999px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3e%3cpath d='m17.863 14.984 11.518 11.518c0.795 0.795 0.795 2.084 0 2.879s-2.084 0.795-2.879 0l-11.518-11.518-11.518 11.518c-0.795 0.795-2.084 0.795-2.879 0s-0.795-2.084 0-2.879l11.518-11.518-11.518-11.518c-0.795-0.795-0.795-2.084 0-2.879s2.084-0.795 2.879 0l11.518 11.518 11.518-11.518c0.795-0.795 2.084-0.795 2.879 0s0.795 2.084 0 2.879l-11.518 11.518z' fill='%23666'/%3e%3c/svg%3e");
    background-size: 10px 10px;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

html[dark=true] [id^=emoticonArea] #emoticonBox {
    background: #1b1b1c;
    border-color: #333
}

html[dark=true] [id^=emoticonArea] #emoticonBox h1 {
    border-color: #333;
    color: #c8c8c8
}

html[dark=true] [id^=emoticonArea] #emoticonBox .scroll_area span a:hover {
    background: #333;
    border-color: #333;
    border-radius: 2px
}

html[dark=true] [id^=emoticonArea] #emoticonBox .scroll_area:hover {
    scrollbar-face-color:#4d4d4d !important;scrollbar-shadow-color:#4d4d4d !important}

html[dark=true] [id^=emoticonArea] #emoticonBox .scroll_area::-webkit-scrollbar-thumb {
    background: #222222 !important
}

html[dark=true] [id^=emoticonArea] #emoticonBox .scroll_area:hover::-webkit-scrollbar-thumb {
    background: #4d4d4d !important
}

html[dark=true] [id^=emoticonArea] #emoticonBox .scroll_area::-webkit-scrollbar-track,html[dark=true] [id^=emoticonArea] #emoticonBox .scroll_area::-webkit-scrollbar {
    background: #121213 !important
}

html[dark=true] [id^=emoticonArea] #emoticonBox .scroll_area::-webkit-scrollbar-corner {
    background: #222
}

#emoticonContainer {
    position: absolute;
    background-color: #fff;
    width: 360px;
    height: 310px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(117,123,138,0.2);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 100
}

html[dark=true] #emoticonContainer,body.thema_dark #emoticonContainer {
    background-color: #1C1E22
}

html[dark=true] #emoticonContainer,body.thema_dark #emoticonContainer {
    border-color: rgba(117,123,138,0.3)
}

#emoticonContainer #emoticonBox {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

#emoticonContainer #emoticonBox .head {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding: 10px 10px 10px 15px
}

#emoticonContainer #emoticonBox .head>h3 {
    color: #17191C;
    font-size: 16px;
    font-weight: 600
}

html[dark=true] #emoticonContainer #emoticonBox .head>h3,body.thema_dark #emoticonContainer #emoticonBox .head>h3 {
    color: #E2E4E9
}

#emoticonContainer #emoticonBox .head .btn_close {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3e%3cpath stroke='%23757B8A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6.75 6.754 14.5 14.5M21.25 6.754l-14.5 14.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 28px;
    height: 28px;
    margin-left: auto;
    font: 0/0 a
}

html[dark=true] #emoticonContainer #emoticonBox .head .btn_close,body.thema_dark #emoticonContainer #emoticonBox .head .btn_close {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3e%3cpath stroke='%23ACB0B9' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6.75 6.754 14.5 14.5M21.25 6.754l-14.5 14.5'/%3e%3c/svg%3e")
}

#emoticonContainer #emoticonBox .tab_area .item_list {
    flex: 0 0 auto;
    display: flex;
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 1px solid rgba(117,123,138,0.2)
}

html[dark=true] #emoticonContainer #emoticonBox .tab_area .item_list,body.thema_dark #emoticonContainer #emoticonBox .tab_area .item_list {
    border-bottom: 1px solid rgba(117,123,138,0.3)
}

#emoticonContainer #emoticonBox .tab_area .item_list .prev,#emoticonContainer #emoticonBox .tab_area .item_list .next {
    flex: 0 0 auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    margin-top: 6px;
    font: 0/0 a
}

#emoticonContainer #emoticonBox .tab_area .item_list .prev.off,#emoticonContainer #emoticonBox .tab_area .item_list .next.off {
    cursor: default
}

#emoticonContainer #emoticonBox .tab_area .item_list .prev {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23ACB0B9' stroke-linecap='round' stroke-linejoin='round' d='M10.5 3.5 5.5 8l5 4.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #emoticonContainer #emoticonBox .tab_area .item_list .prev,body.thema_dark #emoticonContainer #emoticonBox .tab_area .item_list .prev {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%239196A1' stroke-linecap='round' stroke-linejoin='round' d='M10.5 3.5 5.5 8l5 4.5'/%3e%3c/svg%3e")
}

#emoticonContainer #emoticonBox .tab_area .item_list .next {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23ACB0B9' stroke-linecap='round' stroke-linejoin='round' d='m5.5 12.5 5-4.5-5-4.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #emoticonContainer #emoticonBox .tab_area .item_list .next,body.thema_dark #emoticonContainer #emoticonBox .tab_area .item_list .next {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%239196A1' stroke-linecap='round' stroke-linejoin='round' d='m5.5 12.5 5-4.5-5-4.5'/%3e%3c/svg%3e")
}

#emoticonContainer #emoticonBox .tab_area .item_list .btn_market {
    flex: 0 0 auto;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M17.32 12.25h.212c.201.545.532 1.072.961 1.5h-2.035c.49-.519.742-1.122.862-1.5Zm-6.851 0h.211c.12.378.372.981.862 1.5H9.51a4.18 4.18 0 0 0 .958-1.5Zm-4.834 2.106a2.998 2.998 0 0 0-.135.894v6a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-6c0-.311-.047-.611-.135-.894-.421.23-.91.368-1.451.39.055.158.086.327.086.504v6a1.5 1.5 0 0 1-1.5 1.5h-11a1.5 1.5 0 0 1-1.5-1.5v-6c0-.177.03-.346.087-.503a3.303 3.303 0 0 1-1.452-.39Z' clip-rule='evenodd'/%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M15.5 22.75v-2.5a1.5 1.5 0 0 0-3 0v2.5h3Zm-1.5-5.5a3 3 0 0 0-3 3v4h6v-4a3 3 0 0 0-3-3ZM4.576 6.475C5.076 4.695 6.79 3.5 8.692 3.5H19.33c1.891 0 3.604 1.185 4.115 2.973l.001.003.357 1.264c.01.039.018.077.023.116l.407 1.395c.099.246.22.664.314 1.043.096.388.203.886.203 1.194 0 2.184-1.617 4.012-3.993 4.012-1.41 0-2.561-.793-3.297-1.813a3.54 3.54 0 0 1-.033.05c-.598.879-1.665 1.763-3.427 1.763s-2.83-.884-3.427-1.764a3.508 3.508 0 0 1-.032-.047C9.805 14.711 8.653 15.5 7.243 15.5c-2.376 0-3.993-1.829-3.993-4.012 0-.308.107-.804.203-1.19.096-.383.217-.8.314-1.045l.486-1.649.323-1.13Zm12.1 5.278a.75.75 0 0 1 1.467-.06C18.454 12.909 19.538 14 20.757 14c1.494 0 2.493-1.103 2.493-2.512v-.016l-.001-.011a3.689 3.689 0 0 0-.04-.268 9.359 9.359 0 0 0-.118-.537 7.522 7.522 0 0 0-.287-.946l-.454-1.556a.752.752 0 0 1-.025-.129l-.322-1.14v-.001C21.693 5.801 20.616 5 19.33 5H8.692c-1.298 0-2.372.812-2.673 1.882v.003l-.327 1.14-.497 1.687a7.954 7.954 0 0 0-.286.948c-.048.19-.09.377-.119.535a3.615 3.615 0 0 0-.04.285v.008c0 1.41.999 2.512 2.493 2.512 1.22 0 2.303-1.083 2.614-2.306a.75.75 0 0 1 1.466.06v-.004l.002.012.014.064a3.387 3.387 0 0 0 .474 1.067C12.191 13.449 12.832 14 14 14s1.809-.551 2.186-1.107a3.387 3.387 0 0 0 .49-1.131l.001-.012v.003Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 28px;
    height: 28px;
    margin: 0 2px;
    border-radius: 8px;
    font: 0/0 a;
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1)
}

html[dark=true] #emoticonContainer #emoticonBox .tab_area .item_list .btn_market,body.thema_dark #emoticonContainer #emoticonBox .tab_area .item_list .btn_market {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M17.32 12.25h.212c.201.545.532 1.072.961 1.5h-2.035c.49-.519.742-1.122.862-1.5Zm-6.851 0h.211c.12.378.372.981.862 1.5H9.51a4.18 4.18 0 0 0 .958-1.5Zm-4.834 2.106a2.998 2.998 0 0 0-.135.894v6a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-6c0-.311-.047-.611-.135-.894-.421.23-.91.368-1.451.39.055.158.086.327.086.504v6a1.5 1.5 0 0 1-1.5 1.5h-11a1.5 1.5 0 0 1-1.5-1.5v-6c0-.177.03-.346.087-.503a3.303 3.303 0 0 1-1.452-.39Z' clip-rule='evenodd'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M15.5 22.75v-2.5a1.5 1.5 0 0 0-3 0v2.5h3Zm-1.5-5.5a3 3 0 0 0-3 3v4h6v-4a3 3 0 0 0-3-3ZM4.576 6.475C5.076 4.695 6.79 3.5 8.692 3.5H19.33c1.891 0 3.604 1.185 4.115 2.973l.001.003.357 1.264c.01.039.018.077.023.116l.407 1.395c.099.246.22.664.314 1.043.096.388.203.886.203 1.194 0 2.184-1.617 4.012-3.993 4.012-1.41 0-2.561-.793-3.297-1.813a3.54 3.54 0 0 1-.033.05c-.598.879-1.665 1.763-3.427 1.763s-2.83-.884-3.427-1.764a3.508 3.508 0 0 1-.032-.047C9.805 14.711 8.653 15.5 7.243 15.5c-2.376 0-3.993-1.829-3.993-4.012 0-.308.107-.804.203-1.19.096-.383.217-.8.314-1.045l.486-1.649.323-1.13Zm12.1 5.278a.75.75 0 0 1 1.467-.06C18.454 12.909 19.538 14 20.757 14c1.494 0 2.493-1.103 2.493-2.512v-.016l-.001-.011a3.689 3.689 0 0 0-.04-.268 9.359 9.359 0 0 0-.118-.537 7.522 7.522 0 0 0-.287-.946l-.454-1.556a.752.752 0 0 1-.025-.129l-.322-1.14v-.001C21.693 5.801 20.616 5 19.33 5H8.692c-1.298 0-2.372.812-2.673 1.882v.003l-.327 1.14-.497 1.687a7.954 7.954 0 0 0-.286.948c-.048.19-.09.377-.119.535a3.615 3.615 0 0 0-.04.285v.008c0 1.41.999 2.512 2.493 2.512 1.22 0 2.303-1.083 2.614-2.306a.75.75 0 0 1 1.466.06v-.004l.002.012.014.064a3.387 3.387 0 0 0 .474 1.067C12.191 13.449 12.832 14 14 14s1.809-.551 2.186-1.107a3.387 3.387 0 0 0 .49-1.131l.001-.012v.003Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

#emoticonContainer #emoticonBox .tab_area .item_list .btn_market:hover {
    background-color: rgba(145,150,161,0.1)
}

html[dark=true] #emoticonContainer #emoticonBox .tab_area .item_list .btn_market:hover,body.thema_dark #emoticonContainer #emoticonBox .tab_area .item_list .btn_market:hover {
    background-color: rgba(246,246,249,0.1)
}

#emoticonContainer #emoticonBox .tab_area .item_list>div {
    flex: 0 1 auto;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 37px;
    margin-right: 10px
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul {
    display: flex;
    position: absolute;
    left: 0;
    width: fit-content;
    height: 100%;
    transition: all .2s ease-in-out
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li {
    flex: 0 0 auto;
    position: relative;
    margin: 0 0 7px 8px
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li:before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    background-color: #0182FF;
    width: 0;
    height: 2px;
    border-radius: 2px;
    transition: width 0.2s cubic-bezier(0, 1, 0.66, 1.1)
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li.on:before {
    width: 100%
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li:first-of-type {
    margin-left: 0
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li button {
    width: 40px;
    height: 32px;
    border-radius: 8px;
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1)
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li button img {
    display: block;
    width: 36px;
    height: 28px;
    margin: 2px;
    object-fit: contain
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li button:hover {
    background-color: rgba(145,150,161,0.1)
}

html[dark=true] #emoticonContainer #emoticonBox .tab_area .item_list>div ul li button:hover,body.thema_dark #emoticonContainer #emoticonBox .tab_area .item_list>div ul li button:hover {
    background-color: rgba(246,246,249,0.1)
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li .ic_clock {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M14 23.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M13.7 9.3v5h2'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 28px;
    height: 28px;
    margin: 2px
}

html[dark=true] #emoticonContainer #emoticonBox .tab_area .item_list>div ul li .ic_clock,body.thema_dark #emoticonContainer #emoticonBox .tab_area .item_list>div ul li .ic_clock {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M14 23.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M13.7 9.3v5h2'/%3e%3c/svg%3e")
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li .ic_subscribe {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M19.781 16.897c2.88 0 3.519-2.116 3.519-3.8 0-1.684-.736-3.8-3.519-3.8'/%3e%3cpath stroke='%23525661' stroke-linejoin='round' stroke-width='1.4' d='M4.7 8.688a3 3 0 0 1 3-3h9.003a3 3 0 0 1 3 3v6.64a7 7 0 0 1-7 7H11.7a7 7 0 0 1-7-7v-6.64Z'/%3e%3cpath fill='%23525661' fill-rule='evenodd' stroke='%23525661' stroke-linejoin='round' stroke-width='.6' d='M14.36 14.342a.246.246 0 0 0-.072.22l.378 2.185a.252.252 0 0 1-.366.263l-1.98-1.031a.257.257 0 0 0-.236 0l-1.98 1.03a.252.252 0 0 1-.367-.262l.379-2.184a.247.247 0 0 0-.073-.22L8.44 12.795a.249.249 0 0 1 .14-.426l2.215-.32a.25.25 0 0 0 .19-.135l.99-1.987a.254.254 0 0 1 .453 0l.99 1.987a.253.253 0 0 0 .19.136l2.216.319c.207.03.289.281.139.426l-1.604 1.546Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 28px;
    height: 28px;
    margin: 2px
}

html[dark=true] #emoticonContainer #emoticonBox .tab_area .item_list>div ul li .ic_subscribe,body.thema_dark #emoticonContainer #emoticonBox .tab_area .item_list>div ul li .ic_subscribe {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M19.781 16.897c2.88 0 3.519-2.116 3.519-3.8 0-1.684-.736-3.8-3.519-3.8'/%3e%3cpath stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='1.4' d='M4.7 8.688a3 3 0 0 1 3-3h9.003a3 3 0 0 1 3 3v6.64a7 7 0 0 1-7 7H11.7a7 7 0 0 1-7-7v-6.64Z'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='.6' d='M14.36 14.342a.246.246 0 0 0-.072.22l.378 2.185a.252.252 0 0 1-.366.263l-1.98-1.031a.257.257 0 0 0-.236 0l-1.98 1.03a.252.252 0 0 1-.367-.262l.379-2.184a.247.247 0 0 0-.073-.22L8.44 12.795a.249.249 0 0 1 .14-.426l2.215-.32a.25.25 0 0 0 .19-.135l.99-1.987a.254.254 0 0 1 .453 0l.99 1.987a.253.253 0 0 0 .19.136l2.216.319c.207.03.289.281.139.426l-1.604 1.546Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li .ic_emoticon {
    background-image: url("/images/chat/emoticon/ic_emoticon.png");
    background-size: auto 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin: 2px
}

#emoticonContainer #emoticonBox .subTab_area {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    background-color: #F6F6F9;
    height: 37px;
    margin: 10px 12px 0;
    padding: 4px;
    border-radius: 12px;
    box-sizing: border-box
}

html[dark=true] #emoticonContainer #emoticonBox .subTab_area,body.thema_dark #emoticonContainer #emoticonBox .subTab_area {
    background-color: #232529
}

#emoticonContainer #emoticonBox .subTab_area li {
    width: 50%;
    height: 29px;
    border-radius: 8px
}

#emoticonContainer #emoticonBox .subTab_area li a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    z-index: 1
}

#emoticonContainer #emoticonBox .subTab_area li a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    right: 100%;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    width: 100%;
    border-radius: 8px;
    transition: all 0.2s cubic-bezier(0.56, 0.12, 0.12, 0.98);
    z-index: 1
}

html[dark=true] #emoticonContainer #emoticonBox .subTab_area li a:after,body.thema_dark #emoticonContainer #emoticonBox .subTab_area li a:after {
    background-color: #3B3D45
}

html[dark=true] #emoticonContainer #emoticonBox .subTab_area li a:after,body.thema_dark #emoticonContainer #emoticonBox .subTab_area li a:after {
    box-shadow: 0 1px 4px rgba(0,0,0,0.3)
}

#emoticonContainer #emoticonBox .subTab_area li a>span {
    position: relative;
    color: #525661;
    font-size: 12px;
    transition: all 0.2s cubic-bezier(0.56, 0.12, 0.12, 0.98);
    z-index: 2
}

html[dark=true] #emoticonContainer #emoticonBox .subTab_area li a>span,body.thema_dark #emoticonContainer #emoticonBox .subTab_area li a>span {
    color: #D5D7DC
}

#emoticonContainer #emoticonBox .subTab_area li a:after {
    left: auto;
    right: 100%
}

#emoticonContainer #emoticonBox .subTab_area li:first-child a:after {
    right: 0;
    left: 100%
}

#emoticonContainer #emoticonBox .subTab_area li.on a {
    z-index: 2
}

#emoticonContainer #emoticonBox .subTab_area li.on a>span {
    color: #17191C;
    font-weight: 500
}

html[dark=true] #emoticonContainer #emoticonBox .subTab_area li.on a>span,body.thema_dark #emoticonContainer #emoticonBox .subTab_area li.on a>span {
    color: #E2E4E9
}

#emoticonContainer #emoticonBox .subTab_area li.on a:after {
    left: auto;
    right: 0;
    background-color: #fff
}

#emoticonContainer #emoticonBox .subTab_area li.on:first-of-type a:after {
    left: 0;
    right: auto
}

#emoticonContainer #emoticonBox .scroll_area {
    flex: 0 1 auto;
    overflow: hidden auto;
    height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior: none
}

#emoticonContainer #emoticonBox .scroll_area::-webkit-scrollbar {
    display: none
}

#emoticonContainer #emoticonBox .scroll_area .empty_case {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 0 10px;
    box-sizing: border-box
}

#emoticonContainer #emoticonBox .scroll_area .empty_case p {
    color: #757B8A;
    font-size: 14px;
    line-height: 1.4
}

html[dark=true] #emoticonContainer #emoticonBox .scroll_area .empty_case p,body.thema_dark #emoticonContainer #emoticonBox .scroll_area .empty_case p {
    color: #9196A1
}

#emoticonContainer #emoticonBox .scroll_area .loading {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    height: 100%;
    box-sizing: border-box
}

#emoticonContainer #emoticonBox .scroll_area .box_divider .divider {
    position: sticky;
    top: 0;
    background-color: #F6F6F9;
    margin: 12px 10px 0;
    padding: 8px 12px;
    border-radius: 8px;
    color: #525661;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4
}

html[dark=true] #emoticonContainer #emoticonBox .scroll_area .box_divider .divider,body.thema_dark #emoticonContainer #emoticonBox .scroll_area .box_divider .divider {
    background-color: #232529
}

html[dark=true] #emoticonContainer #emoticonBox .scroll_area .box_divider .divider,body.thema_dark #emoticonContainer #emoticonBox .scroll_area .box_divider .divider {
    color: #D5D7DC
}

#emoticonContainer #emoticonBox .scroll_area .emoticon_item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 6px;
    padding: 12px 10px
}

#emoticonContainer #emoticonBox .scroll_area .emoticon_item>span>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    margin: auto;
    transition: all .2s ease-in-out
}

#emoticonContainer #emoticonBox .scroll_area .emoticon_item>span>a img {
    width: 26px;
    height: 26px;
    object-fit: contain
}

#emoticonContainer #emoticonBox .scroll_area .emoticon_item>span>a:hover {
    background-color: rgba(117,123,138,0.1)
}

#emoticonContainer #emoticonBox .scroll_area.ogq_item .emoticon_item>span>a {
    width: 76px;
    height: 72px
}

#emoticonContainer #emoticonBox .scroll_area.ogq_item .emoticon_item>span>a img {
    width: 60px;
    height: 52px
}

@media screen and (max-height: 254px) {
    #bs-wrap .loginUserMenu .depth_2 {
        height:calc(100% - 8px);
        overflow: auto
    }

    #bs-wrap .loginUserMenu .depth_2::-webkit-scrollbar-thumb {
        background: transparent
    }
}

#webplayer_top .allMenuList,#serviceHeader .allMenuList,#af-header .allMenuList {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    background: #fff;
    width: 760px;
    border-radius: 16px;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15);
    z-index: 3002
}

html[dark=true] #webplayer_top .allMenuList,body.thema_dark #webplayer_top .allMenuList,html[dark=true] #serviceHeader .allMenuList,body.thema_dark #serviceHeader .allMenuList,html[dark=true] #af-header .allMenuList,body.thema_dark #af-header .allMenuList {
    background: #1C1E22
}

#webplayer_top .allMenuList::-webkit-scrollbar-thumb,#serviceHeader .allMenuList::-webkit-scrollbar-thumb,#af-header .allMenuList::-webkit-scrollbar-thumb {
    background: transparent
}

#webplayer_top .allMenuList .inner,#serviceHeader .allMenuList .inner,#af-header .allMenuList .inner {
    display: flex;
    padding: 30px
}

@media screen and (max-height: 370px) {
    #webplayer_top .allMenuList,#serviceHeader .allMenuList,#af-header .allMenuList {
        overflow:auto;
        height: calc(100vh - 70px)
    }
}

#webplayer_top .allMenuList dl,#serviceHeader .allMenuList dl,#af-header .allMenuList dl {
    flex: 0 0 auto;
    width: 180px;
    min-height: 204px;
    padding-left: 25px;
    border-left: 1px solid transparent;
    border-color: rgba(117,123,138,0.2)
}

html[dark=true] #webplayer_top .allMenuList dl,body.thema_dark #webplayer_top .allMenuList dl,html[dark=true] #serviceHeader .allMenuList dl,body.thema_dark #serviceHeader .allMenuList dl,html[dark=true] #af-header .allMenuList dl,body.thema_dark #af-header .allMenuList dl {
    border-color: rgba(117,123,138,0.3)
}

#webplayer_top .allMenuList dl:first-of-type,#serviceHeader .allMenuList dl:first-of-type,#af-header .allMenuList dl:first-of-type {
    padding-left: 5px;
    border-left: 0
}

#webplayer_top .allMenuList dl dt,#serviceHeader .allMenuList dl dt,#af-header .allMenuList dl dt {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    color: #0182FF;
    font-size: 14px;
    font-weight: 500
}

html[dark=true] #webplayer_top .allMenuList dl dt,body.thema_dark #webplayer_top .allMenuList dl dt,html[dark=true] #serviceHeader .allMenuList dl dt,body.thema_dark #serviceHeader .allMenuList dl dt,html[dark=true] #af-header .allMenuList dl dt,body.thema_dark #af-header .allMenuList dl dt {
    color: #44A3FF
}

#webplayer_top .allMenuList dl dt:before,#serviceHeader .allMenuList dl dt:before,#af-header .allMenuList dl dt:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 4px
}

#webplayer_top .allMenuList dl.menu01 dt:before,#serviceHeader .allMenuList dl.menu01 dt:before,#af-header .allMenuList dl.menu01 dt:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%230182FF' d='m3.228 8.775.748.058-.748-.058Zm-.469 6.09.748.057-.748-.058Zm5.711 1.97.624.417-.624-.416Zm.776-1.163-.624-.416.624.416Zm5.508 0-.624.416.624-.416Zm.776 1.164.624-.416-.624.416Zm5.71-1.972-.747.058.748-.058Zm-.468-6.089-.748.058.748-.058Zm-3.84-2.989.11.742-.11-.742Zm-9.865 0 .11-.742-.11.742Zm10.448 12.38.148-.736-.148.735Zm-11.03 0-.148-.736.148.735Zm2.018-8.75a.75.75 0 1 0-1.5 0h1.5Zm-1.5 2.124a.75.75 0 0 0 1.5 0h-1.5ZM6.69 9.73a.75.75 0 0 0 0 1.5v-1.5Zm2.123 1.5a.75.75 0 0 0 0-1.5v1.5ZM15.992 9.9a.75.75 0 0 0 0-1.5v1.5Zm-.01-1.5a.75.75 0 0 0 0 1.5v-1.5Zm.01 4.155a.75.75 0 0 0 0-1.5v1.5Zm-.01-1.5a.75.75 0 0 0 0 1.5v-1.5Zm-1.317.173a.75.75 0 0 0 0-1.5v1.5Zm-.01-1.5a.75.75 0 0 0 0 1.5v-1.5Zm2.665 1.5a.75.75 0 0 0 0-1.5v1.5Zm-.01-1.5a.75.75 0 0 0 0 1.5v-1.5ZM2.48 8.718l-.468 6.089 1.495.115.469-6.09-1.496-.114Zm6.614 8.534.776-1.164-1.248-.832-.776 1.164 1.248.832Zm1.919-1.776h1.974v-1.5h-1.974v1.5Zm3.117.612.776 1.164 1.248-.832-.776-1.164-1.248.832Zm7.858-1.281-.468-6.09-1.496.116.469 6.089 1.495-.115Zm-5.164-9.763c-1.584.233-3.39.437-4.824.437v1.5c1.547 0 3.44-.217 5.042-.453l-.218-1.484ZM12 5.481c-1.434 0-3.24-.204-4.824-.437l-.218 1.484c1.602.236 3.495.453 5.042.453v-1.5Zm9.52 3.237c-.183-2.372-2.393-4.012-4.696-3.674l.218 1.484c1.493-.219 2.87.85 2.982 2.305l1.496-.115ZM17.368 18.9c2.516.503 4.817-1.536 4.62-4.094l-1.495.115a2.372 2.372 0 0 1-2.83 2.508l-.295 1.47Zm-2.462-1.65a3.872 3.872 0 0 0 2.462 1.65l.295-1.471a2.372 2.372 0 0 1-1.509-1.01l-1.248.832Zm-1.919-1.775c.46 0 .888.23 1.143.612l1.248-.832a2.874 2.874 0 0 0-2.39-1.28v1.5Zm-3.117.612a1.374 1.374 0 0 1 1.143-.612v-1.5c-.96 0-1.858.48-2.391 1.28l1.248.832ZM6.632 18.9a3.872 3.872 0 0 0 2.462-1.65l-1.248-.831a2.372 2.372 0 0 1-1.509 1.01l.295 1.47Zm-4.62-4.094c-.197 2.558 2.104 4.597 4.62 4.094l-.295-1.471a2.372 2.372 0 0 1-2.83-2.508l-1.495-.115Zm1.964-5.974c.112-1.455 1.489-2.524 2.982-2.305l.218-1.484C4.873 4.706 2.663 6.346 2.48 8.718l1.496.115Zm3.027.584v1.062h1.5V9.417h-1.5Zm0 1.062v1.062h1.5v-1.062h-1.5Zm-.312.75h1.062v-1.5H6.69v1.5Zm1.062 0h1.061v-1.5H7.753v1.5Zm8.24-2.828h-.011v1.5h.01v-1.5Zm0 2.655h-.011v1.5h.01v-1.5Zm-1.328-1.327h-.01v1.5h.01v-1.5Zm2.655 0h-.01v1.5h.01v-1.5Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .allMenuList dl.menu02 dt:before,#serviceHeader .allMenuList dl.menu02 dt:before,#af-header .allMenuList dl.menu02 dt:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg stroke='%230182FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' clip-path='url(%23a)'%3e%3cpath d='M18.85 17.831c-.079.906-.704 1.578-1.511 1.654-1.07.101-2.814.21-5.339.21-2.525 0-4.27-.109-5.339-.21-.807-.076-1.432-.748-1.51-1.654C5.073 16.922 5 15.57 5 13.696c0-1.874.073-3.227.15-4.135.079-.907.704-1.579 1.511-1.655 1.07-.1 2.814-.21 5.339-.21 2.525 0 4.27.11 5.339.21.807.076 1.433.748 1.51 1.655.078.908.151 2.26.151 4.135 0 1.874-.073 3.226-.15 4.135ZM11.875 7.75v12M5 13.696l14 .003'/%3e%3cpath d='M11.875 7.75c0-1.125-1.5-3.75-3.75-3.75-1.313 0-2.25 1.007-2.25 2.25 0 .63.26 1.201.678 1.61M11.875 7.75c0-1.125 1.5-3.75 3.75-3.75 1.313 0 2.25 1.007 2.25 2.25 0 .63-.26 1.201-.678 1.61'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .allMenuList dl.menu03 dt:before,#serviceHeader .allMenuList dl.menu03 dt:before,#af-header .allMenuList dl.menu03 dt:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%230182FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M19.229 8.405H4.77m9.37 3.172H9.86M19.28 8.83v8.564c0 .992-.815 1.797-1.82 1.797H6.54a1.809 1.809 0 0 1-1.82-1.797V8.829c0-.279.066-.554.192-.803l1.25-2.47a1.367 1.367 0 0 1 1.222-.746h9.232c.517 0 .99.289 1.221.745l1.25 2.47c.127.25.193.525.193.804Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .allMenuList dl.menu04,#serviceHeader .allMenuList dl.menu04,#af-header .allMenuList dl.menu04 {
    width: 160px
}

#webplayer_top .allMenuList dl.menu04 dt:before,#serviceHeader .allMenuList dl.menu04 dt:before,#af-header .allMenuList dl.menu04 dt:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%230182FF' stroke-width='1.5' d='M16.25 7a4.25 4.25 0 0 0-8.5 0v4a4.25 4.25 0 0 0 8.5 0V7Z'/%3e%3cpath stroke='%230182FF' stroke-linecap='round' stroke-width='1.5' d='M12 18.75v2.5'/%3e%3cpath fill='%230182FF' fill-rule='evenodd' d='M4.75 11c-.414 0-.754.337-.715.75a8 8 0 0 0 15.93 0c.039-.413-.3-.75-.715-.75-.414 0-.745.337-.793.749a6.501 6.501 0 0 1-12.914 0C5.496 11.337 5.164 11 4.75 11Z' clip-rule='evenodd'/%3e%3cpath stroke='%230182FF' stroke-linecap='round' stroke-width='1.5' d='M10.75 10.25h2.5M10.75 7.25h1.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .allMenuList dl dd,#serviceHeader .allMenuList dl dd,#af-header .allMenuList dl dd {
    margin: 6px 0 0 0;
    padding-left: 5px
}

#webplayer_top .allMenuList dl dd:first-child,#serviceHeader .allMenuList dl dd:first-child,#af-header .allMenuList dl dd:first-child {
    margin-top: 0
}

#webplayer_top .allMenuList dl dd:not(:last-child),#serviceHeader .allMenuList dl dd:not(:last-child),#af-header .allMenuList dl dd:not(:last-child) {
    padding-bottom: 10px
}

#webplayer_top .allMenuList dl dd a,#serviceHeader .allMenuList dl dd a,#af-header .allMenuList dl dd a {
    display: flex;
    align-items: center;
    color: #525661;
    font-size: 13px
}

html[dark=true] #webplayer_top .allMenuList dl dd a,body.thema_dark #webplayer_top .allMenuList dl dd a,html[dark=true] #serviceHeader .allMenuList dl dd a,body.thema_dark #serviceHeader .allMenuList dl dd a,html[dark=true] #af-header .allMenuList dl dd a,body.thema_dark #af-header .allMenuList dl dd a {
    color: #D5D7DC
}

#webplayer_top .allMenuList dl dd.new a:after,#serviceHeader .allMenuList dl dd.new a:after,#af-header .allMenuList dl dd.new a:after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='8' fill='%23FF2F00' fill-opacity='.15'/%3e%3cpath fill='%23FF0051' stroke='%23FF0051' stroke-width='.3' d='M11.15 5v-.15H9.55v3.924l-3.245-3.87-.045-.054H4.85V11.15H6.46V7.237l3.256 3.86.045.053h1.389V5Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    margin-left: 5px
}

html[dark=true] #webplayer_top .allMenuList dl dd.new a:after,body.thema_dark #webplayer_top .allMenuList dl dd.new a:after,html[dark=true] #serviceHeader .allMenuList dl dd.new a:after,body.thema_dark #serviceHeader .allMenuList dl dd.new a:after,html[dark=true] #af-header .allMenuList dl dd.new a:after,body.thema_dark #af-header .allMenuList dl dd.new a:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='8' fill='%23FF2F00' fill-opacity='.15'/%3e%3cpath fill='%23FF0051' stroke='%23FF0051' stroke-width='.3' d='M11.15 5v-.15H9.55v3.924l-3.245-3.87-.045-.054H4.85V11.15H6.46V7.237l3.256 3.86.045.053h1.389V5Z'/%3e%3c/svg%3e")
}

#webplayer_top .modeSetting,#serviceHeader .modeSetting,#af-header .modeSetting {
    display: none;
    position: absolute;
    top: 50px;
    right: -17px;
    background: #fff;
    width: 286px;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 12px;
    box-sizing: border-box;
    z-index: 3002;
    line-height: 1.2;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15)
}

#webplayer_top .modeSetting::-webkit-scrollbar-thumb,#serviceHeader .modeSetting::-webkit-scrollbar-thumb,#af-header .modeSetting::-webkit-scrollbar-thumb {
    background: transparent
}

@media screen and (max-height: 275px) {
    #webplayer_top .modeSetting,#serviceHeader .modeSetting,#af-header .modeSetting {
        overflow:auto;
        height: calc(100vh - 70px)
    }
}

#webplayer_top .modeSetting .modeSet,#serviceHeader .modeSetting .modeSet,#af-header .modeSetting .modeSet {
    overflow: hidden;
    padding: 8px 0
}

#webplayer_top .modeSetting .modeSet .settings,#serviceHeader .modeSetting .modeSet .settings,#af-header .modeSetting .modeSet .settings {
    position: relative;
    height: 40px;
    padding: 0 20px
}

#webplayer_top .modeSetting .modeSet .settings:hover,#serviceHeader .modeSetting .modeSet .settings:hover,#af-header .modeSetting .modeSet .settings:hover {
    background: rgba(145,150,161,0.1)
}

#webplayer_top .modeSetting .modeSet .my_mode,#serviceHeader .modeSetting .modeSet .my_mode,#af-header .modeSetting .modeSet .my_mode {
    display: flex;
    align-items: center;
    height: 100%;
    color: #17191C;
    font-size: 14px;
    font-weight: 500;
    text-align: left
}

#webplayer_top .modeSetting .modeSet .my_mode:before,#serviceHeader .modeSetting .modeSet .my_mode:before,#af-header .modeSetting .modeSet .my_mode:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23555' d='m10.827 3.606-.635-.294.635.294Zm9.606 9.235-.319-.624.32.623Zm.774.482-.693-.1.693.1Zm-3.982-.412a6.347 6.347 0 0 1-6.347-6.347h-1.4a7.747 7.747 0 0 0 7.747 7.747v-1.4Zm2.89-.694a6.317 6.317 0 0 1-2.89.694v1.4a7.716 7.716 0 0 0 3.527-.848l-.638-1.246Zm.399 1.007A8.602 8.602 0 0 1 12 20.6V22c5.04 0 9.21-3.729 9.9-8.579l-1.386-.197ZM12 20.6A8.6 8.6 0 0 1 3.4 12H2c0 5.523 4.477 10 10 10v-1.4ZM3.4 12a8.603 8.603 0 0 1 7.04-8.46l-.251-1.376C5.53 3.016 1.999 7.095 1.999 12h1.401Zm7.478-5.436c0-.953.21-1.855.584-2.664l-1.27-.588a7.72 7.72 0 0 0-.714 3.252h1.4ZM10.44 3.54a.25.25 0 0 1-.148-.021.217.217 0 0 1-.09-.076.135.135 0 0 1-.011-.132l1.27.588a1.265 1.265 0 0 0-.088-1.223 1.156 1.156 0 0 0-1.185-.513l.252 1.377Zm10.311 9.923a.135.135 0 0 1-.133-.007.216.216 0 0 1-.078-.087.25.25 0 0 1-.027-.146l1.386.197a1.157 1.157 0 0 0-.56-1.164c-.35-.21-.815-.25-1.226-.04l.638 1.246Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 0px;
    margin-right: 12px
}

#webplayer_top .modeSetting .modeSet label,#serviceHeader .modeSetting .modeSet label,#af-header .modeSetting .modeSet label {
    position: absolute;
    top: 10px;
    right: 20px;
    background: #E2E4E9;
    width: 40px;
    height: 22px;
    border-radius: 16px;
    cursor: pointer
}

#webplayer_top .modeSetting .modeSet label:before,#serviceHeader .modeSetting .modeSet label:before,#af-header .modeSetting .modeSet label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    background: #fff;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 50%;
    transition: all 0.2s
}

#webplayer_top .modeSetting .modeSet input,#serviceHeader .modeSetting .modeSet input,#af-header .modeSetting .modeSet input {
    position: absolute;
    top: 0;
    left: -9999em;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}

#webplayer_top .modeSetting .modeSet input:checked+label:before,#serviceHeader .modeSetting .modeSet input:checked+label:before,#af-header .modeSetting .modeSet input:checked+label:before {
    left: 100%;
    margin-left: -19px
}

#webplayer_top .modeSetting .modeSet p,#serviceHeader .modeSetting .modeSet p,#af-header .modeSetting .modeSet p {
    display: none;
    height: 0;
    color: #666;
    font-size: 11px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease
}

#webplayer_top .modeSetting .modeSet input:checked ~ p,#serviceHeader .modeSetting .modeSet input:checked ~ p,#af-header .modeSetting .modeSet input:checked ~ p {
    height: auto;
    margin-top: 4px;
    opacity: 1;
    visibility: visible
}

#webplayer_top .modeSetting ul,#serviceHeader .modeSetting ul,#af-header .modeSetting ul {
    margin: 0;
    padding: 8px 0;
    border-top: 1px solid #E2E4E9;
    border-top: 0;
    border-bottom: 1px solid #E2E4E9
}

#webplayer_top .modeSetting ul li,#serviceHeader .modeSetting ul li,#af-header .modeSetting ul li {
    display: flex;
    align-items: center;
    min-height: 26px;
    line-height: 1.5;
    list-style: none
}

#webplayer_top .modeSetting ul li a,#serviceHeader .modeSetting ul li a,#af-header .modeSetting ul li a {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 39px;
    padding: 0 20px;
    word-break: break-all;
    word-wrap: break-word;
    transition: background-color .2s;
    color: #17191C;
    font-size: 14px;
    font-weight: 500
}

#webplayer_top .modeSetting ul li a:hover,#serviceHeader .modeSetting ul li a:hover,#af-header .modeSetting ul li a:hover {
    background-color: rgba(145,150,161,0.1)
}

#webplayer_top .modeSetting ul li a:active,#serviceHeader .modeSetting ul li a:active,#af-header .modeSetting ul li a:active {
    background-color: rgba(23,25,28,0.3)
}

#webplayer_top .modeSetting ul li a:before,#serviceHeader .modeSetting ul li a:before,#af-header .modeSetting ul li a:before {
    content: "";
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin-right: 12px
}

#webplayer_top .modeSetting ul li a.my_afpay:before,#serviceHeader .modeSetting ul li a.my_afpay:before,#af-header .modeSetting ul li a.my_afpay:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M19.719 9.156V7.7a3 3 0 0 0-3-3H5.699c-1.656 0-2.999 1.34-2.999 2.996v8.605a2.999 2.999 0 0 0 3 2.999h11.019a3 3 0 0 0 3-3v-1.581'/%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M15.3 12A2.7 2.7 0 0 1 18 9.3h2.3a1 1 0 0 1 1 1v3.4a1 1 0 0 1-1 1H18a2.7 2.7 0 0 1-2.7-2.7Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-width='1.4' d='M18.015 12h.829'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_item:before,#serviceHeader .modeSetting ul li a.my_item:before,#af-header .modeSetting ul li a.my_item:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg fill='%23525661' clip-path='url(%23a)'%3e%3cpath d='m2.975 9.622.217-.665-.217.665Zm.117 4.714.25.654-.25-.654ZM18.3 4.003H5.7v1.4h12.6v-1.4Zm3.7 3.7a3.7 3.7 0 0 0-3.7-3.7v1.4a2.3 2.3 0 0 1 2.3 2.3H22Zm0 8.6v-8.6h-1.4v8.6H22Zm-3.7 3.7a3.7 3.7 0 0 0 3.7-3.7h-1.4a2.3 2.3 0 0 1-2.3 2.3v1.4Zm-12.6 0h12.6v-1.4H5.7v1.4Zm-3.7-3.7a3.7 3.7 0 0 0 3.7 3.7v-1.4a2.3 2.3 0 0 1-2.3-2.3H2Zm0-1.444v1.444h1.4V14.86H2ZM4 12a1.8 1.8 0 0 1-1.158 1.682l.5 1.308A3.2 3.2 0 0 0 5.4 12H4Zm-1.242-1.712A1.801 1.801 0 0 1 4 12h1.4a3.201 3.201 0 0 0-2.208-3.043l-.434 1.331ZM2 7.703v1.563h1.4V7.703H2Zm3.7-3.7a3.7 3.7 0 0 0-3.7 3.7h1.4a2.3 2.3 0 0 1 2.3-2.3v-1.4ZM3.192 8.957a.317.317 0 0 1 .208.309H2c0 .514.358.892.758 1.022l.434-1.331Zm.208 5.902c0 .053-.02.092-.035.11-.012.017-.021.02-.023.021l-.5-1.308c-.429.164-.842.585-.842 1.177h1.4Z'/%3e%3cpath fill-rule='evenodd' d='M9 6.75a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5Zm0 4.5a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5ZM9.75 15a.75.75 0 0 0-.75.75v1.5a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-.75-.75Z' clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_balloon:before,#serviceHeader .modeSetting ul li a.my_balloon:before,#af-header .modeSetting ul li a.my_balloon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath fill='%23525661' fill-rule='evenodd' stroke='%23525661' stroke-linejoin='round' stroke-width='.6' d='M14.158 11.19a.246.246 0 0 0-.072.221l.379 2.184a.252.252 0 0 1-.367.263l-1.98-1.03a.257.257 0 0 0-.235 0l-1.981 1.03a.252.252 0 0 1-.366-.263l.378-2.184a.247.247 0 0 0-.072-.22L8.238 9.644a.249.249 0 0 1 .14-.426l2.215-.319a.251.251 0 0 0 .19-.136l.99-1.986a.254.254 0 0 1 .454 0l.99 1.986a.252.252 0 0 0 .19.136l2.216.32c.206.03.288.28.138.425l-1.603 1.547Z' clip-rule='evenodd'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_message:before,#serviceHeader .modeSetting ul li a.my_message:before,#af-header .modeSetting ul li a.my_message:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23555' stroke-width='1.4' d='M17.455 13.175V4.8a1.5 1.5 0 0 0-1.5-1.5h-7.91a1.5 1.5 0 0 0-1.5 1.5v8.872'/%3e%3cpath stroke='%23555' stroke-width='1.4' d='M17.009 3.754 4.914 15.394a1.5 1.5 0 0 0-.02 2.142l2.816 2.816a1.5 1.5 0 0 0 2.122 0l7.734-7.734'/%3e%3cpath stroke='%23555' stroke-width='1.4' d='M7.091 3.754 18.954 14.74a2 2 0 0 1 .056 2.881l-2.52 2.52a1.5 1.5 0 0 1-2.021.092l-1.81-1.507-.271-.219'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a .memo,#serviceHeader .modeSetting ul li a .memo,#af-header .modeSetting ul li a .memo {
    margin-left: 5px;
    color: #0182FF
}

#webplayer_top .modeSetting ul li a.my_ad:before,#webplayer_top .modeSetting ul li a.my_bene:before,#serviceHeader .modeSetting ul li a.my_ad:before,#serviceHeader .modeSetting ul li a.my_bene:before,#af-header .modeSetting ul li a.my_ad:before,#af-header .modeSetting ul li a.my_bene:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3crect width='18.6' height='14.6' x='2.7' y='4.7' stroke='%23525661' stroke-width='1.4' rx='5.3'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M11.318 14.5 9.67 9.966a.567.567 0 0 0-1.067 0L6.955 14.5M13.227 14.5V9.59h1.636c1.091 0 2.182.82 2.182 2.455 0 1.637-1.09 2.455-2.182 2.455h-1.636ZM7.5 13.118h3.273'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_gd:before,#serviceHeader .modeSetting ul li a.my_gd:before,#af-header .modeSetting ul li a.my_gd:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M17.781 14.897c2.88 0 3.519-2.116 3.519-3.8 0-1.684-.736-3.8-3.519-3.8'/%3e%3cpath stroke='%23525661' stroke-linejoin='round' stroke-width='1.4' d='M2.7 6.688a3 3 0 0 1 3-3h9.003a3 3 0 0 1 3 3v6.64a7 7 0 0 1-7 7H9.7a7 7 0 0 1-7-7v-6.64Z'/%3e%3cpath fill='%23525661' fill-rule='evenodd' stroke='%23525661' stroke-linejoin='round' stroke-width='.6' d='M12.36 12.342a.246.246 0 0 0-.072.22l.378 2.185a.252.252 0 0 1-.366.263l-1.98-1.031a.257.257 0 0 0-.236 0l-1.98 1.03a.252.252 0 0 1-.367-.262l.378-2.184a.247.247 0 0 0-.072-.22L6.44 10.795a.249.249 0 0 1 .14-.426l2.215-.32a.251.251 0 0 0 .19-.135l.99-1.987a.254.254 0 0 1 .453 0l.99 1.987a.253.253 0 0 0 .19.136l2.216.319c.207.03.289.281.139.426l-1.604 1.546Z' clip-rule='evenodd'/%3e%3c/svg%3e") !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_tk:before,#serviceHeader .modeSetting ul li a.my_tk:before,#af-header .modeSetting ul li a.my_tk:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3e%3cpath d='M8.5 0a8.5 8.5 0 1 1 0 17 8.5 8.5 0 0 1 0-17zm0 1a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zM6.435 5.302c.234 0 .461.014.68.043.219.028.422.071.61.129.073.026.11.057.113.094.003.036.004.08.004.132l-.015.673c0 .089-.021.138-.063.149a.448.448 0 0 1-.203-.024 4.207 4.207 0 0 0-.63-.137 4.568 4.568 0 0 0-.574-.035c-.292 0-.554.05-.786.153a1.654 1.654 0 0 0-.59.43 1.926 1.926 0 0 0-.372.66 2.633 2.633 0 0 0-.13.845c0 .302.048.58.142.833a1.95 1.95 0 0 0 .981 1.103c.227.111.476.18.747.206.25.026.49.017.72-.027a3.94 3.94 0 0 0 .562-.145c.068-.026.112-.032.133-.02.02.014.034.046.04.098l.038.704c.005.058-.002.097-.023.117a.335.335 0 0 1-.118.063 3.63 3.63 0 0 1-.535.133c-.206.036-.45.055-.731.055-.449 0-.86-.075-1.232-.223a2.722 2.722 0 0 1-.958-.634 2.899 2.899 0 0 1-.621-.985A3.51 3.51 0 0 1 3.4 8.414c0-.459.074-.88.223-1.263a2.88 2.88 0 0 1 .621-.985c.266-.274.585-.486.958-.638a3.247 3.247 0 0 1 1.232-.226zm4.11.101c.291 0 .556.037.793.11.237.073.439.185.606.336.167.151.296.34.387.567.091.227.137.496.137.81 0 .375-.081.694-.243.957-.161.263-.375.47-.64.622l1.266 2.416c.042.078.057.132.047.16-.01.029-.055.043-.133.043h-.86c-.063 0-.103-.006-.122-.02a.29.29 0 0 1-.066-.105l-1.11-2.228h-.72v2.189c0 .073-.01.119-.031.137-.02.018-.06.027-.117.027H8.98a.205.205 0 0 1-.117-.027c-.026-.018-.04-.064-.04-.137v-5.7c0-.063.015-.105.044-.125a.175.175 0 0 1 .105-.032h1.572zm.109.962h-.767v1.752h.524c.313 0 .555-.072.727-.215.172-.144.258-.372.258-.685 0-.281-.069-.493-.207-.637a.71.71 0 0 0-.535-.215z' fill='%23525661'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 17px 17px
}

#webplayer_top .modeSetting ul li a.my_stat:before,#serviceHeader .modeSetting ul li a.my_stat:before,#af-header .modeSetting ul li a.my_stat:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3crect width='16.6' height='16.6' x='3.7' y='3.7' stroke='%23525661' stroke-width='1.4' rx='4.8'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 16.5v-9M8 16.5v-6M16 16.5v-3'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_drops:before,#serviceHeader .modeSetting ul li a.my_drops:before,#af-header .modeSetting ul li a.my_drops:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M3.4 8.5v1.975h6.2V8.5a3.1 3.1 0 0 0-6.2 0Zm6.362-3.1A4.485 4.485 0 0 1 11 8.5v1.975h2.319l1.877-2.476a.5.5 0 0 1 .797 0l1.878 2.476H20.6V10A4.6 4.6 0 0 0 16 5.4H9.762ZM9.6 11.874H3.4V17A1.6 1.6 0 0 0 5 18.6h4.6v-6.726ZM11 18.6v-6.726h2.319l1.877 2.476a.5.5 0 0 0 .797 0l1.878-2.476H20.6V17a1.6 1.6 0 0 1-1.6 1.6h-8Zm0 1.4H5a3 3 0 0 1-3-3V8.4A4.4 4.4 0 0 1 6.4 4H16a6 6 0 0 1 6 6v7a3 3 0 0 1-3 3h-8Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_spon:before,#serviceHeader .modeSetting ul li a.my_spon:before,#af-header .modeSetting ul li a.my_spon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M11.358 13.009 9.806 8.74a.534.534 0 0 0-1.004 0L7.25 13.01M13.155 13.009V8.387h1.541c1.027 0 2.054.77 2.054 2.31 0 1.541-1.027 2.312-2.054 2.312h-1.54ZM7.764 11.707h3.08'/%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_point:before,#serviceHeader .modeSetting ul li a.my_point:before,#af-header .modeSetting ul li a.my_point:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg stroke='%23525661' clip-path='url(%23a)'%3e%3cpath stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M10.09 15.431V8.9m.073 0h2.498c1.155 0 2.092.937 2.092 2.093v0a2.093 2.093 0 0 1-2.092 2.092h-2.498'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M2 2h20v20H2z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_profit:before,#serviceHeader .modeSetting ul li a.my_profit:before,#af-header .modeSetting ul li a.my_profit:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m8.13 8.49 1.989 7.02 1.88-7.02 1.882 7.02 1.989-7.02M7.5 12.681h9M7.5 10.725h9'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_shopping:before,#serviceHeader .modeSetting ul li a.my_shopping:before,#af-header .modeSetting ul li a.my_shopping:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='m8.136 14.708-1.62-7.562h12.292a1.5 1.5 0 0 1 1.426 1.967L18.35 14.86a1.5 1.5 0 0 1-1.425 1.033H9.603a1.5 1.5 0 0 1-1.467-1.186Z'/%3e%3cpath fill='%23525661' d='M16.4 21a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2ZM10.235 21a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2ZM2.719 2.996a.7.7 0 1 0 0 1.4v-1.4ZM5.863 4.09l-.684.148.684-.148ZM7.32 7.508l-.772-3.566-1.369.296.773 3.566 1.368-.296ZM5.375 2.996H2.719v1.4h2.656v-1.4Zm1.173.946a1.2 1.2 0 0 0-1.173-.946v1.4a.2.2 0 0 1-.196-.158l1.369-.296Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_dashboard:before,#serviceHeader .modeSetting ul li a.my_dashboard:before,#af-header .modeSetting ul li a.my_dashboard:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M4.64 4.32a.958.958 0 0 0 1.43-.591c.236-.976 1.624-.976 1.86 0 .154.63.876.929 1.43.592.857-.523 1.839.458 1.316 1.316a.958.958 0 0 0 .592 1.429c.976.237.976 1.625 0 1.861a.958.958 0 0 0-.592 1.43c.523.857-.459 1.838-1.316 1.316a.958.958 0 0 0-1.43.592c-.236.976-1.624.976-1.86 0a.958.958 0 0 0-1.43-.592c-.857.522-1.839-.459-1.316-1.316a.958.958 0 0 0-.592-1.43c-.976-.236-.976-1.624 0-1.861a.958.958 0 0 0 .592-1.43C2.8 4.78 3.783 3.799 4.64 4.322Zm2.243 5.343a1.667 1.667 0 1 0 0-3.333 1.667 1.667 0 0 0 0 3.333Z' clip-rule='evenodd'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.695 5.5h1.71a3 3 0 0 1 3 3v2.086l2.488-1.793c.652-.297 1.4.187 1.41.912v5.764a1.002 1.002 0 0 1-1.41.912l-2.542-1.924.053 2.043a3 3 0 0 1-3 3H6.7c-1.677 0-3.02-1.343-3-3v-2.496'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.extensions:before,#serviceHeader .modeSetting ul li a.extensions:before,#af-header .modeSetting ul li a.extensions:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23525661' d='M8.5 2c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414v1h2A2.496 2.496 0 0 1 15 7.5v1.498L16 9c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414 0 .552-.224 1.052-.586 1.414a1.993 1.993 0 0 1-1.413.586L15 12.998V15.5c0 .69-.28 1.315-.732 1.768A2.492 2.492 0 0 1 12.5 18h-2v-1a1.996 1.996 0 0 0-1.808-1.99c-.663-.008-1.183.208-1.555.545A1.932 1.932 0 0 0 6.5 17v1h-2c-.69 0-1.315-.28-1.768-.732A2.492 2.492 0 0 1 2 15.5V13h.5a1.996 1.996 0 0 0 1.99-1.808c.007-.663-.208-1.183-.546-1.555A1.932 1.932 0 0 0 2.501 9H2V7.5c0-.69.28-1.315.732-1.768A2.492 2.492 0 0 1 4.5 5h2V4c0-.552.224-1.052.586-1.414A1.994 1.994 0 0 1 8.5 2z' clip-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_info:before,#serviceHeader .modeSetting ul li a.my_info:before,#af-header .modeSetting ul li a.my_info:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23525661' d='M19.6 20.3a.7.7 0 1 0 1.4 0h-1.4ZM3 20.3a.7.7 0 1 0 1.4 0H3Zm11.903-7.859a.7.7 0 0 0-.42 1.336l.42-1.336Zm-5.387 1.336a.7.7 0 0 0-.42-1.336l.42 1.336ZM21 20.3c0-3.682-2.585-6.756-6.097-7.859l-.42 1.336c3.013.946 5.117 3.537 5.117 6.523H21ZM9.097 12.441C5.585 13.544 3 16.618 3 20.3h1.4c0-2.986 2.104-5.577 5.116-6.523l-.42-1.336Z'/%3e%3ccircle cx='12' cy='8.6' r='4.9' stroke='%23525661' stroke-width='1.4'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.userLogout:before,#serviceHeader .modeSetting ul li a.userLogout:before,#af-header .modeSetting ul li a.userLogout:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M15.3 3.7H6.7a3 3 0 0 0-3 3v10.6a3 3 0 0 0 3 3h8.6M17.543 14.756 20.299 12l-2.756-2.756M12 12h7.25'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_sotong:before,#serviceHeader .modeSetting ul li a.my_sotong:before,#af-header .modeSetting ul li a.my_sotong:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-width='1.4' d='M2.7 4.7h17.6M2.7 11.3h7.488M2.7 17.9h4.738'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M13.782 19.2a.5.5 0 0 1-.354.147h-2.207a.5.5 0 0 1-.5-.5v-2.208a.5.5 0 0 1 .146-.353l7.43-7.43a.5.5 0 0 1 .708 0l2.207 2.207a.5.5 0 0 1 0 .707l-7.43 7.43ZM16.65 10.502l2.916 2.915'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_custom:before,#serviceHeader .modeSetting ul li a.my_custom:before,#af-header .modeSetting ul li a.my_custom:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M5.7 15.969V9A6.3 6.3 0 0 1 12 2.7v0A6.3 6.3 0 0 1 18.3 9v6.969M5.553 15.822v0A2.853 2.853 0 0 1 2.7 12.969v-.294a2.853 2.853 0 0 1 2.853-2.853v0M18.447 15.822v0a2.853 2.853 0 0 0 2.853-2.853v-.294a2.853 2.853 0 0 0-2.853-2.853v0M11.675 18.844v0c0 .656.532 1.187 1.188 1.187h3.25c1.208 0 2.187-.98 2.187-2.187v0'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_service:before,#serviceHeader .modeSetting ul li a.my_service:before,#af-header .modeSetting ul li a.my_service:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M11.999 8v4.514'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M11.994 16h.013'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a .new,#serviceHeader .modeSetting ul li a .new,#af-header .modeSetting ul li a .new {
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3ccircle cx='7' cy='7' r='7' fill='%23EF565F'/%3e%3cpath fill='%23fff' d='M4.606 4.48h1.446l1.886 2.772V4.48h1.46v5.01h-1.46L6.062 6.74v2.75H4.606V4.48Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 14px;
    height: 14px;
    margin: 0 0 0 6px;
    text-indent: -9999px
}

#webplayer_top .modeSetting ul li a span,#serviceHeader .modeSetting ul li a span,#af-header .modeSetting ul li a span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

#webplayer_top .modeSetting ul .soopiSet .settings,#serviceHeader .modeSetting ul .soopiSet .settings,#af-header .modeSetting ul .soopiSet .settings {
    position: relative;
    width: 100%;
    height: 40px;
    padding: 0 20px
}

#webplayer_top .modeSetting ul .soopiSet .settings:hover,#serviceHeader .modeSetting ul .soopiSet .settings:hover,#af-header .modeSetting ul .soopiSet .settings:hover {
    background: rgba(145,150,161,0.1)
}

#webplayer_top .modeSetting ul .soopiSet .my_soopi,#serviceHeader .modeSetting ul .soopiSet .my_soopi,#af-header .modeSetting ul .soopiSet .my_soopi {
    display: flex;
    align-items: center;
    height: 100%;
    color: #17191C;
    font-size: 14px;
    font-weight: 500;
    text-align: left
}

#webplayer_top .modeSetting ul .soopiSet .my_soopi:before,#serviceHeader .modeSetting ul .soopiSet .my_soopi:before,#af-header .modeSetting ul .soopiSet .my_soopi:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23555' stroke-width='1.4' d='M14.174 2.956A9.3 9.3 0 1 0 21.084 10'/%3e%3cpath fill='%23555' fill-rule='evenodd' d='M14.438 10.568a2.438 2.438 0 1 1-4.876 0 2.438 2.438 0 0 1 4.876 0Zm1.313 0a3.751 3.751 0 1 1-7.502 0 3.751 3.751 0 0 1 7.502 0Zm-3.75 4.737c-2.662 0-4.997 1.428-6.002 3.54a.656.656 0 1 0 1.185.564c.766-1.608 2.608-2.792 4.816-2.792 2.209 0 4.05 1.184 4.816 2.792A.656.656 0 1 0 18 18.845c-1.005-2.112-3.34-3.54-6-3.54Z' clip-rule='evenodd'/%3e%3cpath fill='%23555' d='m20.15 6.42 1.545-.499a.44.44 0 0 0 0-.838l-1.546-.503a1.13 1.13 0 0 1-.73-.73l-.5-1.545a.44.44 0 0 0-.838 0l-.5 1.545a1.13 1.13 0 0 1-.73.73l-1.545.503a.44.44 0 0 0 0 .838l1.545.499c.347.112.619.383.73.73l.504 1.545a.44.44 0 0 0 .838 0l.503-1.545a1.13 1.13 0 0 1 .731-.73h-.008Z'/%3e%3cpath fill='%23555' d='m20.15 6.42 1.545-.499a.44.44 0 0 0 0-.838l-1.546-.503a1.13 1.13 0 0 1-.73-.73l-.5-1.545a.44.44 0 0 0-.838 0l-.5 1.545a1.13 1.13 0 0 1-.73.73l-1.545.503a.44.44 0 0 0 0 .838l1.545.499c.347.112.619.383.73.73l.504 1.545a.44.44 0 0 0 .838 0l.503-1.545a1.13 1.13 0 0 1 .731-.73h-.008Z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 0px;
    margin-right: 12px
}

#webplayer_top .modeSetting ul .soopiSet .my_soopi .beta,#serviceHeader .modeSetting ul .soopiSet .my_soopi .beta,#af-header .modeSetting ul .soopiSet .my_soopi .beta {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 29 14'%3e%3crect width='28' height='13' x='.5' y='.5' stroke='%239196A1' stroke-opacity='.3' rx='6.5'/%3e%3cpath fill='%2317191C' fill-rule='evenodd' d='M6.179 10.098c.124.1.276.15.457.15h.999c.566 0 1.045-.063 1.437-.187.392-.13.69-.33.896-.597.212-.274.317-.62.317-1.036 0-.486-.137-.868-.41-1.148-.274-.28-.638-.451-1.092-.514.38-.105.672-.298.877-.578.205-.28.308-.61.308-.99 0-.566-.221-.97-.663-1.213-.442-.243-1.064-.364-1.866-.364a5.21 5.21 0 0 0-.971.075 2.41 2.41 0 0 0-.635.186c.05.119.084.25.103.392.025.144.04.284.047.42.012.131.018.24.018.327V9.67c0 .187.06.33.178.43Zm1.428-.26h-.495v-2.82h.513c.286 0 .538.04.756.122a.945.945 0 0 1 .514.42c.124.205.186.5.186.886 0 .287-.053.536-.158.747-.1.205-.259.364-.476.476-.212.112-.492.168-.84.168Zm-.495-3.23V4.032H7.439c.497 0 .846.112 1.045.336.205.218.308.522.308.914 0 .274-.044.51-.13.71a.995.995 0 0 1-.374.466 1.099 1.099 0 0 1-.625.15h-.551Zm9.522 3.406c.187.218.458.327.813.327.286 0 .513-.056.68-.168.175-.112.262-.255.262-.43a.62.62 0 0 0-.121-.363c-.031.05-.087.087-.168.112a.766.766 0 0 1-.224.037c-.143 0-.252-.044-.327-.13-.068-.088-.102-.212-.102-.374V6.272l.001-.308h.857a.273.273 0 0 0 .187-.066.29.29 0 0 0 .093-.205l.01-.27a1.442 1.442 0 0 1-.187.018c-.094 0-.202.003-.327.01-.118 0-.227.002-.326.009h-.293c.003-.08.008-.155.012-.224.02-.268.063-.53.131-.784a.981.981 0 0 0-.224-.15.762.762 0 0 0-.392-.093c-.187 0-.339.05-.457.15a.519.519 0 0 0-.177.42v.68h-.393c-.08 0-.149.022-.205.066-.056.044-.087.112-.093.205l-.01.271a2.08 2.08 0 0 1 .28-.028c.125-.006.218-.01.28-.01h.14v3.155c0 .38.094.679.28.896Zm5.767.01c.168.211.404.317.71.317.242 0 .435-.06.578-.177a.531.531 0 0 0 .196-.598.425.425 0 0 0-.084-.186.288.288 0 0 1-.13.112.461.461 0 0 1-.14.028c-.212 0-.318-.165-.318-.495v-1.68c0-.71-.159-1.223-.476-1.54-.317-.317-.815-.476-1.493-.476-.585 0-1.055.096-1.41.29-.348.192-.522.475-.522.849 0 .23.074.429.224.597.155.168.37.252.644.252.118 0 .23-.016.336-.047a.561.561 0 0 0 .261-.158.546.546 0 0 1-.28-.3 1.07 1.07 0 0 1-.075-.382c0-.18.034-.32.103-.42a.557.557 0 0 1 .27-.224.953.953 0 0 1 .374-.074c.342 0 .582.13.719.392.136.26.205.653.205 1.176v.233c-.193 0-.41.012-.653.037a4.519 4.519 0 0 0-.738.14c-.274.081-.535.19-.784.327-.242.13-.441.299-.597.504-.15.199-.224.442-.224.728 0 .348.112.619.336.812.224.187.513.28.868.28.36 0 .681-.084.961-.252a2.15 2.15 0 0 0 .7-.681c.075-.117.14-.238.198-.365.014.456.094.783.241.98Zm-1.11-.551a.892.892 0 0 1-.43.15c-.205.018-.352-.041-.439-.178a.834.834 0 0 1-.13-.457.87.87 0 0 1 .177-.542c.118-.155.274-.277.467-.364.112-.056.233-.1.364-.13.136-.032.276-.05.42-.056.143-.013.277-.016.401-.01 0 .237-.04.458-.121.663a2.038 2.038 0 0 1-.299.55c-.125.156-.261.28-.41.374Zm-7.928.905c-.703 0-1.263-.217-1.68-.653-.417-.442-.625-1.067-.625-1.876 0-.778.199-1.39.597-1.839.399-.454.974-.681 1.727-.681.355 0 .669.053.943.159.28.1.5.252.662.457.162.205.243.463.243.775 0 .46-.19.812-.57 1.054-.373.243-.864.364-1.474.364-.255 0-.517-.006-.784-.018a4.2 4.2 0 0 1-.164-.015c.023.31.075.57.155.78.118.286.286.491.504.616.217.118.473.177.765.177.342 0 .628-.068.859-.205.236-.137.404-.314.504-.532a.227.227 0 0 1 .13.15c.031.074.013.195-.056.363a1.31 1.31 0 0 1-.644.69c-.305.156-.669.234-1.092.234Zm-.84-4.134c-.198.34-.297.825-.298 1.455.114.009.236.015.364.02.168 0 .339-.013.513-.038s.333-.078.476-.159c.143-.08.258-.199.345-.354.087-.156.13-.364.13-.626 0-.224-.033-.392-.102-.504a.535.535 0 0 0-.27-.242.78.78 0 0 0-.336-.075c-.349 0-.623.174-.822.523Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 29px;
    height: 14px;
    margin-left: 6px;
    font-size: 0
}

#webplayer_top .modeSetting ul .soopiSet label,#serviceHeader .modeSetting ul .soopiSet label,#af-header .modeSetting ul .soopiSet label {
    position: absolute;
    top: 10px;
    right: 20px;
    background: #E2E4E9;
    width: 40px;
    height: 22px;
    border-radius: 16px;
    transition: .2s;
    cursor: pointer
}

#webplayer_top .modeSetting ul .soopiSet label:before,#serviceHeader .modeSetting ul .soopiSet label:before,#af-header .modeSetting ul .soopiSet label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    background: #fff;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 50%;
    transition: all 0.2s
}

#webplayer_top .modeSetting ul .soopiSet input,#serviceHeader .modeSetting ul .soopiSet input,#af-header .modeSetting ul .soopiSet input {
    position: absolute;
    top: 0;
    left: -9999em;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}

#webplayer_top .modeSetting ul .soopiSet input:checked+label,#serviceHeader .modeSetting ul .soopiSet input:checked+label,#af-header .modeSetting ul .soopiSet input:checked+label {
    background-color: #0182FF
}

#webplayer_top .modeSetting ul .soopiSet input:checked+label:before,#serviceHeader .modeSetting ul .soopiSet input:checked+label:before,#af-header .modeSetting ul .soopiSet input:checked+label:before {
    left: 100%;
    margin-left: -19px
}

#webplayer_top .modeSetting ul .soopiSet p,#serviceHeader .modeSetting ul .soopiSet p,#af-header .modeSetting ul .soopiSet p {
    height: 0;
    color: #666;
    font-size: 11px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease
}

#webplayer_top .modeSetting ul .soopiSet input:checked ~ p,#serviceHeader .modeSetting ul .soopiSet input:checked ~ p,#af-header .modeSetting ul .soopiSet input:checked ~ p {
    height: auto;
    margin-top: 4px;
    opacity: 1;
    visibility: visible
}

html[dark=true] #webplayer_top .modeSetting ul,body.thema_dark #webplayer_top .modeSetting ul,.theme_dark #webplayer_top .modeSetting ul,html[dark=true] #serviceHeader .modeSetting ul,body.thema_dark #serviceHeader .modeSetting ul,.theme_dark #serviceHeader .modeSetting ul,html[dark=true] #af-header .modeSetting ul,body.thema_dark #af-header .modeSetting ul,.theme_dark #af-header .modeSetting ul {
    border-color: #2F3137
}

html[dark=true] #webplayer_top .modeSetting ul li a,body.thema_dark #webplayer_top .modeSetting ul li a,.theme_dark #webplayer_top .modeSetting ul li a,html[dark=true] #serviceHeader .modeSetting ul li a,body.thema_dark #serviceHeader .modeSetting ul li a,.theme_dark #serviceHeader .modeSetting ul li a,html[dark=true] #af-header .modeSetting ul li a,body.thema_dark #af-header .modeSetting ul li a,.theme_dark #af-header .modeSetting ul li a {
    color: #E2E4E9
}

html[dark=true] #webplayer_top .modeSetting ul li a:hover,body.thema_dark #webplayer_top .modeSetting ul li a:hover,.theme_dark #webplayer_top .modeSetting ul li a:hover,html[dark=true] #serviceHeader .modeSetting ul li a:hover,body.thema_dark #serviceHeader .modeSetting ul li a:hover,.theme_dark #serviceHeader .modeSetting ul li a:hover,html[dark=true] #af-header .modeSetting ul li a:hover,body.thema_dark #af-header .modeSetting ul li a:hover,.theme_dark #af-header .modeSetting ul li a:hover {
    background-color: rgba(246,246,249,0.1)
}

html[dark=true] #webplayer_top .modeSetting ul li a:active,body.thema_dark #webplayer_top .modeSetting ul li a:active,.theme_dark #webplayer_top .modeSetting ul li a:active,html[dark=true] #serviceHeader .modeSetting ul li a:active,body.thema_dark #serviceHeader .modeSetting ul li a:active,.theme_dark #serviceHeader .modeSetting ul li a:active,html[dark=true] #af-header .modeSetting ul li a:active,body.thema_dark #af-header .modeSetting ul li a:active,.theme_dark #af-header .modeSetting ul li a:active {
    background-color: rgba(246,246,249,0.3)
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_afpay:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_afpay:before,.theme_dark #webplayer_top .modeSetting ul li a.my_afpay:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_afpay:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_afpay:before,.theme_dark #serviceHeader .modeSetting ul li a.my_afpay:before,html[dark=true] #af-header .modeSetting ul li a.my_afpay:before,body.thema_dark #af-header .modeSetting ul li a.my_afpay:before,.theme_dark #af-header .modeSetting ul li a.my_afpay:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M19.719 9.156V7.7a3 3 0 0 0-3-3H5.699c-1.656 0-2.999 1.34-2.999 2.996v8.605a2.999 2.999 0 0 0 3 2.999h11.019a3 3 0 0 0 3-3v-1.581'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M15.3 12A2.7 2.7 0 0 1 18 9.3h2.3a1 1 0 0 1 1 1v3.4a1 1 0 0 1-1 1H18a2.7 2.7 0 0 1-2.7-2.7Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='1.4' d='M18.015 12h.829'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_item:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_item:before,.theme_dark #webplayer_top .modeSetting ul li a.my_item:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_item:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_item:before,.theme_dark #serviceHeader .modeSetting ul li a.my_item:before,html[dark=true] #af-header .modeSetting ul li a.my_item:before,body.thema_dark #af-header .modeSetting ul li a.my_item:before,.theme_dark #af-header .modeSetting ul li a.my_item:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg fill='%23D5D7DC' clip-path='url(%23a)'%3e%3cpath d='m2.975 9.622.217-.665-.217.665Zm.117 4.714.25.654-.25-.654ZM18.3 4.003H5.7v1.4h12.6v-1.4Zm3.7 3.7a3.7 3.7 0 0 0-3.7-3.7v1.4a2.3 2.3 0 0 1 2.3 2.3H22Zm0 8.6v-8.6h-1.4v8.6H22Zm-3.7 3.7a3.7 3.7 0 0 0 3.7-3.7h-1.4a2.3 2.3 0 0 1-2.3 2.3v1.4Zm-12.6 0h12.6v-1.4H5.7v1.4Zm-3.7-3.7a3.7 3.7 0 0 0 3.7 3.7v-1.4a2.3 2.3 0 0 1-2.3-2.3H2Zm0-1.444v1.444h1.4V14.86H2ZM4 12a1.8 1.8 0 0 1-1.158 1.682l.5 1.308A3.2 3.2 0 0 0 5.4 12H4Zm-1.242-1.712A1.801 1.801 0 0 1 4 12h1.4a3.201 3.201 0 0 0-2.208-3.043l-.434 1.331ZM2 7.703v1.563h1.4V7.703H2Zm3.7-3.7a3.7 3.7 0 0 0-3.7 3.7h1.4a2.3 2.3 0 0 1 2.3-2.3v-1.4ZM3.192 8.957a.317.317 0 0 1 .208.309H2c0 .514.358.892.758 1.022l.434-1.331Zm.208 5.902c0 .053-.02.092-.035.11-.012.017-.021.02-.023.021l-.5-1.308c-.429.164-.842.585-.842 1.177h1.4Z'/%3e%3cpath fill-rule='evenodd' d='M9 6.75a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5Zm0 4.5a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5ZM9.75 15a.75.75 0 0 0-.75.75v1.5a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-.75-.75Z' clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_balloon:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_balloon:before,.theme_dark #webplayer_top .modeSetting ul li a.my_balloon:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_balloon:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_balloon:before,.theme_dark #serviceHeader .modeSetting ul li a.my_balloon:before,html[dark=true] #af-header .modeSetting ul li a.my_balloon:before,body.thema_dark #af-header .modeSetting ul li a.my_balloon:before,.theme_dark #af-header .modeSetting ul li a.my_balloon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='.6' d='M14.158 11.19a.246.246 0 0 0-.072.221l.379 2.184a.252.252 0 0 1-.367.263l-1.98-1.03a.257.257 0 0 0-.235 0l-1.981 1.03a.252.252 0 0 1-.366-.263l.378-2.184a.247.247 0 0 0-.072-.22L8.238 9.644a.249.249 0 0 1 .14-.426l2.215-.319a.251.251 0 0 0 .19-.136l.99-1.986a.254.254 0 0 1 .454 0l.99 1.986a.252.252 0 0 0 .19.136l2.216.32c.206.03.288.28.138.425l-1.603 1.547Z' clip-rule='evenodd'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_message:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_message:before,.theme_dark #webplayer_top .modeSetting ul li a.my_message:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_message:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_message:before,.theme_dark #serviceHeader .modeSetting ul li a.my_message:before,html[dark=true] #af-header .modeSetting ul li a.my_message:before,body.thema_dark #af-header .modeSetting ul li a.my_message:before,.theme_dark #af-header .modeSetting ul li a.my_message:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M17.455 13.175V4.8a1.5 1.5 0 0 0-1.5-1.5h-7.91a1.5 1.5 0 0 0-1.5 1.5v8.872'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M17.009 3.754 4.914 15.394a1.5 1.5 0 0 0-.02 2.142l2.816 2.816a1.5 1.5 0 0 0 2.122 0l7.734-7.734'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M7.091 3.754 18.954 14.74a2 2 0 0 1 .056 2.881l-2.52 2.52a1.5 1.5 0 0 1-2.021.092l-1.81-1.507-.271-.219'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a .memo,body.thema_dark #webplayer_top .modeSetting ul li a .memo,.theme_dark #webplayer_top .modeSetting ul li a .memo,html[dark=true] #serviceHeader .modeSetting ul li a .memo,body.thema_dark #serviceHeader .modeSetting ul li a .memo,.theme_dark #serviceHeader .modeSetting ul li a .memo,html[dark=true] #af-header .modeSetting ul li a .memo,body.thema_dark #af-header .modeSetting ul li a .memo,.theme_dark #af-header .modeSetting ul li a .memo {
    margin-left: 5px;
    color: #44A3FF
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_ad:before,html[dark=true] #webplayer_top .modeSetting ul li a.my_bene:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_ad:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_bene:before,.theme_dark #webplayer_top .modeSetting ul li a.my_ad:before,.theme_dark #webplayer_top .modeSetting ul li a.my_bene:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_ad:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_bene:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_ad:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_bene:before,.theme_dark #serviceHeader .modeSetting ul li a.my_ad:before,.theme_dark #serviceHeader .modeSetting ul li a.my_bene:before,html[dark=true] #af-header .modeSetting ul li a.my_ad:before,html[dark=true] #af-header .modeSetting ul li a.my_bene:before,body.thema_dark #af-header .modeSetting ul li a.my_ad:before,body.thema_dark #af-header .modeSetting ul li a.my_bene:before,.theme_dark #af-header .modeSetting ul li a.my_ad:before,.theme_dark #af-header .modeSetting ul li a.my_bene:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3crect width='18.6' height='14.6' x='2.7' y='4.7' stroke='%23D5D7DC' stroke-width='1.4' rx='5.3'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M11.318 14.5 9.67 9.966a.567.567 0 0 0-1.067 0L6.955 14.5M13.227 14.5V9.59h1.636c1.091 0 2.182.82 2.182 2.455 0 1.637-1.09 2.455-2.182 2.455h-1.636ZM7.5 13.118h3.273'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_gd:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_gd:before,.theme_dark #webplayer_top .modeSetting ul li a.my_gd:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_gd:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_gd:before,.theme_dark #serviceHeader .modeSetting ul li a.my_gd:before,html[dark=true] #af-header .modeSetting ul li a.my_gd:before,body.thema_dark #af-header .modeSetting ul li a.my_gd:before,.theme_dark #af-header .modeSetting ul li a.my_gd:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M17.781 14.897c2.88 0 3.519-2.116 3.519-3.8 0-1.684-.736-3.8-3.519-3.8'/%3e%3cpath stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='1.4' d='M2.7 6.688a3 3 0 0 1 3-3h9.003a3 3 0 0 1 3 3v6.64a7 7 0 0 1-7 7H9.7a7 7 0 0 1-7-7v-6.64Z'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='.6' d='M12.36 12.342a.246.246 0 0 0-.072.22l.378 2.185a.252.252 0 0 1-.366.263l-1.98-1.031a.257.257 0 0 0-.236 0l-1.98 1.03a.252.252 0 0 1-.367-.262l.378-2.184a.247.247 0 0 0-.072-.22L6.44 10.795a.249.249 0 0 1 .14-.426l2.215-.32a.251.251 0 0 0 .19-.135l.99-1.987a.254.254 0 0 1 .453 0l.99 1.987a.253.253 0 0 0 .19.136l2.216.319c.207.03.289.281.139.426l-1.604 1.546Z' clip-rule='evenodd'/%3e%3c/svg%3e") !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_tk:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_tk:before,.theme_dark #webplayer_top .modeSetting ul li a.my_tk:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_tk:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_tk:before,.theme_dark #serviceHeader .modeSetting ul li a.my_tk:before,html[dark=true] #af-header .modeSetting ul li a.my_tk:before,body.thema_dark #af-header .modeSetting ul li a.my_tk:before,.theme_dark #af-header .modeSetting ul li a.my_tk:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3e%3cpath d='M8.5 0a8.5 8.5 0 1 1 0 17 8.5 8.5 0 0 1 0-17zm0 1a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zM6.435 5.302c.234 0 .461.014.68.043.219.028.422.071.61.129.073.026.11.057.113.094.003.036.004.08.004.132l-.015.673c0 .089-.021.138-.063.149a.448.448 0 0 1-.203-.024 4.207 4.207 0 0 0-.63-.137 4.568 4.568 0 0 0-.574-.035c-.292 0-.554.05-.786.153a1.654 1.654 0 0 0-.59.43 1.926 1.926 0 0 0-.372.66 2.633 2.633 0 0 0-.13.845c0 .302.048.58.142.833a1.95 1.95 0 0 0 .981 1.103c.227.111.476.18.747.206.25.026.49.017.72-.027a3.94 3.94 0 0 0 .562-.145c.068-.026.112-.032.133-.02.02.014.034.046.04.098l.038.704c.005.058-.002.097-.023.117a.335.335 0 0 1-.118.063 3.63 3.63 0 0 1-.535.133c-.206.036-.45.055-.731.055-.449 0-.86-.075-1.232-.223a2.722 2.722 0 0 1-.958-.634 2.899 2.899 0 0 1-.621-.985A3.51 3.51 0 0 1 3.4 8.414c0-.459.074-.88.223-1.263a2.88 2.88 0 0 1 .621-.985c.266-.274.585-.486.958-.638a3.247 3.247 0 0 1 1.232-.226zm4.11.101c.291 0 .556.037.793.11.237.073.439.185.606.336.167.151.296.34.387.567.091.227.137.496.137.81 0 .375-.081.694-.243.957-.161.263-.375.47-.64.622l1.266 2.416c.042.078.057.132.047.16-.01.029-.055.043-.133.043h-.86c-.063 0-.103-.006-.122-.02a.29.29 0 0 1-.066-.105l-1.11-2.228h-.72v2.189c0 .073-.01.119-.031.137-.02.018-.06.027-.117.027H8.98a.205.205 0 0 1-.117-.027c-.026-.018-.04-.064-.04-.137v-5.7c0-.063.015-.105.044-.125a.175.175 0 0 1 .105-.032h1.572zm.109.962h-.767v1.752h.524c.313 0 .555-.072.727-.215.172-.144.258-.372.258-.685 0-.281-.069-.493-.207-.637a.71.71 0 0 0-.535-.215z' fill='%23D5D7DC'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 17px 17px
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_stat:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_stat:before,.theme_dark #webplayer_top .modeSetting ul li a.my_stat:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_stat:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_stat:before,.theme_dark #serviceHeader .modeSetting ul li a.my_stat:before,html[dark=true] #af-header .modeSetting ul li a.my_stat:before,body.thema_dark #af-header .modeSetting ul li a.my_stat:before,.theme_dark #af-header .modeSetting ul li a.my_stat:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3crect width='16.6' height='16.6' x='3.7' y='3.7' stroke='%23D5D7DC' stroke-width='1.4' rx='4.8'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 16.5v-9M8 16.5v-6M16 16.5v-3'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_drops:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_drops:before,.theme_dark #webplayer_top .modeSetting ul li a.my_drops:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_drops:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_drops:before,.theme_dark #serviceHeader .modeSetting ul li a.my_drops:before,html[dark=true] #af-header .modeSetting ul li a.my_drops:before,body.thema_dark #af-header .modeSetting ul li a.my_drops:before,.theme_dark #af-header .modeSetting ul li a.my_drops:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M3.4 8.5v1.975h6.2V8.5a3.1 3.1 0 0 0-6.2 0Zm6.362-3.1A4.485 4.485 0 0 1 11 8.5v1.975h2.319l1.877-2.476a.5.5 0 0 1 .797 0l1.878 2.476H20.6V10A4.6 4.6 0 0 0 16 5.4H9.762ZM9.6 11.874H3.4V17A1.6 1.6 0 0 0 5 18.6h4.6v-6.726ZM11 18.6v-6.726h2.319l1.877 2.476a.5.5 0 0 0 .797 0l1.878-2.476H20.6V17a1.6 1.6 0 0 1-1.6 1.6h-8Zm0 1.4H5a3 3 0 0 1-3-3V8.4A4.4 4.4 0 0 1 6.4 4H16a6 6 0 0 1 6 6v7a3 3 0 0 1-3 3h-8Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_spon:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_spon:before,.theme_dark #webplayer_top .modeSetting ul li a.my_spon:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_spon:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_spon:before,.theme_dark #serviceHeader .modeSetting ul li a.my_spon:before,html[dark=true] #af-header .modeSetting ul li a.my_spon:before,body.thema_dark #af-header .modeSetting ul li a.my_spon:before,.theme_dark #af-header .modeSetting ul li a.my_spon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M11.358 13.009 9.806 8.74a.534.534 0 0 0-1.004 0L7.25 13.01M13.155 13.009V8.387h1.541c1.027 0 2.054.77 2.054 2.31 0 1.541-1.027 2.312-2.054 2.312h-1.54ZM7.764 11.707h3.08'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_point:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_point:before,.theme_dark #webplayer_top .modeSetting ul li a.my_point:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_point:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_point:before,.theme_dark #serviceHeader .modeSetting ul li a.my_point:before,html[dark=true] #af-header .modeSetting ul li a.my_point:before,body.thema_dark #af-header .modeSetting ul li a.my_point:before,.theme_dark #af-header .modeSetting ul li a.my_point:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg stroke='%23D5D7DC' clip-path='url(%23a)'%3e%3cpath stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M10.09 15.431V8.9m.073 0h2.498c1.155 0 2.092.937 2.092 2.093v0a2.093 2.093 0 0 1-2.092 2.092h-2.498'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M2 2h20v20H2z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_profit:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_profit:before,.theme_dark #webplayer_top .modeSetting ul li a.my_profit:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_profit:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_profit:before,.theme_dark #serviceHeader .modeSetting ul li a.my_profit:before,html[dark=true] #af-header .modeSetting ul li a.my_profit:before,body.thema_dark #af-header .modeSetting ul li a.my_profit:before,.theme_dark #af-header .modeSetting ul li a.my_profit:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m8.13 8.49 1.989 7.02 1.88-7.02 1.882 7.02 1.989-7.02M7.5 12.681h9M7.5 10.725h9'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_shopping:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_shopping:before,.theme_dark #webplayer_top .modeSetting ul li a.my_shopping:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_shopping:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_shopping:before,.theme_dark #serviceHeader .modeSetting ul li a.my_shopping:before,html[dark=true] #af-header .modeSetting ul li a.my_shopping:before,body.thema_dark #af-header .modeSetting ul li a.my_shopping:before,.theme_dark #af-header .modeSetting ul li a.my_shopping:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='m8.136 14.708-1.62-7.562h12.292a1.5 1.5 0 0 1 1.426 1.967L18.35 14.86a1.5 1.5 0 0 1-1.425 1.033H9.603a1.5 1.5 0 0 1-1.467-1.186Z'/%3e%3cpath fill='%23D5D7DC' d='M16.4 21a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2ZM10.235 21a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2ZM2.719 2.996a.7.7 0 1 0 0 1.4v-1.4ZM5.863 4.09l-.684.148.684-.148ZM7.32 7.508l-.772-3.566-1.369.296.773 3.566 1.368-.296ZM5.375 2.996H2.719v1.4h2.656v-1.4Zm1.173.946a1.2 1.2 0 0 0-1.173-.946v1.4a.2.2 0 0 1-.196-.158l1.369-.296Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_dashboard:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_dashboard:before,.theme_dark #webplayer_top .modeSetting ul li a.my_dashboard:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_dashboard:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_dashboard:before,.theme_dark #serviceHeader .modeSetting ul li a.my_dashboard:before,html[dark=true] #af-header .modeSetting ul li a.my_dashboard:before,body.thema_dark #af-header .modeSetting ul li a.my_dashboard:before,.theme_dark #af-header .modeSetting ul li a.my_dashboard:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M4.64 4.32a.958.958 0 0 0 1.43-.591c.236-.976 1.624-.976 1.86 0 .154.63.876.929 1.43.592.857-.523 1.839.458 1.316 1.316a.958.958 0 0 0 .592 1.429c.976.237.976 1.625 0 1.861a.958.958 0 0 0-.592 1.43c.523.857-.459 1.838-1.316 1.316a.958.958 0 0 0-1.43.592c-.236.976-1.624.976-1.86 0a.958.958 0 0 0-1.43-.592c-.857.522-1.839-.459-1.316-1.316a.958.958 0 0 0-.592-1.43c-.976-.236-.976-1.624 0-1.861a.958.958 0 0 0 .592-1.43C2.8 4.78 3.783 3.799 4.64 4.322Zm2.243 5.343a1.667 1.667 0 1 0 0-3.333 1.667 1.667 0 0 0 0 3.333Z' clip-rule='evenodd'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.695 5.5h1.71a3 3 0 0 1 3 3v2.086l2.488-1.793c.652-.297 1.4.187 1.41.912v5.764a1.002 1.002 0 0 1-1.41.912l-2.542-1.924.053 2.043a3 3 0 0 1-3 3H6.7c-1.677 0-3.02-1.343-3-3v-2.496'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.extensions:before,body.thema_dark #webplayer_top .modeSetting ul li a.extensions:before,.theme_dark #webplayer_top .modeSetting ul li a.extensions:before,html[dark=true] #serviceHeader .modeSetting ul li a.extensions:before,body.thema_dark #serviceHeader .modeSetting ul li a.extensions:before,.theme_dark #serviceHeader .modeSetting ul li a.extensions:before,html[dark=true] #af-header .modeSetting ul li a.extensions:before,body.thema_dark #af-header .modeSetting ul li a.extensions:before,.theme_dark #af-header .modeSetting ul li a.extensions:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23D5D7DC' d='M8.5 2c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414v1h2A2.496 2.496 0 0 1 15 7.5v1.498L16 9c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414 0 .552-.224 1.052-.586 1.414a1.993 1.993 0 0 1-1.413.586L15 12.998V15.5c0 .69-.28 1.315-.732 1.768A2.492 2.492 0 0 1 12.5 18h-2v-1a1.996 1.996 0 0 0-1.808-1.99c-.663-.008-1.183.208-1.555.545A1.932 1.932 0 0 0 6.5 17v1h-2c-.69 0-1.315-.28-1.768-.732A2.492 2.492 0 0 1 2 15.5V13h.5a1.996 1.996 0 0 0 1.99-1.808c.007-.663-.208-1.183-.546-1.555A1.932 1.932 0 0 0 2.501 9H2V7.5c0-.69.28-1.315.732-1.768A2.492 2.492 0 0 1 4.5 5h2V4c0-.552.224-1.052.586-1.414A1.994 1.994 0 0 1 8.5 2z' clip-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_info:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_info:before,.theme_dark #webplayer_top .modeSetting ul li a.my_info:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_info:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_info:before,.theme_dark #serviceHeader .modeSetting ul li a.my_info:before,html[dark=true] #af-header .modeSetting ul li a.my_info:before,body.thema_dark #af-header .modeSetting ul li a.my_info:before,.theme_dark #af-header .modeSetting ul li a.my_info:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23D5D7DC' d='M19.6 20.3a.7.7 0 1 0 1.4 0h-1.4ZM3 20.3a.7.7 0 1 0 1.4 0H3Zm11.903-7.859a.7.7 0 0 0-.42 1.336l.42-1.336Zm-5.387 1.336a.7.7 0 0 0-.42-1.336l.42 1.336ZM21 20.3c0-3.682-2.585-6.756-6.097-7.859l-.42 1.336c3.013.946 5.117 3.537 5.117 6.523H21ZM9.097 12.441C5.585 13.544 3 16.618 3 20.3h1.4c0-2.986 2.104-5.577 5.116-6.523l-.42-1.336Z'/%3e%3ccircle cx='12' cy='8.6' r='4.9' stroke='%23D5D7DC' stroke-width='1.4'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.userLogout:before,body.thema_dark #webplayer_top .modeSetting ul li a.userLogout:before,.theme_dark #webplayer_top .modeSetting ul li a.userLogout:before,html[dark=true] #serviceHeader .modeSetting ul li a.userLogout:before,body.thema_dark #serviceHeader .modeSetting ul li a.userLogout:before,.theme_dark #serviceHeader .modeSetting ul li a.userLogout:before,html[dark=true] #af-header .modeSetting ul li a.userLogout:before,body.thema_dark #af-header .modeSetting ul li a.userLogout:before,.theme_dark #af-header .modeSetting ul li a.userLogout:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M15.3 3.7H6.7a3 3 0 0 0-3 3v10.6a3 3 0 0 0 3 3h8.6M17.543 14.756 20.299 12l-2.756-2.756M12 12h7.25'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_sotong:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_sotong:before,.theme_dark #webplayer_top .modeSetting ul li a.my_sotong:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_sotong:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_sotong:before,.theme_dark #serviceHeader .modeSetting ul li a.my_sotong:before,html[dark=true] #af-header .modeSetting ul li a.my_sotong:before,body.thema_dark #af-header .modeSetting ul li a.my_sotong:before,.theme_dark #af-header .modeSetting ul li a.my_sotong:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='1.4' d='M2.7 4.7h17.6M2.7 11.3h7.488M2.7 17.9h4.738'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M13.782 19.2a.5.5 0 0 1-.354.147h-2.207a.5.5 0 0 1-.5-.5v-2.208a.5.5 0 0 1 .146-.353l7.43-7.43a.5.5 0 0 1 .708 0l2.207 2.207a.5.5 0 0 1 0 .707l-7.43 7.43ZM16.65 10.502l2.916 2.915'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_custom:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_custom:before,.theme_dark #webplayer_top .modeSetting ul li a.my_custom:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_custom:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_custom:before,.theme_dark #serviceHeader .modeSetting ul li a.my_custom:before,html[dark=true] #af-header .modeSetting ul li a.my_custom:before,body.thema_dark #af-header .modeSetting ul li a.my_custom:before,.theme_dark #af-header .modeSetting ul li a.my_custom:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M5.7 15.969V9A6.3 6.3 0 0 1 12 2.7v0A6.3 6.3 0 0 1 18.3 9v6.969M5.553 15.822v0A2.853 2.853 0 0 1 2.7 12.969v-.294a2.853 2.853 0 0 1 2.853-2.853v0M18.447 15.822v0a2.853 2.853 0 0 0 2.853-2.853v-.294a2.853 2.853 0 0 0-2.853-2.853v0M11.675 18.844v0c0 .656.532 1.187 1.188 1.187h3.25c1.208 0 2.187-.98 2.187-2.187v0'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_service:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_service:before,.theme_dark #webplayer_top .modeSetting ul li a.my_service:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_service:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_service:before,.theme_dark #serviceHeader .modeSetting ul li a.my_service:before,html[dark=true] #af-header .modeSetting ul li a.my_service:before,body.thema_dark #af-header .modeSetting ul li a.my_service:before,.theme_dark #af-header .modeSetting ul li a.my_service:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M11.999 8v4.514'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M11.994 16h.013'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a span,body.thema_dark #webplayer_top .modeSetting ul li a span,.theme_dark #webplayer_top .modeSetting ul li a span,html[dark=true] #serviceHeader .modeSetting ul li a span,body.thema_dark #serviceHeader .modeSetting ul li a span,.theme_dark #serviceHeader .modeSetting ul li a span,html[dark=true] #af-header .modeSetting ul li a span,body.thema_dark #af-header .modeSetting ul li a span,.theme_dark #af-header .modeSetting ul li a span {
    color: #E2E4E9
}

#webplayer_top .modeSetting ul:last-child,#serviceHeader .modeSetting ul:last-child,#af-header .modeSetting ul:last-child {
    border-bottom: 0
}

#webplayer_top .loginUserMenu,#serviceHeader .loginUserMenu,#af-header .loginUserMenu {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    width: 270px;
    z-index: 3002
}

#webplayer_top .loginUserMenu .UserMenu_wrap,#webplayer_top .loginUserMenu .depth_2,#serviceHeader .loginUserMenu .UserMenu_wrap,#serviceHeader .loginUserMenu .depth_2,#af-header .loginUserMenu .UserMenu_wrap,#af-header .loginUserMenu .depth_2 {
    background: #fff;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 12px;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15)
}

#webplayer_top .loginUserMenu .UserMenu_wrap .back,#webplayer_top .loginUserMenu .depth_2 .back,#serviceHeader .loginUserMenu .UserMenu_wrap .back,#serviceHeader .loginUserMenu .depth_2 .back,#af-header .loginUserMenu .UserMenu_wrap .back,#af-header .loginUserMenu .depth_2 .back {
    padding: 8px 0
}

#webplayer_top .loginUserMenu .UserMenu_wrap .back button,#webplayer_top .loginUserMenu .depth_2 .back button,#serviceHeader .loginUserMenu .UserMenu_wrap .back button,#serviceHeader .loginUserMenu .depth_2 .back button,#af-header .loginUserMenu .UserMenu_wrap .back button,#af-header .loginUserMenu .depth_2 .back button {
    display: flex;
    align-items: center;
    background: none;
    width: 100%;
    height: 39px;
    padding: 1px 0 0 20px;
    border: 0;
    color: #17191C;
    font-size: 14px;
    font-weight: 500;
    transition: background-color .3s
}

#webplayer_top .loginUserMenu .UserMenu_wrap .back button:before,#webplayer_top .loginUserMenu .depth_2 .back button:before,#serviceHeader .loginUserMenu .UserMenu_wrap .back button:before,#serviceHeader .loginUserMenu .depth_2 .back button:before,#af-header .loginUserMenu .UserMenu_wrap .back button:before,#af-header .loginUserMenu .depth_2 .back button:before {
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23525661' d='m13.889 17.778-5.89-5.89L13.89 6l.777.778-5.111 5.11L14.666 17l-.777.778Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    margin-right: 12px
}

#webplayer_top .loginUserMenu .UserMenu_wrap .back button:hover,#webplayer_top .loginUserMenu .depth_2 .back button:hover,#serviceHeader .loginUserMenu .UserMenu_wrap .back button:hover,#serviceHeader .loginUserMenu .depth_2 .back button:hover,#af-header .loginUserMenu .UserMenu_wrap .back button:hover,#af-header .loginUserMenu .depth_2 .back button:hover {
    background-color: rgba(145,150,161,0.1)
}

#webplayer_top .loginUserMenu .UserMenu_wrap .back button:active,#webplayer_top .loginUserMenu .depth_2 .back button:active,#serviceHeader .loginUserMenu .UserMenu_wrap .back button:active,#serviceHeader .loginUserMenu .depth_2 .back button:active,#af-header .loginUserMenu .UserMenu_wrap .back button:active,#af-header .loginUserMenu .depth_2 .back button:active {
    background-color: rgba(23,25,28,0.3)
}

#webplayer_top .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,#serviceHeader .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,#af-header .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 12'%3e%3cpath fill='%23525661' d='M1.111.111 7 6l-5.889 5.889-.778-.778L5.445 6 .333.889 1.111.11Z'/%3e%3c/svg%3e");
    background-position: calc(100% - 20px) 50%;
    background-repeat: no-repeat;
    background-size: 7px 12px
}

#webplayer_top .loginUserMenu .depth_2,#serviceHeader .loginUserMenu .depth_2,#af-header .loginUserMenu .depth_2 {
    display: none
}

#webplayer_top .loginUserMenu .depth_2 li a.my_profit,#serviceHeader .loginUserMenu .depth_2 li a.my_profit,#af-header .loginUserMenu .depth_2 li a.my_profit {
    background: none
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap,html[dark=true] #webplayer_top .loginUserMenu .depth_2,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap,body.thema_dark #webplayer_top .loginUserMenu .depth_2,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap,.theme_dark #webplayer_top .loginUserMenu .depth_2,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap,html[dark=true] #serviceHeader .loginUserMenu .depth_2,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap,body.thema_dark #serviceHeader .loginUserMenu .depth_2,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap,.theme_dark #serviceHeader .loginUserMenu .depth_2,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap,html[dark=true] #af-header .loginUserMenu .depth_2,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap,body.thema_dark #af-header .loginUserMenu .depth_2,.theme_dark #af-header .loginUserMenu .UserMenu_wrap,.theme_dark #af-header .loginUserMenu .depth_2 {
    border: 1px solid rgba(117,123,138,0.3)
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .back button,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .back button,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .back button,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .back button,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .back button,.theme_dark #webplayer_top .loginUserMenu .depth_2 .back button,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .back button,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .back button,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .back button,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .back button,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .back button,.theme_dark #serviceHeader .loginUserMenu .depth_2 .back button,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .back button,html[dark=true] #af-header .loginUserMenu .depth_2 .back button,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .back button,body.thema_dark #af-header .loginUserMenu .depth_2 .back button,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .back button,.theme_dark #af-header .loginUserMenu .depth_2 .back button {
    color: #E2E4E9
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .back button:before,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .back button:before,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .back button:before,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .back button:before,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .back button:before,.theme_dark #webplayer_top .loginUserMenu .depth_2 .back button:before,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .back button:before,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .back button:before,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .back button:before,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .back button:before,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .back button:before,.theme_dark #serviceHeader .loginUserMenu .depth_2 .back button:before,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .back button:before,html[dark=true] #af-header .loginUserMenu .depth_2 .back button:before,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .back button:before,body.thema_dark #af-header .loginUserMenu .depth_2 .back button:before,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .back button:before,.theme_dark #af-header .loginUserMenu .depth_2 .back button:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23D5D7DC' d='m13.889 17.778-5.89-5.89L13.89 6l.777.778-5.111 5.11L14.666 17l-.777.778Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .back button:hover,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .back button:hover,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .back button:hover,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .back button:hover,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .back button:hover,.theme_dark #webplayer_top .loginUserMenu .depth_2 .back button:hover,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .back button:hover,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .back button:hover,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .back button:hover,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .back button:hover,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .back button:hover,.theme_dark #serviceHeader .loginUserMenu .depth_2 .back button:hover,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .back button:hover,html[dark=true] #af-header .loginUserMenu .depth_2 .back button:hover,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .back button:hover,body.thema_dark #af-header .loginUserMenu .depth_2 .back button:hover,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .back button:hover,.theme_dark #af-header .loginUserMenu .depth_2 .back button:hover {
    background-color: rgba(246,246,249,0.1)
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .back button:active,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .back button:active,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .back button:active,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .back button:active,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .back button:active,.theme_dark #webplayer_top .loginUserMenu .depth_2 .back button:active,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .back button:active,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .back button:active,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .back button:active,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .back button:active,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .back button:active,.theme_dark #serviceHeader .loginUserMenu .depth_2 .back button:active,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .back button:active,html[dark=true] #af-header .loginUserMenu .depth_2 .back button:active,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .back button:active,body.thema_dark #af-header .loginUserMenu .depth_2 .back button:active,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .back button:active,.theme_dark #af-header .loginUserMenu .depth_2 .back button:active {
    background-color: rgba(246,246,249,0.3)
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 12'%3e%3cpath fill='%23D5D7DC' d='M1.111.111 7 6l-5.889 5.889-.778-.778L5.445 6 .333.889 1.111.11Z'/%3e%3c/svg%3e");
    background-position: calc(100% - 20px) 50%;
    background-repeat: no-repeat;
    background-size: 7px 12px
}

#webplayer_top .loginUserMenu .btn_quick,#serviceHeader .loginUserMenu .btn_quick,#af-header .loginUserMenu .btn_quick {
    display: none
}

#webplayer_top .loginUserMenu .loginUserInfo,#serviceHeader .loginUserMenu .loginUserInfo,#af-header .loginUserMenu .loginUserInfo {
    display: flex;
    align-items: center;
    margin: 12px 0 8px;
    padding: 8px 20px
}

#webplayer_top .loginUserMenu .loginUserInfo:hover,#serviceHeader .loginUserMenu .loginUserInfo:hover,#af-header .loginUserMenu .loginUserInfo:hover {
    background-color: rgba(145,150,161,0.1)
}

#webplayer_top .loginUserMenu .loginUserInfo:active,#serviceHeader .loginUserMenu .loginUserInfo:active,#af-header .loginUserMenu .loginUserInfo:active {
    background-color: rgba(23,25,28,0.3)
}

#webplayer_top .loginUserMenu .loginUserInfo a,#serviceHeader .loginUserMenu .loginUserInfo a,#af-header .loginUserMenu .loginUserInfo a {
    display: block;
    transition: background-color .3s
}

#webplayer_top .loginUserMenu .loginUserInfo a:nth-of-type(2),#serviceHeader .loginUserMenu .loginUserInfo a:nth-of-type(2),#af-header .loginUserMenu .loginUserInfo a:nth-of-type(2) {
    width: 100%
}

#webplayer_top .loginUserMenu .loginUserInfo a .thumb,#serviceHeader .loginUserMenu .loginUserInfo a .thumb,#af-header .loginUserMenu .loginUserInfo a .thumb {
    display: block;
    overflow: hidden;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(117,123,138,0.1);
    border-radius: 50%
}

#webplayer_top .loginUserMenu .loginUserInfo a .thumb img,#serviceHeader .loginUserMenu .loginUserInfo a .thumb img,#af-header .loginUserMenu .loginUserInfo a .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#webplayer_top .loginUserMenu .loginUserInfo a .nick_box,#serviceHeader .loginUserMenu .loginUserInfo a .nick_box,#af-header .loginUserMenu .loginUserInfo a .nick_box {
    margin-left: 12px
}

#webplayer_top .loginUserMenu .loginUserInfo a .nick_box span,#serviceHeader .loginUserMenu .loginUserInfo a .nick_box span,#af-header .loginUserMenu .loginUserInfo a .nick_box span {
    display: block
}

#webplayer_top .loginUserMenu .loginUserInfo a .nick_box span.nick,#serviceHeader .loginUserMenu .loginUserInfo a .nick_box span.nick,#af-header .loginUserMenu .loginUserInfo a .nick_box span.nick {
    color: #17191C;
    font-size: 14px;
    font-weight: 600
}

#webplayer_top .loginUserMenu .loginUserInfo a .nick_box span.id,#serviceHeader .loginUserMenu .loginUserInfo a .nick_box span.id,#af-header .loginUserMenu .loginUserInfo a .nick_box span.id {
    padding-top: 3px;
    color: #757B8A;
    font-size: 13px
}

#webplayer_top .loginUserMenu .menuList_wrap,#serviceHeader .loginUserMenu .menuList_wrap,#af-header .loginUserMenu .menuList_wrap {
    border-top: 1px solid #E2E4E9
}

#webplayer_top .loginUserMenu .menuList_wrap::-webkit-scrollbar-thumb,#serviceHeader .loginUserMenu .menuList_wrap::-webkit-scrollbar-thumb,#af-header .loginUserMenu .menuList_wrap::-webkit-scrollbar-thumb {
    background: transparent
}

#webplayer_top .loginUserMenu .menuList_wrap .menuList:first-of-type,#serviceHeader .loginUserMenu .menuList_wrap .menuList:first-of-type,#af-header .loginUserMenu .menuList_wrap .menuList:first-of-type {
    border-top: 0
}

html[dark=true] #webplayer_top .loginUserMenu .menuList_wrap,body.thema_dark #webplayer_top .loginUserMenu .menuList_wrap,.theme_dark #webplayer_top .loginUserMenu .menuList_wrap,html[dark=true] #serviceHeader .loginUserMenu .menuList_wrap,body.thema_dark #serviceHeader .loginUserMenu .menuList_wrap,.theme_dark #serviceHeader .loginUserMenu .menuList_wrap,html[dark=true] #af-header .loginUserMenu .menuList_wrap,body.thema_dark #af-header .loginUserMenu .menuList_wrap,.theme_dark #af-header .loginUserMenu .menuList_wrap {
    border-color: #2F3137
}

#webplayer_top .loginUserMenu .menuList,#serviceHeader .loginUserMenu .menuList,#af-header .loginUserMenu .menuList {
    margin: 0;
    padding: 8px 0;
    border-top: 1px solid #E2E4E9
}

#webplayer_top .loginUserMenu .menuList li,#serviceHeader .loginUserMenu .menuList li,#af-header .loginUserMenu .menuList li {
    display: flex;
    align-items: center;
    min-height: 26px;
    line-height: 1.5;
    list-style: none
}

#webplayer_top .loginUserMenu .menuList li a,#serviceHeader .loginUserMenu .menuList li a,#af-header .loginUserMenu .menuList li a {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 39px;
    padding: 0 20px;
    word-break: break-all;
    word-wrap: break-word;
    transition: background-color .2s;
    color: #17191C;
    font-size: 14px;
    font-weight: 500
}

#webplayer_top .loginUserMenu .menuList li a:hover,#serviceHeader .loginUserMenu .menuList li a:hover,#af-header .loginUserMenu .menuList li a:hover {
    background-color: rgba(145,150,161,0.1)
}

#webplayer_top .loginUserMenu .menuList li a:active,#serviceHeader .loginUserMenu .menuList li a:active,#af-header .loginUserMenu .menuList li a:active {
    background-color: rgba(23,25,28,0.3)
}

#webplayer_top .loginUserMenu .menuList li a:before,#serviceHeader .loginUserMenu .menuList li a:before,#af-header .loginUserMenu .menuList li a:before {
    content: "";
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin-right: 12px
}

#webplayer_top .loginUserMenu .menuList li a.my_afpay:before,#serviceHeader .loginUserMenu .menuList li a.my_afpay:before,#af-header .loginUserMenu .menuList li a.my_afpay:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M19.719 9.156V7.7a3 3 0 0 0-3-3H5.699c-1.656 0-2.999 1.34-2.999 2.996v8.605a2.999 2.999 0 0 0 3 2.999h11.019a3 3 0 0 0 3-3v-1.581'/%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M15.3 12A2.7 2.7 0 0 1 18 9.3h2.3a1 1 0 0 1 1 1v3.4a1 1 0 0 1-1 1H18a2.7 2.7 0 0 1-2.7-2.7Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-width='1.4' d='M18.015 12h.829'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_item:before,#serviceHeader .loginUserMenu .menuList li a.my_item:before,#af-header .loginUserMenu .menuList li a.my_item:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg fill='%23525661' clip-path='url(%23a)'%3e%3cpath d='m2.975 9.622.217-.665-.217.665Zm.117 4.714.25.654-.25-.654ZM18.3 4.003H5.7v1.4h12.6v-1.4Zm3.7 3.7a3.7 3.7 0 0 0-3.7-3.7v1.4a2.3 2.3 0 0 1 2.3 2.3H22Zm0 8.6v-8.6h-1.4v8.6H22Zm-3.7 3.7a3.7 3.7 0 0 0 3.7-3.7h-1.4a2.3 2.3 0 0 1-2.3 2.3v1.4Zm-12.6 0h12.6v-1.4H5.7v1.4Zm-3.7-3.7a3.7 3.7 0 0 0 3.7 3.7v-1.4a2.3 2.3 0 0 1-2.3-2.3H2Zm0-1.444v1.444h1.4V14.86H2ZM4 12a1.8 1.8 0 0 1-1.158 1.682l.5 1.308A3.2 3.2 0 0 0 5.4 12H4Zm-1.242-1.712A1.801 1.801 0 0 1 4 12h1.4a3.201 3.201 0 0 0-2.208-3.043l-.434 1.331ZM2 7.703v1.563h1.4V7.703H2Zm3.7-3.7a3.7 3.7 0 0 0-3.7 3.7h1.4a2.3 2.3 0 0 1 2.3-2.3v-1.4ZM3.192 8.957a.317.317 0 0 1 .208.309H2c0 .514.358.892.758 1.022l.434-1.331Zm.208 5.902c0 .053-.02.092-.035.11-.012.017-.021.02-.023.021l-.5-1.308c-.429.164-.842.585-.842 1.177h1.4Z'/%3e%3cpath fill-rule='evenodd' d='M9 6.75a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5Zm0 4.5a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5ZM9.75 15a.75.75 0 0 0-.75.75v1.5a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-.75-.75Z' clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_balloon:before,#serviceHeader .loginUserMenu .menuList li a.my_balloon:before,#af-header .loginUserMenu .menuList li a.my_balloon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath fill='%23525661' fill-rule='evenodd' stroke='%23525661' stroke-linejoin='round' stroke-width='.6' d='M14.158 11.19a.246.246 0 0 0-.072.221l.379 2.184a.252.252 0 0 1-.367.263l-1.98-1.03a.257.257 0 0 0-.235 0l-1.981 1.03a.252.252 0 0 1-.366-.263l.378-2.184a.247.247 0 0 0-.072-.22L8.238 9.644a.249.249 0 0 1 .14-.426l2.215-.319a.251.251 0 0 0 .19-.136l.99-1.986a.254.254 0 0 1 .454 0l.99 1.986a.252.252 0 0 0 .19.136l2.216.32c.206.03.288.28.138.425l-1.603 1.547Z' clip-rule='evenodd'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_message:before,#serviceHeader .loginUserMenu .menuList li a.my_message:before,#af-header .loginUserMenu .menuList li a.my_message:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23555' stroke-width='1.4' d='M17.455 13.175V4.8a1.5 1.5 0 0 0-1.5-1.5h-7.91a1.5 1.5 0 0 0-1.5 1.5v8.872'/%3e%3cpath stroke='%23555' stroke-width='1.4' d='M17.009 3.754 4.914 15.394a1.5 1.5 0 0 0-.02 2.142l2.816 2.816a1.5 1.5 0 0 0 2.122 0l7.734-7.734'/%3e%3cpath stroke='%23555' stroke-width='1.4' d='M7.091 3.754 18.954 14.74a2 2 0 0 1 .056 2.881l-2.52 2.52a1.5 1.5 0 0 1-2.021.092l-1.81-1.507-.271-.219'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a .memo,#serviceHeader .loginUserMenu .menuList li a .memo,#af-header .loginUserMenu .menuList li a .memo {
    margin-left: 5px;
    color: #0182FF
}

#webplayer_top .loginUserMenu .menuList li a.my_ad:before,#webplayer_top .loginUserMenu .menuList li a.my_bene:before,#serviceHeader .loginUserMenu .menuList li a.my_ad:before,#serviceHeader .loginUserMenu .menuList li a.my_bene:before,#af-header .loginUserMenu .menuList li a.my_ad:before,#af-header .loginUserMenu .menuList li a.my_bene:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3crect width='18.6' height='14.6' x='2.7' y='4.7' stroke='%23525661' stroke-width='1.4' rx='5.3'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M11.318 14.5 9.67 9.966a.567.567 0 0 0-1.067 0L6.955 14.5M13.227 14.5V9.59h1.636c1.091 0 2.182.82 2.182 2.455 0 1.637-1.09 2.455-2.182 2.455h-1.636ZM7.5 13.118h3.273'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_gd:before,#serviceHeader .loginUserMenu .menuList li a.my_gd:before,#af-header .loginUserMenu .menuList li a.my_gd:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M17.781 14.897c2.88 0 3.519-2.116 3.519-3.8 0-1.684-.736-3.8-3.519-3.8'/%3e%3cpath stroke='%23525661' stroke-linejoin='round' stroke-width='1.4' d='M2.7 6.688a3 3 0 0 1 3-3h9.003a3 3 0 0 1 3 3v6.64a7 7 0 0 1-7 7H9.7a7 7 0 0 1-7-7v-6.64Z'/%3e%3cpath fill='%23525661' fill-rule='evenodd' stroke='%23525661' stroke-linejoin='round' stroke-width='.6' d='M12.36 12.342a.246.246 0 0 0-.072.22l.378 2.185a.252.252 0 0 1-.366.263l-1.98-1.031a.257.257 0 0 0-.236 0l-1.98 1.03a.252.252 0 0 1-.367-.262l.378-2.184a.247.247 0 0 0-.072-.22L6.44 10.795a.249.249 0 0 1 .14-.426l2.215-.32a.251.251 0 0 0 .19-.135l.99-1.987a.254.254 0 0 1 .453 0l.99 1.987a.253.253 0 0 0 .19.136l2.216.319c.207.03.289.281.139.426l-1.604 1.546Z' clip-rule='evenodd'/%3e%3c/svg%3e") !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_tk:before,#serviceHeader .loginUserMenu .menuList li a.my_tk:before,#af-header .loginUserMenu .menuList li a.my_tk:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3e%3cpath d='M8.5 0a8.5 8.5 0 1 1 0 17 8.5 8.5 0 0 1 0-17zm0 1a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zM6.435 5.302c.234 0 .461.014.68.043.219.028.422.071.61.129.073.026.11.057.113.094.003.036.004.08.004.132l-.015.673c0 .089-.021.138-.063.149a.448.448 0 0 1-.203-.024 4.207 4.207 0 0 0-.63-.137 4.568 4.568 0 0 0-.574-.035c-.292 0-.554.05-.786.153a1.654 1.654 0 0 0-.59.43 1.926 1.926 0 0 0-.372.66 2.633 2.633 0 0 0-.13.845c0 .302.048.58.142.833a1.95 1.95 0 0 0 .981 1.103c.227.111.476.18.747.206.25.026.49.017.72-.027a3.94 3.94 0 0 0 .562-.145c.068-.026.112-.032.133-.02.02.014.034.046.04.098l.038.704c.005.058-.002.097-.023.117a.335.335 0 0 1-.118.063 3.63 3.63 0 0 1-.535.133c-.206.036-.45.055-.731.055-.449 0-.86-.075-1.232-.223a2.722 2.722 0 0 1-.958-.634 2.899 2.899 0 0 1-.621-.985A3.51 3.51 0 0 1 3.4 8.414c0-.459.074-.88.223-1.263a2.88 2.88 0 0 1 .621-.985c.266-.274.585-.486.958-.638a3.247 3.247 0 0 1 1.232-.226zm4.11.101c.291 0 .556.037.793.11.237.073.439.185.606.336.167.151.296.34.387.567.091.227.137.496.137.81 0 .375-.081.694-.243.957-.161.263-.375.47-.64.622l1.266 2.416c.042.078.057.132.047.16-.01.029-.055.043-.133.043h-.86c-.063 0-.103-.006-.122-.02a.29.29 0 0 1-.066-.105l-1.11-2.228h-.72v2.189c0 .073-.01.119-.031.137-.02.018-.06.027-.117.027H8.98a.205.205 0 0 1-.117-.027c-.026-.018-.04-.064-.04-.137v-5.7c0-.063.015-.105.044-.125a.175.175 0 0 1 .105-.032h1.572zm.109.962h-.767v1.752h.524c.313 0 .555-.072.727-.215.172-.144.258-.372.258-.685 0-.281-.069-.493-.207-.637a.71.71 0 0 0-.535-.215z' fill='%23525661'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 17px 17px
}

#webplayer_top .loginUserMenu .menuList li a.my_stat:before,#serviceHeader .loginUserMenu .menuList li a.my_stat:before,#af-header .loginUserMenu .menuList li a.my_stat:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3crect width='16.6' height='16.6' x='3.7' y='3.7' stroke='%23525661' stroke-width='1.4' rx='4.8'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 16.5v-9M8 16.5v-6M16 16.5v-3'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_drops:before,#serviceHeader .loginUserMenu .menuList li a.my_drops:before,#af-header .loginUserMenu .menuList li a.my_drops:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M3.4 8.5v1.975h6.2V8.5a3.1 3.1 0 0 0-6.2 0Zm6.362-3.1A4.485 4.485 0 0 1 11 8.5v1.975h2.319l1.877-2.476a.5.5 0 0 1 .797 0l1.878 2.476H20.6V10A4.6 4.6 0 0 0 16 5.4H9.762ZM9.6 11.874H3.4V17A1.6 1.6 0 0 0 5 18.6h4.6v-6.726ZM11 18.6v-6.726h2.319l1.877 2.476a.5.5 0 0 0 .797 0l1.878-2.476H20.6V17a1.6 1.6 0 0 1-1.6 1.6h-8Zm0 1.4H5a3 3 0 0 1-3-3V8.4A4.4 4.4 0 0 1 6.4 4H16a6 6 0 0 1 6 6v7a3 3 0 0 1-3 3h-8Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_spon:before,#serviceHeader .loginUserMenu .menuList li a.my_spon:before,#af-header .loginUserMenu .menuList li a.my_spon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M11.358 13.009 9.806 8.74a.534.534 0 0 0-1.004 0L7.25 13.01M13.155 13.009V8.387h1.541c1.027 0 2.054.77 2.054 2.31 0 1.541-1.027 2.312-2.054 2.312h-1.54ZM7.764 11.707h3.08'/%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_point:before,#serviceHeader .loginUserMenu .menuList li a.my_point:before,#af-header .loginUserMenu .menuList li a.my_point:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg stroke='%23525661' clip-path='url(%23a)'%3e%3cpath stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M10.09 15.431V8.9m.073 0h2.498c1.155 0 2.092.937 2.092 2.093v0a2.093 2.093 0 0 1-2.092 2.092h-2.498'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M2 2h20v20H2z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_profit:before,#serviceHeader .loginUserMenu .menuList li a.my_profit:before,#af-header .loginUserMenu .menuList li a.my_profit:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m8.13 8.49 1.989 7.02 1.88-7.02 1.882 7.02 1.989-7.02M7.5 12.681h9M7.5 10.725h9'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_shopping:before,#serviceHeader .loginUserMenu .menuList li a.my_shopping:before,#af-header .loginUserMenu .menuList li a.my_shopping:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='m8.136 14.708-1.62-7.562h12.292a1.5 1.5 0 0 1 1.426 1.967L18.35 14.86a1.5 1.5 0 0 1-1.425 1.033H9.603a1.5 1.5 0 0 1-1.467-1.186Z'/%3e%3cpath fill='%23525661' d='M16.4 21a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2ZM10.235 21a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2ZM2.719 2.996a.7.7 0 1 0 0 1.4v-1.4ZM5.863 4.09l-.684.148.684-.148ZM7.32 7.508l-.772-3.566-1.369.296.773 3.566 1.368-.296ZM5.375 2.996H2.719v1.4h2.656v-1.4Zm1.173.946a1.2 1.2 0 0 0-1.173-.946v1.4a.2.2 0 0 1-.196-.158l1.369-.296Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_dashboard:before,#serviceHeader .loginUserMenu .menuList li a.my_dashboard:before,#af-header .loginUserMenu .menuList li a.my_dashboard:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M4.64 4.32a.958.958 0 0 0 1.43-.591c.236-.976 1.624-.976 1.86 0 .154.63.876.929 1.43.592.857-.523 1.839.458 1.316 1.316a.958.958 0 0 0 .592 1.429c.976.237.976 1.625 0 1.861a.958.958 0 0 0-.592 1.43c.523.857-.459 1.838-1.316 1.316a.958.958 0 0 0-1.43.592c-.236.976-1.624.976-1.86 0a.958.958 0 0 0-1.43-.592c-.857.522-1.839-.459-1.316-1.316a.958.958 0 0 0-.592-1.43c-.976-.236-.976-1.624 0-1.861a.958.958 0 0 0 .592-1.43C2.8 4.78 3.783 3.799 4.64 4.322Zm2.243 5.343a1.667 1.667 0 1 0 0-3.333 1.667 1.667 0 0 0 0 3.333Z' clip-rule='evenodd'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.695 5.5h1.71a3 3 0 0 1 3 3v2.086l2.488-1.793c.652-.297 1.4.187 1.41.912v5.764a1.002 1.002 0 0 1-1.41.912l-2.542-1.924.053 2.043a3 3 0 0 1-3 3H6.7c-1.677 0-3.02-1.343-3-3v-2.496'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.extensions:before,#serviceHeader .loginUserMenu .menuList li a.extensions:before,#af-header .loginUserMenu .menuList li a.extensions:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23525661' d='M8.5 2c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414v1h2A2.496 2.496 0 0 1 15 7.5v1.498L16 9c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414 0 .552-.224 1.052-.586 1.414a1.993 1.993 0 0 1-1.413.586L15 12.998V15.5c0 .69-.28 1.315-.732 1.768A2.492 2.492 0 0 1 12.5 18h-2v-1a1.996 1.996 0 0 0-1.808-1.99c-.663-.008-1.183.208-1.555.545A1.932 1.932 0 0 0 6.5 17v1h-2c-.69 0-1.315-.28-1.768-.732A2.492 2.492 0 0 1 2 15.5V13h.5a1.996 1.996 0 0 0 1.99-1.808c.007-.663-.208-1.183-.546-1.555A1.932 1.932 0 0 0 2.501 9H2V7.5c0-.69.28-1.315.732-1.768A2.492 2.492 0 0 1 4.5 5h2V4c0-.552.224-1.052.586-1.414A1.994 1.994 0 0 1 8.5 2z' clip-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_info:before,#serviceHeader .loginUserMenu .menuList li a.my_info:before,#af-header .loginUserMenu .menuList li a.my_info:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23525661' d='M19.6 20.3a.7.7 0 1 0 1.4 0h-1.4ZM3 20.3a.7.7 0 1 0 1.4 0H3Zm11.903-7.859a.7.7 0 0 0-.42 1.336l.42-1.336Zm-5.387 1.336a.7.7 0 0 0-.42-1.336l.42 1.336ZM21 20.3c0-3.682-2.585-6.756-6.097-7.859l-.42 1.336c3.013.946 5.117 3.537 5.117 6.523H21ZM9.097 12.441C5.585 13.544 3 16.618 3 20.3h1.4c0-2.986 2.104-5.577 5.116-6.523l-.42-1.336Z'/%3e%3ccircle cx='12' cy='8.6' r='4.9' stroke='%23525661' stroke-width='1.4'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.userLogout:before,#serviceHeader .loginUserMenu .menuList li a.userLogout:before,#af-header .loginUserMenu .menuList li a.userLogout:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M15.3 3.7H6.7a3 3 0 0 0-3 3v10.6a3 3 0 0 0 3 3h8.6M17.543 14.756 20.299 12l-2.756-2.756M12 12h7.25'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_sotong:before,#serviceHeader .loginUserMenu .menuList li a.my_sotong:before,#af-header .loginUserMenu .menuList li a.my_sotong:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-width='1.4' d='M2.7 4.7h17.6M2.7 11.3h7.488M2.7 17.9h4.738'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M13.782 19.2a.5.5 0 0 1-.354.147h-2.207a.5.5 0 0 1-.5-.5v-2.208a.5.5 0 0 1 .146-.353l7.43-7.43a.5.5 0 0 1 .708 0l2.207 2.207a.5.5 0 0 1 0 .707l-7.43 7.43ZM16.65 10.502l2.916 2.915'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_custom:before,#serviceHeader .loginUserMenu .menuList li a.my_custom:before,#af-header .loginUserMenu .menuList li a.my_custom:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M5.7 15.969V9A6.3 6.3 0 0 1 12 2.7v0A6.3 6.3 0 0 1 18.3 9v6.969M5.553 15.822v0A2.853 2.853 0 0 1 2.7 12.969v-.294a2.853 2.853 0 0 1 2.853-2.853v0M18.447 15.822v0a2.853 2.853 0 0 0 2.853-2.853v-.294a2.853 2.853 0 0 0-2.853-2.853v0M11.675 18.844v0c0 .656.532 1.187 1.188 1.187h3.25c1.208 0 2.187-.98 2.187-2.187v0'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_service:before,#serviceHeader .loginUserMenu .menuList li a.my_service:before,#af-header .loginUserMenu .menuList li a.my_service:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M11.999 8v4.514'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M11.994 16h.013'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a .new,#serviceHeader .loginUserMenu .menuList li a .new,#af-header .loginUserMenu .menuList li a .new {
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3ccircle cx='7' cy='7' r='7' fill='%23EF565F'/%3e%3cpath fill='%23fff' d='M4.606 4.48h1.446l1.886 2.772V4.48h1.46v5.01h-1.46L6.062 6.74v2.75H4.606V4.48Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 14px;
    height: 14px;
    margin: 0 0 0 6px;
    text-indent: -9999px
}

#webplayer_top .loginUserMenu .menuList li a span,#serviceHeader .loginUserMenu .menuList li a span,#af-header .loginUserMenu .menuList li a span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

#webplayer_top .loginUserMenu .menuList .soopiSet .settings,#serviceHeader .loginUserMenu .menuList .soopiSet .settings,#af-header .loginUserMenu .menuList .soopiSet .settings {
    position: relative;
    width: 100%;
    height: 40px;
    padding: 0 20px
}

#webplayer_top .loginUserMenu .menuList .soopiSet .settings:hover,#serviceHeader .loginUserMenu .menuList .soopiSet .settings:hover,#af-header .loginUserMenu .menuList .soopiSet .settings:hover {
    background: rgba(145,150,161,0.1)
}

#webplayer_top .loginUserMenu .menuList .soopiSet .my_soopi,#serviceHeader .loginUserMenu .menuList .soopiSet .my_soopi,#af-header .loginUserMenu .menuList .soopiSet .my_soopi {
    display: flex;
    align-items: center;
    height: 100%;
    color: #17191C;
    font-size: 14px;
    font-weight: 500;
    text-align: left
}

#webplayer_top .loginUserMenu .menuList .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu .menuList .soopiSet .my_soopi:before,#af-header .loginUserMenu .menuList .soopiSet .my_soopi:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23555' stroke-width='1.4' d='M14.174 2.956A9.3 9.3 0 1 0 21.084 10'/%3e%3cpath fill='%23555' fill-rule='evenodd' d='M14.438 10.568a2.438 2.438 0 1 1-4.876 0 2.438 2.438 0 0 1 4.876 0Zm1.313 0a3.751 3.751 0 1 1-7.502 0 3.751 3.751 0 0 1 7.502 0Zm-3.75 4.737c-2.662 0-4.997 1.428-6.002 3.54a.656.656 0 1 0 1.185.564c.766-1.608 2.608-2.792 4.816-2.792 2.209 0 4.05 1.184 4.816 2.792A.656.656 0 1 0 18 18.845c-1.005-2.112-3.34-3.54-6-3.54Z' clip-rule='evenodd'/%3e%3cpath fill='%23555' d='m20.15 6.42 1.545-.499a.44.44 0 0 0 0-.838l-1.546-.503a1.13 1.13 0 0 1-.73-.73l-.5-1.545a.44.44 0 0 0-.838 0l-.5 1.545a1.13 1.13 0 0 1-.73.73l-1.545.503a.44.44 0 0 0 0 .838l1.545.499c.347.112.619.383.73.73l.504 1.545a.44.44 0 0 0 .838 0l.503-1.545a1.13 1.13 0 0 1 .731-.73h-.008Z'/%3e%3cpath fill='%23555' d='m20.15 6.42 1.545-.499a.44.44 0 0 0 0-.838l-1.546-.503a1.13 1.13 0 0 1-.73-.73l-.5-1.545a.44.44 0 0 0-.838 0l-.5 1.545a1.13 1.13 0 0 1-.73.73l-1.545.503a.44.44 0 0 0 0 .838l1.545.499c.347.112.619.383.73.73l.504 1.545a.44.44 0 0 0 .838 0l.503-1.545a1.13 1.13 0 0 1 .731-.73h-.008Z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 0px;
    margin-right: 12px
}

#webplayer_top .loginUserMenu .menuList .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu .menuList .soopiSet .my_soopi .beta,#af-header .loginUserMenu .menuList .soopiSet .my_soopi .beta {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 29 14'%3e%3crect width='28' height='13' x='.5' y='.5' stroke='%239196A1' stroke-opacity='.3' rx='6.5'/%3e%3cpath fill='%2317191C' fill-rule='evenodd' d='M6.179 10.098c.124.1.276.15.457.15h.999c.566 0 1.045-.063 1.437-.187.392-.13.69-.33.896-.597.212-.274.317-.62.317-1.036 0-.486-.137-.868-.41-1.148-.274-.28-.638-.451-1.092-.514.38-.105.672-.298.877-.578.205-.28.308-.61.308-.99 0-.566-.221-.97-.663-1.213-.442-.243-1.064-.364-1.866-.364a5.21 5.21 0 0 0-.971.075 2.41 2.41 0 0 0-.635.186c.05.119.084.25.103.392.025.144.04.284.047.42.012.131.018.24.018.327V9.67c0 .187.06.33.178.43Zm1.428-.26h-.495v-2.82h.513c.286 0 .538.04.756.122a.945.945 0 0 1 .514.42c.124.205.186.5.186.886 0 .287-.053.536-.158.747-.1.205-.259.364-.476.476-.212.112-.492.168-.84.168Zm-.495-3.23V4.032H7.439c.497 0 .846.112 1.045.336.205.218.308.522.308.914 0 .274-.044.51-.13.71a.995.995 0 0 1-.374.466 1.099 1.099 0 0 1-.625.15h-.551Zm9.522 3.406c.187.218.458.327.813.327.286 0 .513-.056.68-.168.175-.112.262-.255.262-.43a.62.62 0 0 0-.121-.363c-.031.05-.087.087-.168.112a.766.766 0 0 1-.224.037c-.143 0-.252-.044-.327-.13-.068-.088-.102-.212-.102-.374V6.272l.001-.308h.857a.273.273 0 0 0 .187-.066.29.29 0 0 0 .093-.205l.01-.27a1.442 1.442 0 0 1-.187.018c-.094 0-.202.003-.327.01-.118 0-.227.002-.326.009h-.293c.003-.08.008-.155.012-.224.02-.268.063-.53.131-.784a.981.981 0 0 0-.224-.15.762.762 0 0 0-.392-.093c-.187 0-.339.05-.457.15a.519.519 0 0 0-.177.42v.68h-.393c-.08 0-.149.022-.205.066-.056.044-.087.112-.093.205l-.01.271a2.08 2.08 0 0 1 .28-.028c.125-.006.218-.01.28-.01h.14v3.155c0 .38.094.679.28.896Zm5.767.01c.168.211.404.317.71.317.242 0 .435-.06.578-.177a.531.531 0 0 0 .196-.598.425.425 0 0 0-.084-.186.288.288 0 0 1-.13.112.461.461 0 0 1-.14.028c-.212 0-.318-.165-.318-.495v-1.68c0-.71-.159-1.223-.476-1.54-.317-.317-.815-.476-1.493-.476-.585 0-1.055.096-1.41.29-.348.192-.522.475-.522.849 0 .23.074.429.224.597.155.168.37.252.644.252.118 0 .23-.016.336-.047a.561.561 0 0 0 .261-.158.546.546 0 0 1-.28-.3 1.07 1.07 0 0 1-.075-.382c0-.18.034-.32.103-.42a.557.557 0 0 1 .27-.224.953.953 0 0 1 .374-.074c.342 0 .582.13.719.392.136.26.205.653.205 1.176v.233c-.193 0-.41.012-.653.037a4.519 4.519 0 0 0-.738.14c-.274.081-.535.19-.784.327-.242.13-.441.299-.597.504-.15.199-.224.442-.224.728 0 .348.112.619.336.812.224.187.513.28.868.28.36 0 .681-.084.961-.252a2.15 2.15 0 0 0 .7-.681c.075-.117.14-.238.198-.365.014.456.094.783.241.98Zm-1.11-.551a.892.892 0 0 1-.43.15c-.205.018-.352-.041-.439-.178a.834.834 0 0 1-.13-.457.87.87 0 0 1 .177-.542c.118-.155.274-.277.467-.364.112-.056.233-.1.364-.13.136-.032.276-.05.42-.056.143-.013.277-.016.401-.01 0 .237-.04.458-.121.663a2.038 2.038 0 0 1-.299.55c-.125.156-.261.28-.41.374Zm-7.928.905c-.703 0-1.263-.217-1.68-.653-.417-.442-.625-1.067-.625-1.876 0-.778.199-1.39.597-1.839.399-.454.974-.681 1.727-.681.355 0 .669.053.943.159.28.1.5.252.662.457.162.205.243.463.243.775 0 .46-.19.812-.57 1.054-.373.243-.864.364-1.474.364-.255 0-.517-.006-.784-.018a4.2 4.2 0 0 1-.164-.015c.023.31.075.57.155.78.118.286.286.491.504.616.217.118.473.177.765.177.342 0 .628-.068.859-.205.236-.137.404-.314.504-.532a.227.227 0 0 1 .13.15c.031.074.013.195-.056.363a1.31 1.31 0 0 1-.644.69c-.305.156-.669.234-1.092.234Zm-.84-4.134c-.198.34-.297.825-.298 1.455.114.009.236.015.364.02.168 0 .339-.013.513-.038s.333-.078.476-.159c.143-.08.258-.199.345-.354.087-.156.13-.364.13-.626 0-.224-.033-.392-.102-.504a.535.535 0 0 0-.27-.242.78.78 0 0 0-.336-.075c-.349 0-.623.174-.822.523Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 29px;
    height: 14px;
    margin-left: 6px;
    font-size: 0
}

#webplayer_top .loginUserMenu .menuList .soopiSet label,#serviceHeader .loginUserMenu .menuList .soopiSet label,#af-header .loginUserMenu .menuList .soopiSet label {
    position: absolute;
    top: 10px;
    right: 20px;
    background: #E2E4E9;
    width: 40px;
    height: 22px;
    border-radius: 16px;
    transition: .2s;
    cursor: pointer
}

#webplayer_top .loginUserMenu .menuList .soopiSet label:before,#serviceHeader .loginUserMenu .menuList .soopiSet label:before,#af-header .loginUserMenu .menuList .soopiSet label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    background: #fff;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 50%;
    transition: all 0.2s
}

#webplayer_top .loginUserMenu .menuList .soopiSet input,#serviceHeader .loginUserMenu .menuList .soopiSet input,#af-header .loginUserMenu .menuList .soopiSet input {
    position: absolute;
    top: 0;
    left: -9999em;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}

#webplayer_top .loginUserMenu .menuList .soopiSet input:checked+label,#serviceHeader .loginUserMenu .menuList .soopiSet input:checked+label,#af-header .loginUserMenu .menuList .soopiSet input:checked+label {
    background-color: #0182FF
}

#webplayer_top .loginUserMenu .menuList .soopiSet input:checked+label:before,#serviceHeader .loginUserMenu .menuList .soopiSet input:checked+label:before,#af-header .loginUserMenu .menuList .soopiSet input:checked+label:before {
    left: 100%;
    margin-left: -19px
}

#webplayer_top .loginUserMenu .menuList .soopiSet p,#serviceHeader .loginUserMenu .menuList .soopiSet p,#af-header .loginUserMenu .menuList .soopiSet p {
    height: 0;
    color: #666;
    font-size: 11px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease
}

#webplayer_top .loginUserMenu .menuList .soopiSet input:checked ~ p,#serviceHeader .loginUserMenu .menuList .soopiSet input:checked ~ p,#af-header .loginUserMenu .menuList .soopiSet input:checked ~ p {
    height: auto;
    margin-top: 4px;
    opacity: 1;
    visibility: visible
}

html[dark=true] #webplayer_top .loginUserMenu .menuList,body.thema_dark #webplayer_top .loginUserMenu .menuList,.theme_dark #webplayer_top .loginUserMenu .menuList,html[dark=true] #serviceHeader .loginUserMenu .menuList,body.thema_dark #serviceHeader .loginUserMenu .menuList,.theme_dark #serviceHeader .loginUserMenu .menuList,html[dark=true] #af-header .loginUserMenu .menuList,body.thema_dark #af-header .loginUserMenu .menuList,.theme_dark #af-header .loginUserMenu .menuList {
    border-color: #2F3137
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a,body.thema_dark #webplayer_top .loginUserMenu .menuList li a,.theme_dark #webplayer_top .loginUserMenu .menuList li a,html[dark=true] #serviceHeader .loginUserMenu .menuList li a,body.thema_dark #serviceHeader .loginUserMenu .menuList li a,.theme_dark #serviceHeader .loginUserMenu .menuList li a,html[dark=true] #af-header .loginUserMenu .menuList li a,body.thema_dark #af-header .loginUserMenu .menuList li a,.theme_dark #af-header .loginUserMenu .menuList li a {
    color: #E2E4E9
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a:hover,body.thema_dark #webplayer_top .loginUserMenu .menuList li a:hover,.theme_dark #webplayer_top .loginUserMenu .menuList li a:hover,html[dark=true] #serviceHeader .loginUserMenu .menuList li a:hover,body.thema_dark #serviceHeader .loginUserMenu .menuList li a:hover,.theme_dark #serviceHeader .loginUserMenu .menuList li a:hover,html[dark=true] #af-header .loginUserMenu .menuList li a:hover,body.thema_dark #af-header .loginUserMenu .menuList li a:hover,.theme_dark #af-header .loginUserMenu .menuList li a:hover {
    background-color: rgba(246,246,249,0.1)
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a:active,body.thema_dark #webplayer_top .loginUserMenu .menuList li a:active,.theme_dark #webplayer_top .loginUserMenu .menuList li a:active,html[dark=true] #serviceHeader .loginUserMenu .menuList li a:active,body.thema_dark #serviceHeader .loginUserMenu .menuList li a:active,.theme_dark #serviceHeader .loginUserMenu .menuList li a:active,html[dark=true] #af-header .loginUserMenu .menuList li a:active,body.thema_dark #af-header .loginUserMenu .menuList li a:active,.theme_dark #af-header .loginUserMenu .menuList li a:active {
    background-color: rgba(246,246,249,0.3)
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_afpay:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_afpay:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_afpay:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_afpay:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_afpay:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_afpay:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_afpay:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_afpay:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_afpay:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M19.719 9.156V7.7a3 3 0 0 0-3-3H5.699c-1.656 0-2.999 1.34-2.999 2.996v8.605a2.999 2.999 0 0 0 3 2.999h11.019a3 3 0 0 0 3-3v-1.581'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M15.3 12A2.7 2.7 0 0 1 18 9.3h2.3a1 1 0 0 1 1 1v3.4a1 1 0 0 1-1 1H18a2.7 2.7 0 0 1-2.7-2.7Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='1.4' d='M18.015 12h.829'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_item:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_item:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_item:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_item:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_item:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_item:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_item:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_item:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_item:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg fill='%23D5D7DC' clip-path='url(%23a)'%3e%3cpath d='m2.975 9.622.217-.665-.217.665Zm.117 4.714.25.654-.25-.654ZM18.3 4.003H5.7v1.4h12.6v-1.4Zm3.7 3.7a3.7 3.7 0 0 0-3.7-3.7v1.4a2.3 2.3 0 0 1 2.3 2.3H22Zm0 8.6v-8.6h-1.4v8.6H22Zm-3.7 3.7a3.7 3.7 0 0 0 3.7-3.7h-1.4a2.3 2.3 0 0 1-2.3 2.3v1.4Zm-12.6 0h12.6v-1.4H5.7v1.4Zm-3.7-3.7a3.7 3.7 0 0 0 3.7 3.7v-1.4a2.3 2.3 0 0 1-2.3-2.3H2Zm0-1.444v1.444h1.4V14.86H2ZM4 12a1.8 1.8 0 0 1-1.158 1.682l.5 1.308A3.2 3.2 0 0 0 5.4 12H4Zm-1.242-1.712A1.801 1.801 0 0 1 4 12h1.4a3.201 3.201 0 0 0-2.208-3.043l-.434 1.331ZM2 7.703v1.563h1.4V7.703H2Zm3.7-3.7a3.7 3.7 0 0 0-3.7 3.7h1.4a2.3 2.3 0 0 1 2.3-2.3v-1.4ZM3.192 8.957a.317.317 0 0 1 .208.309H2c0 .514.358.892.758 1.022l.434-1.331Zm.208 5.902c0 .053-.02.092-.035.11-.012.017-.021.02-.023.021l-.5-1.308c-.429.164-.842.585-.842 1.177h1.4Z'/%3e%3cpath fill-rule='evenodd' d='M9 6.75a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5Zm0 4.5a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5ZM9.75 15a.75.75 0 0 0-.75.75v1.5a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-.75-.75Z' clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_balloon:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_balloon:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_balloon:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_balloon:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_balloon:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_balloon:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_balloon:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_balloon:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_balloon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='.6' d='M14.158 11.19a.246.246 0 0 0-.072.221l.379 2.184a.252.252 0 0 1-.367.263l-1.98-1.03a.257.257 0 0 0-.235 0l-1.981 1.03a.252.252 0 0 1-.366-.263l.378-2.184a.247.247 0 0 0-.072-.22L8.238 9.644a.249.249 0 0 1 .14-.426l2.215-.319a.251.251 0 0 0 .19-.136l.99-1.986a.254.254 0 0 1 .454 0l.99 1.986a.252.252 0 0 0 .19.136l2.216.32c.206.03.288.28.138.425l-1.603 1.547Z' clip-rule='evenodd'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_message:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_message:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_message:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_message:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_message:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_message:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_message:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_message:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_message:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M17.455 13.175V4.8a1.5 1.5 0 0 0-1.5-1.5h-7.91a1.5 1.5 0 0 0-1.5 1.5v8.872'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M17.009 3.754 4.914 15.394a1.5 1.5 0 0 0-.02 2.142l2.816 2.816a1.5 1.5 0 0 0 2.122 0l7.734-7.734'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M7.091 3.754 18.954 14.74a2 2 0 0 1 .056 2.881l-2.52 2.52a1.5 1.5 0 0 1-2.021.092l-1.81-1.507-.271-.219'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a .memo,body.thema_dark #webplayer_top .loginUserMenu .menuList li a .memo,.theme_dark #webplayer_top .loginUserMenu .menuList li a .memo,html[dark=true] #serviceHeader .loginUserMenu .menuList li a .memo,body.thema_dark #serviceHeader .loginUserMenu .menuList li a .memo,.theme_dark #serviceHeader .loginUserMenu .menuList li a .memo,html[dark=true] #af-header .loginUserMenu .menuList li a .memo,body.thema_dark #af-header .loginUserMenu .menuList li a .memo,.theme_dark #af-header .loginUserMenu .menuList li a .memo {
    margin-left: 5px;
    color: #44A3FF
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_ad:before,html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_bene:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_ad:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_bene:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_ad:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_bene:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_ad:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_bene:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_ad:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_bene:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_ad:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_bene:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_ad:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_bene:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_ad:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_bene:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_ad:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_bene:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3crect width='18.6' height='14.6' x='2.7' y='4.7' stroke='%23D5D7DC' stroke-width='1.4' rx='5.3'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M11.318 14.5 9.67 9.966a.567.567 0 0 0-1.067 0L6.955 14.5M13.227 14.5V9.59h1.636c1.091 0 2.182.82 2.182 2.455 0 1.637-1.09 2.455-2.182 2.455h-1.636ZM7.5 13.118h3.273'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_gd:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_gd:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_gd:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_gd:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_gd:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_gd:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_gd:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_gd:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_gd:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M17.781 14.897c2.88 0 3.519-2.116 3.519-3.8 0-1.684-.736-3.8-3.519-3.8'/%3e%3cpath stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='1.4' d='M2.7 6.688a3 3 0 0 1 3-3h9.003a3 3 0 0 1 3 3v6.64a7 7 0 0 1-7 7H9.7a7 7 0 0 1-7-7v-6.64Z'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='.6' d='M12.36 12.342a.246.246 0 0 0-.072.22l.378 2.185a.252.252 0 0 1-.366.263l-1.98-1.031a.257.257 0 0 0-.236 0l-1.98 1.03a.252.252 0 0 1-.367-.262l.378-2.184a.247.247 0 0 0-.072-.22L6.44 10.795a.249.249 0 0 1 .14-.426l2.215-.32a.251.251 0 0 0 .19-.135l.99-1.987a.254.254 0 0 1 .453 0l.99 1.987a.253.253 0 0 0 .19.136l2.216.319c.207.03.289.281.139.426l-1.604 1.546Z' clip-rule='evenodd'/%3e%3c/svg%3e") !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_tk:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_tk:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_tk:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_tk:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_tk:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_tk:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_tk:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_tk:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_tk:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3e%3cpath d='M8.5 0a8.5 8.5 0 1 1 0 17 8.5 8.5 0 0 1 0-17zm0 1a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zM6.435 5.302c.234 0 .461.014.68.043.219.028.422.071.61.129.073.026.11.057.113.094.003.036.004.08.004.132l-.015.673c0 .089-.021.138-.063.149a.448.448 0 0 1-.203-.024 4.207 4.207 0 0 0-.63-.137 4.568 4.568 0 0 0-.574-.035c-.292 0-.554.05-.786.153a1.654 1.654 0 0 0-.59.43 1.926 1.926 0 0 0-.372.66 2.633 2.633 0 0 0-.13.845c0 .302.048.58.142.833a1.95 1.95 0 0 0 .981 1.103c.227.111.476.18.747.206.25.026.49.017.72-.027a3.94 3.94 0 0 0 .562-.145c.068-.026.112-.032.133-.02.02.014.034.046.04.098l.038.704c.005.058-.002.097-.023.117a.335.335 0 0 1-.118.063 3.63 3.63 0 0 1-.535.133c-.206.036-.45.055-.731.055-.449 0-.86-.075-1.232-.223a2.722 2.722 0 0 1-.958-.634 2.899 2.899 0 0 1-.621-.985A3.51 3.51 0 0 1 3.4 8.414c0-.459.074-.88.223-1.263a2.88 2.88 0 0 1 .621-.985c.266-.274.585-.486.958-.638a3.247 3.247 0 0 1 1.232-.226zm4.11.101c.291 0 .556.037.793.11.237.073.439.185.606.336.167.151.296.34.387.567.091.227.137.496.137.81 0 .375-.081.694-.243.957-.161.263-.375.47-.64.622l1.266 2.416c.042.078.057.132.047.16-.01.029-.055.043-.133.043h-.86c-.063 0-.103-.006-.122-.02a.29.29 0 0 1-.066-.105l-1.11-2.228h-.72v2.189c0 .073-.01.119-.031.137-.02.018-.06.027-.117.027H8.98a.205.205 0 0 1-.117-.027c-.026-.018-.04-.064-.04-.137v-5.7c0-.063.015-.105.044-.125a.175.175 0 0 1 .105-.032h1.572zm.109.962h-.767v1.752h.524c.313 0 .555-.072.727-.215.172-.144.258-.372.258-.685 0-.281-.069-.493-.207-.637a.71.71 0 0 0-.535-.215z' fill='%23D5D7DC'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 17px 17px
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_stat:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_stat:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_stat:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_stat:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_stat:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_stat:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_stat:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_stat:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_stat:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3crect width='16.6' height='16.6' x='3.7' y='3.7' stroke='%23D5D7DC' stroke-width='1.4' rx='4.8'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 16.5v-9M8 16.5v-6M16 16.5v-3'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_drops:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_drops:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_drops:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_drops:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_drops:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_drops:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_drops:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_drops:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_drops:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M3.4 8.5v1.975h6.2V8.5a3.1 3.1 0 0 0-6.2 0Zm6.362-3.1A4.485 4.485 0 0 1 11 8.5v1.975h2.319l1.877-2.476a.5.5 0 0 1 .797 0l1.878 2.476H20.6V10A4.6 4.6 0 0 0 16 5.4H9.762ZM9.6 11.874H3.4V17A1.6 1.6 0 0 0 5 18.6h4.6v-6.726ZM11 18.6v-6.726h2.319l1.877 2.476a.5.5 0 0 0 .797 0l1.878-2.476H20.6V17a1.6 1.6 0 0 1-1.6 1.6h-8Zm0 1.4H5a3 3 0 0 1-3-3V8.4A4.4 4.4 0 0 1 6.4 4H16a6 6 0 0 1 6 6v7a3 3 0 0 1-3 3h-8Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_spon:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_spon:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_spon:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_spon:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_spon:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_spon:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_spon:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_spon:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_spon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M11.358 13.009 9.806 8.74a.534.534 0 0 0-1.004 0L7.25 13.01M13.155 13.009V8.387h1.541c1.027 0 2.054.77 2.054 2.31 0 1.541-1.027 2.312-2.054 2.312h-1.54ZM7.764 11.707h3.08'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_point:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_point:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_point:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_point:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_point:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_point:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_point:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_point:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_point:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg stroke='%23D5D7DC' clip-path='url(%23a)'%3e%3cpath stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M10.09 15.431V8.9m.073 0h2.498c1.155 0 2.092.937 2.092 2.093v0a2.093 2.093 0 0 1-2.092 2.092h-2.498'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M2 2h20v20H2z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_profit:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_profit:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_profit:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_profit:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_profit:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_profit:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_profit:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_profit:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_profit:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m8.13 8.49 1.989 7.02 1.88-7.02 1.882 7.02 1.989-7.02M7.5 12.681h9M7.5 10.725h9'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_shopping:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_shopping:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_shopping:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_shopping:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_shopping:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_shopping:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_shopping:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_shopping:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_shopping:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='m8.136 14.708-1.62-7.562h12.292a1.5 1.5 0 0 1 1.426 1.967L18.35 14.86a1.5 1.5 0 0 1-1.425 1.033H9.603a1.5 1.5 0 0 1-1.467-1.186Z'/%3e%3cpath fill='%23D5D7DC' d='M16.4 21a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2ZM10.235 21a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2ZM2.719 2.996a.7.7 0 1 0 0 1.4v-1.4ZM5.863 4.09l-.684.148.684-.148ZM7.32 7.508l-.772-3.566-1.369.296.773 3.566 1.368-.296ZM5.375 2.996H2.719v1.4h2.656v-1.4Zm1.173.946a1.2 1.2 0 0 0-1.173-.946v1.4a.2.2 0 0 1-.196-.158l1.369-.296Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_dashboard:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_dashboard:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_dashboard:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_dashboard:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_dashboard:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_dashboard:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_dashboard:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_dashboard:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_dashboard:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M4.64 4.32a.958.958 0 0 0 1.43-.591c.236-.976 1.624-.976 1.86 0 .154.63.876.929 1.43.592.857-.523 1.839.458 1.316 1.316a.958.958 0 0 0 .592 1.429c.976.237.976 1.625 0 1.861a.958.958 0 0 0-.592 1.43c.523.857-.459 1.838-1.316 1.316a.958.958 0 0 0-1.43.592c-.236.976-1.624.976-1.86 0a.958.958 0 0 0-1.43-.592c-.857.522-1.839-.459-1.316-1.316a.958.958 0 0 0-.592-1.43c-.976-.236-.976-1.624 0-1.861a.958.958 0 0 0 .592-1.43C2.8 4.78 3.783 3.799 4.64 4.322Zm2.243 5.343a1.667 1.667 0 1 0 0-3.333 1.667 1.667 0 0 0 0 3.333Z' clip-rule='evenodd'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.695 5.5h1.71a3 3 0 0 1 3 3v2.086l2.488-1.793c.652-.297 1.4.187 1.41.912v5.764a1.002 1.002 0 0 1-1.41.912l-2.542-1.924.053 2.043a3 3 0 0 1-3 3H6.7c-1.677 0-3.02-1.343-3-3v-2.496'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.extensions:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.extensions:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.extensions:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.extensions:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.extensions:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.extensions:before,html[dark=true] #af-header .loginUserMenu .menuList li a.extensions:before,body.thema_dark #af-header .loginUserMenu .menuList li a.extensions:before,.theme_dark #af-header .loginUserMenu .menuList li a.extensions:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23D5D7DC' d='M8.5 2c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414v1h2A2.496 2.496 0 0 1 15 7.5v1.498L16 9c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414 0 .552-.224 1.052-.586 1.414a1.993 1.993 0 0 1-1.413.586L15 12.998V15.5c0 .69-.28 1.315-.732 1.768A2.492 2.492 0 0 1 12.5 18h-2v-1a1.996 1.996 0 0 0-1.808-1.99c-.663-.008-1.183.208-1.555.545A1.932 1.932 0 0 0 6.5 17v1h-2c-.69 0-1.315-.28-1.768-.732A2.492 2.492 0 0 1 2 15.5V13h.5a1.996 1.996 0 0 0 1.99-1.808c.007-.663-.208-1.183-.546-1.555A1.932 1.932 0 0 0 2.501 9H2V7.5c0-.69.28-1.315.732-1.768A2.492 2.492 0 0 1 4.5 5h2V4c0-.552.224-1.052.586-1.414A1.994 1.994 0 0 1 8.5 2z' clip-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_info:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_info:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_info:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_info:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_info:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_info:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_info:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_info:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_info:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23D5D7DC' d='M19.6 20.3a.7.7 0 1 0 1.4 0h-1.4ZM3 20.3a.7.7 0 1 0 1.4 0H3Zm11.903-7.859a.7.7 0 0 0-.42 1.336l.42-1.336Zm-5.387 1.336a.7.7 0 0 0-.42-1.336l.42 1.336ZM21 20.3c0-3.682-2.585-6.756-6.097-7.859l-.42 1.336c3.013.946 5.117 3.537 5.117 6.523H21ZM9.097 12.441C5.585 13.544 3 16.618 3 20.3h1.4c0-2.986 2.104-5.577 5.116-6.523l-.42-1.336Z'/%3e%3ccircle cx='12' cy='8.6' r='4.9' stroke='%23D5D7DC' stroke-width='1.4'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.userLogout:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.userLogout:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.userLogout:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.userLogout:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.userLogout:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.userLogout:before,html[dark=true] #af-header .loginUserMenu .menuList li a.userLogout:before,body.thema_dark #af-header .loginUserMenu .menuList li a.userLogout:before,.theme_dark #af-header .loginUserMenu .menuList li a.userLogout:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M15.3 3.7H6.7a3 3 0 0 0-3 3v10.6a3 3 0 0 0 3 3h8.6M17.543 14.756 20.299 12l-2.756-2.756M12 12h7.25'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_sotong:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_sotong:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_sotong:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_sotong:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_sotong:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_sotong:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_sotong:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_sotong:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_sotong:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='1.4' d='M2.7 4.7h17.6M2.7 11.3h7.488M2.7 17.9h4.738'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M13.782 19.2a.5.5 0 0 1-.354.147h-2.207a.5.5 0 0 1-.5-.5v-2.208a.5.5 0 0 1 .146-.353l7.43-7.43a.5.5 0 0 1 .708 0l2.207 2.207a.5.5 0 0 1 0 .707l-7.43 7.43ZM16.65 10.502l2.916 2.915'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_custom:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_custom:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_custom:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_custom:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_custom:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_custom:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_custom:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_custom:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_custom:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M5.7 15.969V9A6.3 6.3 0 0 1 12 2.7v0A6.3 6.3 0 0 1 18.3 9v6.969M5.553 15.822v0A2.853 2.853 0 0 1 2.7 12.969v-.294a2.853 2.853 0 0 1 2.853-2.853v0M18.447 15.822v0a2.853 2.853 0 0 0 2.853-2.853v-.294a2.853 2.853 0 0 0-2.853-2.853v0M11.675 18.844v0c0 .656.532 1.187 1.188 1.187h3.25c1.208 0 2.187-.98 2.187-2.187v0'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_service:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_service:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_service:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_service:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_service:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_service:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_service:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_service:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_service:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M11.999 8v4.514'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M11.994 16h.013'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a span,body.thema_dark #webplayer_top .loginUserMenu .menuList li a span,.theme_dark #webplayer_top .loginUserMenu .menuList li a span,html[dark=true] #serviceHeader .loginUserMenu .menuList li a span,body.thema_dark #serviceHeader .loginUserMenu .menuList li a span,.theme_dark #serviceHeader .loginUserMenu .menuList li a span,html[dark=true] #af-header .loginUserMenu .menuList li a span,body.thema_dark #af-header .loginUserMenu .menuList li a span,.theme_dark #af-header .loginUserMenu .menuList li a span {
    color: #E2E4E9
}

#webplayer_top .loginUserMenu .modeSet,#serviceHeader .loginUserMenu .modeSet,#af-header .loginUserMenu .modeSet {
    border-top: 1px solid #E2E4E9;
    border-bottom: 0 !important
}

#webplayer_top .loginUserMenu .modeSet,#serviceHeader .loginUserMenu .modeSet,#af-header .loginUserMenu .modeSet {
    overflow: hidden;
    padding: 8px 0
}

#webplayer_top .loginUserMenu .modeSet .settings,#serviceHeader .loginUserMenu .modeSet .settings,#af-header .loginUserMenu .modeSet .settings {
    position: relative;
    height: 40px;
    padding: 0 20px
}

#webplayer_top .loginUserMenu .modeSet .settings:hover,#serviceHeader .loginUserMenu .modeSet .settings:hover,#af-header .loginUserMenu .modeSet .settings:hover {
    background: rgba(145,150,161,0.1)
}

#webplayer_top .loginUserMenu .modeSet .my_mode,#serviceHeader .loginUserMenu .modeSet .my_mode,#af-header .loginUserMenu .modeSet .my_mode {
    display: flex;
    align-items: center;
    height: 100%;
    color: #17191C;
    font-size: 14px;
    font-weight: 500;
    text-align: left
}

#webplayer_top .loginUserMenu .modeSet .my_mode:before,#serviceHeader .loginUserMenu .modeSet .my_mode:before,#af-header .loginUserMenu .modeSet .my_mode:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23555' d='m10.827 3.606-.635-.294.635.294Zm9.606 9.235-.319-.624.32.623Zm.774.482-.693-.1.693.1Zm-3.982-.412a6.347 6.347 0 0 1-6.347-6.347h-1.4a7.747 7.747 0 0 0 7.747 7.747v-1.4Zm2.89-.694a6.317 6.317 0 0 1-2.89.694v1.4a7.716 7.716 0 0 0 3.527-.848l-.638-1.246Zm.399 1.007A8.602 8.602 0 0 1 12 20.6V22c5.04 0 9.21-3.729 9.9-8.579l-1.386-.197ZM12 20.6A8.6 8.6 0 0 1 3.4 12H2c0 5.523 4.477 10 10 10v-1.4ZM3.4 12a8.603 8.603 0 0 1 7.04-8.46l-.251-1.376C5.53 3.016 1.999 7.095 1.999 12h1.401Zm7.478-5.436c0-.953.21-1.855.584-2.664l-1.27-.588a7.72 7.72 0 0 0-.714 3.252h1.4ZM10.44 3.54a.25.25 0 0 1-.148-.021.217.217 0 0 1-.09-.076.135.135 0 0 1-.011-.132l1.27.588a1.265 1.265 0 0 0-.088-1.223 1.156 1.156 0 0 0-1.185-.513l.252 1.377Zm10.311 9.923a.135.135 0 0 1-.133-.007.216.216 0 0 1-.078-.087.25.25 0 0 1-.027-.146l1.386.197a1.157 1.157 0 0 0-.56-1.164c-.35-.21-.815-.25-1.226-.04l.638 1.246Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 0px;
    margin-right: 12px
}

#webplayer_top .loginUserMenu .modeSet label,#serviceHeader .loginUserMenu .modeSet label,#af-header .loginUserMenu .modeSet label {
    position: absolute;
    top: 10px;
    right: 20px;
    background: #E2E4E9;
    width: 40px;
    height: 22px;
    border-radius: 16px;
    cursor: pointer
}

#webplayer_top .loginUserMenu .modeSet label:before,#serviceHeader .loginUserMenu .modeSet label:before,#af-header .loginUserMenu .modeSet label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    background: #fff;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 50%;
    transition: all 0.2s
}

#webplayer_top .loginUserMenu .modeSet input,#serviceHeader .loginUserMenu .modeSet input,#af-header .loginUserMenu .modeSet input {
    position: absolute;
    top: 0;
    left: -9999em;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}

#webplayer_top .loginUserMenu .modeSet input:checked+label:before,#serviceHeader .loginUserMenu .modeSet input:checked+label:before,#af-header .loginUserMenu .modeSet input:checked+label:before {
    left: 100%;
    margin-left: -19px
}

#webplayer_top .loginUserMenu .modeSet p,#serviceHeader .loginUserMenu .modeSet p,#af-header .loginUserMenu .modeSet p {
    display: none;
    height: 0;
    color: #666;
    font-size: 11px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease
}

#webplayer_top .loginUserMenu .modeSet input:checked ~ p,#serviceHeader .loginUserMenu .modeSet input:checked ~ p,#af-header .loginUserMenu .modeSet input:checked ~ p {
    height: auto;
    margin-top: 4px;
    opacity: 1;
    visibility: visible
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting,#af-header .loginUserMenu .theme_dark #af-header .modeSetting,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting {
    background: #1C1E22;
    border-color: rgba(117,123,138,0.3)
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting ul li,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting ul li,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting ul li,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting ul li,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting ul li,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting ul li,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting ul li,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting ul li,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li,#af-header .loginUserMenu .theme_dark #af-header .modeSetting ul li,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li {
    color: #555;
    font-size: 12px
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li a,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting ul li a,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li a,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li a,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting ul li a,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li a,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li a,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting ul li a,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li a,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li a,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting ul li a,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li a,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li a,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting ul li a,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li a,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li a,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting ul li a,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li a,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li a,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting ul li a,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li a,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li a,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting ul li a,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li a,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li a,#af-header .loginUserMenu .theme_dark #af-header .modeSetting ul li a,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li a {
    color: #999 !important
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_afpay:before,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_afpay:before,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_afpay:before,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_afpay:before,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_afpay:before,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_afpay:before,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_afpay:before,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_afpay:before,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,#af-header .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_afpay:before,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M19.719 9.156V7.7a3 3 0 0 0-3-3H5.699c-1.656 0-2.999 1.34-2.999 2.996v8.605a2.999 2.999 0 0 0 3 2.999h11.019a3 3 0 0 0 3-3v-1.581'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M15.3 12A2.7 2.7 0 0 1 18 9.3h2.3a1 1 0 0 1 1 1v3.4a1 1 0 0 1-1 1H18a2.7 2.7 0 0 1-2.7-2.7Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='1.4' d='M18.015 12h.829'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_item:before,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_item:before,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_item:before,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_item:before,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_item:before,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_item:before,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_item:before,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_item:before,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,#af-header .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_item:before,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_item:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg fill='%23D5D7DC' clip-path='url(%23a)'%3e%3cpath d='m2.975 9.622.217-.665-.217.665Zm.117 4.714.25.654-.25-.654ZM18.3 4.003H5.7v1.4h12.6v-1.4Zm3.7 3.7a3.7 3.7 0 0 0-3.7-3.7v1.4a2.3 2.3 0 0 1 2.3 2.3H22Zm0 8.6v-8.6h-1.4v8.6H22Zm-3.7 3.7a3.7 3.7 0 0 0 3.7-3.7h-1.4a2.3 2.3 0 0 1-2.3 2.3v1.4Zm-12.6 0h12.6v-1.4H5.7v1.4Zm-3.7-3.7a3.7 3.7 0 0 0 3.7 3.7v-1.4a2.3 2.3 0 0 1-2.3-2.3H2Zm0-1.444v1.444h1.4V14.86H2ZM4 12a1.8 1.8 0 0 1-1.158 1.682l.5 1.308A3.2 3.2 0 0 0 5.4 12H4Zm-1.242-1.712A1.801 1.801 0 0 1 4 12h1.4a3.201 3.201 0 0 0-2.208-3.043l-.434 1.331ZM2 7.703v1.563h1.4V7.703H2Zm3.7-3.7a3.7 3.7 0 0 0-3.7 3.7h1.4a2.3 2.3 0 0 1 2.3-2.3v-1.4ZM3.192 8.957a.317.317 0 0 1 .208.309H2c0 .514.358.892.758 1.022l.434-1.331Zm.208 5.902c0 .053-.02.092-.035.11-.012.017-.021.02-.023.021l-.5-1.308c-.429.164-.842.585-.842 1.177h1.4Z'/%3e%3cpath fill-rule='evenodd' d='M9 6.75a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5Zm0 4.5a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5ZM9.75 15a.75.75 0 0 0-.75.75v1.5a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-.75-.75Z' clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_balloon:before,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_balloon:before,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_balloon:before,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_balloon:before,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_balloon:before,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_balloon:before,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_balloon:before,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_balloon:before,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,#af-header .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_balloon:before,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='.6' d='M14.158 11.19a.246.246 0 0 0-.072.221l.379 2.184a.252.252 0 0 1-.367.263l-1.98-1.03a.257.257 0 0 0-.235 0l-1.981 1.03a.252.252 0 0 1-.366-.263l.378-2.184a.247.247 0 0 0-.072-.22L8.238 9.644a.249.249 0 0 1 .14-.426l2.215-.319a.251.251 0 0 0 .19-.136l.99-1.986a.254.254 0 0 1 .454 0l.99 1.986a.252.252 0 0 0 .19.136l2.216.32c.206.03.288.28.138.425l-1.603 1.547Z' clip-rule='evenodd'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_sotong:before,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_sotong:before,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_sotong:before,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_sotong:before,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_sotong:before,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_sotong:before,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_sotong:before,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_sotong:before,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,#af-header .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_sotong:before,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='1.4' d='M2.7 4.7h17.6M2.7 11.3h7.488M2.7 17.9h4.738'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M13.782 19.2a.5.5 0 0 1-.354.147h-2.207a.5.5 0 0 1-.5-.5v-2.208a.5.5 0 0 1 .146-.353l7.43-7.43a.5.5 0 0 1 .708 0l2.207 2.207a.5.5 0 0 1 0 .707l-7.43 7.43ZM16.65 10.502l2.916 2.915'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_custom:before,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_custom:before,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_custom:before,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_custom:before,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_custom:before,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_custom:before,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_custom:before,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_custom:before,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,#af-header .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_custom:before,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M5.7 15.969V9A6.3 6.3 0 0 1 12 2.7v0A6.3 6.3 0 0 1 18.3 9v6.969M5.553 15.822v0A2.853 2.853 0 0 1 2.7 12.969v-.294a2.853 2.853 0 0 1 2.853-2.853v0M18.447 15.822v0a2.853 2.853 0 0 0 2.853-2.853v-.294a2.853 2.853 0 0 0-2.853-2.853v0M11.675 18.844v0c0 .656.532 1.187 1.188 1.187h3.25c1.208 0 2.187-.98 2.187-2.187v0'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_service:before,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_service:before,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_service:before,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_service:before,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_service:before,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_service:before,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_service:before,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_service:before,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,#af-header .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_service:before,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_service:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M11.999 8v4.514'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M11.994 16h.013'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting ul li .extensions:before,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting ul li .extensions:before,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting ul li .extensions:before,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting ul li .extensions:before,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting ul li .extensions:before,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting ul li .extensions:before,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting ul li .extensions:before,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting ul li .extensions:before,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,#af-header .loginUserMenu .theme_dark #af-header .modeSetting ul li .extensions:before,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .extensions:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23D5D7DC' d='M8.5 2c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414v1h2A2.496 2.496 0 0 1 15 7.5v1.498L16 9c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414 0 .552-.224 1.052-.586 1.414a1.993 1.993 0 0 1-1.413.586L15 12.998V15.5c0 .69-.28 1.315-.732 1.768A2.492 2.492 0 0 1 12.5 18h-2v-1a1.996 1.996 0 0 0-1.808-1.99c-.663-.008-1.183.208-1.555.545A1.932 1.932 0 0 0 6.5 17v1h-2c-.69 0-1.315-.28-1.768-.732A2.492 2.492 0 0 1 2 15.5V13h.5a1.996 1.996 0 0 0 1.99-1.808c.007-.663-.208-1.183-.546-1.555A1.932 1.932 0 0 0 2.501 9H2V7.5c0-.69.28-1.315.732-1.768A2.492 2.492 0 0 1 4.5 5h2V4c0-.552.224-1.052.586-1.414A1.994 1.994 0 0 1 8.5 2z' clip-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSet,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSet,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSet,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSet,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSet,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSet,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet,#af-header .loginUserMenu html[dark=true] #af-header .modeSet,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet,#af-header .loginUserMenu body.thema_dark #af-header .modeSet,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet,#af-header .loginUserMenu .theme_dark #af-header .modeSet,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet {
    border-color: #2F3137
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSet .settings:hover,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .settings:hover,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSet .settings:hover,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .settings:hover,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSet .settings:hover,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .settings:hover,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSet .settings:hover,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .settings:hover,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSet .settings:hover,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .settings:hover,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSet .settings:hover,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .settings:hover,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,#af-header .loginUserMenu html[dark=true] #af-header .modeSet .settings:hover,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .settings:hover,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,#af-header .loginUserMenu body.thema_dark #af-header .modeSet .settings:hover,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .settings:hover,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,#af-header .loginUserMenu .theme_dark #af-header .modeSet .settings:hover,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .settings:hover {
    background: rgba(246,246,249,0.1)
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .my_mode,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSet .my_mode,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .my_mode,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSet .my_mode,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .my_mode,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSet .my_mode,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .my_mode,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .my_mode,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSet .my_mode,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .my_mode,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSet .my_mode,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .my_mode,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSet .my_mode,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .my_mode,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .my_mode,#af-header .loginUserMenu html[dark=true] #af-header .modeSet .my_mode,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .my_mode,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode,#af-header .loginUserMenu body.thema_dark #af-header .modeSet .my_mode,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .my_mode,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode,#af-header .loginUserMenu .theme_dark #af-header .modeSet .my_mode,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .my_mode {
    color: #E2E4E9
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSet .my_mode:before,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .my_mode:before,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSet .my_mode:before,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .my_mode:before,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSet .my_mode:before,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .my_mode:before,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSet .my_mode:before,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .my_mode:before,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSet .my_mode:before,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .my_mode:before,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSet .my_mode:before,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .my_mode:before,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,#af-header .loginUserMenu html[dark=true] #af-header .modeSet .my_mode:before,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .my_mode:before,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,#af-header .loginUserMenu body.thema_dark #af-header .modeSet .my_mode:before,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .my_mode:before,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,#af-header .loginUserMenu .theme_dark #af-header .modeSet .my_mode:before,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .my_mode:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23D5D7DC' d='m10.827 3.606-.635-.294.635.294Zm9.606 9.235-.319-.624.32.623Zm.774.482-.693-.1.693.1Zm-3.982-.412a6.347 6.347 0 0 1-6.347-6.347h-1.4a7.747 7.747 0 0 0 7.747 7.747v-1.4Zm2.89-.694a6.317 6.317 0 0 1-2.89.694v1.4a7.716 7.716 0 0 0 3.527-.848l-.638-1.246Zm.399 1.007A8.602 8.602 0 0 1 12 20.6V22c5.04 0 9.21-3.729 9.9-8.579l-1.386-.197ZM12 20.6A8.6 8.6 0 0 1 3.4 12H2c0 5.523 4.477 10 10 10v-1.4ZM3.4 12a8.603 8.603 0 0 1 7.04-8.46l-.251-1.376C5.53 3.016 1.999 7.095 1.999 12h1.401Zm7.478-5.436c0-.953.21-1.855.584-2.664l-1.27-.588a7.72 7.72 0 0 0-.714 3.252h1.4ZM10.44 3.54a.25.25 0 0 1-.148-.021.217.217 0 0 1-.09-.076.135.135 0 0 1-.011-.132l1.27.588a1.265 1.265 0 0 0-.088-1.223 1.156 1.156 0 0 0-1.185-.513l.252 1.377Zm10.311 9.923a.135.135 0 0 1-.133-.007.216.216 0 0 1-.078-.087.25.25 0 0 1-.027-.146l1.386.197a1.157 1.157 0 0 0-.56-1.164c-.35-.21-.815-.25-1.226-.04l.638 1.246Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet label,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSet label,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet label,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet label,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSet label,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet label,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet label,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSet label,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet label,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet label,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSet label,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet label,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet label,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSet label,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet label,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet label,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSet label,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet label,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet label,#af-header .loginUserMenu html[dark=true] #af-header .modeSet label,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet label,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet label,#af-header .loginUserMenu body.thema_dark #af-header .modeSet label,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet label,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet label,#af-header .loginUserMenu .theme_dark #af-header .modeSet label,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet label {
    background: #0182FF
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,#webplayer_top .loginUserMenu html[dark=true] #af-header .soopiSet .settings:hover,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .settings:hover,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,#webplayer_top .loginUserMenu body.thema_dark #af-header .soopiSet .settings:hover,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .settings:hover,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,#webplayer_top .loginUserMenu .theme_dark #af-header .soopiSet .settings:hover,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .settings:hover,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,#serviceHeader .loginUserMenu html[dark=true] #af-header .soopiSet .settings:hover,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .settings:hover,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,#serviceHeader .loginUserMenu body.thema_dark #af-header .soopiSet .settings:hover,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .settings:hover,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,#serviceHeader .loginUserMenu .theme_dark #af-header .soopiSet .settings:hover,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .settings:hover,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,#af-header .loginUserMenu html[dark=true] #af-header .soopiSet .settings:hover,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .settings:hover,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,#af-header .loginUserMenu body.thema_dark #af-header .soopiSet .settings:hover,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .settings:hover,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,#af-header .loginUserMenu .theme_dark #af-header .soopiSet .settings:hover,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .settings:hover {
    background: rgba(246,246,249,0.1)
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,#webplayer_top .loginUserMenu html[dark=true] #af-header .soopiSet .my_soopi,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,#webplayer_top .loginUserMenu body.thema_dark #af-header .soopiSet .my_soopi,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,#webplayer_top .loginUserMenu .theme_dark #af-header .soopiSet .my_soopi,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,#serviceHeader .loginUserMenu html[dark=true] #af-header .soopiSet .my_soopi,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,#serviceHeader .loginUserMenu body.thema_dark #af-header .soopiSet .my_soopi,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,#serviceHeader .loginUserMenu .theme_dark #af-header .soopiSet .my_soopi,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,#af-header .loginUserMenu html[dark=true] #af-header .soopiSet .my_soopi,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,#af-header .loginUserMenu body.thema_dark #af-header .soopiSet .my_soopi,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,#af-header .loginUserMenu .theme_dark #af-header .soopiSet .my_soopi,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi {
    color: #E2E4E9
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,#webplayer_top .loginUserMenu html[dark=true] #af-header .soopiSet .my_soopi:before,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi:before,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,#webplayer_top .loginUserMenu body.thema_dark #af-header .soopiSet .my_soopi:before,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi:before,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,#webplayer_top .loginUserMenu .theme_dark #af-header .soopiSet .my_soopi:before,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu html[dark=true] #af-header .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu body.thema_dark #af-header .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu .theme_dark #af-header .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi:before,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,#af-header .loginUserMenu html[dark=true] #af-header .soopiSet .my_soopi:before,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi:before,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,#af-header .loginUserMenu body.thema_dark #af-header .soopiSet .my_soopi:before,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi:before,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,#af-header .loginUserMenu .theme_dark #af-header .soopiSet .my_soopi:before,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M14.174 2.956A9.3 9.3 0 1 0 21.084 10'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M14.438 10.568a2.438 2.438 0 1 1-4.876 0 2.438 2.438 0 0 1 4.876 0Zm1.313 0a3.751 3.751 0 1 1-7.502 0 3.751 3.751 0 0 1 7.502 0Zm-3.75 4.737c-2.662 0-4.997 1.428-6.002 3.54a.656.656 0 1 0 1.185.564c.766-1.608 2.608-2.792 4.816-2.792 2.209 0 4.05 1.184 4.816 2.792A.656.656 0 1 0 18 18.845c-1.005-2.112-3.34-3.54-6-3.54Z' clip-rule='evenodd'/%3e%3cpath fill='%23D5D7DC' d='m20.15 6.42 1.545-.499a.44.44 0 0 0 0-.838l-1.546-.503a1.13 1.13 0 0 1-.73-.73l-.5-1.545a.44.44 0 0 0-.838 0l-.5 1.545a1.13 1.13 0 0 1-.73.73l-1.545.503a.44.44 0 0 0 0 .838l1.545.499c.347.112.619.383.73.73l.504 1.545a.44.44 0 0 0 .838 0l.503-1.545a1.13 1.13 0 0 1 .731-.73h-.008Z'/%3e%3cpath fill='%23D5D7DC' d='m20.15 6.42 1.545-.499a.44.44 0 0 0 0-.838l-1.546-.503a1.13 1.13 0 0 1-.73-.73l-.5-1.545a.44.44 0 0 0-.838 0l-.5 1.545a1.13 1.13 0 0 1-.73.73l-1.545.503a.44.44 0 0 0 0 .838l1.545.499c.347.112.619.383.73.73l.504 1.545a.44.44 0 0 0 .838 0l.503-1.545a1.13 1.13 0 0 1 .731-.73h-.008Z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,#webplayer_top .loginUserMenu html[dark=true] #af-header .soopiSet .my_soopi .beta,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,#webplayer_top .loginUserMenu body.thema_dark #af-header .soopiSet .my_soopi .beta,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,#webplayer_top .loginUserMenu .theme_dark #af-header .soopiSet .my_soopi .beta,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu html[dark=true] #af-header .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu body.thema_dark #af-header .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu .theme_dark #af-header .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,#af-header .loginUserMenu html[dark=true] #af-header .soopiSet .my_soopi .beta,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,#af-header .loginUserMenu body.thema_dark #af-header .soopiSet .my_soopi .beta,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,#af-header .loginUserMenu .theme_dark #af-header .soopiSet .my_soopi .beta,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi .beta {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 29 14'%3e%3crect width='28' height='13' x='.5' y='.5' stroke='%23757B8A' stroke-opacity='.3' rx='6.5'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M6.179 10.098c.124.1.276.15.457.15h.999c.566 0 1.045-.063 1.437-.187.392-.13.69-.33.896-.597.212-.274.317-.62.317-1.036 0-.486-.137-.868-.41-1.148-.274-.28-.638-.451-1.092-.514.38-.105.672-.298.877-.578.205-.28.308-.61.308-.99 0-.566-.221-.97-.663-1.213-.442-.243-1.064-.364-1.866-.364a5.21 5.21 0 0 0-.971.075 2.41 2.41 0 0 0-.635.186c.05.119.084.25.103.392.025.144.04.284.047.42.012.131.018.24.018.327V9.67c0 .187.06.33.178.43Zm1.428-.26h-.495v-2.82h.513c.286 0 .538.04.756.122a.945.945 0 0 1 .514.42c.124.205.186.5.186.886 0 .287-.053.536-.158.747-.1.205-.259.364-.476.476-.212.112-.492.168-.84.168Zm-.495-3.23V4.032H7.439c.497 0 .846.112 1.045.336.205.218.308.522.308.914 0 .274-.044.51-.13.71a.995.995 0 0 1-.374.466 1.099 1.099 0 0 1-.625.15h-.551Zm9.522 3.406c.187.218.458.327.813.327.286 0 .513-.056.68-.168.175-.112.262-.255.262-.43a.62.62 0 0 0-.121-.363c-.031.05-.087.087-.168.112a.766.766 0 0 1-.224.037c-.143 0-.252-.044-.327-.13-.068-.088-.102-.212-.102-.374V6.272l.001-.308h.857a.273.273 0 0 0 .187-.066.29.29 0 0 0 .093-.205l.01-.27a1.442 1.442 0 0 1-.187.018c-.094 0-.202.003-.327.01-.118 0-.227.002-.326.009h-.293c.003-.08.008-.155.012-.224.02-.268.063-.53.131-.784a.981.981 0 0 0-.224-.15.762.762 0 0 0-.392-.093c-.187 0-.339.05-.457.15a.519.519 0 0 0-.177.42v.68h-.393c-.08 0-.149.022-.205.066-.056.044-.087.112-.093.205l-.01.271a2.08 2.08 0 0 1 .28-.028c.125-.006.218-.01.28-.01h.14v3.155c0 .38.094.679.28.896Zm5.767.01c.168.211.404.317.71.317.242 0 .435-.06.578-.177a.531.531 0 0 0 .196-.598.425.425 0 0 0-.084-.186.288.288 0 0 1-.13.112.461.461 0 0 1-.14.028c-.212 0-.318-.165-.318-.495v-1.68c0-.71-.159-1.223-.476-1.54-.317-.317-.815-.476-1.493-.476-.585 0-1.055.096-1.41.29-.348.192-.522.475-.522.849 0 .23.074.429.224.597.155.168.37.252.644.252.118 0 .23-.016.336-.047a.561.561 0 0 0 .261-.158.546.546 0 0 1-.28-.3 1.07 1.07 0 0 1-.075-.382c0-.18.034-.32.103-.42a.557.557 0 0 1 .27-.224.953.953 0 0 1 .374-.074c.342 0 .582.13.719.392.136.26.205.653.205 1.176v.233c-.193 0-.41.012-.653.037a4.519 4.519 0 0 0-.738.14c-.274.081-.535.19-.784.327-.242.13-.441.299-.597.504-.15.199-.224.442-.224.728 0 .348.112.619.336.812.224.187.513.28.868.28.36 0 .681-.084.961-.252a2.15 2.15 0 0 0 .7-.681c.075-.117.14-.238.198-.365.014.456.094.783.241.98Zm-1.11-.551a.892.892 0 0 1-.43.15c-.205.018-.352-.041-.439-.178a.834.834 0 0 1-.13-.457.87.87 0 0 1 .177-.542c.118-.155.274-.277.467-.364.112-.056.233-.1.364-.13.136-.032.276-.05.42-.056.143-.013.277-.016.401-.01 0 .237-.04.458-.121.663a2.038 2.038 0 0 1-.299.55c-.125.156-.261.28-.41.374Zm-7.928.905c-.703 0-1.263-.217-1.68-.653-.417-.442-.625-1.067-.625-1.876 0-.778.199-1.39.597-1.839.399-.454.974-.681 1.727-.681.355 0 .669.053.943.159.28.1.5.252.662.457.162.205.243.463.243.775 0 .46-.19.812-.57 1.054-.373.243-.864.364-1.474.364-.255 0-.517-.006-.784-.018a4.2 4.2 0 0 1-.164-.015c.023.31.075.57.155.78.118.286.286.491.504.616.217.118.473.177.765.177.342 0 .628-.068.859-.205.236-.137.404-.314.504-.532a.227.227 0 0 1 .13.15c.031.074.013.195-.056.363a1.31 1.31 0 0 1-.644.69c-.305.156-.669.234-1.092.234Zm-.84-4.134c-.198.34-.297.825-.298 1.455.114.009.236.015.364.02.168 0 .339-.013.513-.038s.333-.078.476-.159c.143-.08.258-.199.345-.354.087-.156.13-.364.13-.626 0-.224-.033-.392-.102-.504a.535.535 0 0 0-.27-.242.78.78 0 0 0-.336-.075c-.349 0-.623.174-.822.523Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet label,#webplayer_top .loginUserMenu html[dark=true] #af-header .soopiSet label,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet label,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet label,#webplayer_top .loginUserMenu body.thema_dark #af-header .soopiSet label,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet label,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet label,#webplayer_top .loginUserMenu .theme_dark #af-header .soopiSet label,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet label,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet label,#serviceHeader .loginUserMenu html[dark=true] #af-header .soopiSet label,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet label,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet label,#serviceHeader .loginUserMenu body.thema_dark #af-header .soopiSet label,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet label,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet label,#serviceHeader .loginUserMenu .theme_dark #af-header .soopiSet label,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet label,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet label,#af-header .loginUserMenu html[dark=true] #af-header .soopiSet label,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet label,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet label,#af-header .loginUserMenu body.thema_dark #af-header .soopiSet label,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet label,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet label,#af-header .loginUserMenu .theme_dark #af-header .soopiSet label,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet label {
    background: #3B3D45
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,#webplayer_top .loginUserMenu html[dark=true] #af-header .soopiSet input:checked+label,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet input:checked+label,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,#webplayer_top .loginUserMenu body.thema_dark #af-header .soopiSet input:checked+label,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet input:checked+label,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,#webplayer_top .loginUserMenu .theme_dark #af-header .soopiSet input:checked+label,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet input:checked+label,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,#serviceHeader .loginUserMenu html[dark=true] #af-header .soopiSet input:checked+label,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet input:checked+label,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,#serviceHeader .loginUserMenu body.thema_dark #af-header .soopiSet input:checked+label,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet input:checked+label,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,#serviceHeader .loginUserMenu .theme_dark #af-header .soopiSet input:checked+label,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet input:checked+label,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,#af-header .loginUserMenu html[dark=true] #af-header .soopiSet input:checked+label,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet input:checked+label,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,#af-header .loginUserMenu body.thema_dark #af-header .soopiSet input:checked+label,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet input:checked+label,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,#af-header .loginUserMenu .theme_dark #af-header .soopiSet input:checked+label,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet input:checked+label {
    background: #0182FF
}

#webplayer_top .loginUserMenu .userFootMenu,#serviceHeader .loginUserMenu .userFootMenu,#af-header .loginUserMenu .userFootMenu {
    overflow: hidden;
    background-color: #f7f7f7;
    width: 170px;
    height: 30px;
    padding-top: 0;
    border-radius: 0 0 4px 4px
}

#webplayer_top .loginUserMenu .userFootMenu .myinfo,#serviceHeader .loginUserMenu .userFootMenu .myinfo,#af-header .loginUserMenu .userFootMenu .myinfo {
    display: flex;
    align-items: center;
    float: left;
    height: 30px;
    padding: 0 3px 0 10px;
    color: #888;
    line-height: 30px !important
}

#webplayer_top .loginUserMenu .userFootMenu .myinfo>span,#serviceHeader .loginUserMenu .userFootMenu .myinfo>span,#af-header .loginUserMenu .userFootMenu .myinfo>span {
    font-size: 11px
}

#webplayer_top .loginUserMenu .userFootMenu .safe,#serviceHeader .loginUserMenu .userFootMenu .safe,#af-header .loginUserMenu .userFootMenu .safe {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 10'%3e%3cpath d='M4 .5a2 2 0 0 1 1.995 1.85L6 2.5V4h1a1 1 0 0 1 1 1v3a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5a1 1 0 0 1 1-1h1V2.5a2 2 0 0 1 2-2zM5 6H3v2h2V6zM4 1.5a1 1 0 0 0-.993.883L3 2.5V4h2V2.5a1 1 0 0 0-1-1z' fill='%23A5A5A6' fill-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width: 8px;
    height: 30px;
    text-indent: -9999px
}

#webplayer_top .loginUserMenu .userFootMenu .safe:hover,#serviceHeader .loginUserMenu .userFootMenu .safe:hover,#af-header .loginUserMenu .userFootMenu .safe:hover {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 10'%3e%3cpath d='M4 .5a2 2 0 0 1 1.995 1.85L6 2.5V4h1a1 1 0 0 1 1 1v3a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5a1 1 0 0 1 1-1h1V2.5a2 2 0 0 1 2-2zM5 6H3v2h2V6zM4 1.5a1 1 0 0 0-.993.883L3 2.5V4h2V2.5a1 1 0 0 0-1-1z' fill='%23447ed6' fill-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .userFootMenu .logout,#serviceHeader .loginUserMenu .userFootMenu .logout,#af-header .loginUserMenu .userFootMenu .logout {
    display: flex !important;
    align-items: center;
    float: right;
    background: transparent !important;
    width: auto !important;
    height: 30px;
    margin: 0 !important;
    padding: 0 11px;
    border: 0 !important;
    color: #888;
    line-height: 30px !important;
    font-size: 11px;
    clear: inherit !important
}

#webplayer_top .loginUserMenu .userFootMenu .logout>span,#serviceHeader .loginUserMenu .userFootMenu .logout>span,#af-header .loginUserMenu .userFootMenu .logout>span {
    font-size: 11px
}

#webplayer_top .loginUserMenu .userFootMenu .myinfo em,#serviceHeader .loginUserMenu .userFootMenu .myinfo em,#af-header .loginUserMenu .userFootMenu .myinfo em {
    display: inline-block;
    background: url("/images/afmain/img_main.png") no-repeat -302px 0;
    width: 11px;
    height: 12px;
    margin: 0 4px 2px 0;
    vertical-align: middle
}

@media screen and (max-height: 810px) {
    #webplayer_top .loginUserMenu,#serviceHeader .loginUserMenu,#af-header .loginUserMenu {
        bottom:10px;
        height: calc(100vh - 70px)
    }

    #webplayer_top .loginUserMenu .UserMenu_wrap,#serviceHeader .loginUserMenu .UserMenu_wrap,#af-header .loginUserMenu .UserMenu_wrap {
        height: 100%
    }

    #webplayer_top .loginUserMenu .UserMenu_wrap.UserMenu_depth_2,#serviceHeader .loginUserMenu .UserMenu_wrap.UserMenu_depth_2,#af-header .loginUserMenu .UserMenu_wrap.UserMenu_depth_2 {
        height: auto !important
    }

    #webplayer_top .loginUserMenu .menuList_wrap,#serviceHeader .loginUserMenu .menuList_wrap,#af-header .loginUserMenu .menuList_wrap {
        overflow: auto;
        height: calc(100% - 78px);
        overscroll-behavior: contain;
        overscroll-behavior-y: contain
    }

    #webplayer_top .loginUserMenu .UserMenu_wrap,#serviceHeader .loginUserMenu .UserMenu_wrap,#af-header .loginUserMenu .UserMenu_wrap {
        height: 100%
    }
}

@media screen and (max-height: 254px) {
    #webplayer_top .loginUserMenu .UserMenu_wrap.UserMenu_depth_2,#serviceHeader .loginUserMenu .UserMenu_wrap.UserMenu_depth_2,#af-header .loginUserMenu .UserMenu_wrap.UserMenu_depth_2 {
        height:100% !important
    }

    #webplayer_top .loginUserMenu .UserMenu_wrap.UserMenu_depth_2 .menuList_wrap,#serviceHeader .loginUserMenu .UserMenu_wrap.UserMenu_depth_2 .menuList_wrap,#af-header .loginUserMenu .UserMenu_wrap.UserMenu_depth_2 .menuList_wrap {
        height: calc(100% - 56px)
    }
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting,html[dark=true] #af-header .modeSetting,html[dark=true] #serviceHeader .serviceUtil .modeSetting,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting,body.thema_dark #af-header .modeSetting,body.thema_dark #serviceHeader .serviceUtil .modeSetting,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting,.theme_dark #af-header .modeSetting,.theme_dark #serviceHeader .serviceUtil .modeSetting {
    background: #1C1E22;
    border-color: rgba(117,123,138,0.3)
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li,html[dark=true] #af-header .modeSetting ul li,html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li,body.thema_dark #af-header .modeSetting ul li,body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li,.theme_dark #af-header .modeSetting ul li,.theme_dark #serviceHeader .serviceUtil .modeSetting ul li {
    color: #555;
    font-size: 12px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li a,html[dark=true] #af-header .modeSetting ul li a,html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li a,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li a,body.thema_dark #af-header .modeSetting ul li a,body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li a,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li a,.theme_dark #af-header .modeSetting ul li a,.theme_dark #serviceHeader .serviceUtil .modeSetting ul li a {
    color: #999 !important
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,html[dark=true] #af-header .modeSetting ul li .my_afpay:before,html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,body.thema_dark #af-header .modeSetting ul li .my_afpay:before,body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,.theme_dark #af-header .modeSetting ul li .my_afpay:before,.theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M19.719 9.156V7.7a3 3 0 0 0-3-3H5.699c-1.656 0-2.999 1.34-2.999 2.996v8.605a2.999 2.999 0 0 0 3 2.999h11.019a3 3 0 0 0 3-3v-1.581'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M15.3 12A2.7 2.7 0 0 1 18 9.3h2.3a1 1 0 0 1 1 1v3.4a1 1 0 0 1-1 1H18a2.7 2.7 0 0 1-2.7-2.7Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='1.4' d='M18.015 12h.829'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,html[dark=true] #af-header .modeSetting ul li .my_item:before,html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,body.thema_dark #af-header .modeSetting ul li .my_item:before,body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,.theme_dark #af-header .modeSetting ul li .my_item:before,.theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_item:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg fill='%23D5D7DC' clip-path='url(%23a)'%3e%3cpath d='m2.975 9.622.217-.665-.217.665Zm.117 4.714.25.654-.25-.654ZM18.3 4.003H5.7v1.4h12.6v-1.4Zm3.7 3.7a3.7 3.7 0 0 0-3.7-3.7v1.4a2.3 2.3 0 0 1 2.3 2.3H22Zm0 8.6v-8.6h-1.4v8.6H22Zm-3.7 3.7a3.7 3.7 0 0 0 3.7-3.7h-1.4a2.3 2.3 0 0 1-2.3 2.3v1.4Zm-12.6 0h12.6v-1.4H5.7v1.4Zm-3.7-3.7a3.7 3.7 0 0 0 3.7 3.7v-1.4a2.3 2.3 0 0 1-2.3-2.3H2Zm0-1.444v1.444h1.4V14.86H2ZM4 12a1.8 1.8 0 0 1-1.158 1.682l.5 1.308A3.2 3.2 0 0 0 5.4 12H4Zm-1.242-1.712A1.801 1.801 0 0 1 4 12h1.4a3.201 3.201 0 0 0-2.208-3.043l-.434 1.331ZM2 7.703v1.563h1.4V7.703H2Zm3.7-3.7a3.7 3.7 0 0 0-3.7 3.7h1.4a2.3 2.3 0 0 1 2.3-2.3v-1.4ZM3.192 8.957a.317.317 0 0 1 .208.309H2c0 .514.358.892.758 1.022l.434-1.331Zm.208 5.902c0 .053-.02.092-.035.11-.012.017-.021.02-.023.021l-.5-1.308c-.429.164-.842.585-.842 1.177h1.4Z'/%3e%3cpath fill-rule='evenodd' d='M9 6.75a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5Zm0 4.5a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5ZM9.75 15a.75.75 0 0 0-.75.75v1.5a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-.75-.75Z' clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,html[dark=true] #af-header .modeSetting ul li .my_balloon:before,html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,body.thema_dark #af-header .modeSetting ul li .my_balloon:before,body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,.theme_dark #af-header .modeSetting ul li .my_balloon:before,.theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='.6' d='M14.158 11.19a.246.246 0 0 0-.072.221l.379 2.184a.252.252 0 0 1-.367.263l-1.98-1.03a.257.257 0 0 0-.235 0l-1.981 1.03a.252.252 0 0 1-.366-.263l.378-2.184a.247.247 0 0 0-.072-.22L8.238 9.644a.249.249 0 0 1 .14-.426l2.215-.319a.251.251 0 0 0 .19-.136l.99-1.986a.254.254 0 0 1 .454 0l.99 1.986a.252.252 0 0 0 .19.136l2.216.32c.206.03.288.28.138.425l-1.603 1.547Z' clip-rule='evenodd'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,html[dark=true] #af-header .modeSetting ul li .my_sotong:before,html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,body.thema_dark #af-header .modeSetting ul li .my_sotong:before,body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,.theme_dark #af-header .modeSetting ul li .my_sotong:before,.theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='1.4' d='M2.7 4.7h17.6M2.7 11.3h7.488M2.7 17.9h4.738'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M13.782 19.2a.5.5 0 0 1-.354.147h-2.207a.5.5 0 0 1-.5-.5v-2.208a.5.5 0 0 1 .146-.353l7.43-7.43a.5.5 0 0 1 .708 0l2.207 2.207a.5.5 0 0 1 0 .707l-7.43 7.43ZM16.65 10.502l2.916 2.915'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,html[dark=true] #af-header .modeSetting ul li .my_custom:before,html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,body.thema_dark #af-header .modeSetting ul li .my_custom:before,body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,.theme_dark #af-header .modeSetting ul li .my_custom:before,.theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M5.7 15.969V9A6.3 6.3 0 0 1 12 2.7v0A6.3 6.3 0 0 1 18.3 9v6.969M5.553 15.822v0A2.853 2.853 0 0 1 2.7 12.969v-.294a2.853 2.853 0 0 1 2.853-2.853v0M18.447 15.822v0a2.853 2.853 0 0 0 2.853-2.853v-.294a2.853 2.853 0 0 0-2.853-2.853v0M11.675 18.844v0c0 .656.532 1.187 1.188 1.187h3.25c1.208 0 2.187-.98 2.187-2.187v0'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,html[dark=true] #af-header .modeSetting ul li .my_service:before,html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,body.thema_dark #af-header .modeSetting ul li .my_service:before,body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,.theme_dark #af-header .modeSetting ul li .my_service:before,.theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_service:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M11.999 8v4.514'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M11.994 16h.013'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,html[dark=true] #af-header .modeSetting ul li .extensions:before,html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,body.thema_dark #af-header .modeSetting ul li .extensions:before,body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,.theme_dark #af-header .modeSetting ul li .extensions:before,.theme_dark #serviceHeader .serviceUtil .modeSetting ul li .extensions:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23D5D7DC' d='M8.5 2c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414v1h2A2.496 2.496 0 0 1 15 7.5v1.498L16 9c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414 0 .552-.224 1.052-.586 1.414a1.993 1.993 0 0 1-1.413.586L15 12.998V15.5c0 .69-.28 1.315-.732 1.768A2.492 2.492 0 0 1 12.5 18h-2v-1a1.996 1.996 0 0 0-1.808-1.99c-.663-.008-1.183.208-1.555.545A1.932 1.932 0 0 0 6.5 17v1h-2c-.69 0-1.315-.28-1.768-.732A2.492 2.492 0 0 1 2 15.5V13h.5a1.996 1.996 0 0 0 1.99-1.808c.007-.663-.208-1.183-.546-1.555A1.932 1.932 0 0 0 2.501 9H2V7.5c0-.69.28-1.315.732-1.768A2.492 2.492 0 0 1 4.5 5h2V4c0-.552.224-1.052.586-1.414A1.994 1.994 0 0 1 8.5 2z' clip-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet,html[dark=true] #af-header .modeSet,html[dark=true] #serviceHeader .serviceUtil .modeSet,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet,body.thema_dark #af-header .modeSet,body.thema_dark #serviceHeader .serviceUtil .modeSet,.theme_dark #webplayer_top .top_item .serviceUtil .modeSet,.theme_dark #af-header .modeSet,.theme_dark #serviceHeader .serviceUtil .modeSet {
    border-color: #2F3137
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,html[dark=true] #af-header .modeSet .settings:hover,html[dark=true] #serviceHeader .serviceUtil .modeSet .settings:hover,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,body.thema_dark #af-header .modeSet .settings:hover,body.thema_dark #serviceHeader .serviceUtil .modeSet .settings:hover,.theme_dark #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,.theme_dark #af-header .modeSet .settings:hover,.theme_dark #serviceHeader .serviceUtil .modeSet .settings:hover {
    background: rgba(246,246,249,0.1)
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .my_mode,html[dark=true] #af-header .modeSet .my_mode,html[dark=true] #serviceHeader .serviceUtil .modeSet .my_mode,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode,body.thema_dark #af-header .modeSet .my_mode,body.thema_dark #serviceHeader .serviceUtil .modeSet .my_mode,.theme_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode,.theme_dark #af-header .modeSet .my_mode,.theme_dark #serviceHeader .serviceUtil .modeSet .my_mode {
    color: #E2E4E9
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,html[dark=true] #af-header .modeSet .my_mode:before,html[dark=true] #serviceHeader .serviceUtil .modeSet .my_mode:before,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,body.thema_dark #af-header .modeSet .my_mode:before,body.thema_dark #serviceHeader .serviceUtil .modeSet .my_mode:before,.theme_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,.theme_dark #af-header .modeSet .my_mode:before,.theme_dark #serviceHeader .serviceUtil .modeSet .my_mode:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23D5D7DC' d='m10.827 3.606-.635-.294.635.294Zm9.606 9.235-.319-.624.32.623Zm.774.482-.693-.1.693.1Zm-3.982-.412a6.347 6.347 0 0 1-6.347-6.347h-1.4a7.747 7.747 0 0 0 7.747 7.747v-1.4Zm2.89-.694a6.317 6.317 0 0 1-2.89.694v1.4a7.716 7.716 0 0 0 3.527-.848l-.638-1.246Zm.399 1.007A8.602 8.602 0 0 1 12 20.6V22c5.04 0 9.21-3.729 9.9-8.579l-1.386-.197ZM12 20.6A8.6 8.6 0 0 1 3.4 12H2c0 5.523 4.477 10 10 10v-1.4ZM3.4 12a8.603 8.603 0 0 1 7.04-8.46l-.251-1.376C5.53 3.016 1.999 7.095 1.999 12h1.401Zm7.478-5.436c0-.953.21-1.855.584-2.664l-1.27-.588a7.72 7.72 0 0 0-.714 3.252h1.4ZM10.44 3.54a.25.25 0 0 1-.148-.021.217.217 0 0 1-.09-.076.135.135 0 0 1-.011-.132l1.27.588a1.265 1.265 0 0 0-.088-1.223 1.156 1.156 0 0 0-1.185-.513l.252 1.377Zm10.311 9.923a.135.135 0 0 1-.133-.007.216.216 0 0 1-.078-.087.25.25 0 0 1-.027-.146l1.386.197a1.157 1.157 0 0 0-.56-1.164c-.35-.21-.815-.25-1.226-.04l.638 1.246Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet label,html[dark=true] #af-header .modeSet label,html[dark=true] #serviceHeader .serviceUtil .modeSet label,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet label,body.thema_dark #af-header .modeSet label,body.thema_dark #serviceHeader .serviceUtil .modeSet label,.theme_dark #webplayer_top .top_item .serviceUtil .modeSet label,.theme_dark #af-header .modeSet label,.theme_dark #serviceHeader .serviceUtil .modeSet label {
    background: #0182FF
}

html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,html[dark=true] #af-header .soopiSet .settings:hover,html[dark=true] #serviceHeader .serviceUtil .soopiSet .settings:hover,body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,body.thema_dark #af-header .soopiSet .settings:hover,body.thema_dark #serviceHeader .serviceUtil .soopiSet .settings:hover,.theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,.theme_dark #af-header .soopiSet .settings:hover,.theme_dark #serviceHeader .serviceUtil .soopiSet .settings:hover {
    background: rgba(246,246,249,0.1)
}

html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,html[dark=true] #af-header .soopiSet .my_soopi,html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi,body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,body.thema_dark #af-header .soopiSet .my_soopi,body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi,.theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,.theme_dark #af-header .soopiSet .my_soopi,.theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi {
    color: #E2E4E9
}

html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,html[dark=true] #af-header .soopiSet .my_soopi:before,html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi:before,body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,body.thema_dark #af-header .soopiSet .my_soopi:before,body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi:before,.theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,.theme_dark #af-header .soopiSet .my_soopi:before,.theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M14.174 2.956A9.3 9.3 0 1 0 21.084 10'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M14.438 10.568a2.438 2.438 0 1 1-4.876 0 2.438 2.438 0 0 1 4.876 0Zm1.313 0a3.751 3.751 0 1 1-7.502 0 3.751 3.751 0 0 1 7.502 0Zm-3.75 4.737c-2.662 0-4.997 1.428-6.002 3.54a.656.656 0 1 0 1.185.564c.766-1.608 2.608-2.792 4.816-2.792 2.209 0 4.05 1.184 4.816 2.792A.656.656 0 1 0 18 18.845c-1.005-2.112-3.34-3.54-6-3.54Z' clip-rule='evenodd'/%3e%3cpath fill='%23D5D7DC' d='m20.15 6.42 1.545-.499a.44.44 0 0 0 0-.838l-1.546-.503a1.13 1.13 0 0 1-.73-.73l-.5-1.545a.44.44 0 0 0-.838 0l-.5 1.545a1.13 1.13 0 0 1-.73.73l-1.545.503a.44.44 0 0 0 0 .838l1.545.499c.347.112.619.383.73.73l.504 1.545a.44.44 0 0 0 .838 0l.503-1.545a1.13 1.13 0 0 1 .731-.73h-.008Z'/%3e%3cpath fill='%23D5D7DC' d='m20.15 6.42 1.545-.499a.44.44 0 0 0 0-.838l-1.546-.503a1.13 1.13 0 0 1-.73-.73l-.5-1.545a.44.44 0 0 0-.838 0l-.5 1.545a1.13 1.13 0 0 1-.73.73l-1.545.503a.44.44 0 0 0 0 .838l1.545.499c.347.112.619.383.73.73l.504 1.545a.44.44 0 0 0 .838 0l.503-1.545a1.13 1.13 0 0 1 .731-.73h-.008Z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,html[dark=true] #af-header .soopiSet .my_soopi .beta,html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,body.thema_dark #af-header .soopiSet .my_soopi .beta,body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,.theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,.theme_dark #af-header .soopiSet .my_soopi .beta,.theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi .beta {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 29 14'%3e%3crect width='28' height='13' x='.5' y='.5' stroke='%23757B8A' stroke-opacity='.3' rx='6.5'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M6.179 10.098c.124.1.276.15.457.15h.999c.566 0 1.045-.063 1.437-.187.392-.13.69-.33.896-.597.212-.274.317-.62.317-1.036 0-.486-.137-.868-.41-1.148-.274-.28-.638-.451-1.092-.514.38-.105.672-.298.877-.578.205-.28.308-.61.308-.99 0-.566-.221-.97-.663-1.213-.442-.243-1.064-.364-1.866-.364a5.21 5.21 0 0 0-.971.075 2.41 2.41 0 0 0-.635.186c.05.119.084.25.103.392.025.144.04.284.047.42.012.131.018.24.018.327V9.67c0 .187.06.33.178.43Zm1.428-.26h-.495v-2.82h.513c.286 0 .538.04.756.122a.945.945 0 0 1 .514.42c.124.205.186.5.186.886 0 .287-.053.536-.158.747-.1.205-.259.364-.476.476-.212.112-.492.168-.84.168Zm-.495-3.23V4.032H7.439c.497 0 .846.112 1.045.336.205.218.308.522.308.914 0 .274-.044.51-.13.71a.995.995 0 0 1-.374.466 1.099 1.099 0 0 1-.625.15h-.551Zm9.522 3.406c.187.218.458.327.813.327.286 0 .513-.056.68-.168.175-.112.262-.255.262-.43a.62.62 0 0 0-.121-.363c-.031.05-.087.087-.168.112a.766.766 0 0 1-.224.037c-.143 0-.252-.044-.327-.13-.068-.088-.102-.212-.102-.374V6.272l.001-.308h.857a.273.273 0 0 0 .187-.066.29.29 0 0 0 .093-.205l.01-.27a1.442 1.442 0 0 1-.187.018c-.094 0-.202.003-.327.01-.118 0-.227.002-.326.009h-.293c.003-.08.008-.155.012-.224.02-.268.063-.53.131-.784a.981.981 0 0 0-.224-.15.762.762 0 0 0-.392-.093c-.187 0-.339.05-.457.15a.519.519 0 0 0-.177.42v.68h-.393c-.08 0-.149.022-.205.066-.056.044-.087.112-.093.205l-.01.271a2.08 2.08 0 0 1 .28-.028c.125-.006.218-.01.28-.01h.14v3.155c0 .38.094.679.28.896Zm5.767.01c.168.211.404.317.71.317.242 0 .435-.06.578-.177a.531.531 0 0 0 .196-.598.425.425 0 0 0-.084-.186.288.288 0 0 1-.13.112.461.461 0 0 1-.14.028c-.212 0-.318-.165-.318-.495v-1.68c0-.71-.159-1.223-.476-1.54-.317-.317-.815-.476-1.493-.476-.585 0-1.055.096-1.41.29-.348.192-.522.475-.522.849 0 .23.074.429.224.597.155.168.37.252.644.252.118 0 .23-.016.336-.047a.561.561 0 0 0 .261-.158.546.546 0 0 1-.28-.3 1.07 1.07 0 0 1-.075-.382c0-.18.034-.32.103-.42a.557.557 0 0 1 .27-.224.953.953 0 0 1 .374-.074c.342 0 .582.13.719.392.136.26.205.653.205 1.176v.233c-.193 0-.41.012-.653.037a4.519 4.519 0 0 0-.738.14c-.274.081-.535.19-.784.327-.242.13-.441.299-.597.504-.15.199-.224.442-.224.728 0 .348.112.619.336.812.224.187.513.28.868.28.36 0 .681-.084.961-.252a2.15 2.15 0 0 0 .7-.681c.075-.117.14-.238.198-.365.014.456.094.783.241.98Zm-1.11-.551a.892.892 0 0 1-.43.15c-.205.018-.352-.041-.439-.178a.834.834 0 0 1-.13-.457.87.87 0 0 1 .177-.542c.118-.155.274-.277.467-.364.112-.056.233-.1.364-.13.136-.032.276-.05.42-.056.143-.013.277-.016.401-.01 0 .237-.04.458-.121.663a2.038 2.038 0 0 1-.299.55c-.125.156-.261.28-.41.374Zm-7.928.905c-.703 0-1.263-.217-1.68-.653-.417-.442-.625-1.067-.625-1.876 0-.778.199-1.39.597-1.839.399-.454.974-.681 1.727-.681.355 0 .669.053.943.159.28.1.5.252.662.457.162.205.243.463.243.775 0 .46-.19.812-.57 1.054-.373.243-.864.364-1.474.364-.255 0-.517-.006-.784-.018a4.2 4.2 0 0 1-.164-.015c.023.31.075.57.155.78.118.286.286.491.504.616.217.118.473.177.765.177.342 0 .628-.068.859-.205.236-.137.404-.314.504-.532a.227.227 0 0 1 .13.15c.031.074.013.195-.056.363a1.31 1.31 0 0 1-.644.69c-.305.156-.669.234-1.092.234Zm-.84-4.134c-.198.34-.297.825-.298 1.455.114.009.236.015.364.02.168 0 .339-.013.513-.038s.333-.078.476-.159c.143-.08.258-.199.345-.354.087-.156.13-.364.13-.626 0-.224-.033-.392-.102-.504a.535.535 0 0 0-.27-.242.78.78 0 0 0-.336-.075c-.349 0-.623.174-.822.523Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet label,html[dark=true] #af-header .soopiSet label,html[dark=true] #serviceHeader .serviceUtil .soopiSet label,body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet label,body.thema_dark #af-header .soopiSet label,body.thema_dark #serviceHeader .serviceUtil .soopiSet label,.theme_dark #webplayer_top .top_item .serviceUtil .soopiSet label,.theme_dark #af-header .soopiSet label,.theme_dark #serviceHeader .serviceUtil .soopiSet label {
    background: #3B3D45
}

html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,html[dark=true] #af-header .soopiSet input:checked+label,html[dark=true] #serviceHeader .serviceUtil .soopiSet input:checked+label,body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,body.thema_dark #af-header .soopiSet input:checked+label,body.thema_dark #serviceHeader .serviceUtil .soopiSet input:checked+label,.theme_dark #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,.theme_dark #af-header .soopiSet input:checked+label,.theme_dark #serviceHeader .serviceUtil .soopiSet input:checked+label {
    background: #0182FF
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap,html[dark=true] #webplayer_top .loginUserMenu .depth_2,html[dark=true] #af-header .loginUserMenu .depth_2,html[dark=true] #serviceHeader .loginUserMenu .depth_2,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap,body.thema_dark #webplayer_top .loginUserMenu .depth_2,body.thema_dark #af-header .loginUserMenu .depth_2,body.thema_dark #serviceHeader .loginUserMenu .depth_2,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap,.theme_dark #af-header .loginUserMenu .UserMenu_wrap,.theme_dark #webplayer_top .loginUserMenu .depth_2,.theme_dark #af-header .loginUserMenu .depth_2,.theme_dark #serviceHeader .loginUserMenu .depth_2 {
    background: #1C1E22;
    border-color: rgba(117,123,138,0.3)
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo:hover,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo:hover,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo:hover,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .loginUserInfo:hover,html[dark=true] #af-header .loginUserMenu .depth_2 .loginUserInfo:hover,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .loginUserInfo:hover,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo:hover,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo:hover,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo:hover,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .loginUserInfo:hover,body.thema_dark #af-header .loginUserMenu .depth_2 .loginUserInfo:hover,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .loginUserInfo:hover,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo:hover,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo:hover,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo:hover,.theme_dark #webplayer_top .loginUserMenu .depth_2 .loginUserInfo:hover,.theme_dark #af-header .loginUserMenu .depth_2 .loginUserInfo:hover,.theme_dark #serviceHeader .loginUserMenu .depth_2 .loginUserInfo:hover {
    background-color: rgba(246,246,249,0.1)
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo:active,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo:active,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo:active,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .loginUserInfo:active,html[dark=true] #af-header .loginUserMenu .depth_2 .loginUserInfo:active,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .loginUserInfo:active,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo:active,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo:active,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo:active,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .loginUserInfo:active,body.thema_dark #af-header .loginUserMenu .depth_2 .loginUserInfo:active,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .loginUserInfo:active,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo:active,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo:active,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo:active,.theme_dark #webplayer_top .loginUserMenu .depth_2 .loginUserInfo:active,.theme_dark #af-header .loginUserMenu .depth_2 .loginUserInfo:active,.theme_dark #serviceHeader .loginUserMenu .depth_2 .loginUserInfo:active {
    background-color: rgba(246,246,249,0.3)
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .loginUserInfo .nick_box span.nick,html[dark=true] #af-header .loginUserMenu .depth_2 .loginUserInfo .nick_box span.nick,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .loginUserInfo .nick_box span.nick,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .loginUserInfo .nick_box span.nick,body.thema_dark #af-header .loginUserMenu .depth_2 .loginUserInfo .nick_box span.nick,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .loginUserInfo .nick_box span.nick,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick,.theme_dark #webplayer_top .loginUserMenu .depth_2 .loginUserInfo .nick_box span.nick,.theme_dark #af-header .loginUserMenu .depth_2 .loginUserInfo .nick_box span.nick,.theme_dark #serviceHeader .loginUserMenu .depth_2 .loginUserInfo .nick_box span.nick {
    color: #E2E4E9
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.id,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.id,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.id,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .loginUserInfo .nick_box span.id,html[dark=true] #af-header .loginUserMenu .depth_2 .loginUserInfo .nick_box span.id,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .loginUserInfo .nick_box span.id,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.id,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.id,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.id,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .loginUserInfo .nick_box span.id,body.thema_dark #af-header .loginUserMenu .depth_2 .loginUserInfo .nick_box span.id,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .loginUserInfo .nick_box span.id,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.id,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.id,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.id,.theme_dark #webplayer_top .loginUserMenu .depth_2 .loginUserInfo .nick_box span.id,.theme_dark #af-header .loginUserMenu .depth_2 .loginUserInfo .nick_box span.id,.theme_dark #serviceHeader .loginUserMenu .depth_2 .loginUserInfo .nick_box span.id {
    color: #9196A1
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .btn_set1,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .btn_set1,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .btn_set1,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .btn_set1,html[dark=true] #af-header .loginUserMenu .depth_2 .btn_set1,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .btn_set1,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .btn_set1,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .btn_set1,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .btn_set1,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .btn_set1,body.thema_dark #af-header .loginUserMenu .depth_2 .btn_set1,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .btn_set1,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .btn_set1,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .btn_set1,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .btn_set1,.theme_dark #webplayer_top .loginUserMenu .depth_2 .btn_set1,.theme_dark #af-header .loginUserMenu .depth_2 .btn_set1,.theme_dark #serviceHeader .loginUserMenu .depth_2 .btn_set1 {
    border-color: #282828
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .btn_set1 .mybs:after,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .btn_set1 .mybs:after,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .btn_set1 .mybs:after,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .btn_set1 .mybs:after,html[dark=true] #af-header .loginUserMenu .depth_2 .btn_set1 .mybs:after,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .btn_set1 .mybs:after,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .btn_set1 .mybs:after,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .btn_set1 .mybs:after,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .btn_set1 .mybs:after,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .btn_set1 .mybs:after,body.thema_dark #af-header .loginUserMenu .depth_2 .btn_set1 .mybs:after,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .btn_set1 .mybs:after,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .btn_set1 .mybs:after,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .btn_set1 .mybs:after,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .btn_set1 .mybs:after,.theme_dark #webplayer_top .loginUserMenu .depth_2 .btn_set1 .mybs:after,.theme_dark #af-header .loginUserMenu .depth_2 .btn_set1 .mybs:after,.theme_dark #serviceHeader .loginUserMenu .depth_2 .btn_set1 .mybs:after {
    background: #282828
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .userFootMenu,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .userFootMenu,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .userFootMenu,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .userFootMenu,html[dark=true] #af-header .loginUserMenu .depth_2 .userFootMenu,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .userFootMenu,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .userFootMenu,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .userFootMenu,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .userFootMenu,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .userFootMenu,body.thema_dark #af-header .loginUserMenu .depth_2 .userFootMenu,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .userFootMenu,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .userFootMenu,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .userFootMenu,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .userFootMenu,.theme_dark #webplayer_top .loginUserMenu .depth_2 .userFootMenu,.theme_dark #af-header .loginUserMenu .depth_2 .userFootMenu,.theme_dark #serviceHeader .loginUserMenu .depth_2 .userFootMenu {
    background: #222;
    border-color: #222
}

#serviceHeader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    min-width: 1280px;
    width: 100%;
    min-height: 64px;
    height: var(--herder-height-val);
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    z-index: 1501
}

html[dark=true] #serviceHeader,body.thema_dark #serviceHeader {
    background: #0C0D0E
}

html[dark=true] #serviceHeader,body.thema_dark #serviceHeader {
    border-bottom: 1px solid #2e2e2e
}

#serviceHeader * {
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.2 !important;
    list-style: none
}

#serviceHeader button {
    background: transparent
}

#serviceHeader a {
    text-decoration: none
}

#serviceHeader .innerHeader {
    position: relative;
    width: 100%;
    min-height: 64px;
    padding-top: 0
}

#serviceHeader .logo_wrap {
    display: flex;
    align-items: center;
    position: absolute;
    left: 32px;
    height: 100%
}

#serviceHeader .logo_wrap #logo {
    display: flex;
    align-items: center
}

#serviceHeader .logo_wrap #logo a {
    display: flex;
    align-items: center;
    max-height: 45px;
    height: 100%;
    font: 0/0 a
}

#serviceHeader .logo_wrap #logo a img {
    max-width: 100%
}

#serviceHeader .logo_wrap .collabo_brand {
    position: relative;
    margin-left: 28px
}

#serviceHeader .logo_wrap .collabo_brand:before {
    content: "";
    position: absolute;
    top: 0;
    left: -24px;
    background: url("data:image/svg+xml,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.064.506a.75.75 0 1 0-1.128.988L4.003 5 .936 8.506a.75.75 0 0 0 1.128.988L5 6.139l2.936 3.355a.75.75 0 1 0 1.128-.988L5.997 5l3.067-3.506A.75.75 0 1 0 7.936.506L5 3.861 2.064.506z' fill='%23AAA'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 10px 10px;
    width: 25px;
    height: 40px
}

#serviceHeader .logo-secondary {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 6px
}

#serviceHeader .logo-secondary>div {
    display: flex;
    align-items: center;
    height: 100%
}

#serviceHeader .logo-secondary a {
    display: block;
    font: 0/0 a
}

#serviceHeader .logo-secondary a.text {
    color: #0f0f0f;
    font-size: 22px;
    font-weight: 600;
    font-family: "Pretendard"
}

html[dark=true] #serviceHeader .logo-secondary a.text,body.thema_dark #serviceHeader .logo-secondary a.text {
    color: #E2E4E9
}

#serviceHeader .a_d_banner {
    position: absolute;
    top: 10px;
    left: -228px;
    min-width: 208px;
    font: 0/0 a
}

#serviceHeader .a_d_banner a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 45px
}

#serviceHeader .a_d_banner a .img {
    flex: 0 0 auto;
    width: 34px;
    margin-left: 8px;
    font: 0/0 s
}

#serviceHeader .a_d_banner a .img img {
    width: 100%;
    border-radius: 50%
}

#serviceHeader .a_d_banner a .lt {
    text-align: right
}

#serviceHeader .a_d_banner a .lt p {
    color: #ACB0B9;
    font-size: 13px;
    font-weight: 500;
    opacity: .8
}

html[dark=true] #serviceHeader .a_d_banner a .lt p,body.thema_dark #serviceHeader .a_d_banner a .lt p {
    color: #9196A1
}

#serviceHeader .a_d_banner a .lt p:only-child {
    color: #17191c;
    font-size: 16px;
    font-weight: 500;
    opacity: 1
}

html[dark=true] #serviceHeader .a_d_banner a .lt p:only-child,body.thema_dark #serviceHeader .a_d_banner a .lt p:only-child {
    color: #FCFCFD
}

#serviceHeader .a_d_banner a .lt em {
    color: #17191C;
    font-size: 14px;
    font-weight: 600;
    font-style: normal
}

html[dark=true] #serviceHeader .a_d_banner a .lt em,body.thema_dark #serviceHeader .a_d_banner a .lt em {
    color: #FCFCFD
}

#serviceHeader .btn_flexible {
    position: absolute;
    top: 11px !important;
    left: 22px
}

#serviceHeader .btn_flexible button {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='41' fill='none' viewBox='0 0 40 41'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23525661' d='M28 26.957a.7.7 0 1 0 0-1.4v1.4Zm-16-1.4a.7.7 0 1 0 0 1.4v-1.4Zm16-4.6a.7.7 0 1 0 0-1.4v1.4Zm-16-1.4a.7.7 0 1 0 0 1.4v-1.4Zm16-4.6a.7.7 0 1 0 0-1.4v1.4Zm-16-1.4a.7.7 0 1 0 0 1.4v-1.4Zm16 12H12v1.4h16v-1.4Zm0-6H12v1.4h16v-1.4Zm0-6H12v1.4h16v-1.4Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3crect width='40' height='40' y='.5' fill='%23fff' rx='20'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font: 0/0 s;
    transition: all .3s
}

html[dark=true] #serviceHeader .btn_flexible button,body.thema_dark #serviceHeader .btn_flexible button {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='41' fill='none' viewBox='0 0 40 41'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23D5D7DC' d='M28 26.957a.7.7 0 1 0 0-1.4v1.4Zm-16-1.4a.7.7 0 1 0 0 1.4v-1.4Zm16-4.6a.7.7 0 1 0 0-1.4v1.4Zm-16-1.4a.7.7 0 1 0 0 1.4v-1.4Zm16-4.6a.7.7 0 1 0 0-1.4v1.4Zm-16-1.4a.7.7 0 1 0 0 1.4v-1.4Zm16 12H12v1.4h16v-1.4Zm0-6H12v1.4h16v-1.4Zm0-6H12v1.4h16v-1.4Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3crect width='40' height='40' y='.5' fill='%23fff' rx='20'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 50% 50% no-repeat
}

#serviceHeader .btn_flexible button:hover {
    background-color: rgba(145,150,161,0.1)
}

html[dark=true] #serviceHeader .btn_flexible button:hover,body.thema_dark #serviceHeader .btn_flexible button:hover {
    background-color: rgba(246,246,249,0.1)
}

#serviceHeader .btn_flexible button:active {
    background: rgba(23,25,28,0.3) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='41' fill='none' viewBox='0 0 40 41'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%230182FF' d='M28 26.957a.7.7 0 1 0 0-1.4v1.4Zm-16-1.4a.7.7 0 1 0 0 1.4v-1.4Zm16-4.6a.7.7 0 1 0 0-1.4v1.4Zm-16-1.4a.7.7 0 1 0 0 1.4v-1.4Zm16-4.6a.7.7 0 1 0 0-1.4v1.4Zm-16-1.4a.7.7 0 1 0 0 1.4v-1.4Zm16 12H12v1.4h16v-1.4Zm0-6H12v1.4h16v-1.4Zm0-6H12v1.4h16v-1.4Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3crect width='40' height='40' y='.5' fill='%23fff' rx='20'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 50% 50% no-repeat !important;
    background-size: 100% 100%
}

#serviceHeader .btn_flexible+.logo_wrap {
    left: 66px !important
}

#serviceHeader .top_searcharea_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 64px;
    padding: 0
}

#serviceHeader .top_searcharea_wrap .search_inner {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 400px
}

#webplayer_top .top_item .serviceUtil,#serviceHeader .serviceUtil {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translateY(-50%)
}

#webplayer_top .top_item .serviceUtil .seasonal_area,#serviceHeader .serviceUtil .seasonal_area {
    margin-right: 8px
}

#webplayer_top .top_item .serviceUtil .seasonal_area a,#serviceHeader .serviceUtil .seasonal_area a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: #E6F3FF;
    min-width: 84px;
    height: 36px;
    padding: 1px 12px 0;
    border-radius: 42px;
    color: #0182ff;
    font-size: 13px;
    font-weight: 700;
    transition: all .2s ease-out
}

html[dark=true] #webplayer_top .top_item .serviceUtil .seasonal_area a,body.thema_dark #webplayer_top .top_item .serviceUtil .seasonal_area a,html[dark=true] #serviceHeader .serviceUtil .seasonal_area a,body.thema_dark #serviceHeader .serviceUtil .seasonal_area a {
    background: #001C38
}

#webplayer_top .top_item .serviceUtil .seasonal_area a::before,#serviceHeader .serviceUtil .seasonal_area a::before {
    content: "";
    display: inline-block;
    background: url("//res.sooplive.co.kr/images/afmain/welcome_ico.png") 50% 50% no-repeat;
    background-size: contain;
    width: 22px;
    height: 22px;
    margin: -1px 6px 0 0
}

#webplayer_top .top_item .serviceUtil .seasonal_area a:hover,#serviceHeader .serviceUtil .seasonal_area a:hover {
    background: rgba(66,121,255,0.15)
}

html[dark=true] #webplayer_top .top_item .serviceUtil .seasonal_area a:hover,body.thema_dark #webplayer_top .top_item .serviceUtil .seasonal_area a:hover,html[dark=true] #serviceHeader .serviceUtil .seasonal_area a:hover,body.thema_dark #serviceHeader .serviceUtil .seasonal_area a:hover {
    background: rgba(66,121,255,0.3)
}

#webplayer_top .top_item .serviceUtil .seasonal_area.award2024 a,#serviceHeader .serviceUtil .seasonal_area.award2024 a {
    background: url("/images/afmain/img_award2024.png") 50% 50% no-repeat !important;
    background-size: contain !important;
    min-width: 123px;
    padding: 0;
    font: 0/0 a
}

#webplayer_top .top_item .serviceUtil .seasonal_area.award2024 a::before,#serviceHeader .serviceUtil .seasonal_area.award2024 a::before {
    display: none
}

@media all and (max-width: 1100px) {
    #webplayer_top .top_item .serviceUtil .seasonal_area,#serviceHeader .serviceUtil .seasonal_area {
        display:none
    }
}

#webplayer_top .top_item .serviceUtil [class^=btn-],#serviceHeader .serviceUtil [class^=btn-] {
    position: relative;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    z-index: 3001;
    transition: all .2s
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-search,#serviceHeader .serviceUtil [class^=btn-].btn-search {
    display: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3e%3cpath fill='%23525661' d='M16.923 16.06a.7.7 0 0 0-.973 1.006l.973-1.007Zm2.887 4.74a.7.7 0 1 0 .974-1.006L19.81 20.8Zm-3.86-3.734 3.86 3.734.974-1.006-3.86-3.735-.974 1.007Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-width='1.4' d='M18.703 11.203a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 32px;
    height: 32px
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-search,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-search,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-search,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-search {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3e%3cpath fill='%23D5D7DC' d='M16.923 16.06a.7.7 0 0 0-.973 1.006l.973-1.007Zm2.887 4.74a.7.7 0 1 0 .974-1.006L19.81 20.8Zm-3.86-3.734 3.86 3.734.974-1.006-3.86-3.735-.974 1.007Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='1.4' d='M18.703 11.203a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0Z'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-search:active,#serviceHeader .serviceUtil [class^=btn-].btn-search:active {
    background-color: rgba(23,25,28,0.3)
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-search:active,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-search:active,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-search:active,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-search:active {
    background-color: rgba(246,246,249,0.3)
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-broadcast,#serviceHeader .serviceUtil [class^=btn-].btn-broadcast {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3e%3cpath fill='%23525661' d='m17 14.814.347-.608a.7.7 0 0 0-1.047.608h.7Zm2.556 1.46.347-.607-.347.607Zm0-7.035-.348-.607.348.607ZM17 10.7h-.7a.7.7 0 0 0 1.047.608L17 10.7ZM1.9 8.558a2.3 2.3 0 0 1 2.3-2.3v-1.4a3.7 3.7 0 0 0-3.7 3.7h1.4Zm0 8.4v-8.4H.5v8.4h1.4Zm2.3 2.3a2.3 2.3 0 0 1-2.3-2.3H.5a3.7 3.7 0 0 0 3.7 3.7v-1.4Zm9.8 0H4.2v1.4H14v-1.4Zm2.3-2.3a2.3 2.3 0 0 1-2.3 2.3v1.4a3.7 3.7 0 0 0 3.7-3.7h-1.4Zm0-2.143v2.143h1.4v-2.143h-1.4Zm3.603.853-2.556-1.46-.694 1.215 2.555 1.46.695-1.215Zm1.197-.695a.8.8 0 0 1-1.197.695l-.695 1.215c1.467.838 3.292-.22 3.292-1.91h-1.4Zm0-4.43v4.43h1.4v-4.43h-1.4Zm-1.197-.695a.8.8 0 0 1 1.197.695h1.4c0-1.69-1.825-2.748-3.292-1.91l.695 1.215Zm-2.556 1.46 2.556-1.46-.695-1.215-2.555 1.46.694 1.215ZM16.3 8.557V10.7h1.4V8.557h-1.4Zm-2.3-2.3a2.3 2.3 0 0 1 2.3 2.3h1.4a3.7 3.7 0 0 0-3.7-3.7v1.4Zm-9.8 0H14v-1.4H4.2v1.4Z'/%3e%3ccircle cx='6.8' cy='12.757' r='1.2' fill='%23525661'/%3e%3ccircle cx='11.6' cy='12.757' r='1.2' fill='%23525661'/%3e%3c/svg%3e");
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 24px 24px !important;
    font: 0/0 a
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-broadcast,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-broadcast,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-broadcast,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-broadcast {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3e%3cpath fill='%23D9D9D9' d='m17 14.814.347-.608a.7.7 0 0 0-1.047.608h.7Zm2.556 1.46.347-.607-.347.607Zm0-7.035-.348-.607.348.607ZM17 10.7h-.7a.7.7 0 0 0 1.047.608L17 10.7ZM1.9 8.558a2.3 2.3 0 0 1 2.3-2.3v-1.4a3.7 3.7 0 0 0-3.7 3.7h1.4Zm0 8.4v-8.4H.5v8.4h1.4Zm2.3 2.3a2.3 2.3 0 0 1-2.3-2.3H.5a3.7 3.7 0 0 0 3.7 3.7v-1.4Zm9.8 0H4.2v1.4H14v-1.4Zm2.3-2.3a2.3 2.3 0 0 1-2.3 2.3v1.4a3.7 3.7 0 0 0 3.7-3.7h-1.4Zm0-2.143v2.143h1.4v-2.143h-1.4Zm3.603.853-2.556-1.46-.694 1.215 2.555 1.46.695-1.215Zm1.197-.695a.8.8 0 0 1-1.197.695l-.695 1.215c1.467.838 3.292-.22 3.292-1.91h-1.4Zm0-4.43v4.43h1.4v-4.43h-1.4Zm-1.197-.695a.8.8 0 0 1 1.197.695h1.4c0-1.69-1.825-2.748-3.292-1.91l.695 1.215Zm-2.556 1.46 2.556-1.46-.695-1.215-2.555 1.46.694 1.215ZM16.3 8.557V10.7h1.4V8.557h-1.4Zm-2.3-2.3a2.3 2.3 0 0 1 2.3 2.3h1.4a3.7 3.7 0 0 0-3.7-3.7v1.4Zm-9.8 0H14v-1.4H4.2v1.4Z'/%3e%3ccircle cx='6.8' cy='12.757' r='1.2' fill='%23D5D7DC'/%3e%3ccircle cx='11.6' cy='12.757' r='1.2' fill='%23D5D7DC'/%3e%3c/svg%3e")
}

f #webplayer_top .top_item .serviceUtil [class^=btn-].btn-broadcast:active,f #serviceHeader .serviceUtil [class^=btn-].btn-broadcast:active {
    background-color: rgba(23,25,28,0.3)
}

html[dark=true] f #webplayer_top .top_item .serviceUtil [class^=btn-].btn-broadcast:active,body.thema_dark f #webplayer_top .top_item .serviceUtil [class^=btn-].btn-broadcast:active,html[dark=true] f #serviceHeader .serviceUtil [class^=btn-].btn-broadcast:active,body.thema_dark f #serviceHeader .serviceUtil [class^=btn-].btn-broadcast:active {
    background-color: rgba(246,246,249,0.3)
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-aqua,#serviceHeader .serviceUtil [class^=btn-].btn-aqua {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3crect width='6' height='16.6' x='11.3' y='1.457' stroke='%23525661' stroke-width='1.4' rx='1.8'/%3e%3crect width='8' height='7' x='.7' y='1.457' stroke='%23525661' stroke-width='1.4' rx='1.8'/%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M1.7 12.857a1.8 1.8 0 0 1 1.8-1.8h3.4a1.8 1.8 0 0 1 1.8 1.8v3.4a1.8 1.8 0 0 1-1.8 1.8H3.5a1.8 1.8 0 0 1-1.8-1.8v-3.4Z'/%3e%3c/svg%3e");
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 18px 19px !important;
    font: 0/0 a
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-aqua,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-aqua,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-aqua,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-aqua {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3crect width='6' height='16.6' x='11.3' y='1.457' stroke='%23D5D7DC' stroke-width='1.4' rx='1.8'/%3e%3crect width='8' height='7' x='.7' y='1.457' stroke='%23D5D7DC' stroke-width='1.4' rx='1.8'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M1.7 12.857a1.8 1.8 0 0 1 1.8-1.8h3.4a1.8 1.8 0 0 1 1.8 1.8v3.4a1.8 1.8 0 0 1-1.8 1.8H3.5a1.8 1.8 0 0 1-1.8-1.8v-3.4Z'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-aqua:active,#serviceHeader .serviceUtil [class^=btn-].btn-aqua:active {
    background-color: rgba(23,25,28,0.3)
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-aqua:active,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-aqua:active,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-aqua:active,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-aqua:active {
    background-color: rgba(246,246,249,0.3)
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-notice span,#serviceHeader .serviceUtil [class^=btn-].btn-notice span {
    display: block;
    position: relative;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3e%3cpath fill='%23525661' d='M9.537 20.51a.7.7 0 1 0-.874 1.094l.874-1.094Zm5.8 1.094a.7.7 0 0 0-.874-1.094l.874 1.094ZM12 21.346c-.958 0-1.82-.322-2.463-.836l-.874 1.094A5.34 5.34 0 0 0 12 22.746v-1.4Zm2.463-.836a3.94 3.94 0 0 1-2.463.835v1.4a5.34 5.34 0 0 0 3.337-1.141l-.874-1.094ZM4.414 18.06v-.7h-.017l.017.7Zm-.407-1.043-.576-.399.576.399Zm1.177-3.66-.7-.007v.007h.7ZM5.21 10.9l.7.007V10.9h-.7Zm14.378 7.16.017-.7h-.017v.7Zm.412-1.025.583-.388-.583.388Zm-1.133-3.678-.7-.007v.007h.7Zm.025-2.347.7.007v-.007h-.7ZM4.582 17.416c.657-.948 1.302-2.353 1.302-4.059h-1.4c0 1.349-.511 2.48-1.053 3.261l1.151.798Zm1.302-4.052.025-2.457-1.4-.014-.025 2.457 1.4.014Zm14.698 3.283c-.519-.78-1.016-1.923-1.016-3.29h-1.4c0 1.709.62 3.116 1.25 4.065l1.166-.775Zm-1.016-3.282.025-2.348-1.4-.014-.025 2.347 1.4.015Zm.025-2.355c0-4.496-3.34-8.253-7.591-8.253v1.4c3.36 0 6.19 3.006 6.19 6.853h1.4Zm-.02 7.75c.628.015.99-.466 1.126-.817.14-.363.167-.872-.115-1.296l-1.166.775c-.02-.029-.017-.044-.016-.032a.13.13 0 0 1-.009.05c-.007.018-.008.007.018-.016a.262.262 0 0 1 .075-.043.315.315 0 0 1 .12-.02l-.034 1.399ZM5.908 10.9c0-3.786 2.786-6.743 6.09-6.743v-1.4c-4.195 0-7.49 3.708-7.49 8.143h1.4Zm-1.512 6.46a.315.315 0 0 1 .122.022c.036.014.06.031.075.044.025.022.023.032.015.01a.142.142 0 0 1-.009-.053c0-.014.003.002-.018.033l-1.15-.798c-.295.425-.271.943-.134 1.31.132.352.494.847 1.132.832l-.033-1.4Zm15.19 0H4.414v1.4h15.173v-1.4Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 24px 24px !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font: 0/0 a
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-notice span,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-notice span,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-notice span,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-notice span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3e%3cpath fill='%23D5D7DC' d='M9.537 20.51a.7.7 0 1 0-.874 1.094l.874-1.094Zm5.8 1.094a.7.7 0 0 0-.874-1.094l.874 1.094ZM12 21.346c-.958 0-1.82-.322-2.463-.836l-.874 1.094A5.34 5.34 0 0 0 12 22.746v-1.4Zm2.463-.836a3.94 3.94 0 0 1-2.463.835v1.4a5.34 5.34 0 0 0 3.337-1.141l-.874-1.094ZM4.414 18.06v-.7h-.017l.017.7Zm-.407-1.043-.576-.399.576.399Zm1.177-3.66-.7-.007v.007h.7ZM5.21 10.9l.7.007V10.9h-.7Zm14.378 7.16.017-.7h-.017v.7Zm.412-1.025.583-.388-.583.388Zm-1.133-3.678-.7-.007v.007h.7Zm.025-2.347.7.007v-.007h-.7ZM4.582 17.416c.657-.948 1.302-2.353 1.302-4.059h-1.4c0 1.349-.511 2.48-1.053 3.261l1.151.798Zm1.302-4.052.025-2.457-1.4-.014-.025 2.457 1.4.014Zm14.698 3.283c-.519-.78-1.016-1.923-1.016-3.29h-1.4c0 1.709.62 3.116 1.25 4.065l1.166-.775Zm-1.016-3.282.025-2.348-1.4-.014-.025 2.347 1.4.015Zm.025-2.355c0-4.496-3.34-8.253-7.591-8.253v1.4c3.36 0 6.19 3.006 6.19 6.853h1.4Zm-.02 7.75c.628.015.99-.466 1.126-.817.14-.363.167-.872-.115-1.296l-1.166.775c-.02-.029-.017-.044-.016-.032a.13.13 0 0 1-.009.05c-.007.018-.008.007.018-.016a.262.262 0 0 1 .075-.043.315.315 0 0 1 .12-.02l-.034 1.399ZM5.908 10.9c0-3.786 2.786-6.743 6.09-6.743v-1.4c-4.195 0-7.49 3.708-7.49 8.143h1.4Zm-1.512 6.46a.315.315 0 0 1 .122.022c.036.014.06.031.075.044.025.022.023.032.015.01a.142.142 0 0 1-.009-.053c0-.014.003.002-.018.033l-1.15-.798c-.295.425-.271.943-.134 1.31.132.352.494.847 1.132.832l-.033-1.4Zm15.19 0H4.414v1.4h15.173v-1.4Z'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-notice.new span:after,#serviceHeader .serviceUtil [class^=btn-].btn-notice.new span:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 8px;
    background: #FF2F00;
    width: 5px;
    height: 5px;
    border: 1px solid #fff;
    border-radius: 50%
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-notice.new span:after,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-notice.new span:after,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-notice.new span:after,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-notice.new span:after {
    border: 1px solid #0C0D0E
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-notice:active,#serviceHeader .serviceUtil [class^=btn-].btn-notice:active {
    background-color: rgba(23,25,28,0.3)
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-notice:active,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-notice:active,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-notice:active,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-notice:active {
    background-color: rgba(246,246,249,0.3)
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-login,#serviceHeader .serviceUtil [class^=btn-].btn-login {
    display: flex;
    align-items: center;
    width: auto;
    margin-left: 12px;
    padding: 0 6px;
    border-radius: 6px;
    color: #525661;
    font-size: 15px
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-login,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-login,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-login,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-login {
    color: #D5D7DC
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-login:active,#serviceHeader .serviceUtil [class^=btn-].btn-login:active {
    background-color: rgba(23,25,28,0.3)
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-login:active,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-login:active,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-login:active,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-login:active {
    background-color: rgba(246,246,249,0.3)
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-settings,#serviceHeader .serviceUtil [class^=btn-].btn-settings {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M21 13.383a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-1.5 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    font: 0/0 a
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-settings,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-settings,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-settings,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-settings {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M21 13.383a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-1.5 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-settings:active,#serviceHeader .serviceUtil [class^=btn-].btn-settings:active {
    background-color: rgba(23,25,28,0.3)
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-settings:active,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-settings:active,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-settings:active,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-settings:active {
    background-color: rgba(246,246,249,0.3)
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-allMenu,#serviceHeader .serviceUtil [class^=btn-].btn-allMenu {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M14.115 9.883a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Zm0 11.769a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Zm7.654-7.654a4.115 4.115 0 1 1 8.231 0 4.115 4.115 0 0 1-8.23 0Zm4.116 7.654a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    font: 0/0 a
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-allMenu,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-allMenu,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-allMenu,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-allMenu {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M14.115 9.883a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Zm0 11.769a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Zm7.654-7.654a4.115 4.115 0 1 1 8.231 0 4.115 4.115 0 0 1-8.23 0Zm4.116 7.654a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-allMenu:active,#serviceHeader .serviceUtil [class^=btn-].btn-allMenu:active {
    background-color: rgba(23,25,28,0.3)
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-allMenu:active,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-allMenu:active,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-allMenu:active,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-allMenu:active {
    background-color: rgba(246,246,249,0.3)
}

#webplayer_top .top_item .serviceUtil [class^=btn-]:hover,#serviceHeader .serviceUtil [class^=btn-]:hover {
    background-color: #eeeff1
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-]:hover,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-]:hover,html[dark=true] #serviceHeader .serviceUtil [class^=btn-]:hover,body.thema_dark #serviceHeader .serviceUtil [class^=btn-]:hover {
    background-color: #464A53
}

#webplayer_top .top_item .serviceUtil .profileWrap,#serviceHeader .serviceUtil .profileWrap {
    position: relative
}

#webplayer_top .top_item .serviceUtil .profileWrap .userInfo,#serviceHeader .serviceUtil .profileWrap .userInfo {
    display: flex;
    align-items: center
}

#webplayer_top .top_item .serviceUtil .profileWrap .userInfo .thumb,#serviceHeader .serviceUtil .profileWrap .userInfo .thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    position: relative;
    overflow: hidden;
    background-color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .2s
}

#webplayer_top .top_item .serviceUtil .profileWrap .userInfo .thumb img,#serviceHeader .serviceUtil .profileWrap .userInfo .thumb img {
    width: 32px;
    height: 32px;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 50%;
    object-fit: cover
}

html[dark=true] #webplayer_top .top_item .serviceUtil .profileWrap .userInfo .thumb img,body.thema_dark #webplayer_top .top_item .serviceUtil .profileWrap .userInfo .thumb img,html[dark=true] #serviceHeader .serviceUtil .profileWrap .userInfo .thumb img,body.thema_dark #serviceHeader .serviceUtil .profileWrap .userInfo .thumb img {
    border: 1px solid rgba(117,123,138,0.3)
}

#webplayer_top .top_item .serviceUtil .profileWrap .userInfo.new .thumb:before,#serviceHeader .serviceUtil .profileWrap .userInfo.new .thumb:before {
    content: "";
    position: absolute;
    top: 6px;
    right: 4px;
    background: #FF2F00;
    width: 5px;
    height: 5px;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 5
}

html[dark=true] #webplayer_top .top_item .serviceUtil .profileWrap .userInfo.new .thumb:before,body.thema_dark #webplayer_top .top_item .serviceUtil .profileWrap .userInfo.new .thumb:before,html[dark=true] #serviceHeader .serviceUtil .profileWrap .userInfo.new .thumb:before,body.thema_dark #serviceHeader .serviceUtil .profileWrap .userInfo.new .thumb:before {
    border: 1px solid #0C0D0E
}

#webplayer_top .top_item .serviceUtil .profileWrap.on .loginUserMenu,#serviceHeader .serviceUtil .profileWrap.on .loginUserMenu {
    display: block
}

#webplayer_top .top_item .serviceUtil .broadcastArea.on .btn-broadcast,#serviceHeader .serviceUtil .broadcastArea.on .btn-broadcast {
    background-color: rgba(145,150,161,0.1)
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea.on .btn-broadcast,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea.on .btn-broadcast,html[dark=true] #serviceHeader .serviceUtil .broadcastArea.on .btn-broadcast,body.thema_dark #serviceHeader .serviceUtil .broadcastArea.on .btn-broadcast {
    background-color: rgba(246,246,249,0.1)
}

#webplayer_top .top_item .serviceUtil .broadcastArea.on .btn-broadcast:hover,#serviceHeader .serviceUtil .broadcastArea.on .btn-broadcast:hover {
    background-color: #eeeff1
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea.on .btn-broadcast:hover,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea.on .btn-broadcast:hover,html[dark=true] #serviceHeader .serviceUtil .broadcastArea.on .btn-broadcast:hover,body.thema_dark #serviceHeader .serviceUtil .broadcastArea.on .btn-broadcast:hover {
    background-color: #464A53
}

#webplayer_top .top_item .serviceUtil .broadcastArea.on .btn-broadcast:active,#serviceHeader .serviceUtil .broadcastArea.on .btn-broadcast:active {
    background-color: rgba(23,25,28,0.3)
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea.on .btn-broadcast:active,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea.on .btn-broadcast:active,html[dark=true] #serviceHeader .serviceUtil .broadcastArea.on .btn-broadcast:active,body.thema_dark #serviceHeader .serviceUtil .broadcastArea.on .btn-broadcast:active {
    background-color: rgba(246,246,249,0.3)
}

#webplayer_top .top_item .serviceUtil .broadcastArea.on .broadcast_layer,#serviceHeader .serviceUtil .broadcastArea.on .broadcast_layer {
    display: block
}

#webplayer_top .top_item .serviceUtil .noticeArea.on [class^=btn-].btn-notice span,#serviceHeader .serviceUtil .noticeArea.on [class^=btn-].btn-notice span {
    background: rgba(145,150,161,0.1) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3e%3cpath fill='%23525661' d='M9.537 20.51a.7.7 0 1 0-.874 1.094l.874-1.094Zm5.8 1.094a.7.7 0 0 0-.874-1.094l.874 1.094ZM12 21.346c-.958 0-1.82-.322-2.463-.836l-.874 1.094A5.34 5.34 0 0 0 12 22.746v-1.4Zm2.463-.836a3.94 3.94 0 0 1-2.463.835v1.4a5.34 5.34 0 0 0 3.337-1.141l-.874-1.094ZM4.414 18.06v-.7h-.017l.017.7Zm-.407-1.043-.576-.399.576.399Zm1.177-3.66-.7-.007v.007h.7ZM5.21 10.9l.7.007V10.9h-.7Zm14.378 7.16.017-.7h-.017v.7Zm.412-1.025.583-.388-.583.388Zm-1.133-3.678-.7-.007v.007h.7Zm.025-2.347.7.007v-.007h-.7ZM4.582 17.416c.657-.948 1.302-2.353 1.302-4.059h-1.4c0 1.349-.511 2.48-1.053 3.261l1.151.798Zm1.302-4.052.025-2.457-1.4-.014-.025 2.457 1.4.014Zm14.698 3.283c-.519-.78-1.016-1.923-1.016-3.29h-1.4c0 1.709.62 3.116 1.25 4.065l1.166-.775Zm-1.016-3.282.025-2.348-1.4-.014-.025 2.347 1.4.015Zm.025-2.355c0-4.496-3.34-8.253-7.591-8.253v1.4c3.36 0 6.19 3.006 6.19 6.853h1.4Zm-.02 7.75c.628.015.99-.466 1.126-.817.14-.363.167-.872-.115-1.296l-1.166.775c-.02-.029-.017-.044-.016-.032a.13.13 0 0 1-.009.05c-.007.018-.008.007.018-.016a.262.262 0 0 1 .075-.043.315.315 0 0 1 .12-.02l-.034 1.399ZM5.908 10.9c0-3.786 2.786-6.743 6.09-6.743v-1.4c-4.195 0-7.49 3.708-7.49 8.143h1.4Zm-1.512 6.46a.315.315 0 0 1 .122.022c.036.014.06.031.075.044.025.022.023.032.015.01a.142.142 0 0 1-.009-.053c0-.014.003.002-.018.033l-1.15-.798c-.295.425-.271.943-.134 1.31.132.352.494.847 1.132.832l-.033-1.4Zm15.19 0H4.414v1.4h15.173v-1.4Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea.on [class^=btn-].btn-notice span,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea.on [class^=btn-].btn-notice span,html[dark=true] #serviceHeader .serviceUtil .noticeArea.on [class^=btn-].btn-notice span,body.thema_dark #serviceHeader .serviceUtil .noticeArea.on [class^=btn-].btn-notice span {
    background: rgba(246,246,249,0.1) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3e%3cpath fill='%23D5D7DC' d='M9.537 20.51a.7.7 0 1 0-.874 1.094l.874-1.094Zm5.8 1.094a.7.7 0 0 0-.874-1.094l.874 1.094ZM12 21.346c-.958 0-1.82-.322-2.463-.836l-.874 1.094A5.34 5.34 0 0 0 12 22.746v-1.4Zm2.463-.836a3.94 3.94 0 0 1-2.463.835v1.4a5.34 5.34 0 0 0 3.337-1.141l-.874-1.094ZM4.414 18.06v-.7h-.017l.017.7Zm-.407-1.043-.576-.399.576.399Zm1.177-3.66-.7-.007v.007h.7ZM5.21 10.9l.7.007V10.9h-.7Zm14.378 7.16.017-.7h-.017v.7Zm.412-1.025.583-.388-.583.388Zm-1.133-3.678-.7-.007v.007h.7Zm.025-2.347.7.007v-.007h-.7ZM4.582 17.416c.657-.948 1.302-2.353 1.302-4.059h-1.4c0 1.349-.511 2.48-1.053 3.261l1.151.798Zm1.302-4.052.025-2.457-1.4-.014-.025 2.457 1.4.014Zm14.698 3.283c-.519-.78-1.016-1.923-1.016-3.29h-1.4c0 1.709.62 3.116 1.25 4.065l1.166-.775Zm-1.016-3.282.025-2.348-1.4-.014-.025 2.347 1.4.015Zm.025-2.355c0-4.496-3.34-8.253-7.591-8.253v1.4c3.36 0 6.19 3.006 6.19 6.853h1.4Zm-.02 7.75c.628.015.99-.466 1.126-.817.14-.363.167-.872-.115-1.296l-1.166.775c-.02-.029-.017-.044-.016-.032a.13.13 0 0 1-.009.05c-.007.018-.008.007.018-.016a.262.262 0 0 1 .075-.043.315.315 0 0 1 .12-.02l-.034 1.399ZM5.908 10.9c0-3.786 2.786-6.743 6.09-6.743v-1.4c-4.195 0-7.49 3.708-7.49 8.143h1.4Zm-1.512 6.46a.315.315 0 0 1 .122.022c.036.014.06.031.075.044.025.022.023.032.015.01a.142.142 0 0 1-.009-.053c0-.014.003.002-.018.033l-1.15-.798c-.295.425-.271.943-.134 1.31.132.352.494.847 1.132.832l-.033-1.4Zm15.19 0H4.414v1.4h15.173v-1.4Z'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .noticeArea.on .feed_layer,#serviceHeader .serviceUtil .noticeArea.on .feed_layer {
    display: block !important
}

#webplayer_top .top_item .serviceUtil .settingWrap.on [class^=btn-].btn-settings,#serviceHeader .serviceUtil .settingWrap.on [class^=btn-].btn-settings {
    background: rgba(145,150,161,0.1) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3e%3cpath fill='%2317191C' fill-rule='evenodd' d='M21 13.383a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-1.5 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .settingWrap.on [class^=btn-].btn-settings,body.thema_dark #webplayer_top .top_item .serviceUtil .settingWrap.on [class^=btn-].btn-settings,html[dark=true] #serviceHeader .serviceUtil .settingWrap.on [class^=btn-].btn-settings,body.thema_dark #serviceHeader .serviceUtil .settingWrap.on [class^=btn-].btn-settings {
    background: rgba(246,246,249,0.1) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M21 13.383a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-1.5 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .settingWrap.on .modeSetting,#serviceHeader .serviceUtil .settingWrap.on .modeSetting {
    display: block
}

#webplayer_top .top_item .serviceUtil .serviceMenu.on [class^=btn-].btn-allMenu,#serviceHeader .serviceUtil .serviceMenu.on [class^=btn-].btn-allMenu {
    background: rgba(145,150,161,0.1) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M14.115 9.883a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Zm0 11.769a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Zm7.654-7.654a4.115 4.115 0 1 1 8.231 0 4.115 4.115 0 0 1-8.23 0Zm4.116 7.654a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .serviceMenu.on [class^=btn-].btn-allMenu,body.thema_dark #webplayer_top .top_item .serviceUtil .serviceMenu.on [class^=btn-].btn-allMenu,html[dark=true] #serviceHeader .serviceUtil .serviceMenu.on [class^=btn-].btn-allMenu,body.thema_dark #serviceHeader .serviceUtil .serviceMenu.on [class^=btn-].btn-allMenu {
    background: rgba(246,246,249,0.1) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3e%3cpath fill='%239196A1' fill-rule='evenodd' d='M14.115 9.883a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Zm0 11.769a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Zm7.654-7.654a4.115 4.115 0 1 1 8.231 0 4.115 4.115 0 0 1-8.23 0Zm4.116 7.654a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .serviceMenu.on .allMenuList,#serviceHeader .serviceUtil .serviceMenu.on .allMenuList {
    display: block
}

#webplayer_top .top_item .serviceUtil .profileWrap.on .loginUserMenu,#serviceHeader .serviceUtil .profileWrap.on .loginUserMenu {
    display: block
}

#webplayer_top .top_item .serviceUtil .noticeArea,#serviceHeader .serviceUtil .noticeArea {
    font-size: 0;
    line-height: 0
}

#webplayer_top .top_item .serviceUtil .noticeArea .tooltip,#serviceHeader .serviceUtil .noticeArea .tooltip {
    position: absolute;
    top: 47px;
    left: 50%;
    background: #4279ff;
    padding: 12px 32px 12px 12px;
    border-radius: 8px;
    white-space: nowrap;
    z-index: 3002;
    transform: translateX(-50%)
}

#webplayer_top .top_item .serviceUtil .noticeArea .tooltip:after,#serviceHeader .serviceUtil .noticeArea .tooltip:after {
    content: "";
    position: absolute;
    top: -7px;
    left: 50%;
    background: url("data:image/svg+xml,%3csvg viewBox='0 0 8 7' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath fill='%23FFF' d='M-1641-60H279v960h-1920z'/%3e%3cpath fill='%23FFF' d='M-1641-60H279v80h-1920z'/%3e%3cpath d='M7.657 7.5 4 .843.343 7.5' fill='%234279FF'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    width: 8px;
    height: 7px;
    margin-left: -4px
}

#webplayer_top .top_item .serviceUtil .noticeArea .tooltip p,#serviceHeader .serviceUtil .noticeArea .tooltip p {
    color: #fff;
    font-size: 13px;
    line-height: 1.35 !important;
    font-weight: bold
}

#webplayer_top .top_item .serviceUtil .noticeArea .tooltip .close,#serviceHeader .serviceUtil .noticeArea .tooltip .close {
    position: absolute;
    top: 1px;
    right: 0;
    background: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cpath id='a' d='M0 0h16v16H0z'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h16v16H0z'/%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3cpath d='M13.076 2.158a.54.54 0 0 1 .766.002.546.546 0 0 1 0 .77L8.767 7.998l5.075 5.071a.543.543 0 1 1-.766.771L8 8.767l-5.075 5.075a.541.541 0 0 1-.7.056l-.067-.057a.545.545 0 0 1 .002-.77L7.232 8 2.16 2.93a.542.542 0 1 1 .765-.771l5.074 5.074 5.077-5.075z' fill='%23FFF' mask='url(%23b)'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 16px 16px;
    width: 32px;
    height: 32px;
    font: 0/0 a
}

#webplayer_top .top_item .serviceUtil .broadcastArea .btn-broadcast,#serviceHeader .serviceUtil .broadcastArea .btn-broadcast {
    margin-left: 0
}

#webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer,#serviceHeader .serviceUtil .broadcastArea .broadcast_layer {
    display: none;
    position: absolute;
    top: 50px;
    left: 50%;
    background-color: #fff;
    width: 242px;
    margin-left: -121px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(117,123,138,0.2);
    border-radius: 12px;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15)
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer,html[dark=true] #serviceHeader .serviceUtil .broadcastArea .broadcast_layer,body.thema_dark #serviceHeader .serviceUtil .broadcastArea .broadcast_layer {
    background-color: #1C1E22
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer,html[dark=true] #serviceHeader .serviceUtil .broadcastArea .broadcast_layer,body.thema_dark #serviceHeader .serviceUtil .broadcastArea .broadcast_layer {
    border-color: rgba(117,123,138,0.3)
}

#webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents,#serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents {
    padding: 20px 0;
    text-align: center
}

#webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>strong,#serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>strong {
    color: #0182FF;
    font-size: 19px;
    font-weight: 700
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>strong,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>strong,html[dark=true] #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>strong,body.thema_dark #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>strong {
    color: #0182FF
}

#webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>button,#serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>button {
    position: relative;
    background-color: #0182FF;
    height: 32px;
    margin-top: 16px;
    padding: 0 14px;
    border-radius: 4px;
    color: #FCFCFD;
    font-size: 14px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>button,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>button,html[dark=true] #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>button,body.thema_dark #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>button {
    background-color: #0182FF
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>button,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>button,html[dark=true] #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>button,body.thema_dark #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>button {
    color: #FCFCFD
}

#webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>button:before,#serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>button:before {
    content: "";
    position: absolute;
    top: -12px;
    right: -20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='41' height='24' fill='none'%3e%3cmask id='b' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M9.46.41a9.46 9.46 0 1 0 0 18.918h6.723c-.665.81-1.574 1.667-2.482 2.522l-.01.008c-.652.615-.195 1.639.697 1.546 5.438-.567 8.208-2.294 9.705-4.076h7.448a9.46 9.46 0 0 0 0-18.918H9.459Z' clip-rule='evenodd'/%3e%3c/mask%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M9.46.41a9.46 9.46 0 1 0 0 18.918h6.723c-.665.81-1.574 1.667-2.482 2.522l-.01.008c-.652.615-.195 1.639.697 1.546 5.438-.567 8.208-2.294 9.705-4.076h7.448a9.46 9.46 0 0 0 0-18.918H9.459Z' clip-rule='evenodd'/%3e%3cpath fill='url(%23a)' d='m16.183 19.328 1.16.952a1.5 1.5 0 0 0-1.16-2.452v1.5Zm-2.482 2.522 1.028 1.092L13.7 21.85Zm-.01.008-1.027-1.092 1.028 1.092Zm.697 1.546-.155-1.492.155 1.492Zm9.705-4.076v-1.5a1.5 1.5 0 0 0-1.148.535l1.148.965ZM1.5 9.87A7.96 7.96 0 0 1 9.46 1.91v-3C3.406-1.09-1.5 3.817-1.5 9.87h3Zm7.96 7.96a7.96 7.96 0 0 1-7.96-7.96h-3c0 6.053 4.907 10.96 10.96 10.96v-3Zm6.723 0H9.46v3h6.724v-3Zm-1.454 5.113c.887-.835 1.875-1.762 2.614-2.662l-2.32-1.903c-.59.72-1.421 1.506-2.35 2.38l2.056 2.185Zm-.01.008.01-.008-2.057-2.184-.008.008 2.056 2.184Zm-.486-1.038a.57.57 0 0 1 .336.081c.12.07.209.175.26.288.112.25.04.529-.11.67l-2.055-2.185c-1.665 1.567-.485 4.376 1.88 4.13l-.311-2.984Zm8.712-3.549c-1.18 1.403-3.541 3.01-8.712 3.549l.31 2.983c5.705-.594 8.883-2.441 10.699-4.601l-2.297-1.931Zm8.596-.535h-7.448v3h7.448v-3ZM39.5 9.87a7.96 7.96 0 0 1-7.96 7.96v3c6.053 0 10.96-4.907 10.96-10.96h-3ZM31.54 1.91a7.96 7.96 0 0 1 7.96 7.96h3c0-6.053-4.907-10.96-10.96-10.96v3Zm-22.08 0h22.08v-3H9.46v3Z' mask='url(%23b)'/%3e%3cpath fill='url(%23c)' d='M15.156 6.473v7.777H13.91l-3.685-5.317h-.064v5.317H8.764V6.473h1.268l3.663 5.317h.075V6.473h1.386Zm1.44 7.777V6.473h5.059v1.17h-3.663v2.128h3.394v1.17h-3.394v2.127h3.684v1.182h-5.08Zm8.045 0L22.45 6.473h1.504l1.407 5.725h.075l1.493-5.725h1.375l1.504 5.736h.065l1.407-5.736h1.504l-2.192 7.777h-1.386L27.65 8.782h-.054l-1.568 5.468H24.64Z'/%3e%3cdefs%3e%3clinearGradient id='a' x1='4.189' x2='37.918' y1='-.684' y2='25.886' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%230082FF'/%3e%3cstop offset='.42' stop-color='%230A96FF'/%3e%3cstop offset='.56' stop-color='%2305BCFF'/%3e%3cstop offset='.76' stop-color='%2300F0FF'/%3e%3cstop offset='.79' stop-color='%2304F0FC'/%3e%3cstop offset='.82' stop-color='%2310F1F5'/%3e%3cstop offset='.85' stop-color='%2324F4E8'/%3e%3cstop offset='.89' stop-color='%2340F7D7'/%3e%3cstop offset='.92' stop-color='%2364FBC1'/%3e%3cstop offset='.94' stop-color='%2382FFB0'/%3e%3c/linearGradient%3e%3clinearGradient id='c' x1='-11' x2='48.172' y1='7.75' y2='29.682' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%230082FF'/%3e%3cstop offset='.42' stop-color='%230A96FF'/%3e%3cstop offset='.56' stop-color='%2305BCFF'/%3e%3cstop offset='.76' stop-color='%2300F0FF'/%3e%3cstop offset='.79' stop-color='%2304F0FC'/%3e%3cstop offset='.82' stop-color='%2310F1F5'/%3e%3cstop offset='.85' stop-color='%2324F4E8'/%3e%3cstop offset='.89' stop-color='%2340F7D7'/%3e%3cstop offset='.92' stop-color='%2364FBC1'/%3e%3cstop offset='.94' stop-color='%2382FFB0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 41px;
    height: 23px;
    animation: bounce 2s ease infinite
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>button:before,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>button:before,html[dark=true] #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>button:before,body.thema_dark #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>button:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='41' height='24' fill='none'%3e%3cmask id='b' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M9.46.41a9.46 9.46 0 1 0 0 18.918h6.723c-.665.81-1.574 1.667-2.482 2.522l-.01.008c-.652.615-.195 1.639.697 1.546 5.438-.567 8.208-2.294 9.705-4.076h7.448a9.46 9.46 0 0 0 0-18.918H9.459Z' clip-rule='evenodd'/%3e%3c/mask%3e%3cpath fill='%23000' fill-rule='evenodd' d='M9.46.41a9.46 9.46 0 1 0 0 18.918h6.723c-.665.81-1.574 1.667-2.482 2.522l-.01.008c-.652.615-.195 1.639.697 1.546 5.438-.567 8.208-2.294 9.705-4.076h7.448a9.46 9.46 0 0 0 0-18.918H9.459Z' clip-rule='evenodd'/%3e%3cpath fill='url(%23a)' d='m16.183 19.328 1.16.952a1.5 1.5 0 0 0-1.16-2.452v1.5Zm-2.482 2.522 1.028 1.092L13.7 21.85Zm-.01.008-1.027-1.092 1.028 1.092Zm.697 1.546-.155-1.492.155 1.492Zm9.705-4.076v-1.5a1.5 1.5 0 0 0-1.148.535l1.148.965ZM1.5 9.87A7.96 7.96 0 0 1 9.46 1.91v-3C3.406-1.09-1.5 3.817-1.5 9.87h3Zm7.96 7.96a7.96 7.96 0 0 1-7.96-7.96h-3c0 6.053 4.907 10.96 10.96 10.96v-3Zm6.723 0H9.46v3h6.724v-3Zm-1.454 5.113c.887-.835 1.875-1.762 2.614-2.662l-2.32-1.903c-.59.72-1.421 1.506-2.35 2.38l2.056 2.185Zm-.01.008.01-.008-2.057-2.184-.008.008 2.056 2.184Zm-.486-1.038a.57.57 0 0 1 .336.081c.12.07.209.175.26.288.112.25.04.529-.11.67l-2.055-2.185c-1.665 1.567-.485 4.376 1.88 4.13l-.311-2.984Zm8.712-3.549c-1.18 1.403-3.541 3.01-8.712 3.549l.31 2.983c5.705-.594 8.883-2.441 10.699-4.601l-2.297-1.931Zm8.596-.535h-7.448v3h7.448v-3ZM39.5 9.87a7.96 7.96 0 0 1-7.96 7.96v3c6.053 0 10.96-4.907 10.96-10.96h-3ZM31.54 1.91a7.96 7.96 0 0 1 7.96 7.96h3c0-6.053-4.907-10.96-10.96-10.96v3Zm-22.08 0h22.08v-3H9.46v3Z' mask='url(%23b)'/%3e%3cpath fill='url(%23c)' d='M15.156 6.473v7.777H13.91l-3.685-5.317h-.064v5.317H8.764V6.473h1.268l3.663 5.317h.075V6.473h1.386Zm1.44 7.777V6.473h5.059v1.17h-3.663v2.128h3.394v1.17h-3.394v2.127h3.684v1.182h-5.08Zm8.045 0L22.45 6.473h1.504l1.407 5.725h.075l1.493-5.725h1.375l1.504 5.736h.065l1.407-5.736h1.504l-2.192 7.777h-1.386L27.65 8.782h-.054l-1.568 5.468H24.64Z'/%3e%3cdefs%3e%3clinearGradient id='a' x1='4.189' x2='37.918' y1='-.684' y2='25.886' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%230082FF'/%3e%3cstop offset='.42' stop-color='%230A96FF'/%3e%3cstop offset='.56' stop-color='%2305BCFF'/%3e%3cstop offset='.76' stop-color='%2300F0FF'/%3e%3cstop offset='.79' stop-color='%2304F0FC'/%3e%3cstop offset='.82' stop-color='%2310F1F5'/%3e%3cstop offset='.85' stop-color='%2324F4E8'/%3e%3cstop offset='.89' stop-color='%2340F7D7'/%3e%3cstop offset='.92' stop-color='%2364FBC1'/%3e%3cstop offset='.94' stop-color='%2382FFB0'/%3e%3c/linearGradient%3e%3clinearGradient id='c' x1='-11' x2='48.172' y1='7.75' y2='29.682' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%230082FF'/%3e%3cstop offset='.42' stop-color='%230A96FF'/%3e%3cstop offset='.56' stop-color='%2305BCFF'/%3e%3cstop offset='.76' stop-color='%2300F0FF'/%3e%3cstop offset='.79' stop-color='%2304F0FC'/%3e%3cstop offset='.82' stop-color='%2310F1F5'/%3e%3cstop offset='.85' stop-color='%2324F4E8'/%3e%3cstop offset='.89' stop-color='%2340F7D7'/%3e%3cstop offset='.92' stop-color='%2364FBC1'/%3e%3cstop offset='.94' stop-color='%2382FFB0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e")
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-5px)
    }

    60% {
        transform: translateY(-2px)
    }
}

#webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .btm_bar,#serviceHeader .serviceUtil .broadcastArea .broadcast_layer .btm_bar {
    padding: 7px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: rgba(117,123,138,0.2);
    text-align: right
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .btm_bar,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .btm_bar,html[dark=true] #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .btm_bar,body.thema_dark #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .btm_bar {
    border-color: rgba(117,123,138,0.3)
}

#webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button,#serviceHeader .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button {
    padding: 5px;
    color: #757B8A;
    font-size: 12px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button,html[dark=true] #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button,body.thema_dark #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button {
    color: #9196A1
}

#webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button:after,#serviceHeader .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button:after {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3e%3cpath fill='%23ACB0B9' stroke='%23ACB0B9' stroke-width='.1' d='m5.564 2.965-.036-.036-.035.036-.528.528-.036.035.036.036L8.402 7l-3.437 3.436-.036.036.036.035.528.528.035.036.036-.036 4-4L9.599 7l-.035-.035-4-4Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 14px;
    height: 14px;
    vertical-align: -3px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button:after,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button:after,html[dark=true] #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button:after,body.thema_dark #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3e%3cpath fill='%239196A1' stroke='%239196A1' stroke-width='.1' d='m5.564 2.965-.036-.036-.035.036-.528.528-.036.035.036.036L8.402 7l-3.437 3.436-.036.036.036.035.528.528.035.036.036-.036 4-4L9.599 7l-.035-.035-4-4Z'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .balloonArea .gauge,#serviceHeader .serviceUtil .balloonArea .gauge {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    z-index: 3001
}

#webplayer_top .top_item .serviceUtil .noticeArea,#webplayer_top .top_item .serviceUtil .settingWrap,#webplayer_top .top_item .serviceUtil .profileWrap,#webplayer_top .top_item .serviceUtil .serviceMenu,#webplayer_top .top_item .serviceUtil .btn-broadcast,#webplayer_top .top_item .serviceUtil .broadcastArea,#serviceHeader .serviceUtil .noticeArea,#serviceHeader .serviceUtil .settingWrap,#serviceHeader .serviceUtil .profileWrap,#serviceHeader .serviceUtil .serviceMenu,#serviceHeader .serviceUtil .btn-broadcast,#serviceHeader .serviceUtil .broadcastArea {
    position: relative;
    margin-left: 12px
}

.sitemap_wrap #serviceHeader,#serviceHeader.headerSub {
    position: relative;
    min-width: 960px;
    border-bottom: 0
}

html[dark=true] .sitemap_wrap #serviceHeader,body.thema_dark .sitemap_wrap #serviceHeader,html[dark=true] #serviceHeader.headerSub,body.thema_dark #serviceHeader.headerSub {
    border-bottom: 0
}

.sitemap_wrap #serviceHeader .innerHeader,#serviceHeader.headerSub .innerHeader {
    position: relative;
    max-width: 960px;
    margin: 0 auto
}

.sitemap_wrap #serviceHeader .innerHeader *,#serviceHeader.headerSub .innerHeader * {
    text-indent: 0
}

.sitemap_wrap #serviceHeader .innerHeader .top_searcharea_wrap,#serviceHeader.headerSub .innerHeader .top_searcharea_wrap {
    position: absolute;
    top: 0;
    left: 50%;
    width: 300px;
    padding: 0;
    transform: translateX(-50%);
    z-index: 1500
}

.sitemap_wrap #serviceHeader .innerHeader .top_searcharea_wrap .save_area,#serviceHeader.headerSub .innerHeader .top_searcharea_wrap .save_area {
    width: 312px
}

.sitemap_wrap #serviceHeader .btn_flexible+.logo_wrap,#serviceHeader.headerSub .btn_flexible+.logo_wrap {
    left: 66px !important
}

.sitemap_wrap #serviceHeader .logo_wrap,#serviceHeader.headerSub .logo_wrap {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0
}

.sitemap_wrap #serviceHeader .logo_wrap #logo,#serviceHeader.headerSub .logo_wrap #logo {
    display: flex;
    align-items: center
}

.sitemap_wrap #serviceHeader .logo_wrap #logo a,#serviceHeader.headerSub .logo_wrap #logo a {
    display: flex;
    align-items: center;
    max-height: 45px;
    height: 100%;
    font: 0/0 a
}

.sitemap_wrap #serviceHeader .logo_wrap #logo a.text,#serviceHeader.headerSub .logo_wrap #logo a.text {
    display: flex;
    align-items: center;
    background: none;
    width: auto;
    height: auto;
    margin-left: -8px;
    color: #0f0f0f;
    font-size: 22px;
    line-height: 1.2;
    font-weight: bold
}

.sitemap_wrap #serviceHeader .logo_wrap #logo+.logo-secondary,#serviceHeader.headerSub .logo_wrap #logo+.logo-secondary {
    margin-left: 6px
}

.sitemap_wrap #serviceHeader .collabo_brand,#serviceHeader.headerSub .collabo_brand {
    position: relative
}

.sitemap_wrap #serviceHeader .collabo_brand:before,#serviceHeader.headerSub .collabo_brand:before {
    content: "";
    position: absolute;
    top: 0;
    left: -24px;
    background: url("data:image/svg+xml,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.064.506a.75.75 0 1 0-1.128.988L4.003 5 .936 8.506a.75.75 0 0 0 1.128.988L5 6.139l2.936 3.355a.75.75 0 1 0 1.128-.988L5.997 5l3.067-3.506A.75.75 0 1 0 7.936.506L5 3.861 2.064.506z' fill='%23AAA'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 10px 10px;
    width: 25px;
    height: 40px
}

.sitemap_wrap #serviceHeader .serviceUtil,#serviceHeader.headerSub .serviceUtil {
    right: 0
}

.sitemap_wrap #serviceHeader .serviceUtil .btn-search,#serviceHeader.headerSub .serviceUtil .btn-search {
    display: none
}

body.sitemap_wrap #serviceHeader.headerSub {
    border-bottom: 0
}

body.sitemap_wrap #serviceHeader.headerSub:after {
    top: 140px
}

.safari_b #serviceHeader.headerSub #menu .menu.text li a {
    font-size: 15px
}

#addon {
    margin-top: 13px
}

#addon .subTitle {
    max-width: 960px;
    margin: 0 auto;
    line-height: 1.2 !important;
    text-align: left
}

#addon .subTitle a {
    color: #0f0f0f;
    font-size: 32px;
    font-weight: 600;
    text-decoration: none
}

html[dark=true] #addon .subTitle a,body.thema_dark #addon .subTitle a {
    color: #E2E4E9
}

#addon .menu_wrap {
    position: relative
}

#addon .menu_wrap.dept2 {
    height: 116px
}

#addon .menu_wrap .menu_inner {
    min-width: 960px;
    margin: 0 auto;
    border-bottom: 1px solid rgba(117,123,138,0.2)
}

html[dark=true] #addon .menu_wrap .menu_inner,body.thema_dark #addon .menu_wrap .menu_inner {
    border-bottom: 1px solid rgba(117,123,138,0.3)
}

#addon .menu_wrap .menu_inner .menu_list {
    position: relative;
    max-width: 960px;
    margin: 12px auto 0;
    padding: 0
}

#addon .menu_wrap .menu_inner .menu_list:after {
    content: "";
    display: block;
    clear: both
}

#addon .menu_wrap .menu_inner .menu_list>li {
    float: left;
    list-style: none;
    margin-right: 18px
}

#addon .menu_wrap .menu_inner .menu_list>li>a {
    display: block;
    height: 49px;
    padding: 0 2px;
    border-bottom: 2px solid transparent;
    color: #525661;
    font-size: 16px;
    line-height: 49px !important;
    text-decoration: none;
    transition: all .2s
}

html[dark=true] #addon .menu_wrap .menu_inner .menu_list>li>a,body.thema_dark #addon .menu_wrap .menu_inner .menu_list>li>a {
    color: #D5D7DC
}

#addon .menu_wrap .menu_inner .menu_list>li>a .target_blank {
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 0 0 5px;
    vertical-align: 2px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #ACB0B9
}

html[dark=true] #addon .menu_wrap .menu_inner .menu_list>li>a .target_blank,body.thema_dark #addon .menu_wrap .menu_inner .menu_list>li>a .target_blank {
    border-left: #757B8A
}

#addon .menu_wrap .menu_inner .menu_list>li>a.blank {
    color: #525661
}

html[dark=true] #addon .menu_wrap .menu_inner .menu_list>li>a.blank,body.thema_dark #addon .menu_wrap .menu_inner .menu_list>li>a.blank {
    color: #D5D7DC
}

#addon .menu_wrap .menu_inner .menu_list>li>a:hover {
    color: #0182FF !important
}

#addon .menu_wrap .menu_inner .menu_list>li a:hover .target_blank {
    border-left-color: #0182FF !important
}

#addon .menu_wrap .menu_inner .menu_list>li.on>a {
    border-color: #0182FF !important;
    color: #0182FF !important;
    font-weight: 600
}

#addon .menu_wrap .menu_inner .menu_list>li.on .sub {
    display: flex
}

#addon .menu_wrap .menu_inner .menu_list>li.link a {
    display: flex;
    align-items: flex-start
}

#addon .menu_wrap .menu_inner .menu_list>li.link a:after {
    content: "";
    display: block;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 5'%3e%3cpath fill-rule='evenodd' fill='%23999' d='M0 5V0h1v1h1v1h1v1H2v1H1v1H0'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    width: 3px;
    height: 5px;
    margin: 7px 0 0 5px
}

#addon .menu_wrap .menu_inner .menu_list>li.floatR {
    float: right;
    margin: 0;
    padding: 0 9px
}

#addon .menu_wrap .menu_inner .menu_list>li.floatR img {
    margin-top: -2px
}

#addon .menu_wrap .menu_inner .menu_list>li.nsb {
    height: 35px
}

#addon .menu_wrap .menu_inner .menu_list>li.cast {
    margin-left: 10px
}

#addon .menu_wrap .menu_inner .menu_list>li.bar {
    margin-left: 5px;
    padding-left: 7px;
    background: url(/images/gnb_new/bul_bar.gif) no-repeat 0 10px
}

#addon .menu_wrap .menu_inner .menu_list>li.line {
    background: url(/images/gnb_new/case_line.gif) left 0 no-repeat;
    padding-left: 1px;
    margin-left: 10px;
    padding-left: 10px
}

#addon .menu_wrap .menu_inner .menu_list>li.tv_game {
    position: absolute;
    right: 12px;
    top: 0
}

#addon .menu_wrap .menu_inner .menu_list>li.bn_prm_15 {
    display: block;
    position: absolute;
    right: 0;
    top: -15px
}

#addon .menu_wrap .menu_inner .menu_list>li.bn_prm {
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

#addon .menu_wrap .menu_inner .menu_list>li.btn_r {
    position: absolute;
    top: 0;
    right: 0
}

#addon .menu_wrap .menu_inner .menu_list>li .ic_new {
    position: absolute;
    top: -7px;
    width: 0;
    display: none
}

#addon .menu_wrap .menu_inner .menu_list .sub {
    display: none;
    position: absolute;
    top: 51px;
    left: 0px;
    width: 960px;
    margin: 0;
    padding: 15px 0 20px 0;
    z-index: 1
}

#addon .menu_wrap .menu_inner .menu_list .sub li {
    position: relative;
    height: auto
}

#addon .menu_wrap .menu_inner .menu_list .sub li a {
    display: block;
    height: 28px;
    margin: 0 3px;
    padding: 0 12px;
    border-radius: 100px;
    color: #17191C;
    font-size: 14px;
    line-height: 28px !important;
    font-weight: normal;
    text-decoration: none;
    transition: all .2s
}

html[dark=true] #addon .menu_wrap .menu_inner .menu_list .sub li a,body.thema_dark #addon .menu_wrap .menu_inner .menu_list .sub li a {
    color: #D5D7DC
}

#addon .menu_wrap .menu_inner .menu_list .sub li a:hover {
    background: #F1F2F4;
    color: #17191C
}

html[dark=true] #addon .menu_wrap .menu_inner .menu_list .sub li a:hover,body.thema_dark #addon .menu_wrap .menu_inner .menu_list .sub li a:hover {
    background: #3B3D45
}

html[dark=true] #addon .menu_wrap .menu_inner .menu_list .sub li a:hover,body.thema_dark #addon .menu_wrap .menu_inner .menu_list .sub li a:hover {
    color: #E2E4E9
}

#addon .menu_wrap .menu_inner .menu_list .sub li a:active {
    background: #E2E4E9
}

html[dark=true] #addon .menu_wrap .menu_inner .menu_list .sub li a:active,body.thema_dark #addon .menu_wrap .menu_inner .menu_list .sub li a:active {
    background: #525661
}

#addon .menu_wrap .menu_inner .menu_list .sub li.on a {
    background: rgba(1,130,255,0.05);
    border: 1px solid rgba(1,130,255,0.08);
    border-radius: 60px;
    color: #0182FF !important
}

#addon .menu_wrap .menu_inner .menu_list .sub li.on a:hover {
    background: rgba(1,130,255,0.1) !important
}

#addon .menu_wrap .menu_inner .menu_list .sub li.on a:active {
    background: rgba(1,130,255,0.2) !important
}

#addon .menu_wrap .menu_inner .menu_list .sub li:first-child a {
    margin-left: 0
}

#addon .menu_wrap .menu_inner .menu_list .sub img {
    vertical-align: top
}

#addon .menu_wrap .menu_inner .rt_conts {
    position: absolute;
    top: calc(50% - 12px);
    left: 50%;
    right: auto;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    transform: translate(-50%, -50%)
}

#addon .menu_wrap .menu_inner .rt_conts .btn_sendNote {
    position: absolute;
    right: 0
}

#addon .menu_wrap .menu_inner .rt_conts .btn_sendNote:hover {
    color: #0182FF
}

.log_area .btn_more,.login_area .btn_more {
    position: relative;
    top: 0;
    right: 0;
    background: url("data:image/svg+xml,%3csvg viewBox='0 0 3 15' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m1.5 9c-0.829 0-1.5-0.672-1.5-1.5-0-0.829 0.671-1.5 1.5-1.5 0.828 0 1.5 0.671 1.5 1.5 0 0.828-0.672 1.5-1.5 1.5zm0-6c-0.829 0-1.5-0.672-1.5-1.5-0-0.829 0.671-1.5 1.5-1.5 0.828-0 1.5 0.671 1.5 1.5 0 0.828-0.672 1.5-1.5 1.5zm0 9c0.828 0 1.5 0.671 1.5 1.5 0 0.828-0.672 1.5-1.5 1.5-0.829 0-1.5-0.672-1.5-1.5-0-0.829 0.671-1.5 1.5-1.5z' fill='%23666'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 3px 15px;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    padding: 0;
    border: 0;
    font: 0/0 a;
    outline: none;
    vertical-align: middle
}

.log_area .btn_more:hover,.login_area .btn_more:hover {
    background: url("data:image/svg+xml,%3csvg viewBox='0 0 3 15' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m1.5 9c-0.829 0-1.5-0.672-1.5-1.5-0-0.829 0.671-1.5 1.5-1.5 0.828 0 1.5 0.671 1.5 1.5 0 0.828-0.672 1.5-1.5 1.5zm0-6c-0.829 0-1.5-0.672-1.5-1.5-0-0.829 0.671-1.5 1.5-1.5 0.828-0 1.5 0.671 1.5 1.5 0 0.828-0.672 1.5-1.5 1.5zm0 9c0.828 0 1.5 0.671 1.5 1.5 0 0.828-0.672 1.5-1.5 1.5-0.829 0-1.5-0.672-1.5-1.5-0-0.829 0.671-1.5 1.5-1.5z' fill='%235285ff'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 3px 15px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .serviceUtil .noticeArea .tooltip,html[dark=true] #serviceHeader .serviceUtil .noticeArea .tooltip,body.thema_dark #webplayer_top .top_item .serviceUtil .serviceUtil .noticeArea .tooltip,body.thema_dark #serviceHeader .serviceUtil .noticeArea .tooltip,.theme_dark #webplayer_top .top_item .serviceUtil .serviceUtil .noticeArea .tooltip,.theme_dark #serviceHeader .serviceUtil .noticeArea .tooltip,body.smode #webplayer_top .top_item .serviceUtil .serviceUtil .noticeArea .tooltip,body.smode #serviceHeader .serviceUtil .noticeArea .tooltip {
    background: #7398ff
}

html[dark=true] #webplayer_top .top_item .serviceUtil .serviceUtil .noticeArea .tooltip:after,html[dark=true] #serviceHeader .serviceUtil .noticeArea .tooltip:after,body.thema_dark #webplayer_top .top_item .serviceUtil .serviceUtil .noticeArea .tooltip:after,body.thema_dark #serviceHeader .serviceUtil .noticeArea .tooltip:after,.theme_dark #webplayer_top .top_item .serviceUtil .serviceUtil .noticeArea .tooltip:after,.theme_dark #serviceHeader .serviceUtil .noticeArea .tooltip:after,body.smode #webplayer_top .top_item .serviceUtil .serviceUtil .noticeArea .tooltip:after,body.smode #serviceHeader .serviceUtil .noticeArea .tooltip:after {
    background: url("data:image/svg+xml,%3csvg viewBox='0 0 8 7' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath fill='%23121213' d='M-1641-60H279v960h-1920z'/%3e%3cpath d='M-1641-60H279v80h-1920z' fill='%23202020'/%3e%3cpath d='M7.657 7.5 4 .843.343 7.5' fill='%237398FF'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

html[dark=true] .log_area .btn_more,html[dark=true] .login_area .btn_more,body.thema_dark .log_area .btn_more,body.thema_dark .login_area .btn_more,.theme_dark .log_area .btn_more,.theme_dark .login_area .btn_more,body.smode .log_area .btn_more,body.smode .login_area .btn_more {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='3' height='15'%3e%3cdefs%3e%3cfilter id='a'%3e%3cfeFlood flood-color='%23fff' flood-opacity='1' result='floodOut'/%3e%3cfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut'/%3e%3cfeBlend in='compOut' in2='SourceGraphic'/%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)'%3e%3cpath fill-rule='evenodd' fill='%23666' d='M1.5 9C.671 9 0 8.328 0 7.5 0 6.671.671 6 1.5 6 2.328 6 3 6.671 3 7.5 3 8.328 2.328 9 1.5 9zm0-6C.671 3 0 2.328 0 1.5 0 .671.671 0 1.5 0 2.328 0 3 .671 3 1.5 3 2.328 2.328 3 1.5 3zm0 9c.828 0 1.5.671 1.5 1.5 0 .828-.672 1.5-1.5 1.5-.829 0-1.5-.672-1.5-1.5 0-.829.671-1.5 1.5-1.5z'/%3e%3c/g%3e%3c/svg%3e") center no-repeat
}

html[dark=true] #header,html[dark=true] #af-header,body.thema_dark #header,body.thema_dark #af-header,.theme_dark #header,.theme_dark #af-header,body.smode #header,body.smode #af-header {
    background: #1b1b1c
}

html[dark=true] #header .log_area .nickname,body.thema_dark #header .log_area .nickname,.theme_dark #header .log_area .nickname,body.smode #header .log_area .nickname {
    color: #8db4fa
}

html[dark=true] #header .join_area a,body.thema_dark #header .join_area a,.theme_dark #header .join_area a,body.smode #header .join_area a {
    color: #c8c8c8
}

html[dark=true] #search .search_area h3,html[dark=true] #search .search_area h3 a,body.thema_dark #search .search_area h3,body.thema_dark #search .search_area h3 a,.theme_dark #search .search_area h3,.theme_dark #search .search_area h3 a,body.smode #search .search_area h3,body.smode #search .search_area h3 a {
    color: #fff
}

html[dark=true] #header .user_area,html[dark=true] #af_gnb_sub #gArea .user_area,body.thema_dark #header .user_area,body.thema_dark #af_gnb_sub #gArea .user_area,.theme_dark #header .user_area,.theme_dark #af_gnb_sub #gArea .user_area,body.smode #header .user_area,body.smode #af_gnb_sub #gArea .user_area {
    background: #1b1b1c;
    border-color: #333
}

html[dark=true] #header .user_area .btn_set1,html[dark=true] #af_gnb_sub #gArea .user_area .btn_set1,body.thema_dark #header .user_area .btn_set1,body.thema_dark #af_gnb_sub #gArea .user_area .btn_set1,.theme_dark #header .user_area .btn_set1,.theme_dark #af_gnb_sub #gArea .user_area .btn_set1,body.smode #header .user_area .btn_set1,body.smode #af_gnb_sub #gArea .user_area .btn_set1 {
    border-color: #282828
}

html[dark=true] #header .user_area .btn_set1 .mybs:after,html[dark=true] #af_gnb_sub #gArea .user_area .btn_set1 .mybs:after,body.thema_dark #header .user_area .btn_set1 .mybs:after,body.thema_dark #af_gnb_sub #gArea .user_area .btn_set1 .mybs:after,.theme_dark #header .user_area .btn_set1 .mybs:after,.theme_dark #af_gnb_sub #gArea .user_area .btn_set1 .mybs:after,body.smode #header .user_area .btn_set1 .mybs:after,body.smode #af_gnb_sub #gArea .user_area .btn_set1 .mybs:after {
    background: #282828
}

html[dark=true] #header .user_area .btn_set2,html[dark=true] #af_gnb_sub #gArea .user_area .btn_set2,body.thema_dark #header .user_area .btn_set2,body.thema_dark #af_gnb_sub #gArea .user_area .btn_set2,.theme_dark #header .user_area .btn_set2,.theme_dark #af_gnb_sub #gArea .user_area .btn_set2,body.smode #header .user_area .btn_set2,body.smode #af_gnb_sub #gArea .user_area .btn_set2 {
    background: #222;
    border-color: #222
}

html[dark=true] #header .user_area .my_tlist li a,html[dark=true] #af_gnb_sub #gArea .user_area .my_tlist li a,body.thema_dark #header .user_area .my_tlist li a,body.thema_dark #af_gnb_sub #gArea .user_area .my_tlist li a,.theme_dark #header .user_area .my_tlist li a,.theme_dark #af_gnb_sub #gArea .user_area .my_tlist li a,body.smode #header .user_area .my_tlist li a,body.smode #af_gnb_sub #gArea .user_area .my_tlist li a {
    color: #999
}

html[dark=true] #header .user_area .my_tlist.borderT,html[dark=true] #af_gnb_sub #gArea .user_area .my_tlist.borderT,body.thema_dark #header .user_area .my_tlist.borderT,body.thema_dark #af_gnb_sub #gArea .user_area .my_tlist.borderT,.theme_dark #header .user_area .my_tlist.borderT,.theme_dark #af_gnb_sub #gArea .user_area .my_tlist.borderT,body.smode #header .user_area .my_tlist.borderT,body.smode #af_gnb_sub #gArea .user_area .my_tlist.borderT {
    border-color: #333
}

html[dark=true] #header .user_area .arrw:before,html[dark=true] #header .user_area .arrw:after,html[dark=true] #af_gnb_sub #gArea .user_area .arrw:before,html[dark=true] #af_gnb_sub #gArea .user_area .arrw:after,body.thema_dark #header .user_area .arrw:before,body.thema_dark #header .user_area .arrw:after,body.thema_dark #af_gnb_sub #gArea .user_area .arrw:before,body.thema_dark #af_gnb_sub #gArea .user_area .arrw:after,.theme_dark #header .user_area .arrw:before,.theme_dark #header .user_area .arrw:after,.theme_dark #af_gnb_sub #gArea .user_area .arrw:before,.theme_dark #af_gnb_sub #gArea .user_area .arrw:after,body.smode #header .user_area .arrw:before,body.smode #header .user_area .arrw:after,body.smode #af_gnb_sub #gArea .user_area .arrw:before,body.smode #af_gnb_sub #gArea .user_area .arrw:after {
    border-color: transparent transparent #333 transparent;
    border-style: solid;
    border-width: 7px
}

html[dark=true] #header .user_area .arrw:after,html[dark=true] #af_gnb_sub #gArea .user_area .arrw:after,body.thema_dark #header .user_area .arrw:after,body.thema_dark #af_gnb_sub #gArea .user_area .arrw:after,.theme_dark #header .user_area .arrw:after,.theme_dark #af_gnb_sub #gArea .user_area .arrw:after,body.smode #header .user_area .arrw:after,body.smode #af_gnb_sub #gArea .user_area .arrw:after {
    top: -5px;
    border-color: transparent transparent #1b1b1c transparent
}

html[dark=true] .log_area .btn_more,html[dark=true] .login_area .btn_more,body.thema_dark .log_area .btn_more,body.thema_dark .login_area .btn_more,.theme_dark .log_area .btn_more,.theme_dark .login_area .btn_more,body.smode .log_area .btn_more,body.smode .login_area .btn_more {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='3' height='15'%3e%3cdefs%3e%3cfilter id='a'%3e%3cfeFlood flood-color='%23fff' flood-opacity='1' result='floodOut'/%3e%3cfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut'/%3e%3cfeBlend in='compOut' in2='SourceGraphic'/%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)'%3e%3cpath fill-rule='evenodd' fill='%23666' d='M1.5 9C.671 9 0 8.328 0 7.5 0 6.671.671 6 1.5 6 2.328 6 3 6.671 3 7.5 3 8.328 2.328 9 1.5 9zm0-6C.671 3 0 2.328 0 1.5 0 .671.671 0 1.5 0 2.328 0 3 .671 3 1.5 3 2.328 2.328 3 1.5 3zm0 9c.828 0 1.5.671 1.5 1.5 0 .828-.672 1.5-1.5 1.5-.829 0-1.5-.672-1.5-1.5 0-.829.671-1.5 1.5-1.5z'/%3e%3c/g%3e%3c/svg%3e") center no-repeat
}

html[dark=true] .mode_set_area,body.thema_dark .mode_set_area,.theme_dark .mode_set_area,body.smode .mode_set_area {
    background: #1b1b1c;
    border-color: #333333
}

html[dark=true] .mode_set_area:before,html[dark=true] .mode_set_area:after,body.thema_dark .mode_set_area:before,body.thema_dark .mode_set_area:after,.theme_dark .mode_set_area:before,.theme_dark .mode_set_area:after,body.smode .mode_set_area:before,body.smode .mode_set_area:after {
    content: "";
    position: absolute;
    top: -14px;
    right: 18px;
    border-color: transparent transparent #333 transparent;
    border-style: solid;
    border-width: 7px
}

html[dark=true] .mode_set_area:after,body.thema_dark .mode_set_area:after,.theme_dark .mode_set_area:after,body.smode .mode_set_area:after {
    top: -13px;
    border-color: transparent transparent #1b1b1c transparent
}

html[dark=true] .user_area .mode_set,body.thema_dark .user_area .mode_set,.theme_dark .user_area .mode_set,body.smode .user_area .mode_set {
    padding: 13px 17px
}

html[dark=true] .user_area .mode_set .my_mode:before,body.thema_dark .user_area .mode_set .my_mode:before,.theme_dark .user_area .mode_set .my_mode:before,body.smode .user_area .mode_set .my_mode:before {
    top: 13px
}

html[dark=true] .mode_set,body.thema_dark .mode_set,.theme_dark .mode_set,body.smode .mode_set {
    border-color: #282828
}

html[dark=true] .mode_set .my_mode,body.thema_dark .mode_set .my_mode,.theme_dark .mode_set .my_mode,body.smode .mode_set .my_mode {
    color: #999
}

html[dark=true] .mode_set label,body.thema_dark .mode_set label,.theme_dark .mode_set label,body.smode .mode_set label {
    background: #4d4d4d
}

html[dark=true] .mode_set label:before,body.thema_dark .mode_set label:before,.theme_dark .mode_set label:before,body.smode .mode_set label:before {
    background: #7398ff
}

html[dark=true] .mode_set_area ul li,body.thema_dark .mode_set_area ul li,.theme_dark .mode_set_area ul li,body.smode .mode_set_area ul li {
    color: #555;
    font-size: 12px
}

html[dark=true] .mode_set_area ul li a,body.thema_dark .mode_set_area ul li a,.theme_dark .mode_set_area ul li a,body.smode .mode_set_area ul li a {
    color: #999 !important
}

html[dark=true] #header .menu_area,html[dark=true] #af_gnb_sub #gArea .menu_area,body.thema_dark #header .menu_area,body.thema_dark #af_gnb_sub #gArea .menu_area,.theme_dark #header .menu_area,.theme_dark #af_gnb_sub #gArea .menu_area,body.smode #header .menu_area,body.smode #af_gnb_sub #gArea .menu_area {
    background-color: #1b1b1c;
    border-color: #333
}

html[dark=true] #header .menu_area .family_site,html[dark=true] #header .menu_area .list_m,html[dark=true] #af_gnb_sub #gArea .menu_area .list_m,body.thema_dark #header .menu_area .family_site,body.thema_dark #header .menu_area .list_m,body.thema_dark #af_gnb_sub #gArea .menu_area .list_m,.theme_dark #header .menu_area .family_site,.theme_dark #header .menu_area .list_m,.theme_dark #af_gnb_sub #gArea .menu_area .list_m,body.smode #header .menu_area .family_site,body.smode #header .menu_area .list_m,body.smode #af_gnb_sub #gArea .menu_area .list_m {
    border-color: #333
}

html[dark=true] #header .menu_area .list_m li a,body.thema_dark #header .menu_area .list_m li a,.theme_dark #header .menu_area .list_m li a,body.smode #header .menu_area .list_m li a {
    color: #999
}

html[dark=true] #header .menu_area .arrw,body.thema_dark #header .menu_area .arrw,.theme_dark #header .menu_area .arrw,body.smode #header .menu_area .arrw {
    background: none
}

html[dark=true] #header .menu_area .arrw:before,html[dark=true] #header .menu_area .arrw:after,html[dark=true] #af_gnb_sub #gArea .menu_area .arrw:before,html[dark=true] #af_gnb_sub #gArea .menu_area .arrw:after,body.thema_dark #header .menu_area .arrw:before,body.thema_dark #header .menu_area .arrw:after,body.thema_dark #af_gnb_sub #gArea .menu_area .arrw:before,body.thema_dark #af_gnb_sub #gArea .menu_area .arrw:after,.theme_dark #header .menu_area .arrw:before,.theme_dark #header .menu_area .arrw:after,.theme_dark #af_gnb_sub #gArea .menu_area .arrw:before,.theme_dark #af_gnb_sub #gArea .menu_area .arrw:after,body.smode #header .menu_area .arrw:before,body.smode #header .menu_area .arrw:after,body.smode #af_gnb_sub #gArea .menu_area .arrw:before,body.smode #af_gnb_sub #gArea .menu_area .arrw:after {
    content: "";
    position: absolute;
    top: -6px;
    right: 3px;
    border-color: transparent transparent #333 transparent;
    border-style: solid;
    border-width: 7px
}

html[dark=true] #header .menu_area .arrw:after,html[dark=true] #af_gnb_sub #gArea .menu_area .arrw:after,body.thema_dark #header .menu_area .arrw:after,body.thema_dark #af_gnb_sub #gArea .menu_area .arrw:after,.theme_dark #header .menu_area .arrw:after,.theme_dark #af_gnb_sub #gArea .menu_area .arrw:after,body.smode #header .menu_area .arrw:after,body.smode #af_gnb_sub #gArea .menu_area .arrw:after {
    top: -4px;
    border-color: transparent transparent #1b1b1c transparent
}

html[dark=true] #af_gnb_sub #gArea .menu_area .list_m li a,body.thema_dark #af_gnb_sub #gArea .menu_area .list_m li a,.theme_dark #af_gnb_sub #gArea .menu_area .list_m li a,body.smode #af_gnb_sub #gArea .menu_area .list_m li a {
    color: #999 !important
}

html[dark=true] #af_gnb_sub #gArea .btn_menu a span,body.thema_dark #af_gnb_sub #gArea .btn_menu a span,.theme_dark #af_gnb_sub #gArea .btn_menu a span,body.smode #af_gnb_sub #gArea .btn_menu a span {
    background: url("/images/afmain/img_main_dark.png") no-repeat -116px 0
}

html[dark=true] #af_gnb_sub #gArea .menu_area .arrw,body.thema_dark #af_gnb_sub #gArea .menu_area .arrw,.theme_dark #af_gnb_sub #gArea .menu_area .arrw,body.smode #af_gnb_sub #gArea .menu_area .arrw {
    top: -8px
}

html[dark=true] #af_gnb_sub #gArea .menu_area .family_site,body.thema_dark #af_gnb_sub #gArea .menu_area .family_site,.theme_dark #af_gnb_sub #gArea .menu_area .family_site,body.smode #af_gnb_sub #gArea .menu_area .family_site {
    border-color: #333
}

html[dark=true] #af_gnb_sub #menu .menu.text li a,body.thema_dark #af_gnb_sub #menu .menu.text li a,.theme_dark #af_gnb_sub #menu .menu.text li a,body.smode #af_gnb_sub #menu .menu.text li a {
    color: #c8c8c8
}

html[dark=true] #af_gnb_sub #menu .menu.text li a:hover,body.thema_dark #af_gnb_sub #menu .menu.text li a:hover,.theme_dark #af_gnb_sub #menu .menu.text li a:hover,body.smode #af_gnb_sub #menu .menu.text li a:hover {
    color: #6b85cf
}

html[dark=true] .mysch,body.thema_dark .mysch,.theme_dark .mysch,body.smode .mysch {
    background: #0e0e0e
}

html[dark=true] .mysch li a,body.thema_dark .mysch li a,.theme_dark .mysch li a,body.smode .mysch li a {
    color: #999
}

html[dark=true] .mysch p.stitle,html[dark=true] #af_gnb_sub .mysch p.stitle,body.thema_dark .mysch p.stitle,body.thema_dark #af_gnb_sub .mysch p.stitle,.theme_dark .mysch p.stitle,.theme_dark #af_gnb_sub .mysch p.stitle,body.smode .mysch p.stitle,body.smode #af_gnb_sub .mysch p.stitle {
    border-color: #1d1d1d;
    color: #999
}

html[dark=true] .mysch p.alldel,html[dark=true] #af_gnb_sub .mysch p.alldel,body.thema_dark .mysch p.alldel,body.thema_dark #af_gnb_sub .mysch p.alldel,.theme_dark .mysch p.alldel,.theme_dark #af_gnb_sub .mysch p.alldel,body.smode .mysch p.alldel,body.smode #af_gnb_sub .mysch p.alldel {
    background: #0e0e0e;
    border-color: #333
}

html[dark=true] .search_area_t .search_bar,html[dark=true] .search_area fieldset,body.thema_dark .search_area_t .search_bar,body.thema_dark .search_area fieldset,.theme_dark .search_area_t .search_bar,.theme_dark .search_area fieldset,body.smode .search_area_t .search_bar,body.smode .search_area fieldset {
    background: #0e0e0e;
    border-color: #2e2e2f
}

html[dark=true] .search_area_t .search_bar input,body.thema_dark .search_area_t .search_bar input,.theme_dark .search_area_t .search_bar input,body.smode .search_area_t .search_bar input {
    background: transparent;
    color: #e5e5e5
}

html[dark=true] .search_area_t .search_bar .btn_search,body.thema_dark .search_area_t .search_bar .btn_search,.theme_dark .search_area_t .search_bar .btn_search,body.smode .search_area_t .search_bar .btn_search {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3e%3cpath fill='rgba(136, 136, 136, 0.999)' fill-rule='evenodd' d='M19.235 17.329l-1.534 1.535-5.228-5.228c-1.206.85-2.669 1.359-4.257 1.359-4.094 0-7.412-3.319-7.412-7.412C.804 3.489 4.122.171 8.216.171c4.094 0 7.412 3.318 7.412 7.412 0 1.721-.611 3.285-1.595 4.543l5.202 5.203zM8.196 2.045c-3.058 0-5.538 2.48-5.538 5.538 0 3.059 2.48 5.538 5.538 5.538 3.059 0 5.539-2.479 5.539-5.538 0-3.058-2.48-5.538-5.539-5.538z'/%3e%3c/svg%3e") center no-repeat;
    background-size: 19px 19px
}

html[dark=true] .search_area_t .search_box h3,body.thema_dark .search_area_t .search_box h3,.theme_dark .search_area_t .search_box h3,body.smode .search_area_t .search_box h3 {
    color: #f5f6f7
}

html[dark=true] .search_area .search_bar,body.thema_dark .search_area .search_bar,.theme_dark .search_area .search_bar,body.smode .search_area .search_bar {
    color: #f5f6f7
}

html[dark=true] .search_area_t .search_box,body.thema_dark .search_area_t .search_box,.theme_dark .search_area_t .search_box,body.smode .search_area_t .search_box {
    background: #0e0e0e
}

html[dark=true] .search_area_t .search_box .list li a .num,html[dark=true] .search_area_t .search_box .list li a,body.thema_dark .search_area_t .search_box .list li a .num,body.thema_dark .search_area_t .search_box .list li a,.theme_dark .search_area_t .search_box .list li a .num,.theme_dark .search_area_t .search_box .list li a,body.smode .search_area_t .search_box .list li a .num,body.smode .search_area_t .search_box .list li a {
    color: #999
}

html[dark=true] .search_area_t .search_box .list li a .rank,body.thema_dark .search_area_t .search_box .list li a .rank,.theme_dark .search_area_t .search_box .list li a .rank,body.smode .search_area_t .search_box .list li a .rank {
    color: #999
}

html[dark=true] .search_area_t .search_box .inner_area,body.thema_dark .search_area_t .search_box .inner_area,.theme_dark .search_area_t .search_box .inner_area,body.smode .search_area_t .search_box .inner_area {
    border-color: #1d1d1d
}

html[dark=true] .search_area_t .search_box .ct_area,body.thema_dark .search_area_t .search_box .ct_area,.theme_dark .search_area_t .search_box .ct_area,body.smode .search_area_t .search_box .ct_area {
    border-color: #1d1d1d
}

html[dark=true] .search_area_t .search_box .list li a:hover,html[dark=true] .search_area_t .search_box .list li a:focus,body.thema_dark .search_area_t .search_box .list li a:hover,body.thema_dark .search_area_t .search_box .list li a:focus,.theme_dark .search_area_t .search_box .list li a:hover,.theme_dark .search_area_t .search_box .list li a:focus,body.smode .search_area_t .search_box .list li a:hover,body.smode .search_area_t .search_box .list li a:focus {
    background: #222
}

html[dark=true] .search_area_t .search_box .ct_area .btn_all_delete,body.thema_dark .search_area_t .search_box .ct_area .btn_all_delete,.theme_dark .search_area_t .search_box .ct_area .btn_all_delete,body.smode .search_area_t .search_box .ct_area .btn_all_delete {
    color: #999;
    outline: none
}

html[dark=true] .search_area_t .search_box .list li a .rank em,body.thema_dark .search_area_t .search_box .list li a .rank em,.theme_dark .search_area_t .search_box .list li a .rank em,body.smode .search_area_t .search_box .list li a .rank em {
    background: url(/images/afmain/img_main_dark.png) no-repeat
}

html[dark=true] .search_area_t .search_box .list li a .up em,body.thema_dark .search_area_t .search_box .list li a .up em,.theme_dark .search_area_t .search_box .list li a .up em,body.smode .search_area_t .search_box .list li a .up em {
    background-position: -516px 0
}

html[dark=true] .search_area_t .search_box .list li a .down em,body.thema_dark .search_area_t .search_box .list li a .down em,.theme_dark .search_area_t .search_box .list li a .down em,body.smode .search_area_t .search_box .list li a .down em {
    background-position: -516px -8px
}

html[dark=true] .search_area_t .search_box .list li a .new,html[dark=true] .search_area_t .search_box .list li a .even,body.thema_dark .search_area_t .search_box .list li a .new,body.thema_dark .search_area_t .search_box .list li a .even,.theme_dark .search_area_t .search_box .list li a .new,.theme_dark .search_area_t .search_box .list li a .even,body.smode .search_area_t .search_box .list li a .new,body.smode .search_area_t .search_box .list li a .even {
    color: #ff3f3f
}

html[dark=true] .search_area_t .search_box .list li.hv a,body.thema_dark .search_area_t .search_box .list li.hv a,.theme_dark .search_area_t .search_box .list li.hv a,body.smode .search_area_t .search_box .list li.hv a {
    background: #222
}

html[dark=true] .sear_auto,body.thema_dark .sear_auto,.theme_dark .sear_auto,body.smode .sear_auto {
    background: #0e0e0e;
    border-color: #1d1d1d
}

html[dark=true] .sear_auto li a,body.thema_dark .sear_auto li a,.theme_dark .sear_auto li a,body.smode .sear_auto li a {
    color: #999
}

html[dark=true] .sear_auto li a:hover,body.thema_dark .sear_auto li a:hover,.theme_dark .sear_auto li a:hover,body.smode .sear_auto li a:hover {
    background: #222 !important
}

html[dark=true] #serviceHeader.headerSub h3.subTitle a,body.thema_dark #serviceHeader.headerSub h3.subTitle a,.theme_dark #serviceHeader.headerSub h3.subTitle a,body.smode #serviceHeader.headerSub h3.subTitle a {
    color: #fff
}

html[dark=true] #serviceHeader.headerSub #menu .menu.text li a,body.thema_dark #serviceHeader.headerSub #menu .menu.text li a,.theme_dark #serviceHeader.headerSub #menu .menu.text li a,body.smode #serviceHeader.headerSub #menu .menu.text li a {
    color: #999
}

html[dark=true] #serviceHeader.headerSub #menu .menu.text li.on a,body.thema_dark #serviceHeader.headerSub #menu .menu.text li.on a,.theme_dark #serviceHeader.headerSub #menu .menu.text li.on a,body.smode #serviceHeader.headerSub #menu .menu.text li.on a {
    border-color: #7398ff;
    color: #7398ff
}

html[dark=true] #serviceHeader.headerSub #menu .menu.text li:hover a,body.thema_dark #serviceHeader.headerSub #menu .menu.text li:hover a,.theme_dark #serviceHeader.headerSub #menu .menu.text li:hover a,body.smode #serviceHeader.headerSub #menu .menu.text li:hover a {
    color: #7398ff
}

@media all and (max-width: 1391px) {
    body:not(.broadRanking_wrap) #soop_wrap .top_searcharea_wrap .a_d_banner,#webplayer #serviceHeader .top_searcharea_wrap .a_d_banner {
        display:none
    }
}

@media all and (max-width: 1190px) {
    body:not(.broadRanking_wrap) #soop_wrap .serviceUtil [class^=btn-].btn-broadcast,body:not(.broadRanking_wrap) #soop_wrap .serviceUtil .broadcastArea,#webplayer #serviceHeader .serviceUtil [class^=btn-].btn-broadcast,#webplayer #serviceHeader .serviceUtil .broadcastArea {
        display:none
    }
}

@media all and (max-width: 1163px) {
    body:not(.broadRanking_wrap) #soop_wrap .a_d_banner,#webplayer #serviceHeader .a_d_banner {
        display:none !important
    }
}

@media all and (max-width: 1110px) {
    body:not(.broadRanking_wrap) #soop_wrap .innerHeader .top_searcharea_wrap,#webplayer #serviceHeader .innerHeader .top_searcharea_wrap {
        padding:0 300px
    }
}

@media all and (max-width: 898px) {
    body:not(.broadRanking_wrap) #soop_wrap .serviceUtil .serviceMenu,#webplayer #serviceHeader .serviceUtil .serviceMenu {
        display:none
    }
}

@media all and (max-width: 768px) {
    body:not(.broadRanking_wrap) #soop_wrap .serviceUtil .serviceMenu,#webplayer #serviceHeader .serviceUtil .serviceMenu {
        display:none
    }

    body:not(.broadRanking_wrap) #soop_wrap .serviceUtil [class^=btn-].btn-search,#webplayer #serviceHeader .serviceUtil [class^=btn-].btn-search {
        display: block
    }

    body:not(.broadRanking_wrap) #soop_wrap .innerHeader .top_searcharea_wrap,#webplayer #serviceHeader .innerHeader .top_searcharea_wrap {
        display: none
    }
}

@media all and (max-width: 560px) {
    body:not(.broadRanking_wrap) #soop_wrap .collabo_brand,#webplayer #serviceHeader .collabo_brand {
        display:none
    }
}

@media all and (max-width: 1391px) {
    body:not(.broadRanking_wrap) #soop_wrap .logo_wrap:not(:has(.collabo_brand))+.top_searcharea_wrap .a_d_banner {
        display:block
    }

    #webplayer #serviceHeader .logo_wrap:not(:has(.collabo_brand))+.top_searcharea_wrap .a_d_banner {
        display: block
    }
}

#accessibility {
    position: relative;
    z-index: 10001
}

#accessibility a {
    position: absolute;
    top: -999px;
    left: 0;
    width: 200px;
    height: 24px;
    padding-top: 4px;
    background-color: #000;
    text-align: center;
    color: #fff !important;
    font: bold 14px '맑은 고딕',Malgun Gothic,'돋움',Dotum,sans-serif
}

#accessibility a:active,#accessibility a:focus {
    top: 0
}

@media screen and (max-height: 254px) {
    #bs-wrap .loginUserMenu .depth_2 {
        height:calc(100% - 8px);
        overflow: auto
    }

    #bs-wrap .loginUserMenu .depth_2::-webkit-scrollbar-thumb {
        background: transparent
    }
}

#footer:not(.payment) {
    min-width: 960px;
    width: 100%;
    margin: 0 auto;
    margin-top: 57px;
    padding: 25px 0 0;
    border-top: 1px solid rgba(117,123,138,0.2);
    text-align: center;
    box-sizing: border-box;
    line-height: 1.2
}

html[dark=true] #footer:not(.payment),body.thema_dark #footer:not(.payment) {
    border-top: 1px solid rgba(117,123,138,0.3)
}

#footer:not(.payment) .blind {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -9999em;
    left: -9999em;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999em;
    font-size: 0
}

#footer:not(.payment) ul.f_list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px 8px;
    position: relative;
    margin: 0;
    padding: 0
}

#footer:not(.payment) ul.f_list li {
    position: relative;
    line-height: 18px
}

#footer:not(.payment) ul.f_list li::after {
    display: none
}

#footer:not(.payment) ul.f_list li a {
    color: #525661;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: -.5px
}

html[dark=true] #footer:not(.payment) ul.f_list li a,body.thema_dark #footer:not(.payment) ul.f_list li a {
    color: #D5D7DC
}

#footer:not(.payment) .adr {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 12px;
    color: #ACB0B9;
    line-height: 18px;
    font-size: 12px;
    font-weight: normal
}

html[dark=true] #footer:not(.payment) .adr,body.thema_dark #footer:not(.payment) .adr {
    color: #9196A1
}

#footer:not(.payment) .adr span {
    position: relative;
    margin-left: 8px;
    padding-left: 8px;
    color: #ACB0B9;
    font-size: 12px
}

html[dark=true] #footer:not(.payment) .adr span,body.thema_dark #footer:not(.payment) .adr span {
    color: #9196A1
}

#footer:not(.payment) .adr span:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    background: #ACB0B9;
    width: 1px;
    height: 10px
}

html[dark=true] #footer:not(.payment) .adr span:after,body.thema_dark #footer:not(.payment) .adr span:after {
    background: #9196A1
}

#footer:not(.payment) .adr span a {
    color: inherit
}

#footer:not(.payment) .adr div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    font-size: 12px;
    color: #ACB0B9
}

html[dark=true] #footer:not(.payment) .adr div,body.thema_dark #footer:not(.payment) .adr div {
    color: #9196A1
}

#footer:not(.payment) .adr address {
    color: #ACB0B9;
    font-style: normal
}

html[dark=true] #footer:not(.payment) .adr address,body.thema_dark #footer:not(.payment) .adr address {
    color: #9196A1
}

#footer:not(.payment) .copyright {
    padding: 15px 0 30px;
    color: #525661;
    font-size: 12px;
    font-weight: 600
}

html[dark=true] #footer:not(.payment) .copyright,body.thema_dark #footer:not(.payment) .copyright {
    color: #D5D7DC
}

#footer:not(.payment) .familysite {
    min-width: 107px;
    height: 100%;
    padding: 0;
    font-size: 12px
}

#footer:not(.payment) .familysite #familylBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 7px;
    border: 1px solid #D5D7DC;
    border-radius: 6px;
    color: #757B8A;
    font-size: 12px;
    line-height: 30px;
    box-sizing: border-box
}

html[dark=true] #footer:not(.payment) .familysite #familylBtn,body.thema_dark #footer:not(.payment) .familysite #familylBtn {
    border: 1px solid #464A53
}

html[dark=true] #footer:not(.payment) .familysite #familylBtn,body.thema_dark #footer:not(.payment) .familysite #familylBtn {
    color: #9196A1
}

#footer:not(.payment) .familysite #familylBtn:after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 11 7'%3e%3cpath stroke='%23ACB0B9' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m10 1.234-4.5 4.5-4.5-4.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 11px 7px;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    transition: all .2s
}

html[dark=true] #footer:not(.payment) .familysite #familylBtn:after,body.thema_dark #footer:not(.payment) .familysite #familylBtn:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 11 7'%3e%3cpath stroke='%239196A1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m10 1.234-4.5 4.5-4.5-4.5'/%3e%3c/svg%3e")
}

#footer:not(.payment) .familysite .flayer {
    position: absolute;
    bottom: 38px;
    left: 50%;
    background: #fff;
    width: fit-content;
    min-width: 100%;
    padding: 6px 0;
    border-radius: 12px;
    border: 1px solid transparent;
    border-color: rgba(117,123,138,0.2);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.04),0px 4px 12px 0px rgba(0,0,0,0.12);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
    transform: translateX(-50%)
}

html[dark=true] #footer:not(.payment) .familysite .flayer,body.thema_dark #footer:not(.payment) .familysite .flayer {
    background: #0C0D0E
}

html[dark=true] #footer:not(.payment) .familysite .flayer,body.thema_dark #footer:not(.payment) .familysite .flayer {
    border-color: rgba(117,123,138,0.3)
}

#footer:not(.payment) .familysite .flayer ul {
    display: block
}

#footer:not(.payment) .familysite .flayer ul li.on a {
    color: #0182FF !important
}

html[dark=true] #footer:not(.payment) .familysite .flayer ul li.on a,body.thema_dark #footer:not(.payment) .familysite .flayer ul li.on a {
    color: #44A3FF !important
}

#footer:not(.payment) .familysite .flayer ul li a {
    display: block;
    width: 100%;
    height: 36px;
    padding: 0 10px;
    color: #525661;
    font-size: 14px;
    line-height: 36px;
    text-align: left;
    transition: all .2s;
    box-sizing: border-box
}

html[dark=true] #footer:not(.payment) .familysite .flayer ul li a,body.thema_dark #footer:not(.payment) .familysite .flayer ul li a {
    color: #D5D7DC
}

#footer:not(.payment) .familysite .flayer ul li a:hover {
    background: #F2F2F4;
    color: #17191C
}

html[dark=true] #footer:not(.payment) .familysite .flayer ul li a:hover,body.thema_dark #footer:not(.payment) .familysite .flayer ul li a:hover {
    background: #17181B
}

html[dark=true] #footer:not(.payment) .familysite .flayer ul li a:hover,body.thema_dark #footer:not(.payment) .familysite .flayer ul li a:hover {
    color: #E2E4E9
}

#footer:not(.payment) .familysite .flayer ul li a:active {
    background: transparent !important;
    color: #0182FF
}

html[dark=true] #footer:not(.payment) .familysite .flayer ul li a:active,body.thema_dark #footer:not(.payment) .familysite .flayer ul li a:active {
    color: #44A3FF
}

#footer:not(.payment) .familysite.on .flayer {
    opacity: 1;
    visibility: visible
}

#footer:not(.payment) .familysite.on #familylBtn::after {
    transform: rotate(180deg)
}

#footer:not(.payment).payment {
    padding: 28px 18px 32px
}

#footer:not(.payment).payment .footer_inner {
    text-align: center
}

#footer:not(.payment).payment .footer_inner>span {
    display: block;
    color: #757B8A;
    font-size: 12px;
    line-height: 1.4
}

#footer:not(.payment).payment .footer_inner>span a {
    color: #757B8A
}

#footer:not(.payment).payment .footer_inner>span address {
    font-style: normal
}

#footer:not(.payment).payment .footer_inner>span>em {
    margin-right: 12px
}

#footer:not(.payment).payment .footer_inner .rule {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-top: 13px
}

#footer:not(.payment).payment .footer_inner .rule li {
    margin-right: 13px
}

#footer:not(.payment).payment .footer_inner .rule li:last-of-type {
    margin-right: 0
}

#footer:not(.payment).payment .footer_inner .rule li a {
    display: block;
    line-height: 1.4;
    color: #525661;
    font-size: 12px;
    font-weight: 500
}

#footer:not(.payment).payment .footer_inner .copyright {
    padding: 13px 0 0 0;
    line-height: 1.4;
    color: #525661;
    font-size: 12px
}

#footer:not(.payment) .global_lang {
    display: none
}

#listWrap #footer {
    min-width: 1280px;
    padding-left: 210px
}

:root {
    --dark-default-bg: #0C0D0E
}

*::-webkit-scrollbar {
    background-color: transparent;
    width: 6px;
    height: 6px;
    border-radius: 6px
}

*::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 6px
}

*::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 6px
}

*:hover::-webkit-scrollbar-thumb {
    background: #bbb !important
}

*::-webkit-scrollbar-thumb:hover {
    background: #afafaf !important
}

html[dark=true] *::-webkit-scrollbar-thumb,body.thema_dark *::-webkit-scrollbar-thumb {
    background: transparent
}

html[dark=true] *:hover::-webkit-scrollbar-thumb,body.thema_dark *:hover::-webkit-scrollbar-thumb {
    background: #4d4d4d !important
}

html[dark=true] *::-webkit-scrollbar-thumb:hover,body.thema_dark *::-webkit-scrollbar-thumb:hover {
    background: #3f3f3f !important
}

html[dark=true] body,body.thema_dark {
    background: var(--dark-default-bg)
}

.nick,.nick span,.nick p,.nick a,.nickname,.rank-list li>a,.nick button,.side_info strong {
    hyphenate-character: ""
}

.st_focus {
    background: #f1f5fc !important
}

.hilight_text {
    margin: -6px 0 10px -66px
}

.hilight_text p {
    display: inline-block;
    height: 18px;
    padding: 0 3px;
    border: 1px solid #eee;
    border-radius: 2px;
    box-sizing: border-box;
    color: #8c8c8c;
    font-size: 12px;
    line-height: 16px
}

.HilightBG {
    background: #f1f5fc;
    animation: hbg 1s 3s forwards
}

.HilightBG .commentMore {
    display: block;
    background: none;
    margin: 10px 0 0;
    padding: 0;
    border: 0;
    color: #8c8c8c;
    font-size: 13px
}

html[dark=true] body .st_focus,body.thema_dark .st_focus {
    background: #272728 !important
}

html[dark=true] body .hilight_text p,body.thema_dark .hilight_text p {
    background: #333;
    border-color: #333;
    color: #8c8c8c
}

html[dark=true] body .HilightBG,body.thema_dark .HilightBG {
    background: #272728;
    animation: hbg_dark 1s 3s forwards
}

html[dark=true] body .HilightBG .commentMore,body.thema_dark .HilightBG .commentMore {
    color: #777
}

@keyframes hbg {
    0% {
        background: #f1f5fc
    }

    100% {
        background: unset
    }
}

@keyframes hbg_dark {
    0% {
        background: #272728
    }

    100% {
        background: unset
    }
}

.badge {
    display: inline-flex;
    align-items: center
}

[class^=grade-badge-] {
    display: inline-block;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    font-size: 0 !important;
    aspect-ratio: 1/1
}

[class^=grade-badge-].grade-badge-streamer {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3e%3crect width='14' height='14' fill='%23F60' rx='3'/%3e%3crect width='3.359' height='6.6' x='5.32' y='1.5' fill='%23fff' rx='1.68'/%3e%3cpath fill='%23fff' d='M6.3 10h1.4v2.75H6.3z'/%3e%3cpath stroke='%23fff' stroke-width='1.4' d='M10.707 6.469c0 1.96-1.66 3.55-3.707 3.55-2.048 0-3.707-1.59-3.707-3.55'/%3e%3c/svg%3e");
    height: 15px
}

[class^=grade-badge-].grade-badge-manager {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none'%3e%3crect width='14' height='14' y='.5' fill='%2353B1AE' rx='3'/%3e%3cpath fill='%23fff' d='M3.155 3.93h2.21l1.67 4.91h.02l1.58-4.91h2.21v7.14h-1.47V6.01h-.02l-1.75 5.06h-1.21l-1.75-5.01h-.02v5.01h-1.47V3.93Z'/%3e%3c/svg%3e")
}

[class^=grade-badge-].grade-badge-vip {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none'%3e%3crect width='14' height='14' y='.5' fill='%23D65B8F' rx='3'/%3e%3cpath fill='%23fff' d='M3 5.323c0 1.282 1.06 2.09 2.395 2.09 1.397 0 2.405-.84 2.405-2.09 0-1.27-1.008-2.174-2.405-2.174C4.008 3.149 3 4.073 3 5.323Zm1.197 0c0-.64.536-1.155 1.198-1.155.745 0 1.197.514 1.197 1.155 0 .567-.462 1.071-1.197 1.071-.714 0-1.198-.451-1.198-1.07ZM11 7.673V2.575H9.8v1.1H8.333l.022 1.135H9.8v1.021H8.355l-.022 1.064H9.8v.778H11Zm0 4.752v-1.02H5.875v-.67H11V8.123H4.525v1.01h5.202v.67H4.58v2.622H11Z'/%3e%3c/svg%3e")
}

[class^=grade-badge-].grade-badge-fan {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 14'%3e%3crect width='14' height='14' x='.615' fill='%2375AA5C' rx='3'/%3e%3cpath fill='%23fff' d='M5.105 3.43h5.02v1.32h-3.45V6.4h2.99v1.22h-2.99v2.95h-1.57V3.43Z'/%3e%3c/svg%3e");
    background-size: cover
}

[class^=grade-badge-].grade-badge-support {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none'%3e%3crect width='14' height='14' y='.5' fill='%239379BD' rx='3'/%3e%3cpath fill='%23fff' d='M5.515 8.705c0 .24.044.443.13.61.087.167.2.303.34.41.147.1.317.177.51.23.194.047.394.07.6.07.14 0 .29-.01.45-.03.16-.027.31-.073.45-.14.14-.067.257-.157.35-.27a.71.71 0 0 0 .14-.45.618.618 0 0 0-.19-.47c-.12-.12-.28-.22-.48-.3a4.84 4.84 0 0 0-.68-.21c-.253-.06-.51-.127-.77-.2a7.55 7.55 0 0 1-.78-.24 2.8 2.8 0 0 1-.68-.38 1.84 1.84 0 0 1-.49-.57 1.817 1.817 0 0 1-.18-.84c0-.367.077-.683.23-.95.16-.273.367-.5.62-.68.254-.18.54-.313.86-.4.32-.087.64-.13.96-.13.374 0 .73.043 1.07.13.347.08.654.213.92.4.267.187.477.427.63.72.16.287.24.637.24 1.05h-1.52a1.213 1.213 0 0 0-.14-.53.845.845 0 0 0-.3-.33 1.29 1.29 0 0 0-.44-.17 2.604 2.604 0 0 0-.53-.05 1.84 1.84 0 0 0-.38.04 1.071 1.071 0 0 0-.35.14.893.893 0 0 0-.25.25c-.066.1-.1.227-.1.38 0 .14.027.253.08.34.054.087.157.167.31.24.16.073.377.147.65.22.28.073.644.167 1.09.28.134.027.317.077.55.15.24.067.477.177.71.33.234.153.434.36.6.62.174.253.26.58.26.98 0 .327-.063.63-.19.91a2 2 0 0 1-.57.73c-.246.2-.556.357-.93.47-.366.113-.793.17-1.28.17-.393 0-.776-.05-1.15-.15a2.866 2.866 0 0 1-.98-.45 2.27 2.27 0 0 1-.67-.79c-.166-.32-.246-.7-.24-1.14h1.52Z'/%3e%3c/svg%3e")
}

[class^=grade-badge-].grade-badge-subscribe {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3ccircle cx='12' cy='12' r='12' fill='%23EF565F'/%3e%3cpath stroke='%23fff' stroke-width='1.17' d='M16.8 14.092c.228.042.446.07.655.07 1.75 0 2.705-1.223 2.705-2.711 0-1.489-.955-2.69-2.705-2.69-.169 0-.345.02-.525.047'/%3e%3cpath fill='%23fff' stroke='%23fff' stroke-linejoin='round' stroke-width='.992' d='M5.418 13.588a5.473 5.473 0 0 0 5.446 5.014c2.392 0 4.573-1.544 5.372-3.688.11-.299.323-1.18.323-1.625V7.445a.843.843 0 0 0-.843-.843H6.242a.843.843 0 0 0-.843.843v5.3l.019.843Z'/%3e%3cpath fill='%23EF565F' fill-rule='evenodd' d='M11.63 9.367a.757.757 0 0 0-1.298 0l-.715 1.19-1.35.312a.759.759 0 0 0-.4 1.236l.908 1.048-.12 1.382a.757.757 0 0 0 1.05.764l1.276-.541 1.276.54a.757.757 0 0 0 1.05-.763l-.12-1.382.908-1.048a.759.759 0 0 0-.401-1.236l-1.35-.313-.715-1.189Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    font: 0/0 a
}

[class^=grade-badge-].grade-badge-subscribe-tier2 {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 36 36'%3e%3cg clip-path='url(%23a)'%3e%3ccircle cx='18' cy='18' r='18' fill='%23FFD584'/%3e%3cg filter='url(%23b)'%3e%3cellipse cx='10.9' cy='16.765' fill='%23FFC2A3' rx='16.642' ry='15.78'/%3e%3c/g%3e%3cg filter='url(%23c)'%3e%3cellipse cx='13.547' cy='-2.78' fill='%23FEDAAE' rx='16.642' ry='15.78'/%3e%3c/g%3e%3cg filter='url(%23d)'%3e%3cellipse cx='36.898' cy='28.78' fill='%23FFD47D' rx='16.642' ry='15.78'/%3e%3c/g%3e%3cg filter='url(%23e)'%3e%3cellipse cx='10.9' cy='28.78' fill='%23FFA392' rx='16.642' ry='15.78'/%3e%3c/g%3e%3cg filter='url(%23f)'%3e%3cellipse cx='11.991' cy='28.971' fill='%23FF9F90' rx='6.832' ry='15.78' transform='rotate(25.53 11.991 28.97)'/%3e%3c/g%3e%3cg filter='url(%23g)'%3e%3cellipse cx='29.22' cy='13.823' fill='%23FFD585' rx='7.678' ry='7.28'/%3e%3c/g%3e%3cpath fill='url(%23h)' d='M7.349 20.594c.38 4.53 4.267 8.104 8.99 8.104 3.948 0 7.548-2.495 8.866-5.96.183-.483.534-1.909.534-2.627v-9.446c0-.753-.623-1.363-1.391-1.363H8.71c-.768 0-1.391.61-1.391 1.363v8.567l.03 1.362Z'/%3e%3cpath fill='url(%23i)' fill-rule='evenodd' d='M8.71 10.104a.567.567 0 0 0-.572.56v8.56l.029 1.328c.356 4.107 3.887 7.345 8.172 7.345 3.608 0 6.901-2.29 8.099-5.439.071-.188.195-.621.302-1.113.11-.499.18-.965.18-1.234v-9.446a.567.567 0 0 0-.572-.561H8.71Zm-2.21.56C6.5 9.47 7.49 8.5 8.71 8.5h15.638c1.221 0 2.21.97 2.21 2.165v1.365c.215-.025.437-.04.659-.04 1.641 0 2.983.556 3.911 1.522.921.959 1.372 2.253 1.372 3.625 0 1.372-.45 2.674-1.369 3.64-.926.975-2.268 1.544-3.914 1.544-.337 0-.675-.035-1.007-.088a8.11 8.11 0 0 1-.238.785c-1.438 3.78-5.345 6.482-9.633 6.482-5.153 0-9.392-3.898-9.806-8.84a.781.781 0 0 1-.003-.049l-.03-1.379v-8.567Zm20.02 9.993c.254.04.485.06.697.06 1.242 0 2.132-.418 2.716-1.033.592-.623.93-1.512.93-2.547 0-1.033-.337-1.912-.927-2.526-.582-.605-1.472-1.018-2.72-1.018-.197 0-.414.02-.658.054v6.464c0 .165-.014.351-.038.546Z' clip-rule='evenodd'/%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M17.481 13.606a1.267 1.267 0 0 0-2.162 0l-1.191 1.963-2.25.517a1.249 1.249 0 0 0-.668 2.04l1.514 1.73-.2 2.282c-.082.94.874 1.63 1.75 1.261l2.126-.893 2.126.893c.876.368 1.832-.32 1.75-1.26l-.2-2.283 1.514-1.73a1.249 1.249 0 0 0-.668-2.04l-2.25-.517-1.19-1.963Z' clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='b' width='61.285' height='59.56' x='-19.742' y='-13.015' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur result='effect1_foregroundBlur_9244_110139' stdDeviation='7'/%3e%3c/filter%3e%3cfilter id='c' width='61.285' height='59.56' x='-17.096' y='-32.56' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur result='effect1_foregroundBlur_9244_110139' stdDeviation='7'/%3e%3c/filter%3e%3cfilter id='d' width='61.285' height='59.561' x='6.255' y='-1' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur result='effect1_foregroundBlur_9244_110139' stdDeviation='7'/%3e%3c/filter%3e%3cfilter id='e' width='61.285' height='59.561' x='-19.742' y='-1' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur result='effect1_foregroundBlur_9244_110139' stdDeviation='7'/%3e%3c/filter%3e%3cfilter id='f' width='30.359' height='41.087' x='-3.188' y='8.427' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur result='effect1_foregroundBlur_9244_110139' stdDeviation='3'/%3e%3c/filter%3e%3cfilter id='g' width='29.356' height='28.561' x='14.542' y='-.458' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur result='effect1_foregroundBlur_9244_110139' stdDeviation='3.5'/%3e%3c/filter%3e%3clinearGradient id='h' x1='19.5' x2='19.5' y1='8.5' y2='29.5' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23EF565F'/%3e%3cstop offset='1' stop-color='%23EB1521'/%3e%3c/linearGradient%3e%3clinearGradient id='i' x1='19.5' x2='19.5' y1='8.5' y2='29.5' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23EF565F'/%3e%3cstop offset='1' stop-color='%23EB1521'/%3e%3c/linearGradient%3e%3cclipPath id='a'%3e%3crect width='36' height='36' fill='%23fff' rx='18'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    font: 0/0 a
}

[class^=grade-badge-].grade-badge-streamer-global {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='url(%23b)' fill-rule='evenodd' d='M10.811 2.93a1.007 1.007 0 0 0-1.623 0L6.334 6.816a.604.604 0 0 1-.913.07L3.048 4.524c-.404-.402-1.089-.073-1.028.495l1.055 9.759a3.026 3.026 0 0 0 3.006 2.703h7.838a3.026 3.026 0 0 0 3.006-2.703l1.054-9.759c.062-.568-.623-.897-1.027-.495l-2.373 2.363a.604.604 0 0 1-.913-.07L10.81 2.93Z' clip-rule='evenodd'/%3e%3cpath fill='url(%23c)' fill-rule='evenodd' d='M5.421 6.886c.262.26.694.227.913-.07L9.188 2.93a1.007 1.007 0 0 1 1.623 0l2.855 3.884a.604.604 0 0 0 .913.07l2.373-2.362c.404-.402 1.089-.073 1.027.495l-1.054 9.759a3.026 3.026 0 0 1-3.006 2.703H6.08a3.026 3.026 0 0 1-3.006-2.703L2.021 5.018c-.062-.568.623-.897 1.027-.495l2.373 2.363Zm.26-2.589 1.884-2.564a3.02 3.02 0 0 1 4.87 0l1.884 2.565L15.53 3.09c1.752-1.744 4.718-.314 4.452 2.146l-1.054 9.758a5.043 5.043 0 0 1-5.01 4.506H6.08a5.043 5.043 0 0 1-5.01-4.506L.017 5.236c-.266-2.46 2.7-3.89 4.452-2.146L5.68 4.297Z' clip-rule='evenodd'/%3e%3cg filter='url(%23d)'%3e%3cpath fill='url(%23e)' d='M9.764 7.666a.25.25 0 0 1 .472 0l.173.491a3.999 3.999 0 0 0 2.434 2.434l.49.174a.25.25 0 0 1 0 .47l-.49.174a4 4 0 0 0-2.434 2.434l-.174.49a.25.25 0 0 1-.47 0l-.174-.49a3.999 3.999 0 0 0-2.434-2.434l-.49-.174a.25.25 0 0 1 0-.47l.49-.174a3.999 3.999 0 0 0 2.434-2.434l.173-.49Z'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='b' x1='1.837' x2='16.502' y1='4.351' y2='17.125' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23260CD2'/%3e%3cstop offset='1' stop-color='%234536E6'/%3e%3c/linearGradient%3e%3clinearGradient id='c' x1='.816' x2='16.991' y1='3.341' y2='18.151' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23A5A9FC'/%3e%3cstop offset='1' stop-color='%23666DFB'/%3e%3c/linearGradient%3e%3clinearGradient id='e' x1='7.001' x2='13.998' y1='9.001' y2='13.67' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23BCC0FF'/%3e%3cstop offset='1' stop-color='%238C91FD'/%3e%3c/linearGradient%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h20v20H0z'/%3e%3c/clipPath%3e%3cfilter id='d' width='15' height='15' x='2.5' y='3.5' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3e%3cfeOffset/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix values='0 0 0 0 0.0901961 0 0 0 0 0.0980392 0 0 0 0 0.109804 0 0 0 0.3 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_193_19709'/%3e%3cfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3e%3cfeOffset/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix values='0 0 0 0 0.0901961 0 0 0 0 0.0980392 0 0 0 0 0.109804 0 0 0 0.1 0'/%3e%3cfeBlend in2='effect1_dropShadow_193_19709' result='effect2_dropShadow_193_19709'/%3e%3cfeBlend in='SourceGraphic' in2='effect2_dropShadow_193_19709' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 18px;
    height: 18px
}

[class^=grade-badge-].grade-badge-manager-global {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='url(%23a)' fill-rule='evenodd' d='M10.73 1.372a1.032 1.032 0 0 0-1.461 0c-1.219 1.21-3.33 2.896-5.892 2.576C2.69 3.863 1.98 4.35 1.98 5.06v7.38c0 .3.026.6.132.88.574 1.5 2.66 4.18 7.618 5.698a.929.929 0 0 0 .54 0c4.958-1.517 7.044-4.197 7.617-5.698.107-.28.132-.58.132-.88V5.06c0-.71-.708-1.197-1.397-1.112-2.56.32-4.673-1.366-5.891-2.576Z' clip-rule='evenodd'/%3e%3cpath fill='url(%23b)' fill-rule='evenodd' d='M10.049 2.031a.068.068 0 0 0-.098 0C8.707 3.266 6.3 5.261 3.26 4.883a.366.366 0 0 0-.254.067.155.155 0 0 0-.043.045v7.381c0 .254.023.408.064.514.44 1.154 2.249 3.65 6.974 5.098 4.725-1.449 6.534-3.944 6.974-5.098.04-.106.065-.26.065-.514V4.995a.154.154 0 0 0-.044-.045.366.366 0 0 0-.254-.067c-3.04.379-5.448-1.617-6.692-2.852ZM8.587.587a1.995 1.995 0 0 1 2.826 0c1.193 1.183 3.01 2.56 5.091 2.3C17.6 2.75 19 3.514 19 4.997v7.38c0 .345-.027.794-.2 1.246-.705 1.847-3.066 4.708-8.25 6.295-.357.11-.743.11-1.1 0-5.184-1.587-7.545-4.448-8.25-6.295-.173-.452-.2-.901-.2-1.247V4.997c0-1.483 1.4-2.247 2.496-2.11 2.081.26 3.898-1.117 5.091-2.3Z' clip-rule='evenodd'/%3e%3cg filter='url(%23c)'%3e%3cpath fill='url(%23d)' d='M9.764 7.166a.25.25 0 0 1 .472 0l.173.491a3.999 3.999 0 0 0 2.434 2.434l.49.174a.25.25 0 0 1 0 .47l-.49.174a4 4 0 0 0-2.434 2.434l-.174.49a.25.25 0 0 1-.47 0l-.174-.49a3.999 3.999 0 0 0-2.434-2.434l-.49-.174a.25.25 0 0 1 0-.47l.49-.174a3.999 3.999 0 0 0 2.434-2.434l.173-.49Z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='a' x1='3.584' x2='15.066' y1='4.347' y2='18.825' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23C90050'/%3e%3cstop offset='1' stop-color='%23E80079'/%3e%3c/linearGradient%3e%3clinearGradient id='b' x1='5.99' x2='16.803' y1='6.705' y2='19.633' gradientUnits='userSpaceOnUse'%3e%3cstop offset='.272' stop-color='%23FF8EBD'/%3e%3cstop offset='1' stop-color='%23FF42A8'/%3e%3c/linearGradient%3e%3clinearGradient id='d' x1='7.001' x2='13.998' y1='8.501' y2='13.17' gradientUnits='userSpaceOnUse'%3e%3cstop offset='.295' stop-color='%23FFC5DD'/%3e%3cstop offset='1' stop-color='%23FF81C5'/%3e%3c/linearGradient%3e%3cfilter id='c' width='15' height='15' x='2.5' y='3' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3e%3cfeOffset/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix values='0 0 0 0 0.0901961 0 0 0 0 0.0980392 0 0 0 0 0.109804 0 0 0 0.46 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_193_19713'/%3e%3cfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3e%3cfeOffset/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix values='0 0 0 0 0.0901961 0 0 0 0 0.0980392 0 0 0 0 0.109804 0 0 0 0.1 0'/%3e%3cfeBlend in2='effect1_dropShadow_193_19713' result='effect2_dropShadow_193_19713'/%3e%3cfeBlend in='SourceGraphic' in2='effect2_dropShadow_193_19713' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 18px;
    height: 18px
}

.comment_wrap [class^=grade-badge-] {
    margin-right: 3px
}

.comment_wrap [class^=grade-badge-][class^=grade-badge-subscribe] {
    width: 16px;
    height: 16px
}

._replay {
    position: absolute;
    top: 7px;
    left: 7px;
    background-color: #1583da;
    height: 22px;
    padding: 0 8px;
    border-radius: 30px;
    color: #fcfcfd;
    font-size: 12px;
    line-height: 22px;
    box-sizing: border-box;
    z-index: 5
}

._subscribe {
    position: absolute;
    top: 7px;
    left: 7px;
    background-color: #c46ae6;
    padding: 0 8px;
    border-radius: 30px;
    color: #fcfcfd;
    font-size: 12px;
    line-height: 22px;
    box-sizing: border-box;
    z-index: 5
}

._highlight,._hilight {
    position: absolute;
    top: 7px;
    left: 7px;
    background-color: #FF0051;
    padding: 0 8px;
    border-radius: 30px;
    color: #fcfcfd;
    font-size: 12px;
    line-height: 22px;
    box-sizing: border-box;
    z-index: 5;
    transition: all .2s
}

._catch {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 21'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%234279FF' d='M0 6.254v8.494c0 4.907 5.656 7.92 10.01 5.268l6.971-4.247c4.025-2.453 4.025-8.083 0-10.536L10.01.986C5.656-1.665 0 1.347 0 6.254Z'/%3e%3cpath fill='url(%23b)' d='M0 6.254v8.494c0 4.907 5.656 7.92 10.01 5.268l6.971-4.247c4.025-2.453 4.025-8.083 0-10.536L10.01.986C5.656-1.665 0 1.347 0 6.254Z'/%3e%3cpath fill='%23fff' d='M9.573 4.883c.727 0 1.434.16 2.085.467a1.416 1.416 0 0 1 .713 1.823 1.422 1.422 0 0 1-1.791.797l-.135-.056a2.032 2.032 0 0 0-.872-.196c-1.269 0-2.364 1.214-2.364 2.782 0 1.569 1.095 2.783 2.364 2.783.238 0 .47-.042.692-.122l.164-.067a1.422 1.422 0 0 1 1.857.705c.324.699.03 1.528-.664 1.867a4.876 4.876 0 0 1-2.049.452c-2.91 0-5.206-2.546-5.206-5.618 0-3.07 2.295-5.617 5.206-5.617Z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='b' x1='10' x2='10' y1='0' y2='21.002' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%2377B1FF'/%3e%3cstop offset='1' stop-color='%234279FF'/%3e%3c/linearGradient%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h20v21H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 21px;
    font: 0/0 a;
    z-index: 5
}

[tip] {
    position: relative;
    overflow: visible;
    color: transparent
}

[tip]:before {
    content: "";
    top: calc(100% + 2px);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' fill='none'%3e%3cpath fill='%23525661' d='M5.743.826 9.5 5h-9L4.257.826a1 1 0 0 1 1.486 0Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 9px 5px;
    width: 100%;
    height: 5px;
    z-index: 10
}

[dark=true] [tip]:before,html[dark=true] [tip]:before,body.thema_dark [tip]:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' fill='none'%3e%3cpath fill='%23525661' d='M5.743.826 9.5 5h-9L4.257.826a1 1 0 0 1 1.486 0Z'/%3e%3c/svg%3e")
}

[tip]:after {
    content: attr(tip) "\a" attr(tip2);
    top: calc(100% + 6px);
    background-color: #525661;
    padding: 7px 10px;
    border-radius: 12px;
    color: #FCFCFD;
    font-size: 13px !important;
    font-weight: 600;
    white-space: nowrap;
    line-height: 1.2;
    z-index: 10
}

[dark=true] [tip]:after,html[dark=true] [tip]:after,body.thema_dark [tip]:after {
    background-color: #525661
}

[dark=true] [tip]:after,html[dark=true] [tip]:after,body.thema_dark [tip]:after {
    color: #FCFCFD
}

[tip]:after,[tip]:before {
    position: absolute;
    visibility: hidden;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-60%);
    -ms-transform: translateX(-60%);
    transform: translateX(-60%);
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    font-family: -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Malgun Gothic","맑은 고딕",helvetica,sans-serif
}

[tip]:hover:after,[tip]:hover:before {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

[tip2]:after {
    bottom: auto;
    top: 100%;
    margin-top: 8px;
    white-space: pre !important;
    text-align: center
}

.toast-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2000;
    pointer-events: none;
    box-sizing: border-box
}

.toast-box>div {
    display: block;
    position: relative;
    background: #525661;
    width: fit-content;
    min-width: 315px;
    margin-bottom: 15px;
    padding: 16px 36px;
    border-radius: 8px;
    z-index: 100;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    transition: all .2s ease;
    pointer-events: auto
}

.toast-box>div p {
    color: #FCFCFD;
    font-size: 15px;
    line-height: 18px;
    text-align: left
}

.toast-box>div p:only-child {
    text-align: center
}

.toast-box>div .btn {
    margin-top: 12px
}

.toast-box>div .btn button,.toast-box>div .btn a {
    display: block;
    margin-left: auto;
    color: #6FB9FF;
    font-size: 13px
}

.toast-box>div.side {
    display: flex
}

.toast-box>div.side .btn {
    flex: 0 0 auto;
    margin: 0 0 0 24px
}

.toast-box>div.side .btn button,.toast-box>div.side .btn a {
    text-align: center
}

.toast-box .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 12px 0 0
}

.toast-box .close span {
    display: block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(232,232,232,0.999)' stroke='%23e8e8e8' viewBox='0 0 12 12'%3e%3cpath fill-rule='evenodd' d='M11.254 12.001L5.978 6.725.702 12.001l-.703-.703 5.276-5.276L-.001.746.702.043l5.276 5.276 5.32-5.32.703.703-5.32 5.32 5.276 5.276-.703.703z'/%3e%3c/svg%3e") 0 0 no-repeat;
    width: 11px;
    height: 11px;
    font: 0/0 a
}

.icon-menu {
    display: flex;
    align-items: center;
    gap: 0 14px;
    position: absolute;
    background: #fff;
    padding: 14px 20px;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 12px;
    z-index: 15;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.04),0px 4px 12px 0px rgba(0,0,0,0.12)
}

[dark=true] .icon-menu,html[dark=true] .icon-menu,body.thema_dark .icon-menu {
    background: #1C1E22
}

[dark=true] .icon-menu,html[dark=true] .icon-menu,body.thema_dark .icon-menu {
    border: 1px solid rgba(117,123,138,0.3)
}

.icon-menu button {
    position: relative !important;
    background: transparent;
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 50%;
    outline: none;
    transition: all .2s
}

.icon-menu button[tip]:before {
    bottom: -3px
}

.icon-menu button span {
    display: block !important;
    width: 100%;
    height: 100%;
    margin: 0 auto !important;
    padding: 0 !important;
    font: 0/0 a !important
}

.icon-menu button span:after,.icon-menu button span:before {
    display: none !important
}

.icon-menu button:hover {
    background-color: #F1F2F4
}

[dark=true] .icon-menu button:hover,html[dark=true] .icon-menu button:hover,body.thema_dark .icon-menu button:hover {
    background-color: #2F3137
}

.icon-menu button:active {
    background-color: #BABABB
}

[dark=true] .icon-menu button:active,html[dark=true] .icon-menu button:active,body.thema_dark .icon-menu button:active {
    background-color: #5E5F63
}

.icon-menu .bj_bs span,.icon-menu .community span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3cpath d='M18.5 15.345V9.744c0-.54 0-1.81-.067-2.06a1.997 1.997 0 0 0-.29-.624c-.148-.215-.355-.393-.77-.748l-4.95-4.24c-.77-.66-1.155-.99-1.588-1.115a2.107 2.107 0 0 0-1.17 0c-.433.125-.818.455-1.586 1.113L3.127 6.312c-.415.355-.622.533-.77.748-.132.19-.23.4-.29.623C2 7.934 2 9.204 2 9.743v5.602c0 .94 0 1.411.157 1.782.21.495.61.889 1.116 1.093.379.154.86.154 1.82.154.961 0 1.443 0 1.822-.154a2.041 2.041 0 0 0 1.115-1.093c.157-.37.158-.841.158-1.782v-2.01c0-1.115.923-2.019 2.062-2.019 1.14 0 2.063.904 2.063 2.02v2.009c0 .94 0 1.411.156 1.782.21.495.611.889 1.116 1.093.38.154.86.154 1.821.154s1.442 0 1.821-.154a2.041 2.041 0 0 0 1.116-1.093c.157-.37.157-.841.157-1.782Z' stroke='%23525661' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px
}

[dark=true] .icon-menu .bj_bs span,html[dark=true] .icon-menu .bj_bs span,body.thema_dark .icon-menu .bj_bs span,[dark=true] .icon-menu .community span,html[dark=true] .icon-menu .community span,body.thema_dark .icon-menu .community span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3cpath d='M18.5 15.345V9.744c0-.54 0-1.81-.067-2.06a1.997 1.997 0 0 0-.29-.624c-.148-.215-.355-.393-.77-.748l-4.95-4.24c-.77-.66-1.155-.99-1.588-1.115a2.107 2.107 0 0 0-1.17 0c-.433.125-.818.455-1.586 1.113L3.127 6.312c-.415.355-.622.533-.77.748-.132.19-.23.4-.29.623C2 7.934 2 9.204 2 9.743v5.602c0 .94 0 1.411.157 1.782.21.495.61.889 1.116 1.093.379.154.86.154 1.82.154.961 0 1.443 0 1.822-.154a2.041 2.041 0 0 0 1.115-1.093c.157-.37.158-.841.158-1.782v-2.01c0-1.115.923-2.019 2.062-2.019 1.14 0 2.063.904 2.063 2.02v2.009c0 .94 0 1.411.156 1.782.21.495.611.889 1.116 1.093.38.154.86.154 1.821.154s1.442 0 1.821-.154a2.041 2.041 0 0 0 1.116-1.093c.157-.37.157-.841.157-1.782Z' stroke='%23D5D7DC' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}

.icon-menu .send_memo span {
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17 13V4.541a1.5 1.5 0 0 0-1.5-1.5h-8a1.5 1.5 0 0 0-1.5 1.5V13.5' stroke='%23525661' stroke-width='1.4'/%3e%3cpath d='M16.55 3.5 4.151 15.44a1.5 1.5 0 0 0-.02 2.14l2.858 2.86a1.5 1.5 0 0 0 2.122 0l7.939-7.94' stroke='%23525661' stroke-width='1.4'/%3e%3cpath d='m6.55 3.5 11.975 11.088a2 2 0 0 1 .055 2.882L16.02 20.03a1.5 1.5 0 0 1-2.021.092L12.05 18.5' stroke='%23525661' stroke-width='1.4'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px
}

[dark=true] .icon-menu .send_memo span,html[dark=true] .icon-menu .send_memo span,body.thema_dark .icon-menu .send_memo span {
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17 13V4.541a1.5 1.5 0 0 0-1.5-1.5h-8a1.5 1.5 0 0 0-1.5 1.5V13.5' stroke='%23D5D7DC' stroke-width='1.4'/%3e%3cpath d='M16.55 3.5 4.151 15.44a1.5 1.5 0 0 0-.02 2.14l2.858 2.86a1.5 1.5 0 0 0 2.122 0l7.939-7.94' stroke='%23D5D7DC' stroke-width='1.4'/%3e%3cpath d='m6.55 3.5 11.975 11.088a2 2 0 0 1 .055 2.882L16.02 20.03a1.5 1.5 0 0 1-2.021.092L12.05 18.5' stroke='%23D5D7DC' stroke-width='1.4'/%3e%3c/svg%3e")
}

.icon-menu .favor span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath d='M11.063 3.306c.399-.741 1.475-.741 1.874 0l2.075 3.856c.153.285.431.484.753.54l4.357.757c.837.145 1.17 1.155.579 1.759l-3.075 3.14a1.039 1.039 0 0 0-.287.873l.617 4.324c.12.83-.751 1.455-1.515 1.087l-3.975-1.916a1.073 1.073 0 0 0-.931 0l-3.976 1.916c-.764.368-1.634-.256-1.515-1.087l.617-4.324c.046-.32-.06-.642-.287-.874l-3.075-3.14c-.59-.603-.258-1.613.58-1.758l4.356-.757c.322-.056.6-.255.753-.54l2.075-3.856Z' stroke='%23525661' stroke-width='1.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px
}

[dark=true] .icon-menu .favor span,html[dark=true] .icon-menu .favor span,body.thema_dark .icon-menu .favor span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath d='M11.063 3.306c.399-.741 1.475-.741 1.874 0l2.075 3.856c.153.285.431.484.753.54l4.357.757c.837.145 1.17 1.155.579 1.759l-3.075 3.14a1.039 1.039 0 0 0-.287.873l.617 4.324c.12.83-.751 1.455-1.515 1.087l-3.975-1.916a1.073 1.073 0 0 0-.931 0l-3.976 1.916c-.764.368-1.634-.256-1.515-1.087l.617-4.324c.046-.32-.06-.642-.287-.874l-3.075-3.14c-.59-.603-.258-1.613.58-1.758l4.356-.757c.322-.056.6-.255.753-.54l2.075-3.856Z' stroke='%23D5D7DC' stroke-width='1.5'/%3e%3c/svg%3e")
}

.icon-menu .favor.on span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath d='M11.063 3.306c.399-.741 1.475-.741 1.874 0l2.075 3.856c.153.285.431.484.753.54l4.357.757c.837.145 1.17 1.155.579 1.759l-3.075 3.14a1.039 1.039 0 0 0-.287.873l.617 4.324c.12.83-.751 1.455-1.515 1.087l-3.975-1.916a1.073 1.073 0 0 0-.931 0l-3.976 1.916c-.764.368-1.634-.256-1.515-1.087l.617-4.324c.046-.32-.06-.642-.287-.874l-3.075-3.14c-.59-.603-.258-1.613.58-1.758l4.356-.757c.322-.056.6-.255.753-.54l2.075-3.856Z' stroke='%23F4BF03' stroke-width='1.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px
}

[dark=true] .icon-menu .favor.on span,html[dark=true] .icon-menu .favor.on span,body.thema_dark .icon-menu .favor.on span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath d='M11.063 3.306c.399-.741 1.475-.741 1.874 0l2.075 3.856c.153.285.431.484.753.54l4.357.757c.837.145 1.17 1.155.579 1.759l-3.075 3.14a1.039 1.039 0 0 0-.287.873l.617 4.324c.12.83-.751 1.455-1.515 1.087l-3.975-1.916a1.073 1.073 0 0 0-.931 0l-3.976 1.916c-.764.368-1.634-.256-1.515-1.087l.617-4.324c.046-.32-.06-.642-.287-.874l-3.075-3.14c-.59-.603-.258-1.613.58-1.758l4.356-.757c.322-.056.6-.255.753-.54l2.075-3.856Z' stroke='%23F4BF03' stroke-width='1.5'/%3e%3c/svg%3e")
}

.icon-menu .srh span,.icon-menu .search span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath d='M16.927 16.04 20.4 19.4m-1.12-8.96a7.84 7.84 0 1 1-15.68 0 7.84 7.84 0 0 1 15.68 0Z' stroke='%23525661' stroke-width='1.4' stroke-linecap='round'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px
}

[dark=true] .icon-menu .srh span,html[dark=true] .icon-menu .srh span,body.thema_dark .icon-menu .srh span,[dark=true] .icon-menu .search span,html[dark=true] .icon-menu .search span,body.thema_dark .icon-menu .search span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath d='M16.927 16.04 20.4 19.4m-1.12-8.96a7.84 7.84 0 1 1-15.68 0 7.84 7.84 0 0 1 15.68 0Z' stroke='%23D5D7DC' stroke-width='1.4' stroke-linecap='round'/%3e%3c/svg%3e")
}

.icon-menu .bj_hide span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 21 16'%3e%3cpath fill-rule='evenodd' fill='%23666' d='M20.87 7.96l-.11.22c-.16.32-3.87 7.71-9.9 7.71a8.58 8.58 0 01-5.25-1.96L3.75 15.8a.5.5 0 11-.7-.7L17.95.13c.2-.2.5-.2.7 0 .2.19.2.5 0 .7l-1.79 1.8a18.91 18.91 0 013.9 5.12l.1.21zm-7.75-1.58l-3.84 3.87c.45.31.98.51 1.57.51a2.8 2.8 0 002.79-2.8c0-.59-.2-1.13-.52-1.58zm3.02-3.03l-2.32 2.33c.5.64.8 1.42.8 2.29 0 2.08-1.69 3.79-3.77 3.79a3.7 3.7 0 01-2.27-.8l-2.26 2.26a7.56 7.56 0 004.53 1.68c4.88 0 8.25-5.73 8.9-6.94-.37-.69-1.66-2.88-3.6-4.61zm-4.85.87l-1 1a2.8 2.8 0 00-2.17 2.19l-1 1c-.01-.15-.04-.3-.04-.45 0-2.09 1.7-3.79 3.77-3.79.15 0 .3.03.45.05zm-.44-3.2c-4.9 0-8.25 5.74-8.9 6.94.28.53 1.09 1.93 2.31 3.33l-.7.71A19.32 19.32 0 01.95 8.18l-.11-.21.1-.22C1.1 7.42 4.82.03 10.86.03c1.35 0 2.56.38 3.66.95l-.74.75c-.9-.43-1.87-.7-2.92-.7z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 21px;
    height: 16px
}

[dark=true] .icon-menu .bj_hide span,html[dark=true] .icon-menu .bj_hide span,body.thema_dark .icon-menu .bj_hide span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 21 16'%3e%3cpath fill-rule='evenodd' fill='%23c8c8c8' d='M20.87 7.96l-.11.22c-.16.32-3.87 7.71-9.9 7.71a8.58 8.58 0 01-5.25-1.96L3.75 15.8a.5.5 0 11-.7-.7L17.95.13c.2-.2.5-.2.7 0 .2.19.2.5 0 .7l-1.79 1.8a18.91 18.91 0 013.9 5.12l.1.21zm-7.75-1.58l-3.84 3.87c.45.31.98.51 1.57.51a2.8 2.8 0 002.79-2.8c0-.59-.2-1.13-.52-1.58zm3.02-3.03l-2.32 2.33c.5.64.8 1.42.8 2.29 0 2.08-1.69 3.79-3.77 3.79a3.7 3.7 0 01-2.27-.8l-2.26 2.26a7.56 7.56 0 004.53 1.68c4.88 0 8.25-5.73 8.9-6.94-.37-.69-1.66-2.88-3.6-4.61zm-4.85.87l-1 1a2.8 2.8 0 00-2.17 2.19l-1 1c-.01-.15-.04-.3-.04-.45 0-2.09 1.7-3.79 3.77-3.79.15 0 .3.03.45.05zm-.44-3.2c-4.9 0-8.25 5.74-8.9 6.94.28.53 1.09 1.93 2.31 3.33l-.7.71A19.32 19.32 0 01.95 8.18l-.11-.21.1-.22C1.1 7.42 4.82.03 10.86.03c1.35 0 2.56.38 3.66.95l-.74.75c-.9-.43-1.87-.7-2.92-.7z'/%3e%3c/svg%3e")
}

.icon-menu .bj_hide:hover span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 21 16'%3e%3cpath fill-rule='evenodd' fill='%235285ff' d='M20.87 7.96l-.11.22c-.16.32-3.87 7.71-9.9 7.71a8.58 8.58 0 01-5.25-1.96L3.75 15.8a.5.5 0 11-.7-.7L17.95.13c.2-.2.5-.2.7 0 .2.19.2.5 0 .7l-1.79 1.8a18.91 18.91 0 013.9 5.12l.1.21zm-7.75-1.58l-3.84 3.87c.45.31.98.51 1.57.51a2.8 2.8 0 002.79-2.8c0-.59-.2-1.13-.52-1.58zm3.02-3.03l-2.32 2.33c.5.64.8 1.42.8 2.29 0 2.08-1.69 3.79-3.77 3.79a3.7 3.7 0 01-2.27-.8l-2.26 2.26a7.56 7.56 0 004.53 1.68c4.88 0 8.25-5.73 8.9-6.94-.37-.69-1.66-2.88-3.6-4.61zm-4.85.87l-1 1a2.8 2.8 0 00-2.17 2.19l-1 1c-.01-.15-.04-.3-.04-.45 0-2.09 1.7-3.79 3.77-3.79.15 0 .3.03.45.05zm-.44-3.2c-4.9 0-8.25 5.74-8.9 6.94.28.53 1.09 1.93 2.31 3.33l-.7.71A19.32 19.32 0 01.95 8.18l-.11-.21.1-.22C1.1 7.42 4.82.03 10.86.03c1.35 0 2.56.38 3.66.95l-.74.75c-.9-.43-1.87-.7-2.92-.7z'/%3e%3c/svg%3e")
}

[dark=true] .icon-menu .bj_hide:hover span,html[dark=true] .icon-menu .bj_hide:hover span,body.thema_dark .icon-menu .bj_hide:hover span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 21 16'%3e%3cpath fill-rule='evenodd' fill='%235285ff' d='M20.87 7.96l-.11.22c-.16.32-3.87 7.71-9.9 7.71a8.58 8.58 0 01-5.25-1.96L3.75 15.8a.5.5 0 11-.7-.7L17.95.13c.2-.2.5-.2.7 0 .2.19.2.5 0 .7l-1.79 1.8a18.91 18.91 0 013.9 5.12l.1.21zm-7.75-1.58l-3.84 3.87c.45.31.98.51 1.57.51a2.8 2.8 0 002.79-2.8c0-.59-.2-1.13-.52-1.58zm3.02-3.03l-2.32 2.33c.5.64.8 1.42.8 2.29 0 2.08-1.69 3.79-3.77 3.79a3.7 3.7 0 01-2.27-.8l-2.26 2.26a7.56 7.56 0 004.53 1.68c4.88 0 8.25-5.73 8.9-6.94-.37-.69-1.66-2.88-3.6-4.61zm-4.85.87l-1 1a2.8 2.8 0 00-2.17 2.19l-1 1c-.01-.15-.04-.3-.04-.45 0-2.09 1.7-3.79 3.77-3.79.15 0 .3.03.45.05zm-.44-3.2c-4.9 0-8.25 5.74-8.9 6.94.28.53 1.09 1.93 2.31 3.33l-.7.71A19.32 19.32 0 01.95 8.18l-.11-.21.1-.22C1.1 7.42 4.82.03 10.86.03c1.35 0 2.56.38 3.66.95l-.74.75c-.9-.43-1.87-.7-2.92-.7z'/%3e%3c/svg%3e")
}

._moreDot_layer {
    position: absolute;
    background: #fff;
    padding: 6px 0;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 12px;
    z-index: 15;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.04),0px 4px 12px 0px rgba(0,0,0,0.12)
}

[dark=true] ._moreDot_layer,html[dark=true] ._moreDot_layer,body.thema_dark ._moreDot_layer {
    background: #1C1E22
}

[dark=true] ._moreDot_layer,html[dark=true] ._moreDot_layer,body.thema_dark ._moreDot_layer {
    border: 1px solid rgba(117,123,138,0.3)
}

._moreDot_layer button {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 180px;
    height: 36px;
    padding: 0 12px 0 16px;
    color: #525661;
    font-size: 14px;
    transition: all .2s
}

[dark=true] ._moreDot_layer button,html[dark=true] ._moreDot_layer button,body.thema_dark ._moreDot_layer button {
    color: #D5D7DC
}

._moreDot_layer button:hover {
    background: #F1F2F4
}

[dark=true] ._moreDot_layer button:hover,html[dark=true] ._moreDot_layer button:hover,body.thema_dark ._moreDot_layer button:hover {
    background: #2F3137
}

._moreDot_layer button:active {
    background: transparent !important;
    color: #0182FF
}

[dark=true] ._moreDot_layer button:active,html[dark=true] ._moreDot_layer button:active,body.thema_dark ._moreDot_layer button:active {
    color: #44A3FF
}

._moreDot_layer button:disabled {
    color: #ACB0B9
}

[dark=true] ._moreDot_layer button:disabled,html[dark=true] ._moreDot_layer button:disabled,body.thema_dark ._moreDot_layer button:disabled {
    color: #757B8A
}

._moreDot_layer button:disabled:hover {
    background: transparent
}

[dark=true] ._moreDot_layer button:disabled:hover,html[dark=true] ._moreDot_layer button:disabled:hover,body.thema_dark ._moreDot_layer button:disabled:hover {
    background: transparent
}

._moreDot_layer button.act {
    color: #0182FF
}

[dark=true] ._moreDot_layer button.act,html[dark=true] ._moreDot_layer button.act,body.thema_dark ._moreDot_layer button.act {
    color: #44A3FF
}

.select_box_item {
    position: relative
}

.select_box_item.on>.selected::after {
    transform: rotate(180deg)
}

.select_box_item.on .select_list {
    opacity: 1;
    visibility: visible
}

.select_box_item>.selected {
    display: flex;
    align-items: center;
    height: 32px;
    color: #757B8A;
    font-size: 14px
}

[dark=true] .select_box_item>.selected,html[dark=true] .select_box_item>.selected,body.thema_dark .select_box_item>.selected {
    color: #9196A1
}

.select_box_item>.selected:after {
    content: "";
    display: block;
    margin-left: 4px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 11 7'%3e%3cg clip-path='url(%23a)'%3e%3cpath stroke='%23ACB0B9' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m10 1.375-4.5 4.5-4.5-4.5'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 .625h11v6H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 11px 7px;
    width: 20px;
    height: 20px
}

[dark=true] .select_box_item>.selected:after,html[dark=true] .select_box_item>.selected:after,body.thema_dark .select_box_item>.selected:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 11 7'%3e%3cg clip-path='url(%23a)'%3e%3cpath stroke='%239196A1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m10 1.375-4.5 4.5-4.5-4.5'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 .625h11v6H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
}

.select_box_item .select_list {
    position: absolute;
    top: 38px;
    right: 0;
    overflow: hidden;
    background: #fff;
    padding: 6px 0;
    border-radius: 12px;
    border: 1px solid transparent;
    border-color: rgba(117,123,138,0.2);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.04),0px 4px 12px 0px rgba(0,0,0,0.12);
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}

[dark=true] .select_box_item .select_list,html[dark=true] .select_box_item .select_list,body.thema_dark .select_box_item .select_list {
    background: var(--dark-default-bg)
}

[dark=true] .select_box_item .select_list,html[dark=true] .select_box_item .select_list,body.thema_dark .select_box_item .select_list {
    border-color: rgba(117,123,138,0.3)
}

.select_box_item .select_list li.on button {
    color: #0182FF !important
}

[dark=true] .select_box_item .select_list li.on button,html[dark=true] .select_box_item .select_list li.on button,body.thema_dark .select_box_item .select_list li.on button {
    color: #44A3FF !important
}

.select_box_item .select_list li button {
    width: 173px;
    height: 36px;
    padding: 0 10px;
    color: #525661;
    font-size: 14px;
    text-align: left;
    transition: all .2s
}

[dark=true] .select_box_item .select_list li button,html[dark=true] .select_box_item .select_list li button,body.thema_dark .select_box_item .select_list li button {
    color: #D5D7DC
}

.select_box_item .select_list li button:hover {
    background: #F1F2F4
}

[dark=true] .select_box_item .select_list li button:hover,html[dark=true] .select_box_item .select_list li button:hover,body.thema_dark .select_box_item .select_list li button:hover {
    background: #2F3137
}

.select_box_item .select_list li button:active {
    background: #E2E4E9;
    color: #17191C
}

[dark=true] .select_box_item .select_list li button:active,html[dark=true] .select_box_item .select_list li button:active,body.thema_dark .select_box_item .select_list li button:active {
    background: #3B3D45
}

[dark=true] .select_box_item .select_list li button:active,html[dark=true] .select_box_item .select_list li button:active,body.thema_dark .select_box_item .select_list li button:active {
    color: #E2E4E9
}

.select_box_item .select_list li button.on {
    color: #0182FF !important
}

[dark=true] .select_box_item .select_list li button.on,html[dark=true] .select_box_item .select_list li button.on,body.thema_dark .select_box_item .select_list li button.on {
    color: #44A3FF !important
}

.select_box_item.full>.selected {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid #D5D7DC
}

[dark=true] .select_box_item.full>.selected,html[dark=true] .select_box_item.full>.selected,body.thema_dark .select_box_item.full>.selected {
    border: 1px solid #464A53
}

.select_box_item.full>.selected:after {
    margin-left: auto
}

.select_box_item.full .select_list {
    top: calc(100% + 6px);
    width: 100%
}

.select_box_item.full .select_list li button {
    width: 100%
}

._share_layer {
    position: absolute;
    background: #fff;
    min-width: 364px;
    padding-bottom: 32px;
    border-radius: 12px;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 12px;
    z-index: 15;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.04),0px 4px 12px 0px rgba(0,0,0,0.12)
}

[dark=true] ._share_layer,html[dark=true] ._share_layer,body.thema_dark ._share_layer {
    background: #1C1E22
}

[dark=true] ._share_layer,html[dark=true] ._share_layer,body.thema_dark ._share_layer {
    border: 1px solid rgba(117,123,138,0.3)
}

._share_layer .title {
    padding: 24px 32px
}

._share_layer .title h3 {
    color: #17191C;
    font-size: 18px;
    font-weight: 600
}

[dark=true] ._share_layer .title h3,html[dark=true] ._share_layer .title h3,body.thema_dark ._share_layer .title h3 {
    color: #E2E4E9
}

._share_layer .close_layer {
    position: absolute;
    top: 23px;
    right: 26px;
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m4.75 4.754 14.5 14.5M19.25 4.754l-14.5 14.5' stroke='%23525661' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    font: 0/0 a
}

[dark=true] ._share_layer .close_layer,html[dark=true] ._share_layer .close_layer,body.thema_dark ._share_layer .close_layer {
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m4.75 4.754 14.5 14.5M19.25 4.754l-14.5 14.5' stroke='%23D5D7DC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}

._share_layer .share_tab {
    display: flex;
    margin: 0 32px 24px;
    border-bottom: 1px solid #E3E5E8
}

[dark=true] ._share_layer .share_tab,html[dark=true] ._share_layer .share_tab,body.thema_dark ._share_layer .share_tab {
    border-bottom: 1px solid #373A41
}

._share_layer .share_tab button {
    display: flex;
    align-items: center;
    position: relative;
    height: 40px;
    padding: 0 28px;
    color: #525661;
    font-size: 16px
}

[dark=true] ._share_layer .share_tab button,html[dark=true] ._share_layer .share_tab button,body.thema_dark ._share_layer .share_tab button {
    color: #D5D7DC
}

._share_layer .share_tab button:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #0182FF;
    width: 0;
    height: 2px;
    transition: width 0.2s cubic-bezier(0, 1, 0.66, 1.1)
}

._share_layer .share_tab button.on {
    color: #0182FF;
    font-weight: 600
}

[dark=true] ._share_layer .share_tab button.on,html[dark=true] ._share_layer .share_tab button.on,body.thema_dark ._share_layer .share_tab button.on {
    color: #0182FF
}

._share_layer .share_tab button.on:before {
    width: 100%
}

._share_layer ._share_type ._list {
    padding: 0 32px;
    text-align: center;
    font-size: 0;
    line-height: 0
}

._share_layer ._share_type ._list>button {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

._share_layer ._share_type ._list>button:not(:first-child) {
    margin-left: 20px
}

._share_layer ._share_type ._list .copy_inp {
    margin-top: 24px
}

._share_layer ._share_type ._copy {
    display: none;
    margin: 0 32px
}

._share_layer ._share_type .copy_inp {
    display: flex;
    margin-top: 12px
}

._share_layer ._share_type .copy_inp input[type=text] {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #D5D7DC;
    border-radius: 6px;
    color: #757B8A;
    font-size: 14px
}

[dark=true] ._share_layer ._share_type .copy_inp input[type=text],html[dark=true] ._share_layer ._share_type .copy_inp input[type=text],body.thema_dark ._share_layer ._share_type .copy_inp input[type=text] {
    border: 1px solid #464A53
}

[dark=true] ._share_layer ._share_type .copy_inp input[type=text],html[dark=true] ._share_layer ._share_type .copy_inp input[type=text],body.thema_dark ._share_layer ._share_type .copy_inp input[type=text] {
    color: #9196A1
}

._share_layer ._share_type .copy_inp .btn {
    flex: 0 0 auto;
    background: #F1F2F4;
    height: 42px;
    margin-left: 10px;
    padding: 0 18px;
    border-radius: 10px;
    color: #525661;
    font-size: 16px;
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1)
}

[dark=true] ._share_layer ._share_type .copy_inp .btn,html[dark=true] ._share_layer ._share_type .copy_inp .btn,body.thema_dark ._share_layer ._share_type .copy_inp .btn {
    background: #2F3137
}

[dark=true] ._share_layer ._share_type .copy_inp .btn,html[dark=true] ._share_layer ._share_type .copy_inp .btn,body.thema_dark ._share_layer ._share_type .copy_inp .btn {
    color: #D5D7DC
}

._share_layer ._share_type .copy_inp .btn:hover {
    background: #E7E9EC
}

[dark=true] ._share_layer ._share_type .copy_inp .btn:hover,html[dark=true] ._share_layer ._share_type .copy_inp .btn:hover,body.thema_dark ._share_layer ._share_type .copy_inp .btn:hover {
    background: #43454B
}

._share_layer ._share_type .copy_inp .btn:active {
    background: #C6C7C9
}

[dark=true] ._share_layer ._share_type .copy_inp .btn:active,html[dark=true] ._share_layer ._share_type .copy_inp .btn:active,body.thema_dark ._share_layer ._share_type .copy_inp .btn:active {
    background: #57585E
}

._share_layer ._share_type .copy_inp .btn:disabled {
    background: #F1F2F4;
    color: rgba(23,25,28,0.3)
}

[dark=true] ._share_layer ._share_type .copy_inp .btn:disabled,html[dark=true] ._share_layer ._share_type .copy_inp .btn:disabled,body.thema_dark ._share_layer ._share_type .copy_inp .btn:disabled {
    background: #2F3137
}

[dark=true] ._share_layer ._share_type .copy_inp .btn:disabled,html[dark=true] ._share_layer ._share_type .copy_inp .btn:disabled,body.thema_dark ._share_layer ._share_type .copy_inp .btn:disabled {
    color: rgba(246,246,249,0.3)
}
.thumb-default,.thumb-adult,.thumb-lock,.thumb-lock_adult,.thumb-encoding,.thumb-del,.thumb-blind,.thumb-converting,.thumb-upload,.thumb-private,.thumb-savyg,.thumb-text {
    display: block;
    position: relative;
    background-color: #F6F6F9;
    width: 100%;
    padding-bottom: calc(100% / 16 * 9);
    font-size: 0;
    line-height: 0
}

[dark=true] .thumb-default,html[dark=true] .thumb-default,body.thema_dark .thumb-default,[dark=true] .thumb-adult,html[dark=true] .thumb-adult,body.thema_dark .thumb-adult,[dark=true] .thumb-lock,html[dark=true] .thumb-lock,body.thema_dark .thumb-lock,[dark=true] .thumb-lock_adult,html[dark=true] .thumb-lock_adult,body.thema_dark .thumb-lock_adult,[dark=true] .thumb-encoding,html[dark=true] .thumb-encoding,body.thema_dark .thumb-encoding,[dark=true] .thumb-del,html[dark=true] .thumb-del,body.thema_dark .thumb-del,[dark=true] .thumb-blind,html[dark=true] .thumb-blind,body.thema_dark .thumb-blind,[dark=true] .thumb-converting,html[dark=true] .thumb-converting,body.thema_dark .thumb-converting,[dark=true] .thumb-upload,html[dark=true] .thumb-upload,body.thema_dark .thumb-upload,[dark=true] .thumb-private,html[dark=true] .thumb-private,body.thema_dark .thumb-private,[dark=true] .thumb-savyg,html[dark=true] .thumb-savyg,body.thema_dark .thumb-savyg,[dark=true] .thumb-text,html[dark=true] .thumb-text,body.thema_dark .thumb-text {
    background-color: #1C1E22
}

.thumb-default:before,.thumb-adult:before,.thumb-lock:before,.thumb-lock_adult:before,.thumb-encoding:before,.thumb-del:before,.thumb-blind:before,.thumb-converting:before,.thumb-upload:before,.thumb-private:before,.thumb-savyg:before,.thumb-text:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.thumb-adult::before,.thumb-lock::before,.thumb-lock_adult::before {
    height: 38.6%
}

.thumb-encoding::before,.thumb-del::before,.thumb-blind::before,.thumb-converting::before,.thumb-upload::before,.thumb-savyg::before,.thumb-private::before {
    height: 50.3%
}

.thumb-default:before {
    background-image: url("data:image/svg+xml,%3csvg width='152' height='88' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M108.759.897c-12.768 0-24.237 5.551-32.13 14.37a.838.838 0 0 1-1.258 0C67.478 6.448 56.009.897 43.24.897 19.435.897.138 20.194.138 44S19.435 87.104 43.24 87.104c12.768 0 24.237-5.552 32.13-14.371a.838.838 0 0 1 1.258 0c7.892 8.819 19.362 14.37 32.13 14.37 23.806 0 43.103-19.297 43.103-43.103S132.565.897 108.759.897Zm0 65.517c-6.897 0-12.66-3.323-16.194-7.078-1.125-1.198-2.522-2.84-4.056-4.232a33.866 33.866 0 0 0-2.16-1.794c-2.883-2.056-6.461-3.275-10.345-3.275-3.883 0-7.46 1.22-10.345 3.276a32.683 32.683 0 0 0-2.159 1.793c-1.539 1.392-2.931 3.034-4.056 4.232-3.535 3.755-9.297 7.078-16.194 7.078-.177 0-.35-.009-.526-.013a30.044 30.044 0 0 1-.888-.034 26.42 26.42 0 0 1-.603-.048c-.121-.008-.242-.022-.358-.03C29.612 65.104 20.836 55.578 20.836 44v.095-.19V44c0-11.573 8.776-21.099 20.035-22.289.125-.013.254-.021.379-.034.194-.017.388-.03.582-.043.297-.018.595-.026.896-.035.173 0 .345-.013.518-.013 6.896 0 12.66 3.324 16.194 7.078 1.125 1.198 2.521 2.84 4.056 4.233a33.899 33.899 0 0 0 2.16 1.793c2.883 2.056 6.46 3.276 10.344 3.276 3.884 0 7.461-1.22 10.345-3.276a32.74 32.74 0 0 0 2.16-1.793c1.538-1.393 2.93-3.035 4.055-4.233 3.535-3.754 9.298-7.078 16.194-7.078.173 0 .341.009.513.013.302.009.604.017.901.035.19.013.379.026.569.043.134.009.267.021.401.034 10.827 1.147 19.353 10 19.987 20.974 0 .074.009.143.013.212.009.202.013.41.017.612.004.306.009.608 0 .913-.004.229-.004.462-.017.69 0 .048-.009.095-.009.142-.607 10.996-9.146 19.88-19.991 21.026-.138.013-.272.026-.41.035-.185.017-.37.03-.556.043-.297.017-.603.026-.905.034-.172 0-.34.013-.513.013l.005.009Z' fill='%23E2E4E9'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 31.652%;
    height: 31.989%
}

[dark=true] .thumb-default:before,html[dark=true] .thumb-default:before,body.thema_dark .thumb-default:before {
    background-image: url("data:image/svg+xml,%3csvg width='152' height='88' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M108.759.897c-12.768 0-24.237 5.551-32.13 14.37a.838.838 0 0 1-1.258 0C67.478 6.448 56.009.897 43.24.897 19.435.897.138 20.194.138 44S19.435 87.104 43.24 87.104c12.768 0 24.237-5.552 32.13-14.371a.838.838 0 0 1 1.258 0c7.892 8.819 19.362 14.37 32.13 14.37 23.806 0 43.103-19.297 43.103-43.103S132.565.897 108.759.897Zm0 65.517c-6.897 0-12.66-3.323-16.194-7.078-1.125-1.198-2.522-2.84-4.056-4.232a33.866 33.866 0 0 0-2.16-1.794c-2.883-2.056-6.461-3.275-10.345-3.275-3.883 0-7.46 1.22-10.345 3.276a32.683 32.683 0 0 0-2.159 1.793c-1.539 1.392-2.931 3.034-4.056 4.232-3.535 3.755-9.297 7.078-16.194 7.078-.177 0-.35-.009-.526-.013a30.044 30.044 0 0 1-.888-.034 26.42 26.42 0 0 1-.603-.048c-.121-.008-.242-.022-.358-.03C29.612 65.104 20.836 55.578 20.836 44v.095-.19V44c0-11.573 8.776-21.099 20.035-22.289.125-.013.254-.021.379-.034.194-.017.388-.03.582-.043.297-.018.595-.026.896-.035.173 0 .345-.013.518-.013 6.896 0 12.66 3.324 16.194 7.078 1.125 1.198 2.521 2.84 4.056 4.233a33.899 33.899 0 0 0 2.16 1.793c2.883 2.056 6.46 3.276 10.344 3.276 3.884 0 7.461-1.22 10.345-3.276a32.74 32.74 0 0 0 2.16-1.793c1.538-1.393 2.93-3.035 4.055-4.233 3.535-3.754 9.298-7.078 16.194-7.078.173 0 .341.009.513.013.302.009.604.017.901.035.19.013.379.026.569.043.134.009.267.021.401.034 10.827 1.147 19.353 10 19.987 20.974 0 .074.009.143.013.212.009.202.013.41.017.612.004.306.009.608 0 .913-.004.229-.004.462-.017.69 0 .048-.009.095-.009.142-.607 10.996-9.146 19.88-19.991 21.026-.138.013-.272.026-.41.035-.185.017-.37.03-.556.043-.297.017-.603.026-.905.034-.172 0-.34.013-.513.013l.005.009Z' fill='%23464A53'/%3e%3c/svg%3e")
}

.thumb-adult:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 104 104'%3e%3cpath fill='%23D5D7DC' stroke='%23D5D7DC' stroke-width='.325' d='M75.59 51.382c0-5.509-.905-9.818-2.866-12.754-1.97-2.948-4.99-4.492-9.158-4.492-3.75 0-6.636 1.31-8.582 3.483-1.945 2.172-2.938 5.19-2.938 8.587 0 3.313 1.124 6.023 2.99 7.906 1.864 1.883 4.46 2.928 7.385 2.928 2.967 0 5.546-1.468 6.85-3.285-.007 3.1-.636 5.624-1.716 7.395-1.138 1.867-2.773 2.893-4.722 2.893-1.934 0-3.815-.721-4.925-1.787l-.002-.002c-.659-.61-1.374-.85-2.05-.814-.674.036-1.295.344-1.773.798-.952.904-1.38 2.436-.495 3.665 1.595 2.206 4.811 3.87 9.291 3.87 3.621 0 6.819-1.465 9.101-4.508 2.278-3.038 3.634-7.634 3.61-13.883Zm0 0h-.161l.162-.001ZM42.436 35.124c.579.664.835 1.601.835 2.7v29.357c0 .922-.39 1.611-.992 2.065-.595.45-1.388.662-2.193.662-.826 0-1.641-.212-2.254-.66-.618-.454-1.023-1.143-1.023-2.067V41.63l-4.244 2.382c-.806.48-1.58.522-2.242.272-.656-.247-1.183-.776-1.515-1.408-.66-1.255-.584-3.002.891-3.862l12.737-3.888Zm0 0c-.583-.669-1.468-1.035-2.67-1.035-1.42 0-2.872.66-4.206 1.489l-5.86 3.434 12.736-3.888Zm15.798 10.623c0-2.049.64-3.597 1.648-4.633 1.008-1.035 2.396-1.57 3.914-1.57 1.546 0 2.828.726 3.734 1.944.908 1.22 1.44 2.934 1.462 4.899-.045 1.576-.767 2.921-1.753 3.875-.99.956-2.234 1.506-3.305 1.506-1.618 0-3.04-.472-4.055-1.45-1.015-.975-1.645-2.475-1.645-4.57Z'/%3e%3crect width='88.4' height='88.4' x='7.8' y='7.8' stroke='%23D5D7DC' stroke-width='5.2' rx='44.2'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-adult:before,html[dark=true] .thumb-adult:before,body.thema_dark .thumb-adult:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 104 104'%3e%3cpath fill='%23525661' stroke='%23525661' stroke-width='.325' d='M75.59 51.382c0-5.509-.905-9.818-2.866-12.754-1.97-2.948-4.99-4.492-9.158-4.492-3.75 0-6.636 1.31-8.582 3.483-1.945 2.172-2.938 5.19-2.938 8.587 0 3.313 1.124 6.023 2.99 7.906 1.864 1.883 4.46 2.928 7.385 2.928 2.967 0 5.546-1.468 6.85-3.285-.007 3.1-.636 5.624-1.716 7.395-1.138 1.867-2.773 2.893-4.722 2.893-1.934 0-3.815-.721-4.925-1.787l-.002-.002c-.659-.61-1.374-.85-2.05-.814-.674.036-1.295.344-1.773.798-.952.904-1.38 2.436-.495 3.665 1.595 2.206 4.811 3.87 9.291 3.87 3.621 0 6.819-1.465 9.101-4.508 2.278-3.038 3.634-7.634 3.61-13.883Zm0 0h-.161l.162-.001ZM42.436 35.124c.579.664.835 1.601.835 2.7v29.357c0 .922-.39 1.611-.992 2.065-.595.45-1.388.662-2.193.662-.826 0-1.641-.212-2.254-.66-.618-.454-1.023-1.143-1.023-2.067V41.63l-4.244 2.382c-.806.48-1.58.522-2.242.272-.656-.247-1.183-.776-1.515-1.408-.66-1.255-.584-3.002.891-3.862l12.737-3.888Zm0 0c-.583-.669-1.468-1.035-2.67-1.035-1.42 0-2.872.66-4.206 1.489l-5.86 3.434 12.736-3.888Zm15.798 10.623c0-2.049.64-3.597 1.648-4.633 1.008-1.035 2.396-1.57 3.914-1.57 1.546 0 2.828.726 3.734 1.944.908 1.22 1.44 2.934 1.462 4.899-.045 1.576-.767 2.921-1.753 3.875-.99.956-2.234 1.506-3.305 1.506-1.618 0-3.04-.472-4.055-1.45-1.015-.975-1.645-2.475-1.645-4.57Z'/%3e%3crect width='88.4' height='88.4' x='7.8' y='7.8' stroke='%23525661' stroke-width='5.2' rx='44.2'/%3e%3c/svg%3e")
}

.thumb-lock:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 104 104'%3e%3cpath stroke='%23D5D7DC' stroke-width='5.2' d='M17.067 50.728a7.8 7.8 0 0 1 7.8-7.8h54.219a7.8 7.8 0 0 1 7.8 7.8v31.2c0 7.18-5.82 13-13 13H30.067c-7.18 0-13-5.82-13-13v-31.2Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='5.2' d='M31.8 32.492v-5.37c0-12.162 8.763-19.33 19.826-19.33 10.76 0 19.825 7.168 19.825 19.33v5.37'/%3e%3cpath fill='%23D5D7DC' d='M54.412 71.362v5.373c0 1.566-1.248 2.835-2.786 2.835s-2.785-1.27-2.785-2.835v-5.38a6.436 6.436 0 0 1-1.074-.64 6.647 6.647 0 0 1-2.641-5.326c0-3.655 2.91-6.618 6.5-6.618s6.5 2.963 6.5 6.618c0 2.639-1.52 4.91-3.714 5.973Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-lock:before,html[dark=true] .thumb-lock:before,body.thema_dark .thumb-lock:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 104 104'%3e%3cpath stroke='%23525661' stroke-width='5.2' d='M17.067 50.728a7.8 7.8 0 0 1 7.8-7.8h54.219a7.8 7.8 0 0 1 7.8 7.8v31.2c0 7.18-5.82 13-13 13H30.067c-7.18 0-13-5.82-13-13v-31.2Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-width='5.2' d='M31.8 32.492v-5.37c0-12.162 8.763-19.33 19.826-19.33 10.76 0 19.825 7.168 19.825 19.33v5.37'/%3e%3cpath fill='%23525661' d='M54.412 71.362v5.373c0 1.566-1.248 2.835-2.786 2.835s-2.785-1.27-2.785-2.835v-5.38a6.436 6.436 0 0 1-1.074-.64 6.647 6.647 0 0 1-2.641-5.326c0-3.655 2.91-6.618 6.5-6.618s6.5 2.963 6.5 6.618c0 2.639-1.52 4.91-3.714 5.973Z'/%3e%3c/svg%3e")
}

.thumb-lock_adult:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 104 104'%3e%3cpath fill='%23D5D7DC' stroke='%23D5D7DC' stroke-width='.325' d='M71.691 47.482c0-5.509-.906-9.818-2.867-12.754-1.97-2.948-4.99-4.492-9.158-4.492-3.75 0-6.635 1.31-8.582 3.483-1.945 2.172-2.938 5.19-2.938 8.587 0 3.313 1.124 6.023 2.99 7.906 1.864 1.883 4.46 2.928 7.385 2.928 2.968 0 5.546-1.468 6.85-3.285-.007 3.1-.636 5.624-1.716 7.395-1.138 1.867-2.773 2.893-4.721 2.893-1.935 0-3.816-.721-4.926-1.787l-.002-.002c-.659-.61-1.374-.85-2.05-.813-.674.036-1.295.343-1.773.798-.952.903-1.38 2.435-.495 3.664 1.595 2.206 4.811 3.87 9.291 3.87 3.621 0 6.82-1.465 9.101-4.508 2.279-3.038 3.634-7.634 3.611-13.883Zm0 0h-.162l.162-.001ZM38.535 31.225c.579.664.836 1.601.836 2.7v29.357c0 .922-.391 1.611-.992 2.065-.596.45-1.389.663-2.194.663-.826 0-1.641-.213-2.254-.662-.618-.453-1.023-1.142-1.023-2.066V37.73l-4.244 2.382c-.806.48-1.58.522-2.242.273-.656-.248-1.183-.777-1.515-1.409-.66-1.255-.584-3.002.891-3.862l12.737-3.888Zm0 0c-.582-.668-1.468-1.035-2.67-1.035-1.42 0-2.872.66-4.206 1.489l-5.86 3.434 12.736-3.888Zm15.798 10.623c0-2.049.641-3.597 1.648-4.632 1.008-1.036 2.396-1.571 3.914-1.571 1.546 0 2.828.726 3.734 1.944.908 1.22 1.44 2.934 1.462 4.9-.045 1.575-.766 2.92-1.753 3.874-.99.956-2.234 1.506-3.305 1.506-1.618 0-3.04-.472-4.055-1.45-1.015-.975-1.645-2.474-1.645-4.57Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='5.2' d='M60.607 90.505A44.214 44.214 0 0 1 48.1 92.3c-24.411 0-44.2-19.79-44.2-44.2 0-24.411 19.789-44.2 44.2-44.2 24.41 0 44.2 19.789 44.2 44.2 0 1.126-.042 2.243-.125 3.349'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M78 67.657c0-2.274.83-3.931 2.075-5.042 1.274-1.138 3.143-1.84 5.4-1.84 2.171 0 4.05.696 5.353 1.848 1.273 1.124 2.122 2.785 2.122 5.034V70.2a2.275 2.275 0 1 0 4.55 0v-2.543c0-3.513-1.38-6.43-3.66-8.444-2.247-1.986-5.244-2.988-8.365-2.988-3.183 0-6.19.995-8.43 2.996-2.27 2.027-3.595 4.947-3.595 8.436V70.2a2.275 2.275 0 1 0 4.55 0v-2.543Zm-4.875 5.793a6.175 6.175 0 0 0-6.175 6.175v14.3C66.95 99.49 71.46 104 77.025 104h16.9C99.49 104 104 99.49 104 93.925v-14.3a6.175 6.175 0 0 0-6.175-6.175h-24.7ZM71.5 79.625c0-.897.728-1.625 1.625-1.625h24.7c.898 0 1.625.728 1.625 1.625v14.3a5.525 5.525 0 0 1-5.525 5.525h-16.9a5.525 5.525 0 0 1-5.525-5.525v-14.3Z' clip-rule='evenodd'/%3e%3cpath fill='%23D5D7DC' d='M87.472 90.283v3.022c0 .88-.75 1.595-1.672 1.595-.923 0-1.671-.714-1.671-1.595V90.28a3.926 3.926 0 0 1-.644-.36c-.962-.678-1.585-1.767-1.585-2.996 0-2.056 1.746-3.723 3.9-3.723s3.9 1.667 3.9 3.723c0 1.484-.912 2.762-2.228 3.36Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-lock_adult:before,html[dark=true] .thumb-lock_adult:before,body.thema_dark .thumb-lock_adult:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 104 104'%3e%3cpath fill='%23525661' stroke='%23525661' stroke-width='.325' d='M71.69 47.482c0-5.509-.905-9.818-2.867-12.754-1.969-2.948-4.989-4.492-9.157-4.492-3.75 0-6.636 1.31-8.583 3.483-1.944 2.172-2.938 5.19-2.938 8.587 0 3.313 1.124 6.023 2.99 7.906C53 52.095 55.596 53.14 58.52 53.14c2.967 0 5.546-1.468 6.85-3.285-.007 3.1-.637 5.624-1.716 7.395-1.138 1.867-2.773 2.893-4.722 2.893-1.934 0-3.815-.721-4.925-1.787l-.002-.002c-.66-.61-1.374-.85-2.05-.813-.674.036-1.295.343-1.774.798-.951.903-1.38 2.435-.495 3.664 1.596 2.206 4.812 3.87 9.292 3.87 3.62 0 6.819-1.465 9.1-4.508 2.28-3.038 3.634-7.634 3.612-13.883Zm0 0h-.162l.162-.001ZM38.535 31.225c.58.664.836 1.601.836 2.7v29.357c0 .922-.39 1.611-.992 2.065-.596.45-1.388.663-2.193.663-.827 0-1.642-.213-2.254-.662-.619-.453-1.023-1.142-1.023-2.066V37.73l-4.244 2.382c-.806.48-1.581.522-2.242.273-.657-.248-1.184-.777-1.516-1.409-.66-1.255-.583-3.002.892-3.862l12.736-3.888Zm0 0c-.582-.668-1.468-1.035-2.67-1.035-1.42 0-2.871.66-4.206 1.489l-5.86 3.434 12.736-3.888Zm15.799 10.623c0-2.049.64-3.597 1.648-4.632 1.008-1.036 2.395-1.571 3.914-1.571 1.546 0 2.828.726 3.734 1.944.908 1.22 1.439 2.934 1.462 4.9-.045 1.575-.767 2.92-1.754 3.874-.99.956-2.234 1.506-3.305 1.506-1.618 0-3.039-.472-4.055-1.45-1.014-.975-1.644-2.474-1.644-4.57Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-width='5.2' d='M60.608 90.505A44.214 44.214 0 0 1 48.1 92.3c-24.41 0-44.2-19.79-44.2-44.2 0-24.411 19.79-44.2 44.2-44.2 24.411 0 44.2 19.789 44.2 44.2 0 1.126-.042 2.243-.124 3.349'/%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M78 67.657c0-2.274.83-3.931 2.075-5.042 1.274-1.138 3.143-1.84 5.4-1.84 2.171 0 4.05.696 5.353 1.848 1.273 1.124 2.122 2.785 2.122 5.034V70.2a2.275 2.275 0 1 0 4.55 0v-2.543c0-3.513-1.38-6.43-3.66-8.444-2.247-1.986-5.244-2.988-8.365-2.988-3.183 0-6.19.995-8.43 2.996-2.27 2.027-3.595 4.947-3.595 8.436V70.2a2.275 2.275 0 1 0 4.55 0v-2.543Zm-4.875 5.793a6.175 6.175 0 0 0-6.175 6.175v14.3C66.95 99.49 71.46 104 77.025 104h16.9C99.49 104 104 99.49 104 93.925v-14.3a6.175 6.175 0 0 0-6.175-6.175h-24.7ZM71.5 79.625c0-.897.728-1.625 1.625-1.625h24.7c.898 0 1.625.728 1.625 1.625v14.3a5.525 5.525 0 0 1-5.525 5.525h-16.9a5.525 5.525 0 0 1-5.525-5.525v-14.3Z' clip-rule='evenodd'/%3e%3cpath fill='%23525661' d='M87.472 90.283v3.022c0 .88-.749 1.595-1.672 1.595-.923 0-1.67-.714-1.67-1.595V90.28a3.92 3.92 0 0 1-.645-.36c-.961-.678-1.585-1.767-1.585-2.996 0-2.056 1.746-3.723 3.9-3.723s3.9 1.667 3.9 3.723c0 1.484-.912 2.762-2.228 3.36Z'/%3e%3c/svg%3e")
}

.thumb-encoding:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 136 138'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='4' d='m101 50.973-8.5 8.5m0 0-8.5 8.5m8.5-8.5 8.5 8.5m-8.5-8.5-8.5-8.5M74.953 54.803h-36.56c-2.333 0-4.224 1.94-4.224 4.333v4.333c0 2.394 1.891 4.334 4.224 4.334h36.56'/%3e%3cpath fill='%23D5D7DC' d='M95 43.13a2 2 0 1 0 4 0h-4ZM45 16.12h46v-4H45v4Zm50 4v23.01h4V20.12h-4ZM41 54.13V20.12h-4v34.01h4Zm50-38.01a4 4 0 0 1 4 4h4a8 8 0 0 0-8-8v4Zm-46-4a8 8 0 0 0-8 8h4a4 4 0 0 1 4-4v-4Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.5' d='M65.438 38.584h-6.404v6.389m11.527-16.611h6.404v-6.39M58.5 29.645a10.225 10.225 0 0 1 3.47-4.436 10.267 10.267 0 0 1 10.817-.774 10.235 10.235 0 0 1 4.068 3.897m.645 8.971a10.225 10.225 0 0 1-3.47 4.436 10.268 10.268 0 0 1-10.817.773 10.235 10.235 0 0 1-4.069-3.897'/%3e%3cpath fill='%23C7CAD1' d='M25.41 100.715v17.855h-3.062v-17.855h3.062Zm.684 21.738v2.461H9.059v-8.148h3.062v5.687h13.973ZM11.93 102.328c3.746 0 6.644 2.598 6.644 6.18 0 3.664-2.898 6.207-6.644 6.207-3.774 0-6.672-2.543-6.672-6.207 0-3.582 2.898-6.18 6.672-6.18Zm0 2.652c-2.106 0-3.72 1.395-3.692 3.528-.027 2.187 1.586 3.554 3.692 3.554 2.05 0 3.664-1.367 3.664-3.554 0-2.133-1.614-3.528-3.664-3.528Zm37.187-2.105v2.242c-.027 3.008.028 6.453-1.094 11.676l-2.98-.301c.424-1.982.684-3.746.848-5.332l-14.575.82-.437-2.597 15.176-.547c.054-1.285.068-2.434.082-3.5H31.645v-2.461h17.472Zm2.434 16.98v2.516H29.019v-2.516h8.313v-6.097h3.008v6.097h11.21Zm22.258-19.167v14.929h-3.063v-14.929h3.063Zm-7.383 1.886v2.461h-8.75v6.289c4.88.014 7.738-.178 10.937-.82l.274 2.488c-3.446.656-6.535.793-12.114.793h-2.105v-11.211h11.758Zm-.985 13.207c5.168-.027 8.422 1.778 8.422 4.813 0 3.035-3.254 4.812-8.422 4.812-5.25 0-8.449-1.777-8.449-4.812s3.2-4.84 8.45-4.813Zm0 2.379c-3.472 0-5.386.82-5.386 2.434 0 1.558 1.914 2.406 5.386 2.406 3.446 0 5.415-.848 5.442-2.406-.027-1.614-1.996-2.434-5.442-2.434Zm39.157-17.472v12.605h-3.008v-12.605h3.008Zm.054 13.753v6.426h-13.37v1.914h14.109v2.407h-17.09v-6.59h13.316v-1.805h-13.37v-2.352h16.405Zm-11.375-11.238c0 3.145 2.079 6.098 5.989 7.274l-1.477 2.351c-2.871-.875-4.922-2.721-6.043-5.086-1.121 2.57-3.227 4.58-6.18 5.524l-1.53-2.379c3.991-1.285 6.097-4.457 6.097-7.684v-1.914h3.144v1.914Zm36.313-2.515v24.718h-2.926v-12.551h-2.461v11.293h-2.871v-22.996h2.871v9.215h2.461v-9.679h2.926Zm-9.68 2.925v2.461h-1.777v10.637a31.217 31.217 0 0 0 2.105-.219l.164 2.215c-3.855.793-8.941.875-12.058.875l-.356-2.516 2.297-.027v-10.965h-1.805v-2.461h11.43Zm-6.89 13.371 2.351-.082v-10.828h-2.351v10.91Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-encoding:before,html[dark=true] .thumb-encoding:before,body.thema_dark .thumb-encoding:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 136 138'%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-width='4' d='m101 50.973-8.5 8.5m0 0-8.5 8.5m8.5-8.5 8.5 8.5m-8.5-8.5-8.5-8.5M74.953 54.803h-36.56c-2.333 0-4.224 1.94-4.224 4.333v4.333c0 2.394 1.891 4.334 4.224 4.334h36.56'/%3e%3cpath fill='%235E636E' d='M95 43.13a2 2 0 1 0 4 0h-4ZM45 16.12h46v-4H45v4Zm50 4v23.01h4V20.12h-4ZM41 54.13V20.12h-4v34.01h4Zm50-38.01a4 4 0 0 1 4 4h4a8 8 0 0 0-8-8v4Zm-46-4a8 8 0 0 0-8 8h4a4 4 0 0 1 4-4v-4Z'/%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.5' d='M65.438 38.584h-6.404v6.389m11.527-16.611h6.404v-6.39M58.5 29.645a10.225 10.225 0 0 1 3.47-4.436 10.267 10.267 0 0 1 10.817-.774 10.235 10.235 0 0 1 4.068 3.897m.645 8.971a10.225 10.225 0 0 1-3.47 4.436 10.268 10.268 0 0 1-10.817.773 10.235 10.235 0 0 1-4.069-3.897'/%3e%3cpath fill='%235E636E' d='M25.41 100.715v17.855h-3.062v-17.855h3.062Zm.684 21.738v2.461H9.059v-8.148h3.062v5.687h13.973ZM11.93 102.328c3.746 0 6.644 2.598 6.644 6.18 0 3.664-2.898 6.207-6.644 6.207-3.774 0-6.672-2.543-6.672-6.207 0-3.582 2.898-6.18 6.672-6.18Zm0 2.652c-2.106 0-3.72 1.395-3.692 3.528-.027 2.187 1.586 3.554 3.692 3.554 2.05 0 3.664-1.367 3.664-3.554 0-2.133-1.614-3.528-3.664-3.528Zm37.187-2.105v2.242c-.027 3.008.028 6.453-1.094 11.676l-2.98-.301c.424-1.982.684-3.746.848-5.332l-14.575.82-.437-2.597 15.176-.547c.054-1.285.068-2.434.082-3.5H31.645v-2.461h17.472Zm2.434 16.98v2.516H29.019v-2.516h8.313v-6.097h3.008v6.097h11.21Zm22.258-19.167v14.929h-3.063v-14.929h3.063Zm-7.383 1.886v2.461h-8.75v6.289c4.88.014 7.738-.178 10.937-.82l.274 2.488c-3.446.656-6.535.793-12.114.793h-2.105v-11.211h11.758Zm-.985 13.207c5.168-.027 8.422 1.778 8.422 4.813 0 3.035-3.254 4.812-8.422 4.812-5.25 0-8.449-1.777-8.449-4.812s3.2-4.84 8.45-4.813Zm0 2.379c-3.472 0-5.386.82-5.386 2.434 0 1.558 1.914 2.406 5.386 2.406 3.446 0 5.415-.848 5.442-2.406-.027-1.614-1.996-2.434-5.442-2.434Zm39.157-17.472v12.605h-3.008v-12.605h3.008Zm.054 13.753v6.426h-13.37v1.914h14.109v2.407h-17.09v-6.59h13.316v-1.805h-13.37v-2.352h16.405Zm-11.375-11.238c0 3.145 2.079 6.098 5.989 7.274l-1.477 2.351c-2.871-.875-4.922-2.721-6.043-5.086-1.121 2.57-3.227 4.58-6.18 5.524l-1.53-2.379c3.991-1.285 6.097-4.457 6.097-7.684v-1.914h3.144v1.914Zm36.313-2.515v24.718h-2.926v-12.551h-2.461v11.293h-2.871v-22.996h2.871v9.215h2.461v-9.679h2.926Zm-9.68 2.925v2.461h-1.777v10.637a31.217 31.217 0 0 0 2.105-.219l.164 2.215c-3.855.793-8.941.875-12.058.875l-.356-2.516c.684 0 1.463 0 2.297-.027v-10.965h-1.805v-2.461h11.43Zm-6.89 13.371c.779 0 1.558-.041 2.351-.082v-10.828h-2.351v10.91Z'/%3e%3c/svg%3e")
}

.thumb-del:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 160 138'%3e%3crect width='68' height='68' x='46' y='6.973' stroke='%23D5D7DC' stroke-width='4' rx='34'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='5.625' d='M80 42.458V28.116m0 25.61v.104'/%3e%3cpath fill='%23C7CAD1' d='M24.97 116.547v2.406h-3.472v3.609h3.746v2.461H7.143v-2.461h3.718v-3.609H7.334v-2.406h7.3v-2.297H4.9v-2.434h22.532v2.434h-9.79v2.297h7.329Zm-7.245-14.656c0 2.707 3.39 5.496 8.503 6.125l-1.066 2.351c-4.142-.547-7.41-2.392-8.969-4.894-1.613 2.529-4.908 4.334-9.023 4.894l-1.121-2.351c5.168-.657 8.531-3.364 8.558-6.125v-.957h3.118v.957Zm-3.856 20.671h4.649v-3.609h-4.649v3.609Zm24.555-14.847c0 4.047 2.379 8.312 6.37 9.98l-1.667 2.407c-2.926-1.258-5.059-3.856-6.18-7-1.148 3.39-3.308 6.234-6.207 7.601l-1.75-2.379c3.91-1.804 6.344-6.398 6.344-10.609v-2.078h-5.441v-2.516h13.945v2.516h-5.414v2.078Zm11.238-7.027v24.718H46.6v-24.718h3.062Zm24.281 0v24.718h-3.062v-24.718h3.062Zm-7.382 2.624c0 7.356-2.844 13.618-11.512 17.719l-1.586-2.433c6.467-3.077 9.474-7.26 10.008-12.879h-8.75v-2.407h11.84Zm30.296-2.624v9.652h3.664v2.543h-3.664v12.469h-3.035v-24.664h3.035Zm-6.535 2.57c0 7.273-3.008 13.644-11.238 17.691l-1.723-2.351c6.016-2.994 9.27-7.205 9.899-12.825H78.7v-2.515h11.621Zm26.879 1.34c-.027 3.09 1.969 6.043 5.824 7.273l-1.531 2.379c-2.789-.889-4.744-2.748-5.797-5.113-1.093 2.543-3.103 4.525-5.988 5.496l-1.559-2.406c3.993-1.313 5.989-4.485 5.989-7.875v-2.379h3.062v2.625Zm10.637-3.91v6.207h3.445v2.543h-3.445v6.207h-3.035v-14.957h3.035Zm0 16.05v8.668h-3.035v-6.234h-13.426v-2.434h16.461Zm25.976-16.05v24.718h-2.898v-24.718h2.898Zm-5.031.464v23.051h-2.871v-12.441h-3.555v-2.461h3.555v-8.149h2.871Zm-8.613 6.289c0 4.184 1.504 8.368 5.031 10.391l-1.805 2.242c-2.283-1.367-3.8-3.719-4.648-6.535-.875 3.049-2.447 5.647-4.785 7.109l-1.859-2.269c3.582-2.16 5.14-6.645 5.14-10.938v-1.64h-4.293v-2.461h11.211v2.461h-3.992v1.64Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-del:before,html[dark=true] .thumb-del:before,body.thema_dark .thumb-del:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 161 138'%3e%3crect width='68' height='68' x='46.526' y='6.973' stroke='%235E636E' stroke-width='4' rx='34'/%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-linejoin='round' stroke-width='5.625' d='M80.526 42.458V28.116m0 25.61v.104'/%3e%3cpath fill='%235E636E' d='M25.497 116.547v2.406h-3.473v3.609h3.746v2.461H7.67v-2.461h3.719v-3.609H7.86v-2.406h7.301v-2.297H5.427v-2.434h22.531v2.434h-9.79v2.297h7.33Zm-7.246-14.656c0 2.707 3.39 5.496 8.504 6.125l-1.066 2.351c-4.143-.547-7.41-2.392-8.97-4.894-1.613 2.529-4.908 4.334-9.023 4.894l-1.12-2.351c5.167-.657 8.53-3.364 8.558-6.125v-.957h3.117v.957Zm-3.856 20.671h4.649v-3.609h-4.649v3.609Zm24.555-14.847c0 4.047 2.38 8.312 6.371 9.98l-1.668 2.407c-2.925-1.258-5.058-3.856-6.18-7-1.148 3.39-3.308 6.234-6.206 7.601l-1.75-2.379c3.91-1.804 6.343-6.398 6.343-10.609v-2.078H30.42v-2.516h13.945v2.516H38.95v2.078Zm11.238-7.027v24.718h-3.062v-24.718h3.063Zm24.282 0v24.718h-3.063v-24.718h3.063Zm-7.383 2.624c0 7.356-2.844 13.618-11.512 17.719l-1.586-2.433c6.467-3.077 9.475-7.26 10.008-12.879h-8.75v-2.407h11.84Zm30.297-2.624v9.652h3.664v2.543h-3.664v12.469h-3.035v-24.664h3.035Zm-6.535 2.57c0 7.273-3.008 13.644-11.239 17.691l-1.722-2.351c6.015-2.994 9.27-7.205 9.898-12.825h-8.558v-2.515h11.62Zm26.879 1.34c-.028 3.09 1.968 6.043 5.824 7.273l-1.531 2.379c-2.79-.889-4.745-2.748-5.797-5.113-1.094 2.543-3.104 4.525-5.989 5.496l-1.558-2.406c3.992-1.313 5.988-4.485 5.988-7.875v-2.379h3.063v2.625Zm10.636-3.91v6.207h3.446v2.543h-3.446v6.207h-3.035v-14.957h3.035Zm0 16.05v8.668h-3.035v-6.234h-13.426v-2.434h16.461Zm25.977-16.05v24.718h-2.899v-24.718h2.899Zm-5.031.464v23.051h-2.872v-12.441h-3.554v-2.461h3.554v-8.149h2.872Zm-8.614 6.289c0 4.184 1.504 8.368 5.032 10.391l-1.805 2.242c-2.283-1.367-3.801-3.719-4.649-6.535-.875 3.049-2.447 5.647-4.785 7.109l-1.859-2.269c3.582-2.16 5.141-6.645 5.141-10.938v-1.64h-4.293v-2.461h11.21v2.461h-3.992v1.64Z'/%3e%3c/svg%3e")
}

.thumb-blind:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 104 138'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='4' d='M82.418 68.454 59.703 45.739M29.464 15.5l30.24 30.239m23.062 4.042c1.668-2.498 2.548-4.74 3-6.244.38-1.263.277-2.588-.201-3.818C83.28 33.84 74.54 16.16 51.999 16.16c-1.517 0-2.975.08-4.375.232M71.688 60.82c-5.022 3.203-11.487 5.469-19.688 5.334-21.11-.345-30.395-15.498-33.357-21.827a6.798 6.798 0 0 1-.126-5.52c1.685-4.073 5.727-11.744 13.796-17.02M47.5 33.572l-2.063 2.063a8.353 8.353 0 0 0-2.188 5.631c0 4.703 3.918 8.515 8.75 8.515 2.229 0 4.262-.81 5.807-2.145l1.897-1.897'/%3e%3cpath fill='%23C7CAD1' d='M10.254 101.125v1.941h10.664v-1.941h3.008v8.258H7.246v-8.258h3.008Zm0 5.961h10.664v-1.805H10.254v1.805Zm16.598 3.883v2.379H4.32v-2.379h22.532Zm-2.817 4.129v5.961H9.98v1.804H24.72v2.325H7v-6.262h14.055v-1.586H6.973v-2.242h17.062Zm23.844-14.41v9.488h3.8v2.543h-3.8v12.715H44.87v-24.746h3.008Zm-7 2.16v9.324h-8.313v4.922c3.91-.028 6.96-.192 10.418-.793l.274 2.461c-3.801.683-7.192.847-11.676.847h-2.023v-9.871h8.285v-4.429h-8.34v-2.461h11.375Zm32.43-2.133v17.855h-3.063v-17.855h3.063Zm.683 21.738v2.461H56.957v-8.148h3.063v5.687h13.972Zm-14.164-20.125c3.746 0 6.645 2.598 6.645 6.18 0 3.664-2.899 6.207-6.645 6.207-3.773 0-6.672-2.543-6.672-6.207 0-3.582 2.899-6.18 6.672-6.18Zm0 2.652c-2.105 0-3.719 1.395-3.691 3.528-.028 2.187 1.586 3.554 3.691 3.554 2.05 0 3.664-1.367 3.664-3.554 0-2.133-1.613-3.528-3.664-3.528Zm37.16 7.301v2.434H79.652v-11.867h17.145v2.461H82.66v6.972h14.328Zm2.516 7.465v2.516H76.918v-2.516h22.586Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-blind:before,html[dark=true] .thumb-blind:before,body.thema_dark .thumb-blind:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 104 138'%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-width='4' d='M82.418 68.454 59.704 45.739M29.465 15.5l30.239 30.239m23.062 4.042c1.669-2.498 2.548-4.74 3.001-6.244.38-1.263.276-2.588-.202-3.818C83.282 33.84 74.541 16.16 52 16.16c-1.518 0-2.975.08-4.375.232M71.688 60.82C66.665 64.023 60.2 66.289 52 66.154c-21.11-.345-30.395-15.498-33.358-21.827a6.798 6.798 0 0 1-.126-5.52c1.685-4.073 5.727-11.744 13.797-17.02M47.5 33.572l-2.063 2.063a8.353 8.353 0 0 0-2.187 5.631c0 4.703 3.917 8.515 8.75 8.515 2.228 0 4.262-.81 5.807-2.145l1.897-1.897'/%3e%3cpath fill='%235E636E' d='M10.254 101.125v1.941h10.664v-1.941h3.008v8.258H7.246v-8.258h3.008Zm0 5.961h10.664v-1.805H10.254v1.805Zm16.598 3.883v2.379H4.32v-2.379h22.532Zm-2.817 4.129v5.961H9.98v1.804H24.72v2.325H7v-6.262h14.055v-1.586H6.973v-2.242h17.062Zm23.844-14.41v9.488h3.8v2.543h-3.8v12.715H44.87v-24.746h3.008Zm-7 2.16v9.324h-8.313v4.922c3.91-.028 6.96-.192 10.418-.793l.274 2.461c-3.801.683-7.192.847-11.676.847h-2.023v-9.871h8.285v-4.429h-8.34v-2.461h11.375Zm32.43-2.133v17.855h-3.063v-17.855h3.063Zm.683 21.738v2.461H56.957v-8.148h3.063v5.687h13.972Zm-14.164-20.125c3.746 0 6.645 2.598 6.645 6.18 0 3.664-2.899 6.207-6.645 6.207-3.773 0-6.672-2.543-6.672-6.207 0-3.582 2.899-6.18 6.672-6.18Zm0 2.652c-2.105 0-3.719 1.395-3.691 3.528-.028 2.187 1.586 3.554 3.691 3.554 2.05 0 3.664-1.367 3.664-3.554 0-2.133-1.613-3.528-3.664-3.528Zm37.16 7.301v2.434H79.652v-11.867h17.145v2.461H82.66v6.972h14.328Zm2.516 7.465v2.516H76.918v-2.516h22.586Z'/%3e%3c/svg%3e")
}

.thumb-converting:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 146 138'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='4' d='M78.953 54.803h-35.56c-2.333 0-4.224 1.94-4.224 4.333v4.333c0 2.394 1.891 4.334 4.224 4.334h36.56'/%3e%3cpath fill='%23D5D7DC' d='M100 45.13a2 2 0 1 0 4 0h-4ZM50 16.12h46v-4H50v4Zm50 4v25.01h4V20.12h-4ZM46 54.13V20.12h-4v34.01h4Zm50-38.01a4 4 0 0 1 4 4h4a8 8 0 0 0-8-8v4Zm-46-4a8 8 0 0 0-8 8h4a4 4 0 0 1 4-4v-4Z'/%3e%3cpath stroke='%23D5D7DC' stroke-width='4' d='M67 27.863v14.172c0 1.294 1.41 2.095 2.522 1.43l12.046-7.2a1.667 1.667 0 0 0-.02-2.872L69.502 26.42A1.667 1.667 0 0 0 67 27.863Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.5' d='M92.938 66.584h-6.404v6.389m11.527-16.611h6.404v-6.39M86 57.645a10.225 10.225 0 0 1 3.47-4.436 10.267 10.267 0 0 1 10.817-.774 10.233 10.233 0 0 1 4.068 3.897m.645 8.971a10.222 10.222 0 0 1-3.47 4.436 10.262 10.262 0 0 1-10.817.773 10.235 10.235 0 0 1-4.069-3.897'/%3e%3cpath fill='%23C7CAD1' d='m8.457 103.176 5.14 15.613h.22l5.167-15.613h3.91l-7 19.797H11.52l-6.973-19.797h3.91Zm33.387 9.898c0 6.399-3.883 10.172-9.078 10.172-5.196 0-9.078-3.801-9.078-10.172 0-6.398 3.882-10.172 9.078-10.172 5.195 0 9.078 3.774 9.078 10.172Zm-3.582 0c0-4.512-2.27-6.972-5.496-6.972-3.227 0-5.496 2.46-5.496 6.972 0 4.512 2.27 6.973 5.496 6.973 3.226 0 5.496-2.461 5.496-6.973Zm13.48 9.899h-6.726v-19.797h6.836c5.906 0 9.488 3.719 9.488 9.871 0 6.18-3.582 9.926-9.598 9.926Zm-3.172-3.09h2.98c4.13 0 6.235-2.27 6.235-6.836 0-4.539-2.105-6.781-6.125-6.781h-3.09v13.617Zm42.246-19.168v18.238h-3.035v-6.207h-4.976v2.188H71.238v-12.606h3.035v3.992h5.524v-3.992h3.008v2.652h4.976v-4.265h3.035Zm.547 21.738v2.461H74.52v-7.766h3.09v5.305h13.754Zm-17.09-9.926h5.524v-3.855h-5.524v3.855Zm8.532-2.242h4.976v-2.844h-4.976v2.844Zm31.09-9.597v8.285h3.335v2.515h-3.335v8.504h-3.036v-19.304h3.036Zm.875 21.765v2.461H97.652v-6.207h3.036v3.746h14.082Zm-20.672-7.41c1.845 0 3.992-.014 6.234-.109v-1.559c-2.748-.328-4.484-1.682-4.484-3.664 0-2.434 2.379-3.856 5.961-3.828 3.609-.028 5.961 1.394 5.961 3.828 0 1.969-1.696 3.309-4.403 3.664v1.422c2.106-.109 4.225-.301 6.207-.602l.246 2.133c-5.222.984-11.129 1.039-15.394 1.094l-.328-2.379Zm14.82-12.195v2.214H94.727v-2.214h5.605v-2.243h3.035v2.243h5.551Zm-7.109 5.086c-1.915 0-3.063.628-3.036 1.777-.027 1.066 1.121 1.695 3.036 1.695 1.914 0 3.062-.629 3.062-1.695 0-1.149-1.148-1.777-3.062-1.777Zm39.238 4.101v2.461h-9.789v2.051c4.43.301 7.027 1.832 7.054 4.402-.027 2.844-3.226 4.43-8.558 4.43-5.387 0-8.613-1.586-8.613-4.43 0-2.57 2.625-4.115 7.109-4.402v-2.051h-9.734v-2.461h22.531Zm-11.293 6.809c-3.609.027-5.551.738-5.524 2.105-.027 1.367 1.915 2.106 5.524 2.106 3.527 0 5.496-.739 5.523-2.106-.027-1.367-1.996-2.078-5.523-2.105Zm9.269-17.063v2.434h-7.109c.479 2.037 3.432 3.869 8.066 4.293l-1.066 2.406c-4.484-.451-7.82-2.242-9.16-4.758-1.34 2.502-4.621 4.307-9.106 4.758l-1.039-2.406c4.539-.424 7.493-2.283 8.012-4.293h-7.055v-2.434h18.457Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-converting:before,html[dark=true] .thumb-converting:before,body.thema_dark .thumb-converting:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 146 138'%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-width='4' d='M78.953 54.803h-35.56c-2.333 0-4.224 1.94-4.224 4.333v4.333c0 2.394 1.891 4.334 4.224 4.334h36.56'/%3e%3cpath fill='%235E636E' d='M100 45.13a2 2 0 1 0 4 0h-4ZM50 16.12h46v-4H50v4Zm50 4v25.01h4V20.12h-4ZM46 54.13V20.12h-4v34.01h4Zm50-38.01a4 4 0 0 1 4 4h4a8 8 0 0 0-8-8v4Zm-46-4a8 8 0 0 0-8 8h4a4 4 0 0 1 4-4v-4Z'/%3e%3cpath stroke='%235E636E' stroke-width='4' d='M67 27.863v14.172c0 1.294 1.41 2.095 2.522 1.43l12.046-7.2a1.667 1.667 0 0 0-.02-2.872L69.502 26.42A1.667 1.667 0 0 0 67 27.863Z'/%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.5' d='M92.938 66.584h-6.404v6.389m11.527-16.611h6.404v-6.39M86 57.645a10.225 10.225 0 0 1 3.47-4.436 10.267 10.267 0 0 1 10.817-.774 10.233 10.233 0 0 1 4.068 3.897m.645 8.971a10.222 10.222 0 0 1-3.47 4.436 10.262 10.262 0 0 1-10.817.773 10.235 10.235 0 0 1-4.069-3.897'/%3e%3cpath fill='%235E636E' d='m8.457 103.176 5.14 15.613h.22l5.167-15.613h3.91l-7 19.797H11.52l-6.973-19.797h3.91Zm33.387 9.898c0 6.399-3.883 10.172-9.078 10.172-5.196 0-9.078-3.801-9.078-10.172 0-6.398 3.882-10.172 9.078-10.172 5.195 0 9.078 3.774 9.078 10.172Zm-3.582 0c0-4.512-2.27-6.972-5.496-6.972-3.227 0-5.496 2.46-5.496 6.972 0 4.512 2.27 6.973 5.496 6.973 3.226 0 5.496-2.461 5.496-6.973Zm13.48 9.899h-6.726v-19.797h6.836c5.906 0 9.488 3.719 9.488 9.871 0 6.18-3.582 9.926-9.598 9.926Zm-3.172-3.09h2.98c4.13 0 6.235-2.27 6.235-6.836 0-4.539-2.105-6.781-6.125-6.781h-3.09v13.617Zm42.246-19.168v18.238h-3.035v-6.207h-4.976v2.188H71.238v-12.606h3.035v3.992h5.524v-3.992h3.008v2.652h4.976v-4.265h3.035Zm.547 21.738v2.461H74.52v-7.766h3.09v5.305h13.754Zm-17.09-9.926h5.524v-3.855h-5.524v3.855Zm8.532-2.242h4.976v-2.844h-4.976v2.844Zm31.09-9.597v8.285h3.335v2.515h-3.335v8.504h-3.036v-19.304h3.036Zm.875 21.765v2.461H97.652v-6.207h3.036v3.746h14.082Zm-20.672-7.41c1.845 0 3.992-.014 6.234-.109v-1.559c-2.748-.328-4.484-1.682-4.484-3.664 0-2.434 2.379-3.856 5.961-3.828 3.609-.028 5.961 1.394 5.961 3.828 0 1.969-1.696 3.309-4.403 3.664v1.422c2.106-.109 4.225-.301 6.207-.602l.246 2.133c-5.222.984-11.129 1.039-15.394 1.094l-.328-2.379Zm14.82-12.195v2.214H94.727v-2.214h5.605v-2.243h3.035v2.243h5.551Zm-7.109 5.086c-1.915 0-3.063.628-3.036 1.777-.027 1.066 1.121 1.695 3.036 1.695 1.914 0 3.062-.629 3.062-1.695 0-1.149-1.148-1.777-3.062-1.777Zm39.238 4.101v2.461h-9.789v2.051c4.43.301 7.027 1.832 7.054 4.402-.027 2.844-3.226 4.43-8.558 4.43-5.387 0-8.613-1.586-8.613-4.43 0-2.57 2.625-4.115 7.109-4.402v-2.051h-9.734v-2.461h22.531Zm-11.293 6.809c-3.609.027-5.551.738-5.524 2.105-.027 1.367 1.915 2.106 5.524 2.106 3.527 0 5.496-.739 5.523-2.106-.027-1.367-1.996-2.078-5.523-2.105Zm9.269-17.063v2.434h-7.109c.479 2.037 3.432 3.869 8.066 4.293l-1.066 2.406c-4.484-.451-7.82-2.242-9.16-4.758-1.34 2.502-4.621 4.307-9.106 4.758l-1.039-2.406c4.539-.424 7.493-2.283 8.012-4.293h-7.055v-2.434h18.457Z'/%3e%3c/svg%3e")
}

.thumb-upload:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 136 138'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M68 45.473v-21m0 0-8 8.343m8-8.343 8 8.343'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='4' d='m101.423 50.973-8.5 8.5m0 0-8.5 8.5m8.5-8.5 8.5 8.5m-8.5-8.5-8.5-8.5M75.376 54.803h-36.56c-2.333 0-4.224 1.94-4.224 4.333v4.333c0 2.394 1.891 4.334 4.224 4.334h36.56'/%3e%3cpath fill='%23D5D7DC' d='M95.423 43.13a2 2 0 1 0 4 0h-4Zm-50-27.01h46v-4h-46v4Zm50 4v23.01h4V20.12h-4Zm-54 34.01V20.12h-4v34.01h4Zm50-38.01a4 4 0 0 1 4 4h4a8 8 0 0 0-8-8v4Zm-46-4a8 8 0 0 0-8 8h4a4 4 0 0 1 4-4v-4Z'/%3e%3cpath fill='%23C7CAD1' d='M11.684 101.781c3.199-.027 5.714 1.819 6.343 4.539h4.457v-5.632h3.035v13.261h-3.035v-5.168h-4.43c-.614 2.776-3.157 4.649-6.37 4.649-3.801 0-6.536-2.434-6.536-5.852 0-3.363 2.735-5.824 6.536-5.797Zm0 2.543c-2.133 0-3.637 1.258-3.637 3.254 0 1.969 1.504 3.281 3.637 3.281 2.078 0 3.554-1.312 3.582-3.281-.028-1.996-1.504-3.254-3.582-3.254Zm.546 10.774v2.625h10.254v-2.625h3.035v10.007H9.224v-10.007h3.007Zm0 7.547h10.254v-2.571H12.23v2.571Zm39.376-2.625v2.515H29.018v-2.515h9.735V116h-7.055v-8.094h14.219v-3.062H31.645v-2.461h17.28v7.929h-14.19v3.2H49.5V116h-7.738v4.02h9.843Zm21.683-7.739v2.434H55.953v-11.867h17.145v2.461H58.96v6.972h14.328Zm2.516 7.465v2.516H53.219v-2.516h22.586Zm28.793-19.058v12.605h-3.008v-12.605h3.008Zm.054 13.753v6.426h-13.37v1.914h14.109v2.407h-17.09v-6.59h13.316v-1.805h-13.37v-2.352h16.405Zm-11.375-11.238c0 3.145 2.079 6.098 5.989 7.274l-1.477 2.351c-2.871-.875-4.922-2.721-6.043-5.086-1.121 2.57-3.227 4.58-6.18 5.524l-1.53-2.379c3.991-1.285 6.097-4.457 6.097-7.684v-1.914h3.144v1.914Zm36.313-2.515v24.718h-2.926v-12.551h-2.461v11.293h-2.871v-22.996h2.871v9.215h2.461v-9.679h2.926Zm-9.68 2.925v2.461h-1.777v10.637a31.217 31.217 0 0 0 2.105-.219l.164 2.215c-3.855.793-8.941.875-12.058.875l-.356-2.516 2.297-.027v-10.965h-1.805v-2.461h11.43Zm-6.89 13.371 2.351-.082v-10.828h-2.351v10.91Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-upload:before,html[dark=true] .thumb-upload:before,body.thema_dark .thumb-upload:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 136 138'%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M68 45.473v-21m0 0-8 8.343m8-8.343 8 8.343'/%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-width='4' d='m101.423 50.973-8.5 8.5m0 0-8.5 8.5m8.5-8.5 8.5 8.5m-8.5-8.5-8.5-8.5M75.376 54.803h-36.56c-2.333 0-4.225 1.94-4.225 4.333v4.333c0 2.394 1.892 4.334 4.225 4.334h36.56'/%3e%3cpath fill='%235E636E' d='M95.423 43.13a2 2 0 1 0 4 0h-4Zm-50-27.01h46v-4h-46v4Zm50 4v23.01h4V20.12h-4Zm-54 34.01V20.12h-4v34.01h4Zm50-38.01a4 4 0 0 1 4 4h4a8 8 0 0 0-8-8v4Zm-46-4a8 8 0 0 0-8 8h4a4 4 0 0 1 4-4v-4ZM11.684 101.781c3.199-.027 5.714 1.819 6.343 4.539h4.457v-5.632h3.035v13.261h-3.035v-5.168h-4.43c-.614 2.776-3.157 4.649-6.37 4.649-3.801 0-6.536-2.434-6.536-5.852 0-3.363 2.735-5.824 6.536-5.797Zm0 2.543c-2.133 0-3.637 1.258-3.637 3.254 0 1.969 1.504 3.281 3.637 3.281 2.078 0 3.554-1.312 3.582-3.281-.028-1.996-1.504-3.254-3.582-3.254Zm.546 10.774v2.625h10.254v-2.625h3.035v10.007H9.224v-10.007h3.007Zm0 7.547h10.254v-2.571H12.23v2.571Zm39.376-2.625v2.515H29.018v-2.515h9.735V116h-7.055v-8.094h14.219v-3.062H31.645v-2.461h17.28v7.929h-14.19v3.2H49.5V116h-7.738v4.02h9.843Zm21.683-7.739v2.434H55.953v-11.867h17.145v2.461H58.96v6.972h14.328Zm2.516 7.465v2.516H53.219v-2.516h22.586Zm28.793-19.058v12.605h-3.008v-12.605h3.008Zm.054 13.753v6.426h-13.37v1.914h14.109v2.407h-17.09v-6.59h13.316v-1.805h-13.37v-2.352h16.405Zm-11.375-11.238c0 3.145 2.079 6.098 5.989 7.274l-1.477 2.351c-2.871-.875-4.922-2.721-6.043-5.086-1.121 2.57-3.227 4.58-6.18 5.524l-1.53-2.379c3.991-1.285 6.097-4.457 6.097-7.684v-1.914h3.144v1.914Zm36.313-2.515v24.718h-2.926v-12.551h-2.461v11.293h-2.871v-22.996h2.871v9.215h2.461v-9.679h2.926Zm-9.68 2.925v2.461h-1.777v10.637a31.217 31.217 0 0 0 2.105-.219l.164 2.215c-3.855.793-8.941.875-12.058.875l-.356-2.516c.684 0 1.463 0 2.297-.027v-10.965h-1.805v-2.461h11.43Zm-6.89 13.371c.779 0 1.558-.041 2.351-.082v-10.828h-2.351v10.91Z'/%3e%3c/svg%3e")
}

.thumb-private:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 218 138'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='4' d='m139.419 68.454-22.715-22.715M86.465 15.5l30.239 30.239m23.063 4.042c1.668-2.498 2.547-4.74 3-6.244.38-1.263.276-2.588-.202-3.818C140.282 33.84 131.541 16.16 109 16.16c-1.518 0-2.975.08-4.375.232m24.063 44.428c-5.022 3.203-11.487 5.469-19.688 5.334-21.11-.345-30.395-15.498-33.358-21.827a6.798 6.798 0 0 1-.126-5.52c1.685-4.073 5.727-11.744 13.796-17.02M104.5 33.572l-2.062 2.063a8.35 8.35 0 0 0-2.188 5.631c0 4.703 3.918 8.515 8.75 8.515 2.228 0 4.262-.81 5.807-2.145l1.897-1.897'/%3e%3cpath fill='%23C7CAD1' d='M93.883 100.688v24.746H90.82v-24.746h3.063Zm-16.215 2.023v6.18h5.988v-6.18h3.008v16.898H74.633v-16.898h3.035Zm0 14.41h5.988v-5.851h-5.988v5.851Zm30.98-.984c5.36.027 8.75 1.722 8.778 4.648-.028 2.871-3.418 4.594-8.778 4.594-5.332 0-8.75-1.723-8.75-4.594 0-2.926 3.418-4.621 8.75-4.648Zm0 2.297c-3.554 0-5.714.847-5.687 2.351-.027 1.449 2.133 2.242 5.687 2.242 3.582 0 5.743-.793 5.77-2.242-.027-1.504-2.188-2.351-5.77-2.351Zm8.614-16.571v2.051c0 1.941 0 4.02-.684 6.563l-3.008-.274c.616-2.406.657-4.142.657-5.933h-14.082v-2.407h17.117Zm2.734 10.035v2.461H97.574v-2.461h8.696v-4.484h3.007v4.484h10.719Zm22.942-11.21v24.718h-2.926v-12.687h-2.653v11.539h-2.843v-22.914h2.843v8.914h2.653v-9.57h2.926Zm-10.528 3.117c0 6.672-2.105 12.414-9.133 16.433l-1.75-2.105c5.264-3.049 7.493-6.959 7.93-11.895h-6.781v-2.433h9.734Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-private:before,html[dark=true] .thumb-private:before,body.thema_dark .thumb-private:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 218 138'%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-width='4' d='m139.419 68.454-22.715-22.715M86.465 15.5l30.239 30.239m23.063 4.042c1.668-2.498 2.547-4.74 3-6.244.38-1.263.276-2.588-.202-3.818C140.282 33.84 131.541 16.16 109 16.16c-1.518 0-2.975.08-4.375.232m24.063 44.428c-5.022 3.203-11.487 5.469-19.688 5.334-21.11-.345-30.395-15.498-33.358-21.827a6.798 6.798 0 0 1-.126-5.52c1.685-4.073 5.727-11.744 13.796-17.02M104.5 33.572l-2.062 2.063a8.35 8.35 0 0 0-2.188 5.631c0 4.703 3.918 8.515 8.75 8.515 2.228 0 4.262-.81 5.807-2.145l1.897-1.897'/%3e%3cpath fill='%235E636E' d='M93.883 100.688v24.746H90.82v-24.746h3.063Zm-16.215 2.023v6.18h5.988v-6.18h3.008v16.898H74.633v-16.898h3.035Zm0 14.41h5.988v-5.851h-5.988v5.851Zm30.98-.984c5.36.027 8.75 1.722 8.778 4.648-.028 2.871-3.418 4.594-8.778 4.594-5.332 0-8.75-1.723-8.75-4.594 0-2.926 3.418-4.621 8.75-4.648Zm0 2.297c-3.554 0-5.714.847-5.687 2.351-.027 1.449 2.133 2.242 5.687 2.242 3.582 0 5.743-.793 5.77-2.242-.027-1.504-2.188-2.351-5.77-2.351Zm8.614-16.571v2.051c0 1.941 0 4.02-.684 6.563l-3.008-.274c.616-2.406.657-4.142.657-5.933h-14.082v-2.407h17.117Zm2.734 10.035v2.461H97.574v-2.461h8.696v-4.484h3.007v4.484h10.719Zm22.942-11.21v24.718h-2.926v-12.687h-2.653v11.539h-2.843v-22.914h2.843v8.914h2.653v-9.57h2.926Zm-10.528 3.117c0 6.672-2.105 12.414-9.133 16.433l-1.75-2.105c5.264-3.049 7.493-6.959 7.93-11.895h-6.781v-2.433h9.734Z'/%3e%3c/svg%3e")
}

.thumb-savyg:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 170 138'%3e%3crect width='68' height='68' x='51' y='6.973' stroke='%23D5D7DC' stroke-width='4' rx='34'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='5.625' d='M85 42.458V28.116m0 25.61v.104'/%3e%3cpath fill='%23C7CAD1' d='M12.115 108.617c-.164-1.695-1.613-2.679-3.746-2.679-2.242 0-3.61 1.093-3.61 2.57 0 1.668 1.75 2.351 3.391 2.734l1.86.492c2.953.684 5.797 2.243 5.797 5.688 0 3.473-2.735 5.851-7.493 5.851-4.62 0-7.52-2.214-7.683-6.125h3.5c.164 2.079 1.914 3.09 4.156 3.09 2.352 0 3.965-1.148 3.965-2.843 0-1.559-1.45-2.215-3.582-2.762l-2.242-.574c-3.254-.848-5.278-2.489-5.278-5.332 0-3.5 3.118-5.825 7.274-5.825 4.21 0 7.055 2.379 7.11 5.715h-3.419Zm8.86 14.356h-3.801l6.973-19.797h4.375l7 19.797H31.72l-1.64-4.895h-7.466l-1.64 4.895Zm2.597-7.766h5.551l-2.707-7.984h-.164l-2.68 7.984Zm14.656-12.031 5.141 15.613h.219l5.168-15.613h3.91l-7 19.797h-4.375l-6.973-19.797h3.91Zm15.422 0h4.02l4.867 8.75h.191l4.868-8.75h4.02l-7.192 12.386v7.411h-3.555v-7.411l-7.219-12.386Zm32.403 6.316c-.63-2.105-2.27-3.39-4.676-3.39-3.2 0-5.496 2.488-5.496 6.945 0 4.512 2.27 7 5.578 7 2.98 0 4.894-1.805 4.95-4.621h-4.595v-2.817h8.04v2.379c0 5.086-3.5 8.258-8.395 8.258-5.469 0-9.16-3.883-9.16-10.172 0-6.344 3.855-10.172 9.05-10.172 4.376 0 7.739 2.707 8.34 6.59h-3.636Zm33.933-8.804v24.718h-2.898v-24.718h2.898Zm-5.031.464v23.051h-2.871v-12.441h-3.555v-2.461h3.555v-8.149h2.871Zm-8.613 6.289c0 4.184 1.504 8.368 5.031 10.391l-1.805 2.242c-2.283-1.367-3.8-3.719-4.648-6.535-.875 3.049-2.447 5.647-4.785 7.109l-1.86-2.269c3.582-2.16 5.141-6.645 5.141-10.938v-1.64h-4.293v-2.461h11.211v2.461h-3.992v1.64Zm25.429-2.461c0 3.036 1.969 6.043 5.852 7.329l-1.531 2.351c-2.762-.916-4.731-2.775-5.797-5.086-1.107 2.53-3.158 4.539-6.043 5.524l-1.613-2.352c3.992-1.312 6.07-4.512 6.07-7.766v-.3h-5.223v-2.434h13.426v2.434h-5.141v.3Zm10.637-4.292v6.179h3.446v2.543h-3.446v6.18h-3.035v-14.902h3.035Zm0 16.05v8.668h-3.035v-6.234h-13.426v-2.434h16.461Zm27.235-4.703v2.461h-9.789v2.051c4.429.301 7.027 1.832 7.054 4.402-.027 2.844-3.226 4.43-8.558 4.43-5.387 0-8.614-1.586-8.614-4.43 0-2.57 2.625-4.115 7.11-4.402v-2.051h-9.735v-2.461h22.532Zm-11.293 6.809c-3.61.027-5.551.738-5.524 2.105-.027 1.367 1.914 2.106 5.524 2.106 3.527 0 5.496-.739 5.523-2.106-.027-1.367-1.996-2.078-5.523-2.105Zm9.269-17.063v2.434h-7.109c.478 2.037 3.431 3.869 8.066 4.293l-1.066 2.406c-4.485-.451-7.821-2.242-9.16-4.758-1.34 2.502-4.621 4.307-9.106 4.758l-1.039-2.406c4.539-.424 7.492-2.283 8.012-4.293h-7.055v-2.434h18.457Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

[dark=true] .thumb-savyg:before,html[dark=true] .thumb-savyg:before,body.thema_dark .thumb-savyg:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 170 138'%3e%3crect width='68' height='68' x='51' y='6.973' stroke='%235E636E' stroke-width='4' rx='34'/%3e%3cpath stroke='%235E636E' stroke-linecap='round' stroke-linejoin='round' stroke-width='5.625' d='M85 42.458V28.116m0 25.61v.104'/%3e%3cpath fill='%235E636E' d='M12.115 108.617c-.164-1.695-1.613-2.679-3.746-2.679-2.242 0-3.61 1.093-3.61 2.57 0 1.668 1.75 2.351 3.391 2.734l1.86.492c2.953.684 5.797 2.243 5.797 5.688 0 3.473-2.735 5.851-7.493 5.851-4.62 0-7.52-2.214-7.683-6.125h3.5c.164 2.079 1.914 3.09 4.156 3.09 2.352 0 3.965-1.148 3.965-2.843 0-1.559-1.45-2.215-3.582-2.762l-2.242-.574c-3.254-.848-5.278-2.489-5.278-5.332 0-3.5 3.118-5.825 7.274-5.825 4.21 0 7.055 2.379 7.11 5.715h-3.419Zm8.86 14.356h-3.801l6.973-19.797h4.375l7 19.797H31.72l-1.64-4.895h-7.466l-1.64 4.895Zm2.597-7.766h5.551l-2.707-7.984h-.164l-2.68 7.984Zm14.656-12.031 5.141 15.613h.219l5.168-15.613h3.91l-7 19.797h-4.375l-6.973-19.797h3.91Zm15.422 0h4.02l4.867 8.75h.191l4.868-8.75h4.02l-7.192 12.386v7.411h-3.555v-7.411l-7.219-12.386Zm32.403 6.316c-.63-2.105-2.27-3.39-4.676-3.39-3.2 0-5.496 2.488-5.496 6.945 0 4.512 2.27 7 5.578 7 2.98 0 4.894-1.805 4.95-4.621h-4.595v-2.817h8.04v2.379c0 5.086-3.5 8.258-8.395 8.258-5.469 0-9.16-3.883-9.16-10.172 0-6.344 3.855-10.172 9.05-10.172 4.376 0 7.739 2.707 8.34 6.59h-3.636Zm33.933-8.804v24.718h-2.898v-24.718h2.898Zm-5.031.464v23.051h-2.871v-12.441h-3.555v-2.461h3.555v-8.149h2.871Zm-8.613 6.289c0 4.184 1.504 8.368 5.031 10.391l-1.805 2.242c-2.283-1.367-3.8-3.719-4.648-6.535-.875 3.049-2.447 5.647-4.785 7.109l-1.86-2.269c3.582-2.16 5.141-6.645 5.141-10.938v-1.64h-4.293v-2.461h11.211v2.461h-3.992v1.64Zm25.429-2.461c0 3.036 1.969 6.043 5.852 7.329l-1.531 2.351c-2.762-.916-4.731-2.775-5.797-5.086-1.107 2.53-3.158 4.539-6.043 5.524l-1.613-2.352c3.992-1.312 6.07-4.512 6.07-7.766v-.3h-5.223v-2.434h13.426v2.434h-5.141v.3Zm10.637-4.292v6.179h3.446v2.543h-3.446v6.18h-3.035v-14.902h3.035Zm0 16.05v8.668h-3.035v-6.234h-13.426v-2.434h16.461Zm27.235-4.703v2.461h-9.789v2.051c4.429.301 7.027 1.832 7.054 4.402-.027 2.844-3.226 4.43-8.558 4.43-5.387 0-8.614-1.586-8.614-4.43 0-2.57 2.625-4.115 7.11-4.402v-2.051h-9.735v-2.461h22.532Zm-11.293 6.809c-3.61.027-5.551.738-5.524 2.105-.027 1.367 1.914 2.106 5.524 2.106 3.527 0 5.496-.739 5.523-2.106-.027-1.367-1.996-2.078-5.523-2.105Zm9.269-17.063v2.434h-7.109c.478 2.037 3.431 3.869 8.066 4.293l-1.066 2.406c-4.485-.451-7.821-2.242-9.16-4.758-1.34 2.502-4.621 4.307-9.106 4.758l-1.039-2.406c4.539-.424 7.492-2.283 8.012-4.293h-7.055v-2.434h18.457Z'/%3e%3c/svg%3e")
}

.thumb-text {
    position: relative
}

.thumb-text p {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #555;
    font-size: 13px;
    line-height: 1.31;
    text-align: center
}

[dark=true] .thumb-text p,html[dark=true] .thumb-text p,body.thema_dark .thumb-text p {
    color: #b3b3b3
}

.catch_area .thumb-default:before,.catch_story_area .thumb-default:before,.catch_hz_box .thumb-default:before,.catch_story_box .thumb-default:before,.vod-catch-list .thumb-default:before,.catch-story-list .thumb-default:before {
    width: 55%;
    height: auto
}

.catch_area .thumb-adult::before,.catch_area .thumb-lock::before,.catch_area .thumb-lock_adult::before,.catch_story_area .thumb-adult::before,.catch_story_area .thumb-lock::before,.catch_story_area .thumb-lock_adult::before,.catch_hz_box .thumb-adult::before,.catch_hz_box .thumb-lock::before,.catch_hz_box .thumb-lock_adult::before,.catch_story_box .thumb-adult::before,.catch_story_box .thumb-lock::before,.catch_story_box .thumb-lock_adult::before,.vod-catch-list .thumb-adult::before,.vod-catch-list .thumb-lock::before,.vod-catch-list .thumb-lock_adult::before,.catch-story-list .thumb-adult::before,.catch-story-list .thumb-lock::before,.catch-story-list .thumb-lock_adult::before {
    height: 27.7%
}

.catch_area .thumb-encoding::before,.catch_area .thumb-del::before,.catch_area .thumb-blind::before,.catch_area .thumb-converting::before,.catch_area .thumb-upload::before,.catch_area .thumb-savyg::before,.catch_area .thumb-private::before,.catch_story_area .thumb-encoding::before,.catch_story_area .thumb-del::before,.catch_story_area .thumb-blind::before,.catch_story_area .thumb-converting::before,.catch_story_area .thumb-upload::before,.catch_story_area .thumb-savyg::before,.catch_story_area .thumb-private::before,.catch_hz_box .thumb-encoding::before,.catch_hz_box .thumb-del::before,.catch_hz_box .thumb-blind::before,.catch_hz_box .thumb-converting::before,.catch_hz_box .thumb-upload::before,.catch_hz_box .thumb-savyg::before,.catch_hz_box .thumb-private::before,.catch_story_box .thumb-encoding::before,.catch_story_box .thumb-del::before,.catch_story_box .thumb-blind::before,.catch_story_box .thumb-converting::before,.catch_story_box .thumb-upload::before,.catch_story_box .thumb-savyg::before,.catch_story_box .thumb-private::before,.vod-catch-list .thumb-encoding::before,.vod-catch-list .thumb-del::before,.vod-catch-list .thumb-blind::before,.vod-catch-list .thumb-converting::before,.vod-catch-list .thumb-upload::before,.vod-catch-list .thumb-savyg::before,.vod-catch-list .thumb-private::before,.catch-story-list .thumb-encoding::before,.catch-story-list .thumb-del::before,.catch-story-list .thumb-blind::before,.catch-story-list .thumb-converting::before,.catch-story-list .thumb-upload::before,.catch-story-list .thumb-savyg::before,.catch-story-list .thumb-private::before {
    height: 33.8%
}

html * {
    font-family: "Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",helvetica,sans-serif;
    text-rendering: optimizeSpeed
}

html[lang="en"] *,body.en_US * {
    font-family: Arial,Helvetica,verdana,sans-serif !important
}

.pg_area em {
    font-style: normal
}

.pg_area {
    width: 100%;
    text-align: center;
    margin: 20px auto 0 !important
}

.pg_area a,.pg_area em {
    font-size: 11px;
    color: #666;
    display: inline-block;
    font-family: tahoma;
    padding: 2px 6px 3px 6px;
    margin: 0 3px;
    line-height: 15px
}

.pg_area a {
    text-decoration: none
}

.pg_area a:hover {
    border: 1px solid #396fcb;
    color: #396fcb;
    text-decoration: none
}

.pg_area a {
    border: 1px solid #fff
}

.pg_area em {
    border: 1px solid #396fcb;
    color: #396fcb;
    font-weight: normal
}

.pg_area .btn_next,.pg_area .btn_prev {
    background: url(/images/common/icon_common.png) -9999px -9999px no-repeat;
    font-weight: normal;
    width: auto
}

.pg_area .btn_prev:hover,.pg_area .btn_next:hover {
    border: 1px solid transparent
}

.pg_area .btn_prev {
    background-position: 0 4px;
    padding-left: 11px;
    margin-right: 12px
}

.pg_area .btn_next {
    background-position: right -26px;
    padding-right: 11px;
    margin-left: 9px
}

.pg_area .none {
    display: none
}

@-moz-document url-prefix() {
    .pg_area .btn_prev {
        background-position: 0 6px
    }

    .pg_area .btn_next {
        background-position: right -24px
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .pg_area .btn_prev {
        background-position:0 6px
    }

    .pg_area .btn_next {
        background-position: right -24px
    }
}

html[dark=true] body .pg_area a,body.thema_dark .pg_area a {
    border-color: #121213;
    color: #999
}

html[dark=true] body .pg_area a.btn_prev:hover,html[dark=true] body .pg_area a.btn_next:hover,body.thema_dark .pg_area a.btn_prev:hover,body.thema_dark .pg_area a.btn_next:hover {
    border-color: #121213;
    color: #7398ff
}

html[dark=true] body .pg_area a:hover,html[dark=true] body .pg_area em,body.thema_dark .pg_area a:hover,body.thema_dark .pg_area em {
    border-color: #7398ff;
    color: #7398ff
}

.feed_area {
    position: relative;
    float: left;
    display: block;
    margin-right: 12px
}

.feed_area .btn_feed {
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    background: none;
    outline: none;
    border: none;
    cursor: pointer;
    text-indent: 0
}

.feed_area .btn_feed span {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 20px;
    text-indent: -9999px;
    vertical-align: middle;
    background: url(/images/common/img_feed.png) no-repeat 0 0
}

.feed_area .btn_feed:hover span {
    background-position: -18px 0
}

.feed_area .btn_feed .ic_new {
    position: absolute;
    top: 4px;
    right: 5px;
    background: #ff1e00;
    width: 7px;
    height: 7px;
    border: 2px solid #fff;
    border-radius: 50%;
    text-indent: -9999px
}

html[dark=true] .feed_area .btn_feed .ic_new,body.thema_dark .feed_area .btn_feed .ic_new {
    border: 2px solid #1b1b1c
}

.feed_area .feed_layer {
    display: none
}

.feed_area .feed_layer *::-webkit-scrollbar {
    width: 5px !important
}

.feed_area .feed_layer .feed_btn {
    position: relative;
    width: 100%;
    margin: 16px 0 8px;
    padding: 0 32px;
    z-index: 10;
    box-sizing: border-box
}

.feed_area .feed_layer .feed_btn .inner_bx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-size: 13px;
    color: #525661
}

html[dark=true] .feed_area .feed_layer .feed_btn .inner_bx,body.thema_dark .feed_area .feed_layer .feed_btn .inner_bx {
    color: #D5D7DC
}

.feed_area .feed_layer .feed_btn .inner_bx .btn_l .all {
    display: flex;
    align-items: center
}

.feed_area .feed_layer .feed_btn .inner_bx .btn_l .all::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239196A1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.875' d='m5.417 9.674 2.94 3.41 6.226-6.25'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px
}

html[dark=true] .feed_area .feed_layer .feed_btn .inner_bx .btn_l .all::before,body.thema_dark .feed_area .feed_layer .feed_btn .inner_bx .btn_l .all::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239196A1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.875' d='m5.417 9.674 2.94 3.41 6.226-6.25'/%3e%3c/svg%3e")
}

.feed_area .feed_layer .feed_btn .inner_bx a {
    font-size: 13px;
    color: #525661
}

html[dark=true] .feed_area .feed_layer .feed_btn .inner_bx a,body.thema_dark .feed_area .feed_layer .feed_btn .inner_bx a {
    color: #D5D7DC
}

.feed_area .feed_layer .feed_btn .inner_bx a:hover {
    text-decoration: underline
}

.feed_area .feed_layer .feed_btn .inner_bx em {
    display: inline-block;
    background: #ACB0B9;
    width: 3px;
    height: 3px;
    margin: 0 6px;
    border-radius: 50%;
    font: 0/0 a;
    text-indent: -9999px;
    vertical-align: 6px
}

html[dark=true] .feed_area .feed_layer .feed_btn .inner_bx em,body.thema_dark .feed_area .feed_layer .feed_btn .inner_bx em {
    background: #9196A1
}

.feed_area .feed_layer .feed_btn+.scroll_area {
    height: 468px
}

.feed_area .feed_layer .scroll_area {
    position: relative;
    overflow: hidden auto;
    height: 512px;
    margin: 0 5px 10px 0;
    overscroll-behavior: contain;
    overscroll-behavior-y: contain
}

.feed_area .feed_layer .scroll_area .loading_feed {
    background-image: url("/images/main_new/loading.gif");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 541px;
    margin: 0;
    text-indent: -9999px
}

html[dark=true] .feed_area .feed_layer .scroll_area .loading_feed,body.thema_dark .feed_area .feed_layer .scroll_area .loading_feed {
    background-image: url("/images/main_new/loading_dark.gif")
}

.feed_area .feed_layer .scroll_area .loading_list {
    background-image: url("/images/main_new/loading.gif");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 70px;
    margin: 0;
    text-indent: -9999px
}

html[dark=true] .feed_area .feed_layer .scroll_area .loading_list,body.thema_dark .feed_area .feed_layer .scroll_area .loading_list {
    background-image: url("/images/main_new/loading_dark.gif")
}

.feed_area .feed_layer .scroll_area .scrollbar-container {
    position: absolute;
    background: none;
    z-index: 9999;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s
}

.feed_area .feed_layer .scroll_area .scrollbar-container.horizontal {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px
}

.feed_area .feed_layer .scroll_area .scrollbar-container.horizontal .scrollbar {
    background: #bbb;
    width: 20px;
    height: 8px;
    margin-top: 1px
}

.feed_area .feed_layer .scroll_area .scrollbar-container.vertical {
    top: 5px;
    right: 5px;
    width: 5px;
    height: 100%
}

.feed_area .feed_layer .scroll_area .scrollbar-container.vertical .scrollbar {
    background: #bbb;
    width: 5px;
    height: 20px
}

.feed_area .feed_layer .scroll_area .scrollbar-container:hover .scrollbar {
    background: #afafaf
}

.feed_area .feed_layer .scroll_area .scrollbar-container.active .scrollbar {
    background: #afafaf
}

.feed_area .feed_layer .scroll_area .feed_list {
    margin-bottom: -10px;
    padding-right: 27px
}

.feed_area .feed_layer .feed_list {
    padding: 10px 32px 0 32px
}

.feed_area .feed_layer .feed_list li {
    display: flex;
    position: relative;
    background: transparent;
    margin-bottom: 10px;
    border-radius: 8px;
    transition: all .2s
}

.feed_area .feed_layer .feed_list li:last-child {
    margin-bottom: 0
}

.feed_area .feed_layer .feed_list li:hover {
    background: #F1F2F4 !important
}

html[dark=true] .feed_area .feed_layer .feed_list li:hover,body.thema_dark .feed_area .feed_layer .feed_list li:hover {
    background: #3B3D45 !important
}

.feed_area .feed_layer .feed_list li:hover .new_window {
    opacity: 1;
    visibility: visible
}

.feed_area .feed_layer .feed_list li:hover .btn_delete {
    opacity: 1;
    visibility: visible
}

.feed_area .feed_layer .feed_list li.unlead {
    background-color: rgba(1,130,255,0.05)
}

.feed_area .feed_layer .feed_list li.photo .link {
    padding-right: 120px
}

.feed_area .feed_layer .feed_list li .profile {
    display: block;
    position: absolute;
    top: 12px;
    left: 12px;
    width: 42px;
    height: 42px
}

.feed_area .feed_layer .feed_list li .profile img {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(117,123,138,0.1);
    border-radius: 50%;
    object-fit: cover
}

.feed_area .feed_layer .feed_list li .profile [class^=icf] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 18px;
    height: 18px;
    font: 0/0 a
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_live {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3cpath fill='%23FCFCFD' d='M11.679 10.476v-3.6h2.491v.69h-1.646v.761h1.517v.692h-1.517v.765h1.651v.692H11.68ZM8.68 6.875l.82 2.656h.03l.821-2.656h.945l-1.218 3.6H8.954l-1.224-3.6h.95ZM7.352 6.875v3.6h-.845v-3.6h.845ZM3.707 10.476v-3.6h.846v2.908h1.511v.692H3.707Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_vod {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3crect width='8.3' height='6.3' x='4.85' y='5.85' stroke='%23FCFCFD' stroke-width='.7' rx='1.15'/%3e%3cpath fill='%23FCFCFD' d='M10.088 8.683a.4.4 0 0 1 0 .634l-1.194.92a.4.4 0 0 1-.644-.318V8.081a.4.4 0 0 1 .644-.317l1.194.919Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_bj_post,.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_strm_post {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-width='.7' d='M8.5 12.5H7a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M11.49 13.225a.25.25 0 0 1-.177.073h-.963a.25.25 0 0 1-.25-.25v-.963a.25.25 0 0 1 .073-.177l3.332-3.331a.25.25 0 0 1 .353 0l.963.963a.25.25 0 0 1 0 .353l-3.331 3.332ZM12.778 9.303l1.316 1.316'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-width='.7' d='M7.75 7h2.5M7.75 8.5h2.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_bj_msg,.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_strm_msg {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3crect width='2.879' height='5.657' x='7.56' y='4.286' fill='%23FCFCFD' rx='1.44'/%3e%3crect width='1.2' height='2.357' x='8.4' y='11.572' fill='%23FCFCFD' rx='.6'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-width='.7' d='M12.178 8.545c0 1.68-1.423 3.043-3.178 3.043s-3.178-1.362-3.178-3.043'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_bj_text,.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_strm_text {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3cpath fill='%23FCFCFD' d='M10.223 11.152v-.42a.42.42 0 0 0-.373.226l.373.194ZM9 13.5l-.379.181a.42.42 0 0 0 .752.013L9 13.5Zm-1.125-2.348.379-.181a.42.42 0 0 0-.379-.239v.42ZM6.601 6.18a.42.42 0 1 0 0 .84v-.84Zm4.2.84a.42.42 0 0 0 0-.84v.84ZM6.6 8.58a.42.42 0 1 0 0 .84v-.84Zm2.4.84a.42.42 0 1 0 0-.84v.84Zm.85 1.538-1.224 2.348.745.388 1.223-2.348-.745-.388Zm-.472 2.36-1.125-2.347-.758.363 1.125 2.348.758-.364Zm-1.504-2.586h-2.25v.84h2.25v-.84Zm-2.955-.705V5.625h-.84v4.402h.84Zm.705-5.107h6.75v-.84h-6.75v.84Zm7.455.705v4.402h.84V5.625h-.84Zm-.705 5.107h-2.152v.84h2.152v-.84Zm.705-.705c0 .39-.316.705-.705.705v.84c.853 0 1.545-.691 1.545-1.545h-.84Zm-.705-5.107c.39 0 .705.316.705.705h.84c0-.853-.692-1.545-1.545-1.545v.84Zm-7.455.705c0-.39.316-.705.705-.705v-.84c-.853 0-1.545.692-1.545 1.545h.84Zm.705 5.107a.705.705 0 0 1-.705-.705h-.84c0 .854.692 1.545 1.545 1.545v-.84Zm.976-3.712h4.2v-.84H6.6v.84Zm0 2.4H9v-.84H6.6v.84Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_sticker {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23FF008A' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.84' d='M5.17 6.55c0-.762.618-1.38 1.38-1.38h4.9c.762 0 1.38.618 1.38 1.38v3.1a3.18 3.18 0 0 1-3.18 3.18h-3.1a1.38 1.38 0 0 1-1.38-1.38v-4.9Z'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.84' d='M12.5 9.437h-1.2a1.8 1.8 0 0 0-1.8 1.8v1.2'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_balloon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23FF008A' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.84' d='M5.07 8.35a3.93 3.93 0 1 1 7.86 0 3.93 3.93 0 0 1-7.86 0Z'/%3e%3cpath fill='%23fff' fill-rule='evenodd' stroke='%23fff' stroke-linejoin='round' stroke-width='.36' d='M10.079 8.595a.123.123 0 0 0-.036.11l.19 1.093a.126.126 0 0 1-.184.131l-.99-.515a.128.128 0 0 0-.118 0l-.99.515a.126.126 0 0 1-.183-.131l.189-1.092a.123.123 0 0 0-.036-.11l-.802-.774a.124.124 0 0 1 .07-.213l1.108-.16a.126.126 0 0 0 .095-.067l.495-.994a.127.127 0 0 1 .226 0l.495.994a.126.126 0 0 0 .095.068l1.108.159c.104.015.145.14.07.213l-.802.773Z' clip-rule='evenodd'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.84' d='M9.148 12.5c0 .71.336 1.064.504 1.152'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_ad {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23FF008A' rx='9'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M8.679 9.504 7.903 7.37a.267.267 0 0 0-.502 0l-.776 2.134M9.578 9.504v-2.31h.77c.513 0 1.027.385 1.027 1.155s-.514 1.155-1.027 1.155h-.77ZM6.882 8.854h1.54'/%3e%3cpath stroke='%23FCFCFD' stroke-width='.7' d='M5 8.35a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M9.148 12.5c0 .71.336 1.064.504 1.152'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_subscribe {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23FF008A' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.84' d='M12.89 10.448c1.44 0 1.76-1.058 1.76-1.9 0-.842-.368-1.9-1.76-1.9'/%3e%3cpath stroke='%23fff' stroke-linejoin='round' stroke-width='.84' d='M5.35 6.644a1.8 1.8 0 0 1 1.8-1.8h3.902a1.8 1.8 0 0 1 1.8 1.8v2.77a3.75 3.75 0 1 1-7.501 0v-2.77Z'/%3e%3cpath fill='%23fff' fill-rule='evenodd' stroke='%23fff' stroke-linejoin='round' stroke-width='.36' d='M10.18 9.17a.123.123 0 0 0-.036.111l.19 1.092a.126.126 0 0 1-.184.132l-.99-.516a.128.128 0 0 0-.118 0l-.99.516a.126.126 0 0 1-.183-.132l.189-1.092a.123.123 0 0 0-.036-.11l-.802-.773a.124.124 0 0 1 .07-.213l1.108-.16a.126.126 0 0 0 .094-.068l.496-.993a.127.127 0 0 1 .226 0l.495.993a.126.126 0 0 0 .095.068l1.108.16c.103.015.144.14.07.213l-.802.773Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_message {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%230182FF' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.7' d='M11.727 9.588V5.399a.75.75 0 0 0-.75-.75H7.023a.75.75 0 0 0-.75.75v4.437'/%3e%3cpath stroke='%23fff' stroke-width='.7' d='m11.504 4.877-6.047 5.82a.75.75 0 0 0-.01 1.07l1.408 1.41a.75.75 0 0 0 1.06 0l3.868-3.868'/%3e%3cpath stroke='%23fff' stroke-width='.7' d='m6.546 4.877 5.931 5.492a1 1 0 0 1 .028 1.441l-1.26 1.26a.75.75 0 0 1-1.01.046l-.905-.753-.136-.11'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_text {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%230182FF' rx='9'/%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M13.085 9.59a.35.35 0 1 0-.49.5l.408.4H12.4a1.71 1.71 0 0 0-1.71 1.71.35.35 0 1 0 .7 0c0-.557.452-1.01 1.01-1.01h.778l-.589.606a.35.35 0 0 0 .502.488l1.095-1.126a.35.35 0 0 0-.006-.494L13.085 9.59Z' clip-rule='evenodd'/%3e%3cpath fill='%23fff' d='M8.6 11.037v-.35a.35.35 0 0 0-.253.108l.253.242ZM7.071 12.64h-.35a.35.35 0 0 0 .604.242l-.254-.242Zm0-1.603h.35a.35.35 0 0 0-.35-.35v.35Zm.21-4.107a.35.35 0 0 0 0 .7v-.7Zm3.36.7a.35.35 0 1 0 0-.7v.7ZM7.28 8.85a.35.35 0 0 0 0 .7v-.7Zm1.92.7a.35.35 0 1 0 0-.7v.7ZM12.69 8a.35.35 0 1 0 .7 0h-.7ZM9.2 11.387a.35.35 0 1 0 0-.7v.7Zm-.854-.592L6.818 12.4l.507.483 1.528-1.604-.506-.483ZM7.42 12.64v-1.603h-.7v1.603h.7Zm-.35-1.953h-.75v.7h.75v-.7Zm-1.36-.61V6.32h-.7v3.757h.7Zm.61-4.367h5.76v-.7H6.32v.7Zm5.76 0a.61.61 0 0 1 .61.61h.7a1.31 1.31 0 0 0-1.31-1.31v.7Zm-6.37.61a.61.61 0 0 1 .61-.61v-.7a1.31 1.31 0 0 0-1.31 1.31h.7Zm.61 4.367a.61.61 0 0 1-.61-.61h-.7c0 .723.586 1.31 1.31 1.31v-.7Zm.96-3.057h3.36v-.7H7.28v.7Zm0 1.92H9.2v-.7H7.28v.7Zm5.41-3.23V8h.7V6.32h-.7ZM9.2 10.687H8.6v.7h.6v-.7Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_up {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%230182FF' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.7' d='M7.22 11.908V7.75l1.169-2.768a1 1 0 0 1 1.028-.605l.022.002a1 1 0 0 1 .893.994v1.333c0 .138.112.25.25.25h1.976a.9.9 0 0 1 .882 1.078l-.697 3.443a1.5 1.5 0 0 1-1.47 1.202H8.78c-.089 0-.178-.012-.263-.035l-.93-.254a.5.5 0 0 1-.368-.482ZM5.138 8.75a1 1 0 0 1 1-1h.58a.5.5 0 0 1 .5.5v3.48a.5.5 0 0 1-.5.5h-.58a1 1 0 0 1-1-1V8.75Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_mytext {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%2301B47F' rx='9'/%3e%3cpath fill='%23fff' d='M10.223 11.152v-.42a.42.42 0 0 0-.373.226l.373.194ZM9 13.5l-.379.181a.42.42 0 0 0 .752.013L9 13.5Zm-1.125-2.348.379-.181a.42.42 0 0 0-.379-.239v.42ZM6.601 6.18a.42.42 0 1 0 0 .84v-.84Zm4.2.84a.42.42 0 0 0 0-.84v.84ZM6.6 8.58a.42.42 0 1 0 0 .84v-.84Zm2.4.84a.42.42 0 1 0 0-.84v.84Zm.85 1.538-1.224 2.348.745.388 1.223-2.348-.745-.388Zm-.472 2.36-1.125-2.347-.758.363 1.125 2.348.758-.364Zm-1.504-2.586h-2.25v.84h2.25v-.84Zm-2.955-.705V5.625h-.84v4.402h.84Zm.705-5.107h6.75v-.84h-6.75v.84Zm7.455.705v4.402h.84V5.625h-.84Zm-.705 5.107h-2.152v.84h2.152v-.84Zm.705-.705c0 .39-.316.705-.705.705v.84c.853 0 1.545-.691 1.545-1.545h-.84Zm-.705-5.107c.39 0 .705.316.705.705h.84c0-.853-.692-1.545-1.545-1.545v.84Zm-7.455.705c0-.39.316-.705.705-.705v-.84c-.853 0-1.545.692-1.545 1.545h.84Zm.705 5.107a.705.705 0 0 1-.705-.705h-.84c0 .854.692 1.545 1.545 1.545v-.84Zm.976-3.712h4.2v-.84H6.6v.84Zm0 2.4H9v-.84H6.6v.84Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_mypost {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%2301B47F' rx='9'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-width='.7' d='M8.5 12.5H7a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M11.49 13.225a.25.25 0 0 1-.177.073h-.963a.25.25 0 0 1-.25-.25v-.963a.25.25 0 0 1 .073-.177l3.332-3.33a.25.25 0 0 1 .353 0l.963.962a.25.25 0 0 1 0 .353l-3.331 3.332ZM12.778 9.303l1.316 1.316'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-width='.7' d='M7.75 7h2.5M7.75 8.5h2.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .profile [class^=icf].icf_myvod {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%2301B47F' rx='9'/%3e%3crect width='9.486' height='7.2' x='4.4' y='5.4' stroke='%23fff' stroke-width='.8' rx='1.314'/%3e%3cpath fill='%23fff' d='M10.387 8.638a.457.457 0 0 1 0 .724l-1.365 1.05a.457.457 0 0 1-.736-.361V7.949c0-.38.435-.593.736-.362l1.365 1.05Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.feed_area .feed_layer .feed_list li .link {
    display: block;
    overflow: hidden;
    min-height: 85px;
    padding: 12px 34px 12px 61px;
    color: inherit !important;
    box-sizing: border-box;
    text-decoration: none !important
}

.feed_area .feed_layer .feed_list li .link .txt {
    display: -webkit-box;
    overflow: hidden;
    max-height: fit-content;
    color: #525661;
    font-size: 14px;
    line-height: 1.4 !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all
}

html[dark=true] .feed_area .feed_layer .feed_list li .link .txt,body.thema_dark .feed_area .feed_layer .feed_list li .link .txt {
    color: #D5D7DC
}

.feed_area .feed_layer .feed_list li .link .txt .nickname {
    padding: 0;
    color: #17191C;
    font-size: 14px;
    font-weight: normal
}

html[dark=true] .feed_area .feed_layer .feed_list li .link .txt .nickname,body.thema_dark .feed_area .feed_layer .feed_list li .link .txt .nickname {
    color: #E2E4E9
}

.feed_area .feed_layer .feed_list li .link .date {
    display: block;
    overflow: hidden;
    padding-top: 4px;
    color: #ACB0B9;
    font-size: 12px;
    text-overflow: ellipsis
}

html[dark=true] .feed_area .feed_layer .feed_list li .link .date,body.thema_dark .feed_area .feed_layer .feed_list li .link .date {
    color: #757B8A
}

.feed_area .feed_layer .feed_list li .link .date em {
    margin: 0 5px
}

.feed_area .feed_layer .feed_list li .link .photo {
    position: absolute;
    top: 12px;
    right: 34px;
    overflow: hidden;
    width: 80px;
    height: 45px;
    margin-left: 6px
}

.feed_area .feed_layer .feed_list li .link .photo img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    min-height: 45px
}

.feed_area .feed_layer .feed_list li .btn_delete {
    position: absolute;
    top: 12px;
    right: 12px;
    overflow: hidden;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%23ACB0B9' d='M12.296 4.89a.5.5 0 0 0-.708-.708l.708.707Zm-8.592 7.176a.5.5 0 0 0 .707.707l-.707-.707Zm7.884.707a.5.5 0 1 0 .708-.707l-.708.707Zm-7.177-8.59a.5.5 0 0 0-.707.706l.707-.707Zm7.177 0-7.884 7.883.707.707 7.885-7.884-.708-.707Zm.708 7.883L4.41 4.182l-.707.707 7.884 7.884.708-.707Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    font: 0/0 a;
    opacity: 0;
    visibility: hidden
}

.feed_area .feed_layer .feed_list li .btn_delete:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%230182FF' d='M12.296 4.89a.5.5 0 0 0-.708-.708l.708.707Zm-8.592 7.176a.5.5 0 0 0 .707.707l-.707-.707Zm7.884.707a.5.5 0 1 0 .708-.707l-.708.707Zm-7.177-8.59a.5.5 0 0 0-.707.706l.707-.707Zm7.177 0-7.884 7.883.707.707 7.885-7.884-.708-.707Zm.708 7.883L4.41 4.182l-.707.707 7.884 7.884.708-.707Z'/%3e%3c/svg%3e")
}

.feed_area .feed_layer .feed_list li .new_window {
    position: absolute;
    bottom: 12px;
    right: 13px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%23ACB0B9' d='M6.162 2.833a.5.5 0 1 0 0-1v1Zm5.422 4.422a.5.5 0 0 0-1 0h1ZM8.349 1.834a.5.5 0 1 0 0 1v-1Zm2.735.5h.5a.5.5 0 0 0-.5-.5v.5Zm-.5 2.46a.5.5 0 0 0 1 0h-1ZM6.08 6.628a.5.5 0 1 0 .707.707l-.707-.707ZM1.833 3.974v5.469h1V3.974h-1Zm2.141 7.61h5.469v-1H3.974v1Zm2.188-9.75H3.974v1h2.188v-1Zm5.422 7.609V7.255h-1v2.188h1Zm-2.141 2.14a2.14 2.14 0 0 0 2.14-2.14h-1c0 .63-.51 1.14-1.14 1.14v1Zm-7.61-2.14a2.14 2.14 0 0 0 2.141 2.14v-1c-.63 0-1.14-.51-1.14-1.14h-1Zm1-5.469c0-.63.511-1.14 1.141-1.14v-1a2.14 2.14 0 0 0-2.14 2.14h1Zm5.516-1.14h2.735v-1H8.349v1Zm2.235-.5v2.46h1v-2.46h-1Zm.146-.354L6.081 6.628l.707.707 4.649-4.648-.707-.707Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 14px;
    height: 14px;
    font: 0/0 a;
    opacity: 0;
    visibility: hidden
}

.feed_area .feed_layer .feed_list li .new_window:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%230182FF' d='M6.162 2.833a.5.5 0 1 0 0-1v1Zm5.422 4.422a.5.5 0 0 0-1 0h1ZM8.349 1.834a.5.5 0 1 0 0 1v-1Zm2.735.5h.5a.5.5 0 0 0-.5-.5v.5Zm-.5 2.46a.5.5 0 0 0 1 0h-1ZM6.08 6.628a.5.5 0 1 0 .707.707l-.707-.707ZM1.833 3.974v5.469h1V3.974h-1Zm2.141 7.61h5.469v-1H3.974v1Zm2.188-9.75H3.974v1h2.188v-1Zm5.422 7.609V7.255h-1v2.188h1Zm-2.141 2.14a2.14 2.14 0 0 0 2.14-2.14h-1c0 .63-.51 1.14-1.14 1.14v1Zm-7.61-2.14a2.14 2.14 0 0 0 2.141 2.14v-1c-.63 0-1.14-.51-1.14-1.14h-1Zm1-5.469c0-.63.511-1.14 1.141-1.14v-1a2.14 2.14 0 0 0-2.14 2.14h1Zm5.516-1.14h2.735v-1H8.349v1Zm2.235-.5v2.46h1v-2.46h-1Zm.146-.354L6.081 6.628l.707.707 4.649-4.648-.707-.707Z'/%3e%3c/svg%3e")
}

html[dark=true] .feed_area .feed_layer .feed_list li .delete,body.thema_dark .feed_area .feed_layer .feed_list li .delete {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%239196A1' d='M12.296 4.89a.5.5 0 0 0-.708-.708l.708.707Zm-8.592 7.176a.5.5 0 0 0 .707.707l-.707-.707Zm7.884.707a.5.5 0 1 0 .708-.707l-.708.707Zm-7.177-8.59a.5.5 0 0 0-.707.706l.707-.707Zm7.177 0-7.884 7.883.707.707 7.885-7.884-.708-.707Zm.708 7.883L4.41 4.182l-.707.707 7.884 7.884.708-.707Z'/%3e%3c/svg%3e")
}

html[dark=true] .feed_area .feed_layer .feed_list li .delete:hover,body.thema_dark .feed_area .feed_layer .feed_list li .delete:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%230182FF' d='M12.296 4.89a.5.5 0 0 0-.708-.708l.708.707Zm-8.592 7.176a.5.5 0 0 0 .707.707l-.707-.707Zm7.884.707a.5.5 0 1 0 .708-.707l-.708.707Zm-7.177-8.59a.5.5 0 0 0-.707.706l.707-.707Zm7.177 0-7.884 7.883.707.707 7.885-7.884-.708-.707Zm.708 7.883L4.41 4.182l-.707.707 7.884 7.884.708-.707Z'/%3e%3c/svg%3e")
}

html[dark=true] .feed_area .feed_layer .feed_list li .new_view,body.thema_dark .feed_area .feed_layer .feed_list li .new_view {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%239196A1' d='M6.162 2.833a.5.5 0 1 0 0-1v1Zm5.422 4.422a.5.5 0 0 0-1 0h1ZM8.349 1.834a.5.5 0 1 0 0 1v-1Zm2.735.5h.5a.5.5 0 0 0-.5-.5v.5Zm-.5 2.46a.5.5 0 0 0 1 0h-1ZM6.08 6.628a.5.5 0 1 0 .707.707l-.707-.707ZM1.833 3.974v5.469h1V3.974h-1Zm2.141 7.61h5.469v-1H3.974v1Zm2.188-9.75H3.974v1h2.188v-1Zm5.422 7.609V7.255h-1v2.188h1Zm-2.141 2.14a2.14 2.14 0 0 0 2.14-2.14h-1c0 .63-.51 1.14-1.14 1.14v1Zm-7.61-2.14a2.14 2.14 0 0 0 2.141 2.14v-1c-.63 0-1.14-.51-1.14-1.14h-1Zm1-5.469c0-.63.511-1.14 1.141-1.14v-1a2.14 2.14 0 0 0-2.14 2.14h1Zm5.516-1.14h2.735v-1H8.349v1Zm2.235-.5v2.46h1v-2.46h-1Zm.146-.354L6.081 6.628l.707.707 4.649-4.648-.707-.707Z'/%3e%3c/svg%3e")
}

html[dark=true] .feed_area .feed_layer .feed_list li .new_view:hover,body.thema_dark .feed_area .feed_layer .feed_list li .new_view:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%230182FF' d='M6.162 2.833a.5.5 0 1 0 0-1v1Zm5.422 4.422a.5.5 0 0 0-1 0h1ZM8.349 1.834a.5.5 0 1 0 0 1v-1Zm2.735.5h.5a.5.5 0 0 0-.5-.5v.5Zm-.5 2.46a.5.5 0 0 0 1 0h-1ZM6.08 6.628a.5.5 0 1 0 .707.707l-.707-.707ZM1.833 3.974v5.469h1V3.974h-1Zm2.141 7.61h5.469v-1H3.974v1Zm2.188-9.75H3.974v1h2.188v-1Zm5.422 7.609V7.255h-1v2.188h1Zm-2.141 2.14a2.14 2.14 0 0 0 2.14-2.14h-1c0 .63-.51 1.14-1.14 1.14v1Zm-7.61-2.14a2.14 2.14 0 0 0 2.141 2.14v-1c-.63 0-1.14-.51-1.14-1.14h-1Zm1-5.469c0-.63.511-1.14 1.141-1.14v-1a2.14 2.14 0 0 0-2.14 2.14h1Zm5.516-1.14h2.735v-1H8.349v1Zm2.235-.5v2.46h1v-2.46h-1Zm.146-.354L6.081 6.628l.707.707 4.649-4.648-.707-.707Z'/%3e%3c/svg%3e")
}

.feed_area .feed_layer .no_feed {
    text-align: center
}

.feed_area .feed_layer .no_feed::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 50 50'%3e%3cpath fill='%23ACB0B9' d='m42.13 27.083.745-.082a.526.526 0 0 0-.002-.019l-.743.101Zm-34.26 0-.743-.1a.733.733 0 0 0-.002.017l.745.083Zm23.608 2.783.624.416-.624-.416Zm-.456.684-.624-.416.624.416Zm-12.044 0 .624-.416-.624.416Zm-.456-.684-.624.416.624-.416Zm-11.5 4.86.745.083-.746-.083Zm35.957 0 .745-.082-.745.082Zm-2.661-20.984.743-.1-.743.1Zm-30.636 0-.743-.1.743.1Zm11.151 8.425a.75.75 0 0 0 0 1.5v-1.5Zm8.334 1.5a.75.75 0 1 0 0-1.5v1.5Zm-12.5-7.75a.75.75 0 0 0 0 1.5v-1.5Zm16.666 1.5a.75.75 0 1 0 0-1.5v1.5ZM15.875 9.083h18.25v-1.5h-18.25v1.5Zm20.892 31.834H13.233v1.5h23.534v-1.5ZM17.898 30.282l.456.684 1.248-.832-.456-.684-1.248.832Zm6.28 3.801h1.644v-1.5h-1.644v1.5Zm7.468-3.117.456-.684-1.248-.832-.456.684 1.248.832Zm7.929-17.123 1.811 13.341 1.487-.202-1.812-13.34-1.486.201Zm1.81 13.323.849 7.643 1.49-.165L42.875 27l-1.49.165Zm-4.707.667h5.452v-1.5h-5.452v1.5ZM7.767 34.81l.849-7.643L7.125 27l-.85 7.644 1.492.165Zm.847-7.625 1.811-13.34-1.486-.203-1.812 13.341 1.487.202Zm4.708-.85H7.87v1.5h5.452v-1.5Zm18.78 3.948a5.5 5.5 0 0 1 4.576-2.449v-1.5a7 7 0 0 0-5.824 3.117l1.248.832Zm-6.28 3.801a7 7 0 0 0 5.824-3.117l-1.248-.832a5.5 5.5 0 0 1-4.576 2.45v1.5Zm-7.468-3.117a7 7 0 0 0 5.824 3.117v-1.5a5.5 5.5 0 0 1-4.576-2.449l-1.248.832Zm.792-1.516a7 7 0 0 0-5.824-3.117v1.5a5.5 5.5 0 0 1 4.576 2.45l1.248-.833Zm-5.913 11.467a5.5 5.5 0 0 1-5.466-6.108l-1.491-.165c-.461 4.146 2.785 7.773 6.957 7.773v-1.5Zm23.534 1.5c4.172 0 7.418-3.627 6.957-7.773l-1.49.165a5.5 5.5 0 0 1-5.467 6.108v1.5ZM34.125 9.083a5.5 5.5 0 0 1 5.45 4.76l1.486-.202a7 7 0 0 0-6.936-6.058v1.5Zm-18.25-1.5a7 7 0 0 0-6.936 6.058l1.486.202a5.5 5.5 0 0 1 5.45-4.76v-1.5Zm4.958 16.084h8.334v-1.5h-8.334v1.5Zm-4.166-6.25h16.666v-1.5H16.667v1.5Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
    margin: 50px auto 0
}

html[dark=true] .feed_area .feed_layer .no_feed::before,body.thema_dark .feed_area .feed_layer .no_feed::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 50 50'%3e%3cpath fill='%239196A1' d='m42.13 27.083.745-.082a.526.526 0 0 0-.002-.019l-.743.101Zm-34.26 0-.743-.1a.733.733 0 0 0-.002.017l.745.083Zm23.608 2.783.624.416-.624-.416Zm-.456.684-.624-.416.624.416Zm-12.044 0 .624-.416-.624.416Zm-.456-.684-.624.416.624-.416Zm-11.5 4.86.745.083-.746-.083Zm35.957 0 .745-.082-.745.082Zm-2.661-20.984.743-.1-.743.1Zm-30.636 0-.743-.1.743.1Zm11.151 8.425a.75.75 0 0 0 0 1.5v-1.5Zm8.334 1.5a.75.75 0 1 0 0-1.5v1.5Zm-12.5-7.75a.75.75 0 0 0 0 1.5v-1.5Zm16.666 1.5a.75.75 0 1 0 0-1.5v1.5ZM15.875 9.083h18.25v-1.5h-18.25v1.5Zm20.892 31.834H13.233v1.5h23.534v-1.5ZM17.898 30.282l.456.684 1.248-.832-.456-.684-1.248.832Zm6.28 3.801h1.644v-1.5h-1.644v1.5Zm7.468-3.117.456-.684-1.248-.832-.456.684 1.248.832Zm7.929-17.123 1.811 13.341 1.487-.202-1.812-13.34-1.486.201Zm1.81 13.323.849 7.643 1.49-.165L42.875 27l-1.49.165Zm-4.707.667h5.452v-1.5h-5.452v1.5ZM7.767 34.81l.849-7.643L7.125 27l-.85 7.644 1.492.165Zm.847-7.625 1.811-13.34-1.486-.203-1.812 13.341 1.487.202Zm4.708-.85H7.87v1.5h5.452v-1.5Zm18.78 3.948a5.5 5.5 0 0 1 4.576-2.449v-1.5a7 7 0 0 0-5.824 3.117l1.248.832Zm-6.28 3.801a7 7 0 0 0 5.824-3.117l-1.248-.832a5.5 5.5 0 0 1-4.576 2.45v1.5Zm-7.468-3.117a7 7 0 0 0 5.824 3.117v-1.5a5.5 5.5 0 0 1-4.576-2.449l-1.248.832Zm.792-1.516a7 7 0 0 0-5.824-3.117v1.5a5.5 5.5 0 0 1 4.576 2.45l1.248-.833Zm-5.913 11.467a5.5 5.5 0 0 1-5.466-6.108l-1.491-.165c-.461 4.146 2.785 7.773 6.957 7.773v-1.5Zm23.534 1.5c4.172 0 7.418-3.627 6.957-7.773l-1.49.165a5.5 5.5 0 0 1-5.467 6.108v1.5ZM34.125 9.083a5.5 5.5 0 0 1 5.45 4.76l1.486-.202a7 7 0 0 0-6.936-6.058v1.5Zm-18.25-1.5a7 7 0 0 0-6.936 6.058l1.486.202a5.5 5.5 0 0 1 5.45-4.76v-1.5Zm4.958 16.084h8.334v-1.5h-8.334v1.5Zm-4.166-6.25h16.666v-1.5H16.667v1.5Z'/%3e%3c/svg%3e")
}

.feed_area .feed_layer .no_feed p {
    color: #757B8A;
    font-size: 14px
}

html[dark=true] .feed_area .feed_layer .no_feed p,body.thema_dark .feed_area .feed_layer .no_feed p {
    color: #9196A1
}

.feed_area .feed_layer .no_feed p em {
    display: block;
    padding: 6px 0;
    color: #525661;
    font-size: 15px;
    font-weight: 600;
    font-style: normal
}

html[dark=true] .feed_area .feed_layer .no_feed p em,body.thema_dark .feed_area .feed_layer .no_feed p em {
    color: #D5D7DC
}

.feed_area .feed_layer .no_feed p a {
    color: #757B8A;
    font-size: 14px
}

html[dark=true] .feed_area .feed_layer .no_feed p a,body.thema_dark .feed_area .feed_layer .no_feed p a {
    color: #9196A1
}

@media screen and (max-height: 670px) {
    .feed_area .feed_layer .serviceLogin {
        height:calc(100vh - 146px)
    }

    .feed_area .feed_layer .serviceLogin>.inner {
        overflow: auto;
        height: 100% !important
    }

    .feed_area .feed_layer .serviceLogin>.inner::-webkit-scrollbar-thumb {
        background: transparent
    }

    .feed_area .feed_layer #feedList .feed_btn+.scroll_area {
        height: calc(100vh - 200px) !important
    }

    .feed_area .feed_layer #feedList .scroll_area {
        height: calc(100vh - 156px) !important
    }

    .feed_area .feed_layer .serviceNotice .scroll_area {
        height: calc(100vh - 166px) !important;
        padding: 0 !important
    }

    .feed_area .feed_layer .serviceNotice .scroll_area>ul {
        padding: 0 32px
    }
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer,#serviceHeader .serviceUtil .noticeArea .feed_layer,#bs-wrap .bs-util #logArea .feed_layer {
    display: none
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer *::-webkit-scrollbar,#serviceHeader .serviceUtil .noticeArea .feed_layer *::-webkit-scrollbar,#bs-wrap .bs-util #logArea .feed_layer *::-webkit-scrollbar {
    width: 5px !important
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn,#bs-wrap .bs-util #logArea .feed_layer .feed_btn {
    position: relative;
    width: 100%;
    margin: 16px 0 8px;
    padding: 0 32px;
    z-index: 10;
    box-sizing: border-box
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx,#bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-size: 13px;
    color: #525661
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx {
    color: #D5D7DC
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx .btn_l .all,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx .btn_l .all,#bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx .btn_l .all {
    display: flex;
    align-items: center
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx .btn_l .all::before,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx .btn_l .all::before,#bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx .btn_l .all::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239196A1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.875' d='m5.417 9.674 2.94 3.41 6.226-6.25'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx .btn_l .all::before,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx .btn_l .all::before,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx .btn_l .all::before,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx .btn_l .all::before,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx .btn_l .all::before,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx .btn_l .all::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239196A1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.875' d='m5.417 9.674 2.94 3.41 6.226-6.25'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx a,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx a,#bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx a {
    font-size: 13px;
    color: #525661
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx a,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx a,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx a,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx a,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx a,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx a {
    color: #D5D7DC
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx a:hover,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx a:hover,#bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx a:hover {
    text-decoration: underline
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx em,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx em,#bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx em {
    display: inline-block;
    background: #ACB0B9;
    width: 3px;
    height: 3px;
    margin: 0 6px;
    border-radius: 50%;
    font: 0/0 a;
    text-indent: -9999px;
    vertical-align: 6px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx em,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx em,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx em,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn .inner_bx em,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx em,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_btn .inner_bx em {
    background: #9196A1
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_btn+.scroll_area,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_btn+.scroll_area,#bs-wrap .bs-util #logArea .feed_layer .feed_btn+.scroll_area {
    height: 468px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area,#bs-wrap .bs-util #logArea .feed_layer .scroll_area {
    position: relative;
    overflow: hidden auto;
    height: 512px;
    margin: 0 5px 10px 0;
    overscroll-behavior: contain;
    overscroll-behavior-y: contain
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .loading_feed,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .loading_feed,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .loading_feed {
    background-image: url("/images/main_new/loading.gif");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 541px;
    margin: 0;
    text-indent: -9999px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .loading_feed,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .loading_feed,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .loading_feed,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .loading_feed,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .scroll_area .loading_feed,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .scroll_area .loading_feed {
    background-image: url("/images/main_new/loading_dark.gif")
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .loading_list,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .loading_list,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .loading_list {
    background-image: url("/images/main_new/loading.gif");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 70px;
    margin: 0;
    text-indent: -9999px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .loading_list,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .loading_list,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .loading_list,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .loading_list,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .scroll_area .loading_list,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .scroll_area .loading_list {
    background-image: url("/images/main_new/loading_dark.gif")
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .scrollbar-container {
    position: absolute;
    background: none;
    z-index: 9999;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.horizontal,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.horizontal,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .scrollbar-container.horizontal {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.horizontal .scrollbar,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.horizontal .scrollbar,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .scrollbar-container.horizontal .scrollbar {
    background: #bbb;
    width: 20px;
    height: 8px;
    margin-top: 1px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.vertical,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.vertical,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .scrollbar-container.vertical {
    top: 5px;
    right: 5px;
    width: 5px;
    height: 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.vertical .scrollbar,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.vertical .scrollbar,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .scrollbar-container.vertical .scrollbar {
    background: #bbb;
    width: 5px;
    height: 20px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container:hover .scrollbar,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container:hover .scrollbar,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .scrollbar-container:hover .scrollbar {
    background: #afafaf
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.active .scrollbar,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .scrollbar-container.active .scrollbar,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .scrollbar-container.active .scrollbar {
    background: #afafaf
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scroll_area .feed_list,#serviceHeader .serviceUtil .noticeArea .feed_layer .scroll_area .feed_list,#bs-wrap .bs-util #logArea .feed_layer .scroll_area .feed_list {
    margin-bottom: -10px;
    padding-right: 27px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list,#bs-wrap .bs-util #logArea .feed_layer .feed_list {
    padding: 10px 32px 0 32px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li,#bs-wrap .bs-util #logArea .feed_layer .feed_list li {
    display: flex;
    position: relative;
    background: transparent;
    margin-bottom: 10px;
    border-radius: 8px;
    transition: all .2s
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li:last-child,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li:last-child,#bs-wrap .bs-util #logArea .feed_layer .feed_list li:last-child {
    margin-bottom: 0
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li:hover,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li:hover,#bs-wrap .bs-util #logArea .feed_layer .feed_list li:hover {
    background: #F1F2F4 !important
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li:hover,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li:hover,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li:hover,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li:hover,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_list li:hover,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_list li:hover {
    background: #3B3D45 !important
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li:hover .new_window,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li:hover .new_window,#bs-wrap .bs-util #logArea .feed_layer .feed_list li:hover .new_window {
    opacity: 1;
    visibility: visible
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li:hover .btn_delete,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li:hover .btn_delete,#bs-wrap .bs-util #logArea .feed_layer .feed_list li:hover .btn_delete {
    opacity: 1;
    visibility: visible
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li.unlead,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li.unlead,#bs-wrap .bs-util #logArea .feed_layer .feed_list li.unlead {
    background-color: rgba(1,130,255,0.05)
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li.photo .link,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li.photo .link,#bs-wrap .bs-util #logArea .feed_layer .feed_list li.photo .link {
    padding-right: 120px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile {
    display: block;
    position: absolute;
    top: 12px;
    left: 12px;
    width: 42px;
    height: 42px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile img,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile img,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile img {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(117,123,138,0.1);
    border-radius: 50%;
    object-fit: cover
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf],#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf],#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 18px;
    height: 18px;
    font: 0/0 a
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_live,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_live,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_live {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3cpath fill='%23FCFCFD' d='M11.679 10.476v-3.6h2.491v.69h-1.646v.761h1.517v.692h-1.517v.765h1.651v.692H11.68ZM8.68 6.875l.82 2.656h.03l.821-2.656h.945l-1.218 3.6H8.954l-1.224-3.6h.95ZM7.352 6.875v3.6h-.845v-3.6h.845ZM3.707 10.476v-3.6h.846v2.908h1.511v.692H3.707Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_vod,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_vod,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_vod {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3crect width='8.3' height='6.3' x='4.85' y='5.85' stroke='%23FCFCFD' stroke-width='.7' rx='1.15'/%3e%3cpath fill='%23FCFCFD' d='M10.088 8.683a.4.4 0 0 1 0 .634l-1.194.92a.4.4 0 0 1-.644-.318V8.081a.4.4 0 0 1 .644-.317l1.194.919Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_bj_post,#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_strm_post,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_bj_post,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_strm_post,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_bj_post,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_strm_post {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-width='.7' d='M8.5 12.5H7a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M11.49 13.225a.25.25 0 0 1-.177.073h-.963a.25.25 0 0 1-.25-.25v-.963a.25.25 0 0 1 .073-.177l3.332-3.331a.25.25 0 0 1 .353 0l.963.963a.25.25 0 0 1 0 .353l-3.331 3.332ZM12.778 9.303l1.316 1.316'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-width='.7' d='M7.75 7h2.5M7.75 8.5h2.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_bj_msg,#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_strm_msg,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_bj_msg,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_strm_msg,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_bj_msg,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_strm_msg {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3crect width='2.879' height='5.657' x='7.56' y='4.286' fill='%23FCFCFD' rx='1.44'/%3e%3crect width='1.2' height='2.357' x='8.4' y='11.572' fill='%23FCFCFD' rx='.6'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-width='.7' d='M12.178 8.545c0 1.68-1.423 3.043-3.178 3.043s-3.178-1.362-3.178-3.043'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_bj_text,#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_strm_text,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_bj_text,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_strm_text,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_bj_text,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_strm_text {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23F60' rx='9'/%3e%3cpath fill='%23FCFCFD' d='M10.223 11.152v-.42a.42.42 0 0 0-.373.226l.373.194ZM9 13.5l-.379.181a.42.42 0 0 0 .752.013L9 13.5Zm-1.125-2.348.379-.181a.42.42 0 0 0-.379-.239v.42ZM6.601 6.18a.42.42 0 1 0 0 .84v-.84Zm4.2.84a.42.42 0 0 0 0-.84v.84ZM6.6 8.58a.42.42 0 1 0 0 .84v-.84Zm2.4.84a.42.42 0 1 0 0-.84v.84Zm.85 1.538-1.224 2.348.745.388 1.223-2.348-.745-.388Zm-.472 2.36-1.125-2.347-.758.363 1.125 2.348.758-.364Zm-1.504-2.586h-2.25v.84h2.25v-.84Zm-2.955-.705V5.625h-.84v4.402h.84Zm.705-5.107h6.75v-.84h-6.75v.84Zm7.455.705v4.402h.84V5.625h-.84Zm-.705 5.107h-2.152v.84h2.152v-.84Zm.705-.705c0 .39-.316.705-.705.705v.84c.853 0 1.545-.691 1.545-1.545h-.84Zm-.705-5.107c.39 0 .705.316.705.705h.84c0-.853-.692-1.545-1.545-1.545v.84Zm-7.455.705c0-.39.316-.705.705-.705v-.84c-.853 0-1.545.692-1.545 1.545h.84Zm.705 5.107a.705.705 0 0 1-.705-.705h-.84c0 .854.692 1.545 1.545 1.545v-.84Zm.976-3.712h4.2v-.84H6.6v.84Zm0 2.4H9v-.84H6.6v.84Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_sticker,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_sticker,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_sticker {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23FF008A' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.84' d='M5.17 6.55c0-.762.618-1.38 1.38-1.38h4.9c.762 0 1.38.618 1.38 1.38v3.1a3.18 3.18 0 0 1-3.18 3.18h-3.1a1.38 1.38 0 0 1-1.38-1.38v-4.9Z'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.84' d='M12.5 9.437h-1.2a1.8 1.8 0 0 0-1.8 1.8v1.2'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_balloon,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_balloon,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_balloon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23FF008A' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.84' d='M5.07 8.35a3.93 3.93 0 1 1 7.86 0 3.93 3.93 0 0 1-7.86 0Z'/%3e%3cpath fill='%23fff' fill-rule='evenodd' stroke='%23fff' stroke-linejoin='round' stroke-width='.36' d='M10.079 8.595a.123.123 0 0 0-.036.11l.19 1.093a.126.126 0 0 1-.184.131l-.99-.515a.128.128 0 0 0-.118 0l-.99.515a.126.126 0 0 1-.183-.131l.189-1.092a.123.123 0 0 0-.036-.11l-.802-.774a.124.124 0 0 1 .07-.213l1.108-.16a.126.126 0 0 0 .095-.067l.495-.994a.127.127 0 0 1 .226 0l.495.994a.126.126 0 0 0 .095.068l1.108.159c.104.015.145.14.07.213l-.802.773Z' clip-rule='evenodd'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.84' d='M9.148 12.5c0 .71.336 1.064.504 1.152'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_ad,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_ad,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_ad {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23FF008A' rx='9'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M8.679 9.504 7.903 7.37a.267.267 0 0 0-.502 0l-.776 2.134M9.578 9.504v-2.31h.77c.513 0 1.027.385 1.027 1.155s-.514 1.155-1.027 1.155h-.77ZM6.882 8.854h1.54'/%3e%3cpath stroke='%23FCFCFD' stroke-width='.7' d='M5 8.35a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z'/%3e%3cpath stroke='%23FCFCFD' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M9.148 12.5c0 .71.336 1.064.504 1.152'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_subscribe,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_subscribe,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_subscribe {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%23FF008A' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.84' d='M12.89 10.448c1.44 0 1.76-1.058 1.76-1.9 0-.842-.368-1.9-1.76-1.9'/%3e%3cpath stroke='%23fff' stroke-linejoin='round' stroke-width='.84' d='M5.35 6.644a1.8 1.8 0 0 1 1.8-1.8h3.902a1.8 1.8 0 0 1 1.8 1.8v2.77a3.75 3.75 0 1 1-7.501 0v-2.77Z'/%3e%3cpath fill='%23fff' fill-rule='evenodd' stroke='%23fff' stroke-linejoin='round' stroke-width='.36' d='M10.18 9.17a.123.123 0 0 0-.036.111l.19 1.092a.126.126 0 0 1-.184.132l-.99-.516a.128.128 0 0 0-.118 0l-.99.516a.126.126 0 0 1-.183-.132l.189-1.092a.123.123 0 0 0-.036-.11l-.802-.773a.124.124 0 0 1 .07-.213l1.108-.16a.126.126 0 0 0 .094-.068l.496-.993a.127.127 0 0 1 .226 0l.495.993a.126.126 0 0 0 .095.068l1.108.16c.103.015.144.14.07.213l-.802.773Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_message,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_message,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_message {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%230182FF' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.7' d='M11.727 9.588V5.399a.75.75 0 0 0-.75-.75H7.023a.75.75 0 0 0-.75.75v4.437'/%3e%3cpath stroke='%23fff' stroke-width='.7' d='m11.504 4.877-6.047 5.82a.75.75 0 0 0-.01 1.07l1.408 1.41a.75.75 0 0 0 1.06 0l3.868-3.868'/%3e%3cpath stroke='%23fff' stroke-width='.7' d='m6.546 4.877 5.931 5.492a1 1 0 0 1 .028 1.441l-1.26 1.26a.75.75 0 0 1-1.01.046l-.905-.753-.136-.11'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_text,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_text,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_text {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%230182FF' rx='9'/%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M13.085 9.59a.35.35 0 1 0-.49.5l.408.4H12.4a1.71 1.71 0 0 0-1.71 1.71.35.35 0 1 0 .7 0c0-.557.452-1.01 1.01-1.01h.778l-.589.606a.35.35 0 0 0 .502.488l1.095-1.126a.35.35 0 0 0-.006-.494L13.085 9.59Z' clip-rule='evenodd'/%3e%3cpath fill='%23fff' d='M8.6 11.037v-.35a.35.35 0 0 0-.253.108l.253.242ZM7.071 12.64h-.35a.35.35 0 0 0 .604.242l-.254-.242Zm0-1.603h.35a.35.35 0 0 0-.35-.35v.35Zm.21-4.107a.35.35 0 0 0 0 .7v-.7Zm3.36.7a.35.35 0 1 0 0-.7v.7ZM7.28 8.85a.35.35 0 0 0 0 .7v-.7Zm1.92.7a.35.35 0 1 0 0-.7v.7ZM12.69 8a.35.35 0 1 0 .7 0h-.7ZM9.2 11.387a.35.35 0 1 0 0-.7v.7Zm-.854-.592L6.818 12.4l.507.483 1.528-1.604-.506-.483ZM7.42 12.64v-1.603h-.7v1.603h.7Zm-.35-1.953h-.75v.7h.75v-.7Zm-1.36-.61V6.32h-.7v3.757h.7Zm.61-4.367h5.76v-.7H6.32v.7Zm5.76 0a.61.61 0 0 1 .61.61h.7a1.31 1.31 0 0 0-1.31-1.31v.7Zm-6.37.61a.61.61 0 0 1 .61-.61v-.7a1.31 1.31 0 0 0-1.31 1.31h.7Zm.61 4.367a.61.61 0 0 1-.61-.61h-.7c0 .723.586 1.31 1.31 1.31v-.7Zm.96-3.057h3.36v-.7H7.28v.7Zm0 1.92H9.2v-.7H7.28v.7Zm5.41-3.23V8h.7V6.32h-.7ZM9.2 10.687H8.6v.7h.6v-.7Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_up,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_up,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_up {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%230182FF' rx='9'/%3e%3cpath stroke='%23fff' stroke-width='.7' d='M7.22 11.908V7.75l1.169-2.768a1 1 0 0 1 1.028-.605l.022.002a1 1 0 0 1 .893.994v1.333c0 .138.112.25.25.25h1.976a.9.9 0 0 1 .882 1.078l-.697 3.443a1.5 1.5 0 0 1-1.47 1.202H8.78c-.089 0-.178-.012-.263-.035l-.93-.254a.5.5 0 0 1-.368-.482ZM5.138 8.75a1 1 0 0 1 1-1h.58a.5.5 0 0 1 .5.5v3.48a.5.5 0 0 1-.5.5h-.58a1 1 0 0 1-1-1V8.75Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_mytext,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_mytext,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_mytext {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%2301B47F' rx='9'/%3e%3cpath fill='%23fff' d='M10.223 11.152v-.42a.42.42 0 0 0-.373.226l.373.194ZM9 13.5l-.379.181a.42.42 0 0 0 .752.013L9 13.5Zm-1.125-2.348.379-.181a.42.42 0 0 0-.379-.239v.42ZM6.601 6.18a.42.42 0 1 0 0 .84v-.84Zm4.2.84a.42.42 0 0 0 0-.84v.84ZM6.6 8.58a.42.42 0 1 0 0 .84v-.84Zm2.4.84a.42.42 0 1 0 0-.84v.84Zm.85 1.538-1.224 2.348.745.388 1.223-2.348-.745-.388Zm-.472 2.36-1.125-2.347-.758.363 1.125 2.348.758-.364Zm-1.504-2.586h-2.25v.84h2.25v-.84Zm-2.955-.705V5.625h-.84v4.402h.84Zm.705-5.107h6.75v-.84h-6.75v.84Zm7.455.705v4.402h.84V5.625h-.84Zm-.705 5.107h-2.152v.84h2.152v-.84Zm.705-.705c0 .39-.316.705-.705.705v.84c.853 0 1.545-.691 1.545-1.545h-.84Zm-.705-5.107c.39 0 .705.316.705.705h.84c0-.853-.692-1.545-1.545-1.545v.84Zm-7.455.705c0-.39.316-.705.705-.705v-.84c-.853 0-1.545.692-1.545 1.545h.84Zm.705 5.107a.705.705 0 0 1-.705-.705h-.84c0 .854.692 1.545 1.545 1.545v-.84Zm.976-3.712h4.2v-.84H6.6v.84Zm0 2.4H9v-.84H6.6v.84Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_mypost,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_mypost,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_mypost {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%2301B47F' rx='9'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-width='.7' d='M8.5 12.5H7a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.7' d='M11.49 13.225a.25.25 0 0 1-.177.073h-.963a.25.25 0 0 1-.25-.25v-.963a.25.25 0 0 1 .073-.177l3.332-3.33a.25.25 0 0 1 .353 0l.963.962a.25.25 0 0 1 0 .353l-3.331 3.332ZM12.778 9.303l1.316 1.316'/%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-width='.7' d='M7.75 7h2.5M7.75 8.5h2.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_myvod,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .profile [class^=icf].icf_myvod,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .profile [class^=icf].icf_myvod {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3e%3crect width='18' height='18' fill='%2301B47F' rx='9'/%3e%3crect width='9.486' height='7.2' x='4.4' y='5.4' stroke='%23fff' stroke-width='.8' rx='1.314'/%3e%3cpath fill='%23fff' d='M10.387 8.638a.457.457 0 0 1 0 .724l-1.365 1.05a.457.457 0 0 1-.736-.361V7.949c0-.38.435-.593.736-.362l1.365 1.05Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .link {
    display: block;
    overflow: hidden;
    min-height: 85px;
    padding: 12px 34px 12px 61px;
    color: inherit !important;
    box-sizing: border-box;
    text-decoration: none !important
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .txt {
    display: -webkit-box;
    overflow: hidden;
    max-height: fit-content;
    color: #525661;
    font-size: 14px;
    line-height: 1.4 !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .txt,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .txt {
    color: #D5D7DC
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt .nickname,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt .nickname,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .txt .nickname {
    padding: 0;
    color: #17191C;
    font-size: 14px;
    font-weight: normal
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt .nickname,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt .nickname,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt .nickname,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .txt .nickname,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .txt .nickname,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .txt .nickname {
    color: #E2E4E9
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .date,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .date,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .date {
    display: block;
    overflow: hidden;
    padding-top: 4px;
    color: #ACB0B9;
    font-size: 12px;
    text-overflow: ellipsis
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .date,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .date,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .date,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .date,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .date,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .date {
    color: #757B8A
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .date em,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .date em,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .date em {
    margin: 0 5px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .photo,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .photo,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .photo {
    position: absolute;
    top: 12px;
    right: 34px;
    overflow: hidden;
    width: 80px;
    height: 45px;
    margin-left: 6px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .link .photo img,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .link .photo img,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .link .photo img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    min-height: 45px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .btn_delete,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .btn_delete,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .btn_delete {
    position: absolute;
    top: 12px;
    right: 12px;
    overflow: hidden;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%23ACB0B9' d='M12.296 4.89a.5.5 0 0 0-.708-.708l.708.707Zm-8.592 7.176a.5.5 0 0 0 .707.707l-.707-.707Zm7.884.707a.5.5 0 1 0 .708-.707l-.708.707Zm-7.177-8.59a.5.5 0 0 0-.707.706l.707-.707Zm7.177 0-7.884 7.883.707.707 7.885-7.884-.708-.707Zm.708 7.883L4.41 4.182l-.707.707 7.884 7.884.708-.707Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    font: 0/0 a;
    opacity: 0;
    visibility: hidden
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .btn_delete:hover,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .btn_delete:hover,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .btn_delete:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%230182FF' d='M12.296 4.89a.5.5 0 0 0-.708-.708l.708.707Zm-8.592 7.176a.5.5 0 0 0 .707.707l-.707-.707Zm7.884.707a.5.5 0 1 0 .708-.707l-.708.707Zm-7.177-8.59a.5.5 0 0 0-.707.706l.707-.707Zm7.177 0-7.884 7.883.707.707 7.885-7.884-.708-.707Zm.708 7.883L4.41 4.182l-.707.707 7.884 7.884.708-.707Z'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .new_window,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .new_window,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .new_window {
    position: absolute;
    bottom: 12px;
    right: 13px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%23ACB0B9' d='M6.162 2.833a.5.5 0 1 0 0-1v1Zm5.422 4.422a.5.5 0 0 0-1 0h1ZM8.349 1.834a.5.5 0 1 0 0 1v-1Zm2.735.5h.5a.5.5 0 0 0-.5-.5v.5Zm-.5 2.46a.5.5 0 0 0 1 0h-1ZM6.08 6.628a.5.5 0 1 0 .707.707l-.707-.707ZM1.833 3.974v5.469h1V3.974h-1Zm2.141 7.61h5.469v-1H3.974v1Zm2.188-9.75H3.974v1h2.188v-1Zm5.422 7.609V7.255h-1v2.188h1Zm-2.141 2.14a2.14 2.14 0 0 0 2.14-2.14h-1c0 .63-.51 1.14-1.14 1.14v1Zm-7.61-2.14a2.14 2.14 0 0 0 2.141 2.14v-1c-.63 0-1.14-.51-1.14-1.14h-1Zm1-5.469c0-.63.511-1.14 1.141-1.14v-1a2.14 2.14 0 0 0-2.14 2.14h1Zm5.516-1.14h2.735v-1H8.349v1Zm2.235-.5v2.46h1v-2.46h-1Zm.146-.354L6.081 6.628l.707.707 4.649-4.648-.707-.707Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 14px;
    height: 14px;
    font: 0/0 a;
    opacity: 0;
    visibility: hidden
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .new_window:hover,#serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .new_window:hover,#bs-wrap .bs-util #logArea .feed_layer .feed_list li .new_window:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%230182FF' d='M6.162 2.833a.5.5 0 1 0 0-1v1Zm5.422 4.422a.5.5 0 0 0-1 0h1ZM8.349 1.834a.5.5 0 1 0 0 1v-1Zm2.735.5h.5a.5.5 0 0 0-.5-.5v.5Zm-.5 2.46a.5.5 0 0 0 1 0h-1ZM6.08 6.628a.5.5 0 1 0 .707.707l-.707-.707ZM1.833 3.974v5.469h1V3.974h-1Zm2.141 7.61h5.469v-1H3.974v1Zm2.188-9.75H3.974v1h2.188v-1Zm5.422 7.609V7.255h-1v2.188h1Zm-2.141 2.14a2.14 2.14 0 0 0 2.14-2.14h-1c0 .63-.51 1.14-1.14 1.14v1Zm-7.61-2.14a2.14 2.14 0 0 0 2.141 2.14v-1c-.63 0-1.14-.51-1.14-1.14h-1Zm1-5.469c0-.63.511-1.14 1.141-1.14v-1a2.14 2.14 0 0 0-2.14 2.14h1Zm5.516-1.14h2.735v-1H8.349v1Zm2.235-.5v2.46h1v-2.46h-1Zm.146-.354L6.081 6.628l.707.707 4.649-4.648-.707-.707Z'/%3e%3c/svg%3e")
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .delete,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .delete,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .delete,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .delete,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_list li .delete,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_list li .delete {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%239196A1' d='M12.296 4.89a.5.5 0 0 0-.708-.708l.708.707Zm-8.592 7.176a.5.5 0 0 0 .707.707l-.707-.707Zm7.884.707a.5.5 0 1 0 .708-.707l-.708.707Zm-7.177-8.59a.5.5 0 0 0-.707.706l.707-.707Zm7.177 0-7.884 7.883.707.707 7.885-7.884-.708-.707Zm.708 7.883L4.41 4.182l-.707.707 7.884 7.884.708-.707Z'/%3e%3c/svg%3e")
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .delete:hover,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .delete:hover,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .delete:hover,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .delete:hover,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_list li .delete:hover,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_list li .delete:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='%230182FF' d='M12.296 4.89a.5.5 0 0 0-.708-.708l.708.707Zm-8.592 7.176a.5.5 0 0 0 .707.707l-.707-.707Zm7.884.707a.5.5 0 1 0 .708-.707l-.708.707Zm-7.177-8.59a.5.5 0 0 0-.707.706l.707-.707Zm7.177 0-7.884 7.883.707.707 7.885-7.884-.708-.707Zm.708 7.883L4.41 4.182l-.707.707 7.884 7.884.708-.707Z'/%3e%3c/svg%3e")
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .new_view,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .new_view,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .new_view,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .new_view,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_list li .new_view,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_list li .new_view {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%239196A1' d='M6.162 2.833a.5.5 0 1 0 0-1v1Zm5.422 4.422a.5.5 0 0 0-1 0h1ZM8.349 1.834a.5.5 0 1 0 0 1v-1Zm2.735.5h.5a.5.5 0 0 0-.5-.5v.5Zm-.5 2.46a.5.5 0 0 0 1 0h-1ZM6.08 6.628a.5.5 0 1 0 .707.707l-.707-.707ZM1.833 3.974v5.469h1V3.974h-1Zm2.141 7.61h5.469v-1H3.974v1Zm2.188-9.75H3.974v1h2.188v-1Zm5.422 7.609V7.255h-1v2.188h1Zm-2.141 2.14a2.14 2.14 0 0 0 2.14-2.14h-1c0 .63-.51 1.14-1.14 1.14v1Zm-7.61-2.14a2.14 2.14 0 0 0 2.141 2.14v-1c-.63 0-1.14-.51-1.14-1.14h-1Zm1-5.469c0-.63.511-1.14 1.141-1.14v-1a2.14 2.14 0 0 0-2.14 2.14h1Zm5.516-1.14h2.735v-1H8.349v1Zm2.235-.5v2.46h1v-2.46h-1Zm.146-.354L6.081 6.628l.707.707 4.649-4.648-.707-.707Z'/%3e%3c/svg%3e")
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .new_view:hover,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feed_list li .new_view:hover,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .new_view:hover,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feed_list li .new_view:hover,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feed_list li .new_view:hover,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feed_list li .new_view:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%230182FF' d='M6.162 2.833a.5.5 0 1 0 0-1v1Zm5.422 4.422a.5.5 0 0 0-1 0h1ZM8.349 1.834a.5.5 0 1 0 0 1v-1Zm2.735.5h.5a.5.5 0 0 0-.5-.5v.5Zm-.5 2.46a.5.5 0 0 0 1 0h-1ZM6.08 6.628a.5.5 0 1 0 .707.707l-.707-.707ZM1.833 3.974v5.469h1V3.974h-1Zm2.141 7.61h5.469v-1H3.974v1Zm2.188-9.75H3.974v1h2.188v-1Zm5.422 7.609V7.255h-1v2.188h1Zm-2.141 2.14a2.14 2.14 0 0 0 2.14-2.14h-1c0 .63-.51 1.14-1.14 1.14v1Zm-7.61-2.14a2.14 2.14 0 0 0 2.141 2.14v-1c-.63 0-1.14-.51-1.14-1.14h-1Zm1-5.469c0-.63.511-1.14 1.141-1.14v-1a2.14 2.14 0 0 0-2.14 2.14h1Zm5.516-1.14h2.735v-1H8.349v1Zm2.235-.5v2.46h1v-2.46h-1Zm.146-.354L6.081 6.628l.707.707 4.649-4.648-.707-.707Z'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed,#serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed,#bs-wrap .bs-util #logArea .feed_layer .no_feed {
    text-align: center
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed::before,#serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed::before,#bs-wrap .bs-util #logArea .feed_layer .no_feed::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 50 50'%3e%3cpath fill='%23ACB0B9' d='m42.13 27.083.745-.082a.526.526 0 0 0-.002-.019l-.743.101Zm-34.26 0-.743-.1a.733.733 0 0 0-.002.017l.745.083Zm23.608 2.783.624.416-.624-.416Zm-.456.684-.624-.416.624.416Zm-12.044 0 .624-.416-.624.416Zm-.456-.684-.624.416.624-.416Zm-11.5 4.86.745.083-.746-.083Zm35.957 0 .745-.082-.745.082Zm-2.661-20.984.743-.1-.743.1Zm-30.636 0-.743-.1.743.1Zm11.151 8.425a.75.75 0 0 0 0 1.5v-1.5Zm8.334 1.5a.75.75 0 1 0 0-1.5v1.5Zm-12.5-7.75a.75.75 0 0 0 0 1.5v-1.5Zm16.666 1.5a.75.75 0 1 0 0-1.5v1.5ZM15.875 9.083h18.25v-1.5h-18.25v1.5Zm20.892 31.834H13.233v1.5h23.534v-1.5ZM17.898 30.282l.456.684 1.248-.832-.456-.684-1.248.832Zm6.28 3.801h1.644v-1.5h-1.644v1.5Zm7.468-3.117.456-.684-1.248-.832-.456.684 1.248.832Zm7.929-17.123 1.811 13.341 1.487-.202-1.812-13.34-1.486.201Zm1.81 13.323.849 7.643 1.49-.165L42.875 27l-1.49.165Zm-4.707.667h5.452v-1.5h-5.452v1.5ZM7.767 34.81l.849-7.643L7.125 27l-.85 7.644 1.492.165Zm.847-7.625 1.811-13.34-1.486-.203-1.812 13.341 1.487.202Zm4.708-.85H7.87v1.5h5.452v-1.5Zm18.78 3.948a5.5 5.5 0 0 1 4.576-2.449v-1.5a7 7 0 0 0-5.824 3.117l1.248.832Zm-6.28 3.801a7 7 0 0 0 5.824-3.117l-1.248-.832a5.5 5.5 0 0 1-4.576 2.45v1.5Zm-7.468-3.117a7 7 0 0 0 5.824 3.117v-1.5a5.5 5.5 0 0 1-4.576-2.449l-1.248.832Zm.792-1.516a7 7 0 0 0-5.824-3.117v1.5a5.5 5.5 0 0 1 4.576 2.45l1.248-.833Zm-5.913 11.467a5.5 5.5 0 0 1-5.466-6.108l-1.491-.165c-.461 4.146 2.785 7.773 6.957 7.773v-1.5Zm23.534 1.5c4.172 0 7.418-3.627 6.957-7.773l-1.49.165a5.5 5.5 0 0 1-5.467 6.108v1.5ZM34.125 9.083a5.5 5.5 0 0 1 5.45 4.76l1.486-.202a7 7 0 0 0-6.936-6.058v1.5Zm-18.25-1.5a7 7 0 0 0-6.936 6.058l1.486.202a5.5 5.5 0 0 1 5.45-4.76v-1.5Zm4.958 16.084h8.334v-1.5h-8.334v1.5Zm-4.166-6.25h16.666v-1.5H16.667v1.5Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
    margin: 50px auto 0
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed::before,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed::before,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed::before,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed::before,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .no_feed::before,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .no_feed::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 50 50'%3e%3cpath fill='%239196A1' d='m42.13 27.083.745-.082a.526.526 0 0 0-.002-.019l-.743.101Zm-34.26 0-.743-.1a.733.733 0 0 0-.002.017l.745.083Zm23.608 2.783.624.416-.624-.416Zm-.456.684-.624-.416.624.416Zm-12.044 0 .624-.416-.624.416Zm-.456-.684-.624.416.624-.416Zm-11.5 4.86.745.083-.746-.083Zm35.957 0 .745-.082-.745.082Zm-2.661-20.984.743-.1-.743.1Zm-30.636 0-.743-.1.743.1Zm11.151 8.425a.75.75 0 0 0 0 1.5v-1.5Zm8.334 1.5a.75.75 0 1 0 0-1.5v1.5Zm-12.5-7.75a.75.75 0 0 0 0 1.5v-1.5Zm16.666 1.5a.75.75 0 1 0 0-1.5v1.5ZM15.875 9.083h18.25v-1.5h-18.25v1.5Zm20.892 31.834H13.233v1.5h23.534v-1.5ZM17.898 30.282l.456.684 1.248-.832-.456-.684-1.248.832Zm6.28 3.801h1.644v-1.5h-1.644v1.5Zm7.468-3.117.456-.684-1.248-.832-.456.684 1.248.832Zm7.929-17.123 1.811 13.341 1.487-.202-1.812-13.34-1.486.201Zm1.81 13.323.849 7.643 1.49-.165L42.875 27l-1.49.165Zm-4.707.667h5.452v-1.5h-5.452v1.5ZM7.767 34.81l.849-7.643L7.125 27l-.85 7.644 1.492.165Zm.847-7.625 1.811-13.34-1.486-.203-1.812 13.341 1.487.202Zm4.708-.85H7.87v1.5h5.452v-1.5Zm18.78 3.948a5.5 5.5 0 0 1 4.576-2.449v-1.5a7 7 0 0 0-5.824 3.117l1.248.832Zm-6.28 3.801a7 7 0 0 0 5.824-3.117l-1.248-.832a5.5 5.5 0 0 1-4.576 2.45v1.5Zm-7.468-3.117a7 7 0 0 0 5.824 3.117v-1.5a5.5 5.5 0 0 1-4.576-2.449l-1.248.832Zm.792-1.516a7 7 0 0 0-5.824-3.117v1.5a5.5 5.5 0 0 1 4.576 2.45l1.248-.833Zm-5.913 11.467a5.5 5.5 0 0 1-5.466-6.108l-1.491-.165c-.461 4.146 2.785 7.773 6.957 7.773v-1.5Zm23.534 1.5c4.172 0 7.418-3.627 6.957-7.773l-1.49.165a5.5 5.5 0 0 1-5.467 6.108v1.5ZM34.125 9.083a5.5 5.5 0 0 1 5.45 4.76l1.486-.202a7 7 0 0 0-6.936-6.058v1.5Zm-18.25-1.5a7 7 0 0 0-6.936 6.058l1.486.202a5.5 5.5 0 0 1 5.45-4.76v-1.5Zm4.958 16.084h8.334v-1.5h-8.334v1.5Zm-4.166-6.25h16.666v-1.5H16.667v1.5Z'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed p,#serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed p,#bs-wrap .bs-util #logArea .feed_layer .no_feed p {
    color: #757B8A;
    font-size: 14px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed p,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed p,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed p,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed p,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .no_feed p,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .no_feed p {
    color: #9196A1
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed p em,#serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed p em,#bs-wrap .bs-util #logArea .feed_layer .no_feed p em {
    display: block;
    padding: 6px 0;
    color: #525661;
    font-size: 15px;
    font-weight: 600;
    font-style: normal
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed p em,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed p em,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed p em,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed p em,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .no_feed p em,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .no_feed p em {
    color: #D5D7DC
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed p a,#serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed p a,#bs-wrap .bs-util #logArea .feed_layer .no_feed p a {
    color: #757B8A;
    font-size: 14px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed p a,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .no_feed p a,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed p a,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .no_feed p a,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .no_feed p a,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .no_feed p a {
    color: #9196A1
}

@media screen and (max-height: 670px) {
    #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin,#bs-wrap .bs-util #logArea .feed_layer .serviceLogin {
        height:calc(100vh - 146px)
    }

    #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin>.inner,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin>.inner,#bs-wrap .bs-util #logArea .feed_layer .serviceLogin>.inner {
        overflow: auto;
        height: 100% !important
    }

    #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin>.inner::-webkit-scrollbar-thumb,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin>.inner::-webkit-scrollbar-thumb,#bs-wrap .bs-util #logArea .feed_layer .serviceLogin>.inner::-webkit-scrollbar-thumb {
        background: transparent
    }

    #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer #feedList .feed_btn+.scroll_area,#serviceHeader .serviceUtil .noticeArea .feed_layer #feedList .feed_btn+.scroll_area,#bs-wrap .bs-util #logArea .feed_layer #feedList .feed_btn+.scroll_area {
        height: calc(100vh - 200px) !important
    }

    #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer #feedList .scroll_area,#serviceHeader .serviceUtil .noticeArea .feed_layer #feedList .scroll_area,#bs-wrap .bs-util #logArea .feed_layer #feedList .scroll_area {
        height: calc(100vh - 156px) !important
    }

    #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area,#bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area {
        height: calc(100vh - 166px) !important;
        padding: 0 !important
    }

    #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area>ul,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area>ul,#bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area>ul {
        padding: 0 32px
    }
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer,#serviceHeader .serviceUtil .noticeArea .feed_layer,#bs-wrap .bs-util #logArea .feed_layer {
    position: absolute;
    top: 50px;
    left: 50%;
    background: #fff;
    width: 404px;
    margin-left: -295px;
    padding: 32px 0 0;
    border: 1px solid transparent;
    border-color: rgba(117,123,138,0.2);
    border-radius: 12px;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15);
    z-index: 3002
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer {
    background: #1C1E22
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer {
    border-color: rgba(117,123,138,0.3)
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .arrw,#serviceHeader .serviceUtil .noticeArea .feed_layer .arrw,#bs-wrap .bs-util #logArea .feed_layer .arrw {
    display: none
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer button,#serviceHeader .serviceUtil .noticeArea .feed_layer button,#bs-wrap .bs-util #logArea .feed_layer button {
    border: 0;
    cursor: pointer
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: 100%;
    height: 40px;
    padding: 0 32px;
    box-sizing: border-box
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab:after,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab:after,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    background: rgba(117,123,138,0.2);
    width: calc(100% - 64px);
    height: 1px;
    transform: translateX(-50%)
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab:after,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab:after,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab:after,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab:after,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab:after,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab:after {
    background: rgba(117,123,138,0.3)
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab h2 {
    margin-left: 12px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2:first-of-type,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2:first-of-type,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab h2:first-of-type {
    margin-left: 0
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2 button,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2 button,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab h2 button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 40px;
    padding: 0 24px;
    border-bottom: 2px solid transparent;
    font-weight: 400;
    text-align: center
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2 button span,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2 button span,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab h2 button span {
    position: relative;
    color: #525661;
    font-size: 16px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2 button span,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2 button span,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2 button span,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab h2 button span,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab h2 button span,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab h2 button span {
    color: #D5D7DC
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem h2,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem h2,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem h2 {
    padding: 0;
    color: inherit;
    font-size: inherit;
    letter-spacing: normal;
    font-family: inherit
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem h2 span,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem h2 span,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem h2 span {
    display: block;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    border-left: 0
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem.on h2 button,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem.on h2 button,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem.on h2 button {
    border-color: #0182FF;
    font-weight: 600
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem.on h2 button span,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem.on h2 button span,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem.on h2 button span {
    color: #0182FF
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem.on>button,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem.on>button,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem.on>button {
    display: block !important
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem.new span:after,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem.new span:after,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem.new span:after {
    content: "";
    position: absolute;
    top: -1px;
    right: -8px;
    background: #FF0051;
    width: 4px;
    height: 4px;
    border-radius: 50%
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem>button,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem>button,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem>button {
    display: none
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_admin {
    position: absolute;
    top: -1px;
    right: 32px;
    width: 24px;
    height: 24px;
    font: 0/0 a
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 24px;
    height: 24px;
    margin: auto;
    font: 0/0 a
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.278 4.105c.438-1.805 3.006-1.805 3.444 0A1.772 1.772 0 0 0 16.365 5.2c1.587-.967 3.402.848 2.435 2.435a1.772 1.772 0 0 0 1.095 2.643c1.805.438 1.805 3.005 0 3.444a1.772 1.772 0 0 0-1.095 2.643c.967 1.587-.848 3.402-2.435 2.435a1.772 1.772 0 0 0-2.643 1.095c-.438 1.805-3.005 1.805-3.444 0A1.772 1.772 0 0 0 7.635 18.8c-1.587.967-3.402-.848-2.435-2.435a1.772 1.772 0 0 0-1.095-2.643c-1.805-.438-1.805-3.005 0-3.444A1.772 1.772 0 0 0 5.2 7.635c-.967-1.587.848-3.402 2.435-2.435a1.772 1.772 0 0 0 2.643-1.095Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.083 12a3.083 3.083 0 1 1-6.166 0 3.083 3.083 0 0 1 6.166 0Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_admin:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10.278 4.105c.438-1.805 3.006-1.805 3.444 0A1.772 1.772 0 0 0 16.365 5.2c1.587-.967 3.402.848 2.435 2.435a1.772 1.772 0 0 0 1.095 2.643c1.805.438 1.805 3.005 0 3.444a1.772 1.772 0 0 0-1.095 2.643c.967 1.587-.848 3.402-2.435 2.435a1.772 1.772 0 0 0-2.643 1.095c-.438 1.805-3.005 1.805-3.444 0A1.772 1.772 0 0 0 7.635 18.8c-1.587.967-3.402-.848-2.435-2.435a1.772 1.772 0 0 0-1.095-2.643c-1.805-.438-1.805-3.005 0-3.444A1.772 1.772 0 0 0 5.2 7.635c-.967-1.587.848-3.402 2.435-2.435a1.772 1.772 0 0 0 2.643-1.095Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.083 12a3.083 3.083 0 1 1-6.166 0 3.083 3.083 0 0 1 6.166 0Z'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%230182FF' stroke-linecap='round' stroke-linejoin='round' fill='%230182FF' stroke-width='1.5' d='M10.278 4.105c.438-1.805 3.006-1.805 3.444 0A1.772 1.772 0 0 0 16.365 5.2c1.587-.967 3.402.848 2.435 2.435a1.772 1.772 0 0 0 1.095 2.643c1.805.438 1.805 3.005 0 3.444a1.772 1.772 0 0 0-1.095 2.643c.967 1.587-.848 3.402-2.435 2.435a1.772 1.772 0 0 0-2.643 1.095c-.438 1.805-3.005 1.805-3.444 0A1.772 1.772 0 0 0 7.635 18.8c-1.587.967-3.402-.848-2.435-2.435a1.772 1.772 0 0 0-1.095-2.643c-1.805-.438-1.805-3.005 0-3.444A1.772 1.772 0 0 0 5.2 7.635c-.967-1.587.848-3.402 2.435-2.435a1.772 1.772 0 0 0 2.643-1.095Z'/%3e%3cpath stroke='%230182FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' fill='%23fff' d='M15.083 12a3.083 3.083 0 1 1-6.166 0 3.083 3.083 0 0 1 6.166 0Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 5;
    opacity: 0
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_admin:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%230182FF' stroke-linecap='round' stroke-linejoin='round' fill='%230182FF' stroke-width='1.5' d='M10.278 4.105c.438-1.805 3.006-1.805 3.444 0A1.772 1.772 0 0 0 16.365 5.2c1.587-.967 3.402.848 2.435 2.435a1.772 1.772 0 0 0 1.095 2.643c1.805.438 1.805 3.005 0 3.444a1.772 1.772 0 0 0-1.095 2.643c.967 1.587-.848 3.402-2.435 2.435a1.772 1.772 0 0 0-2.643 1.095c-.438 1.805-3.005 1.805-3.444 0A1.772 1.772 0 0 0 7.635 18.8c-1.587.967-3.402-.848-2.435-2.435a1.772 1.772 0 0 0-1.095-2.643c-1.805-.438-1.805-3.005 0-3.444A1.772 1.772 0 0 0 5.2 7.635c-.967-1.587.848-3.402 2.435-2.435a1.772 1.772 0 0 0 2.643-1.095Z'/%3e%3cpath stroke='%230182FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' fill='%231C1E22' d='M15.083 12a3.083 3.083 0 1 1-6.166 0 3.083 3.083 0 0 1 6.166 0Z'/%3e%3c/svg%3e")
}

@keyframes mcSet {
    0%, 100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_more,#serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_more,#bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_more {
    position: absolute;
    top: -1px;
    right: 32px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg clip-path='url(%23a)'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m9.125 5 6.75 7-6.75 7'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M8 4h9v16H8z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    font: 0/0 a
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_more,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_more,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_more,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .feedHeaderTab .tabItem .btn_more,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_more,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .feedHeaderTab .tabItem .btn_more {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg clip-path='url(%23a)'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m9.125 5 6.75 7-6.75 7'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M8 4h9v16H8z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice,#bs-wrap .bs-util #logArea .feed_layer .serviceNotice {
    padding: 10px 0 0 0
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area,#bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area {
    height: 502px;
    padding: 0 32px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li:not(:last-child),#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li:not(:last-child),#bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li:not(:last-child) {
    margin-bottom: 4px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a,#bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a {
    display: block;
    padding: 12px;
    border-radius: 8px;
    transition: background-color .2s
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover,#bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a:hover {
    background: #F1F2F4
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a:hover,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a:hover {
    background: #3B3D45
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover p,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover p,#bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a:hover p {
    color: #17191C;
    font-weight: 500
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover p,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover p,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover p,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a:hover p,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a:hover p,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a:hover p {
    color: #E2E4E9
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a p,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a p,#bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a p {
    color: #525661;
    font-size: 14px;
    line-height: 1.4 !important
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a p,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a p,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a p,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a p,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a p,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a p {
    color: #D5D7DC
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a .date,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a .date,#bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a .date {
    display: block;
    margin-top: 4px;
    color: #ACB0B9;
    font-size: 12px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a .date,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a .date,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a .date,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceNotice .scroll_area li a .date,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a .date,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .serviceNotice .scroll_area li a .date {
    color: #757B8A
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin .inner,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin .inner,#bs-wrap .bs-util #logArea .feed_layer .serviceLogin .inner {
    display: flex;
    justify-content: center;
    width: auto;
    height: 522px;
    padding-top: 50px
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text,#bs-wrap .bs-util #logArea .feed_layer .serviceLogin .inner .text {
    text-align: center;
    color: #757B8A;
    font-size: 14px;
    line-height: 1.4 !important
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .serviceLogin .inner .text,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .serviceLogin .inner .text {
    color: #9196A1
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text em,#serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text em,#bs-wrap .bs-util #logArea .feed_layer .serviceLogin .inner .text em {
    display: block;
    padding-bottom: 12px;
    color: #0182FF;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    font-style: normal
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text em,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text em,html[dark=true] #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text em,body.thema_dark #serviceHeader .serviceUtil .noticeArea .feed_layer .serviceLogin .inner .text em,html[dark=true] #bs-wrap .bs-util #logArea .feed_layer .serviceLogin .inner .text em,body.thema_dark #bs-wrap .bs-util #logArea .feed_layer .serviceLogin .inner .text em {
    color: #44A3FF
}

#webplayer_top .top_item .serviceUtil .noticeArea .feed_layer .scrollarea-content,#serviceHeader .serviceUtil .noticeArea .feed_layer .scrollarea-content,#bs-wrap .bs-util #logArea .feed_layer .scrollarea-content {
    display: block;
    float: none;
    width: 100%
}

.btn_tgry {
    border: 1px solid #888;
    background: #f9f9f9;
    color: #575757;
    font-size: 11px;
    padding: 5px 8px;
    border-radius: 3px;
    margin-right: 4px
}

.btn_stclose {
    border: 1px solid #5f5f5f;
    background: #f3f4f4;
    font-size: 12px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 30px;
    border-radius: 2px;
    color: #383838
}

.btn_tok,.btn_tcancel {
    display: inline-block;
    zoom:1;width: 74px;
    height: 25px;
    margin-left: 5px;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    color: #525252;
    background: #fff;
    font-size: 12px;
    line-height: 25px;
    text-decoration: none;
    vertical-align: top;
    transition: all 0.2s ease-in-out
}

.btn_tok {
    margin-left: 0;
    background: #4096de;
    border-color: #3889bf;
    color: #fff
}

.btn_tok:hover {
    background: #4aa6e3
}

.btn_tcancel:hover {
    border-color: #328fde
}

.ui-pop {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    padding-bottom: 20px;
    border: 1px solid #006bfe;
    z-index: 999999
}

.ui-pop .pop-close {
    position: absolute;
    top: 5px;
    right: 7px;
    width: 20px;
    width: 20px;
    height: 20px;
    font: 0/0 a;
    padding: 0;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L11 10.293l5.646-5.647a.5.5 0 0 1 .765.638l-.057.07L11.707 11l5.647 5.646.057.07a.5.5 0 0 1-.765.638L11 11.707l-5.646 5.647a.5.5 0 0 1-.765-.638l.057-.07L10.293 11 4.646 5.354l-.057-.07a.5.5 0 0 1 .057-.638z' fill='%232c84ce'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.ui-pop .pop-title {
    height: 20px;
    margin: 0;
    padding: 9px 0 0 13px;
    border-bottom: 1px solid #006bfe;
    text-align: left;
    color: #006bfe;
    font-size: 12px;
    font-weight: bold
}

.ui-pop .pop-body {
    padding: 20px 20px 0
}

.ui-pop .pop-body.no-t {
    padding-top: 30px
}

.ui-pop .pop-btn {
    margin: 0 20px;
    padding-top: 15px;
    text-align: center;
    font: 0/0 a
}

.ui-pop .pop-btn.line {
    margin: 15px 20px 0;
    border-top: 1px solid #e4e4e4;
    height: auto
}

.ui-pop .pop-btn .btn {
    display: inline-block;
    display : inline;
    zoom:1;width: 74px;
    height: 25px;
    margin-left: 5px;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    color: #525252;
    font-size: 12px;
    line-height: 25px;
    text-decoration: none;
    vertical-align: top;
    transition: all 0.2s ease-in-out
}

.ui-pop .pop-btn button.btn {
    height: 27px
}

.ui-pop .pop-btn .btn:hover {
    border-color: #328fde
}

.ui-pop .pop-btn .btn:first-child {
    margin-left: 0
}

.ui-pop .pop-btn2 {
    margin: 30px 20px 0;
    text-align: center;
    font: 0/0 a
}

.ui-pop .pop-btn2 .btn {
    display: inline-block;
    zoom:1;width: 100px;
    padding: 0 15px;
    height: 42px;
    margin-left: 5px;
    border: 1px solid #b8b8b8;
    color: #525252;
    font-size: 16px;
    line-height: 42px;
    background-color: #fff;
    vertical-align: top;
    text-decoration: none;
    transition: all 0.2s ease-in-out
}

.ui-pop .pop-btn2 button.btn {
    height: 44px;
    width: 132px
}

.ui-pop.win {
    position: static;
    border: 0 none;
    margin: 0;
    width: auto;
    transform: translate(0, 0)
}

.ui-pop .pop-btn .btn.btn_blue {
    background: #0182FF;
    border-color: #0182FF;
    color: #fff
}

.ui-pop .pop-btn .btn.btn_blue:hover {
    background: #0377E9
}

.ui-pop .pop-btn2 .btn.btn_blue {
    background: #006bfe;
    border-color: #006bfe;
    color: #fff
}

.ui-pop .pop-btn2 .btn.btn_blue:hover {
    background: #227fff
}

.ui-pop.improve {
    padding: 30px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px
}

.ui-pop.improve.win {
    position: static;
    border: 0 none;
    margin: 0;
    width: auto;
    transform: translate(0, 0)
}

.ui-pop.improve.win .pop-close {
    display: none
}

.ui-pop.improve .pop-title {
    margin-bottom: 15px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ddd;
    color: #000;
    font-size: 16px;
    font-weight: bold
}

.ui-pop.improve .pop-body {
    padding: 0
}

.ui-pop.improve .pop-close {
    top: 16px;
    right: 16px;
    width: 12px;
    height: 12px;
    padding: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd'  fill='%23000' d='M.576.576c.234-.235.614-.235.848 0L9 8.15 16.576.576c.208-.209.531-.232.765-.07l.083.07c.235.234.235.614 0 .848L9.85 9l7.575 7.576c.209.208.232.531.07.765l-.07.083c-.234.235-.614.235-.848 0L9 9.85l-7.576 7.575c-.208.209-.531.232-.765.07l-.083-.07c-.235-.234-.235-.614 0-.848L8.15 9 .576 1.424C.367 1.216.344.893.506.66z'/%3e%3c/svg%3e") !important;
    background-size: 100% 100%;
    background-position: 50% 50% !important;
    background-repeat: no-repeat
}

.ui-pop.improve .pop-close span {
    font: 0/0 a
}

.ui-pop.improve .pop-btn {
    padding: 0;
    margin: 28px 0 0 0
}

.ui-pop.improve .pop-btn a,.ui-pop.improve .pop-btn button {
    display: inline-block;
    width: 74px;
    height: 30px;
    margin-left: 8px;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    color: #525252;
    font-size: 12px;
    line-height: 29px;
    background-color: #fff;
    text-decoration: none;
    vertical-align: top;
    transition: all 0.2s ease-in-out
}

.ui-pop.improve .pop-btn a.btn_blue,.ui-pop.improve .pop-btn button.btn_blue {
    color: #fff;
    border-color: #4279ff;
    background-color: #4279ff
}

.ui-pop.improve .pop-btn a.btn_blue:hover,.ui-pop.improve .pop-btn button.btn_blue:hover {
    background-color: #4279ff
}

.ui-pop.improve .pop-btn a.btn_blue.line,.ui-pop.improve .pop-btn button.btn_blue.line {
    background-color: #fff;
    color: #4279ff
}

.ui-pop.improve .blue {
    color: #4279ff
}

.modal_container {
    display: none
}

.modal_container .flex_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999
}

.modal_container .flex_box>div {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    transform: translate(0, 0) !important
}

.ui_modal_wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    background: rgba(0,0,0,0.4);
    z-index: 1505
}

.ui_modal_wrap .flex_box {
    display: flex;
    flex-direction: column;
    height: 100%
}

.ui_modal_wrap .flex_box .modal_contents {
    margin: auto
}

.ui-tooltip {
    position: relative;
    border: 1px solid #c7c7c7;
    border-radius: 3px
}

.ui-tooltip .tip-close {
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkI4OEQ0RTg5RUFEMTFFODg5NUZCM0Y0ODEwNDNFRUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkI4OEQ0RTk5RUFEMTFFODg5NUZCM0Y0ODEwNDNFRUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQjQ5MzNFMTlFQUQxMUU4ODk1RkIzRjQ4MTA0M0VFRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQjQ5MzNFMjlFQUQxMUU4ODk1RkIzRjQ4MTA0M0VFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtDoKI8AAAAySURBVHjaYggKCvoPBAy4MEgezsClAERjCGDjY9WJrgGnFTgVETSJoJsI+o6YcAIIMABewOCGbinpJAAAAABJRU5ErkJggg==) 5px no-repeat;
    width: 9px;
    height: 9px;
    padding: 5px;
    font: 0/0 a
}

.ui-tooltip .tip-body {
    padding: 30px
}

.ui-tooltip .tip-body.s-s {
    padding: 15px
}

.caps_Lock_wrap {
    position: relative;
    display: inline-block
}

.caps_Lock {
    display: none;
    position: absolute;
    z-index: 5;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    min-width: 166px;
    margin-top: 8px;
    padding: 12px 18px 8px;
    color: #000;
    border: 1px solid #000;
    background: #ffde5b !important;
    font-size: 12px;
    text-indent: 0 !important
}

.caps_Lock em {
    position: absolute;
    top: -6px;
    width: 9px;
    height: 6px;
    background: url("/images/common/capslock.gif") no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .caps_Lock {
        padding:10px 18px 10px
    }
}

.vod-delete_dim {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    z-index: 1000
}

.ui-pop.vod-delete {
    background: #fff;
    border-color: #ddd;
    border-radius: 1px;
    width: 432px;
    padding: 30px 35px;
    box-sizing: border-box;
    opacity: 1;
    visibility: visible;
    z-index: 999999;
    transform: translate(-50%, -50%)
}

.ui-pop.vod-delete .pop-close {
    top: 0;
    right: 0;
    background: none;
    padding: 10px
}

.ui-pop.vod-delete .pop-close span {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath fill-rule='evenodd' d='M11.254 12.001L5.978 6.725.702 12.001l-.703-.703 5.276-5.276L-.001.746.702.043l5.276 5.276 5.32-5.32.703.703-5.32 5.32 5.276 5.276-.703.703z' fill='%23222'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    width: 12px;
    height: 12px
}

.ui-pop.vod-delete .pop-body h2 {
    color: #000;
    font-size: 18px;
    text-align: center;
    line-height: 25px
}

.ui-pop.vod-delete .pop-body h2 strong {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
    white-space: nowrap
}

.ui-pop.vod-delete .pop-body h2 span {
    display: block;
    font-weight: normal
}

.ui-pop.vod-delete .pop-body textarea {
    width: 100%;
    height: 130px;
    margin-top: 18px;
    padding: 10px 15px;
    border: 1px solid #dadada;
    box-sizing: border-box;
    color: #000;
    font-size: 14px;
    line-height: 1.5;
    resize: none;
    outline: none
}

.ui-pop.vod-delete .pop-body textarea::-webkit-input-placeholder {
    color: #b3b3b3
}

.ui-pop.vod-delete .pop-body textarea:-ms-input-placeholder {
    color: #b3b3b3
}

.ui-pop.vod-delete .pop-body textarea:disabled {
    background-color: #dcdcdc;
    border-color: #d3d3d3;
    color: #777
}

.ui-pop.vod-delete .pop-body .guide_text {
    margin-top: 15px;
    color: #777;
    font-size: 14px;
    text-align: center
}

.ui-pop.vod-delete .pop-body .guide_text.error {
    color: #ff2424
}

.ui-pop.vod-delete .pop-btn {
    padding-top: 20px
}

.ui-pop.vod-delete .pop-btn .btn {
    width: auto;
    height: 20px;
    padding: 0 18px;
    border-color: #d3d4d5;
    border-radius: 2px;
    color: #000;
    font-size: 11px;
    line-height: 22px
}

.ui-pop.vod-delete .pop-btn a:hover {
    border-color: #d3d4d5
}

.ui-pop.vod-delete .pop-btn .btn_blue,.ui-pop.vod-delete .pop-btn .btn_blue:hover {
    background: #006bff;
    height: 22px;
    border-color: #006bff;
    color: #fff
}

.ui-pop.vod-delete.clip .userClipDel {
    margin: 20px 0 -8px
}

.ui-pop.vod-delete.clip .userClipDel .chk-box span {
    left: auto;
    right: 0;
    background-color: #f8fafc
}

.ui-pop.vod-delete.clip .userClipDel .chk-box label {
    padding-left: 0;
    padding-right: 25px;
    text-align: right
}

.ui-pop.vod-delete.clip .pop-btn .btn_blue {
    height: 22px
}

.ui-pop.vod-delete.clip .pop-btn .btn_blue:disabled {
    background-color: #7fb5ff;
    border-color: #7fb5ff;
    color: rgba(255,255,255,0.5)
}

.end_flashplayer {
    overflow: auto;
    overflow-x: auto;
    position: relative;
    height: 100%;
    text-align: center;
    margin-bottom: -145px
}

.end_flashplayer h1 {
    position: absolute;
    top: 30px;
    left: 30px
}

.end_flashplayer h1 a {
    display: inline-block;
    width: 145px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000' viewBox='0 0 454.15 75.91' %3e%3cstyle%3e.logo_wrap%7bclip-path:url(%23afLogo);%7d%3c/style%3e%3cclipPath id='afLogo'%3e%3cpath d='M387.14,65A108.54,108.54,0,0,1,385,43.19a100.16,100.16,0,0,1,1.33-17.07,20.93,20.93,0,0,1,.71-2.77,11.1,11.1,0,0,1,6.35-6.74A28.88,28.88,0,0,1,398.26,15a83.71,83.71,0,0,1,19.15-2.37h.45A78.06,78.06,0,0,1,436.77,15a49.58,49.58,0,0,1,5.15,1.68s5.07,2,6.42,6.67A24.76,24.76,0,0,1,449,26a114.94,114.94,0,0,1,1.36,17.21,110.06,110.06,0,0,1-2.2,21.93v0a10.05,10.05,0,0,1-7.66,7.75l-.36.07a115.36,115.36,0,0,1-22.46,2.2A115.39,115.39,0,0,1,395.26,73l-.5-.1A10,10,0,0,1,389,69.2,8.83,8.83,0,0,1,387.14,65Z' fill='none'/%3e%3c/clipPath%3e%3cg fill='%230545b1'%3e%3cpath d='M48,15.46S47.77,2.21,63,2.06H77.17c3,0,5.63,2.13,5.63,4.74s-2.58,4.8-5.63,4.8H70.59c-4.37,0-4,3.18-4,3.18V21h7.94c3.15,0,5.73,2,5.73,4.62S78,30.28,75,30.28H66.6V61.7c0,4.42-3.82,8.35-9.14,8.35S48,66.47,48,62Z'/%3e%3cpath d='M100.81,61.63c0,4.78-3.83,8.42-9.13,8.42S82.13,66.41,82.13,62V33.69s0-12.48,15.43-12.48h12.22c6.4,0,6.4,4.9,6.4,4.9s0,4.71-6,4.71H104.8c-4,0-4,3.09-4,3.09Z'/%3e%3cpath d='M191.56,20.87c15.95,0,15.95,12.81,15.95,12.81V47c0,2.67-2.59,4.63-5.74,4.63H184.18v5.7s.18,3,4.24,3l9.86,0c3.17,0,5.66,2.11,5.66,4.78s-2.57,5-5.66,5H181c-15.21,0-15.21-12.64-15.21-12.64V33.68s.12-12.67,15.32-12.81Zm-3.06,10c-4.14,0-4.14,3-4.14,3v8.25h11.77v-8s0-3.23-3.73-3.23Z'/%3e%3cpath d='M247.47,60.51c3.16-.08,6,2.38,6,5.05s-2.83,4.49-6,4.49H222.63c-5.23,0-9-3.16-9-7.64V28.94c0-4.43,4.31-8.07,9.55-8.07h25.25c3.18,0,5.66,2.11,5.66,4.76s-2.48,4.64-5.66,4.64H235a2.05,2.05,0,0,0-2.31,2V58.46s-.16,2,2.33,2Z'/%3e%3cpath d='m296.66 33.58v28.25c0 4.5-4.34 8.22-9.66 8.22h-16.11c-15.89 0-15.89-12.79-15.89-12.79v-6.33s1-11.56 15.88-11.5h6.81v-5.79s0-3-3.74-3h-8.64c-3.16 0-6.22-1.86-6.22-4.53s2.9-5.23 6-5.23h16.3c15.27 0.12 15.27 12.7 15.27 12.7zm-26.54 26.78h7.55v-11.27h-7.55c-4.12 0-3.72 5.63-3.72 5.63s-0.4 5.64 3.72 5.64z'/%3e%3cpath d='M341,8.48s0-4.32-5.72-4.32H295.61c-5.73,0-5.73,4.19-5.73,4.19s0,4.15,5.36,4.15h8.3c3.57,0,3.57,2.71,3.57,2.71V40.79c0,4.2,3.42,7.41,8.17,7.41s8.53-3.21,8.53-7.1V15.17c.06-.59.51-2.55,3.55-2.55h8.29C341,12.62,341,8.48,341,8.48Z'/%3e%3cpath d='M41.68,33.56V61.83c0,4.5-4.35,8.22-9.66,8.22H15.89C0,70.05,0,57.25,0,57.25V50.92S1,39.36,15.89,39.41H22.7V33.62s0-3-3.74-3H10.32c-3.16,0-6.24-1.85-6.24-4.53S7,20.86,10.15,20.86H26.46C41.68,20.94,41.68,33.56,41.68,33.56ZM15.12,60.35h7.55V49.09H15.12c-4.27,0-3.72,5.63-3.72,5.63S11,60.35,15.12,60.35Z'/%3e%3cpath d='M143.75,20.87c15.95,0,15.95,12.81,15.95,12.81V47c0,2.67-2.59,4.63-5.74,4.63H136.38v5.7s.17,3,4.23,3l9.86,0c3.17,0,5.66,2.11,5.66,4.78s-2.57,5-5.66,5H133.15c-15.21,0-15.21-12.64-15.21-12.64V33.68s.12-12.67,15.32-12.81Zm-3.06,10c-4.14,0-4.14,3-4.14,3v8.25h11.77v-8s0-3.23-3.73-3.23Z'/%3e%3cpath d='m375.9 5.58c-3.73-2.51-9-1.21-11.76 2.91l-15 20.16-5.45-11.65c-1-2.19-5.32-3.23-7.61-2.17s-3.71 4.35-2.7 6.54l9.92 22.79c0.78 1.66 2.54 3 5.33 3.71a9.82 9.82 0 0 0 10-4.17l19-26.11c2.82-4.15 2.01-9.51-1.73-12.01z'/%3e%3c/g%3e%3cpath d='M435.22,1.27a2.33,2.33,0,0,1-1.36,3.25l-14.11,6.41a4.66,4.66,0,0,1-4.37-.1l-9.12-4.32a2.34,2.34,0,0,1-.61-3.44h0A2.3,2.3,0,0,1,409,2.81l7,5.64a2.47,2.47,0,0,0,2.19.52A3,3,0,0,0,419,8.6L431.91.33a2.35,2.35,0,0,1,3.31.94Z' fill='%230545b1'/%3e%3cg class='logo_wrap'%3e%3cpath d='m453.24 27.38c-1-7.4-2.7-11.63-12.33-13.81a105.8 105.8 0 0 0-20.14-2.57c-1.09-0.05-2.19-0.05-3.29 0a105.71 105.71 0 0 0-20.13 2.58c-7.13 1.62-9.92 4.35-11.29 8.67-0.24 0.76 2.06-0.45 1.89 0.41s0.53 12.21 0.4 13.17c-1 7.29-4.24 7.61-4.24 7.87a134.72 134.72 0 0 0 0.89 16.3c1 7.4 2.71 11.62 12.34 13.81 8.68 2 15 1.83 20.13 2.06h3.29c5.16-0.23 11.45-0.1 20.14-2.06 9.63-2.19 11.34-6.41 12.33-13.81a132.48 132.48 0 0 0 0.9-16.31c0-0.14-1.45-3-2.88-6.78-0.14-0.37-1.08 1.57-1.22 1.19-1-2.74-1.09-8.12-1.41-10.85-0.04-0.44 4.68 0.56 4.62 0.13z' fill='%230545b1'/%3e%3cpath d='m428.87 33.56c-0.07-2.56-0.1-5.08 0-7.61a5.56 5.56 0 0 1 2.58-4.79 6.39 6.39 0 0 1 5.83-0.29c3 1.33 6.82 3.37 6.82 3.37 2.21 1.2 4.07 2.21 6.39 3.72a2.5 2.5 0 0 1 0.35 0.21 5.63 5.63 0 0 1 0.07 9.45c-2.2 1.46-4.11 2.85-6.37 4.25a60 60 0 0 1-5.93 3.31 7.37 7.37 0 0 1-6.32 0.32 6.14 6.14 0 0 1-3-4.94s-0.29-2.79-0.42-7z' fill='%2300bbed'/%3e%3cpath d='m432.75 53.93c-7.31 6.8-23.16 6.81-30.27 0a1.44 1.44 0 0 0-2 2.07c8.21 7.84 25.8 7.85 34.21 0a1.43 1.43 0 1 0-1.95-2.1z' fill='%23fff'/%3e%3cpath d='M426.91,42.6a.2.2,0,0,1,0-.07l0-.43-1-10.77,0-.3a5,5,0,0,0-.13-.69,5.55,5.55,0,0,0-4.43-4.13,5.64,5.64,0,0,0-.93-.08h-5.53a5.29,5.29,0,0,0-.8.06,5.56,5.56,0,0,0-4.56,4.14c0,.18-.08.37-.11.55l-.05.58-1,10.7,0,.25a1.15,1.15,0,0,0,0,.19,1.48,1.48,0,0,0,0,.21,5.56,5.56,0,0,0,4.14,5.37,5.45,5.45,0,0,0,1.41.19h7.51a5.5,5.5,0,0,0,.91-.08,5.57,5.57,0,0,0,4.64-5.48Z' fill='%231ac62f'/%3e%3cpath d='m406.11 36.67c-2.13 7.11-8.5 10.73-15.54 9.51-7.31-1.26-12.59-11.6-8.95-18 3.12-5.46 9.92-9.5 17-7.32 7.55 2.35 9.64 8.63 7.49 15.81z' fill='%23f2338a'/%3e%3ccircle cx='439.1' cy='33.27' r='4.69' fill='%231a1919'/%3e%3ccircle cx='395.46' cy='33.27' r='4.69' fill='%231a1919'/%3e%3c/g%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.end_flashplayer .contents {
    position: relative;
    display: inline-block;
    top: 50%;
    left: 0;
    min-width: 870px;
    margin: -200px auto 0;
    text-align: center
}

.end_flashplayer .contents h2 {
    font-size: 30px;
    color: #000
}

.end_flashplayer .contents p {
    margin: 30px 0 45px;
    font-size: 16px;
    line-height: 1.6;
    color: #000
}

.end_flashplayer .contents ul {
    font-size: 0
}

.end_flashplayer .contents>ul li {
    display: inline-block;
    margin: 0 15px 15px;
    font-size: 16px;
    color: #555
}

.end_flashplayer .contents>ul li a {
    position: relative;
    display: block
}

.end_flashplayer .contents>ul li a span {
    font-size: 16px;
    color: #000
}

.end_flashplayer .contents>ul li a:before {
    content: '';
    display: block;
    width: 114px;
    height: 114px;
    margin-bottom: 10px;
    border-radius: 50%;
    background-color: #f2f2f2
}

.end_flashplayer .contents>ul li a:after {
    content: '';
    display: block;
    width: 66px;
    height: 66px;
    position: absolute;
    top: 23px;
    left: 0;
    right: 0;
    margin: auto;
    background: url("/images/icon_brower.png")
}

.end_flashplayer .contents>ul li a:hover:before {
    background-color: #edecec
}

.end_flashplayer .contents>ul li.chrome a:after {
    background-position: 0px 0
}

.end_flashplayer .contents>ul li.edge a:after {
    background-position: 100px 0
}

.end_flashplayer .contents>ul li.whale a:after {
    background-position: 200px 0
}

.end_flashplayer .contents>ul li.opera a:after {
    background-position: 300px 0
}

.end_flashplayer .contents>ul li.firefox a:after {
    background-position: 400px 0
}

.end_flashplayer .contents>ul li.safari a:after {
    background-position: 500px 0
}

.ui-pop.PlayListAdd {
    position: absolute;
    background: #fff;
    width: 426px;
    padding: 29px 25px 20px;
    border-color: #ddd;
    box-sizing: border-box;
    visibility: visible;
    opacity: 1
}

.ui-pop.PlayListAdd * {
    line-height: 1.2
}

.ui-pop.PlayListAdd .pop-title {
    margin-bottom: 6px;
    padding: 0 0 9px;
    border-color: #ddd
}

.ui-pop.PlayListAdd .pop-title h3 {
    color: #000;
    font-size: 16px;
    font-weight: bold
}

.ui-pop.PlayListAdd .pop-body {
    padding: 0
}

.ui-pop.PlayListAdd .pop-btn {
    padding-top: 20px
}

.ui-pop.PlayListAdd .pop-btn .btn {
    width: auto;
    height: 32px;
    padding: 0 16px;
    border-color: #d9dddf;
    box-sizing: border-box;
    color: #666;
    font-size: 13px;
    line-height: 30px
}

.ui-pop.PlayListAdd .pop-btn .btn:hover {
    border-color: #d9dddf
}

.ui-pop.PlayListAdd .pop-btn .btn.blue {
    border-color: #4279ff;
    color: #4279ff
}

.ui-pop.PlayListAdd .pop-close {
    top: 8px;
    right: 8px;
    background: none;
    width: unset;
    height: unset;
    padding: 10px
}

.ui-pop.PlayListAdd .pop-close span {
    display: block;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3e%3cpath fill-rule='evenodd' fill='%23666' d='M0 11v-1h1V9h1V8h1V7h1V6h1V5H4V4H3V3H2V2H1V1H0V0h1v1h1v1h1v1h1v1h1v1h1V4h1V3h1V2h1V1h1V0h1v1h-1v1H9v1H8v1H7v1H6v1h1v1h1v1h1v1h1v1h1v1h-1v-1H9V9H8V8H7V7H6V6H5v1H4v1H3v1H2v1H1v1H0z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    width: 11px;
    height: 11px
}

.PlayListAdd .PlayListBox {
    overflow: auto;
    max-height: 135px
}

.PlayListAdd .PlayListBox::-webkit-scrollbar {
    background-color: transparent;
    width: 8px;
    height: 8px;
    border-radius: 8px
}

.PlayListAdd .PlayListBox::-webkit-scrollbar-thumb {
    background: #e4e4e4;
    border-radius: 8px
}

.PlayListAdd .PlayListBox::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 8px
}

.PlayListAdd .PlayListBox:hover::-webkit-scrollbar-thumb {
    background: #bbb
}

.PlayListAdd .PlayListBox::-webkit-scrollbar-button,.PlayListAdd .PlayListBox::-webkit-scrollbar-corner {
    display: none !important
}

.PlayListAdd .PlayListBox li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 7px 10px 7px 10px
}

.PlayListAdd .PlayListBox li input[type=checkbox] {
    position: absolute;
    top: 0;
    left: -999em;
    visibility: hidden;
    opacity: 0
}

.PlayListAdd .PlayListBox li label {
    flex: 1 1 auto;
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 20px 0 23px;
    color: #666;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer
}

.PlayListAdd .PlayListBox li label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box
}

.PlayListAdd .PlayListBox li input[type=checkbox]:checked+label {
    color: #386cff
}

.PlayListAdd .PlayListBox li input[type=checkbox]:checked+label:before {
    background-color: #386cff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000' viewBox='0 0 15 13'%3e%3cpath stroke-width='2' stroke-linecap='round' fill='none' d='M3.451 5.903l2.135 1.691 4.833-5.289' stroke='%23fff'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    border-color: #386cff
}

.PlayListAdd .PlayListBox li.disabled label {
    color: #c8c8c8;
    cursor: default
}

.PlayListAdd .PlayListBox li.disabled label:before {
    background-color: #ededed;
    cursor: default
}

.PlayListAdd .PlayListBox li>span {
    flex: 0 0 auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3e%3cpath d='M15.6 6.2c-.15.23-3.98 5.4-7.6 5.4C4.37 11.6.55 6.43.39 6.2a.35.35 0 01-.01-.4C.52 5.6 4.02.4 8 .4s7.47 5.18 7.62 5.4c.08.13.07.29-.01.4zM8 1.1C4.8 1.1 1.78 5.04 1.1 6c.73.93 4 4.9 6.9 4.9 2.9 0 6.16-3.97 6.9-4.9-.69-.96-3.71-4.9-6.9-4.9zm0 7.88a2.97 2.97 0 010-5.96 2.97 2.97 0 010 5.95zm0-5.26a2.27 2.27 0 000 4.55 2.27 2.27 0 000-4.54z' fill='%23666'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 16px;
    height: 12px;
    font: 0/0 a
}

.PlayListAdd .PlayListBox li>span.hidden {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 13'%3e%3cpath d='M15.6 6.75c-.15.22-3.98 5.38-7.6 5.38-.93 0-1.87-.34-2.76-.85l.5-.5c.75.4 1.52.66 2.26.66 2.9 0 6.16-3.96 6.9-4.9a18.2 18.2 0 00-2.31-2.61l.5-.5a18.07 18.07 0 012.53 2.92c.08.13.08.29-.01.4zM2.15 12.9a.34.34 0 01-.5 0 .35.35 0 010-.49L13.86.19a.35.35 0 01.5.5L2.13 12.9zM8 1.66c-3.19 0-6.22 3.93-6.9 4.88.34.43 1.23 1.52 2.37 2.56l-.5.5A21.3 21.3 0 01.4 6.75a.35.35 0 01-.01-.4C.53 6.13 4.02.96 8 .96c.98 0 1.93.32 2.81.8l-.51.51A5.09 5.09 0 008 1.66z' fill='%23666'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 16px;
    height: 13px
}

.PlayListAdd .btn_NewAddList {
    display: block;
    width: 100%;
    padding: 9px 12px;
    color: #666;
    font-size: 14px;
    text-align: left
}

.PlayListAdd .btn_NewAddList:hover {
    color: #386CFF
}

.ui-pop.PlayListAdd.AddList {
    width: 306px
}

.ui-pop.PlayListAdd.AddList .pop-title {
    margin-bottom: 20px
}

.ui-pop.PlayListAdd.AddList .pop-title h3 {
    font-weight: normal
}

.PlayListAdd .ListForm .title input[type=text],.PlayListAdd .ListForm .select select {
    display: block;
    width: 100%;
    height: 37px;
    padding: 0 15px;
    border: 1px solid #d9dddf;
    border-radius: 3px;
    box-sizing: border-box;
    color: #666;
    font-size: 13px
}

.PlayListAdd.error .ListForm .title input[type=text] {
    border-color: #ff5656
}

.PlayListAdd .ListForm .title .bytes {
    display: block;
    margin-top: 3px;
    padding-right: 3px;
    color: #666;
    text-align: right;
    font-size: 12px
}

.PlayListAdd .ListForm .title .bytes em {
    color: #000
}

.PlayListAdd .ListForm .select {
    margin-top: 17px
}

.PlayListAdd .ListForm .select .select_wrap,.PlayListAdd .ListForm .select .select_warp {
    position: relative
}

.PlayListAdd .ListForm .select .select_wrap:first-child,.PlayListAdd .ListForm .select .select_warp:first-child {
    margin-top: 0
}

.PlayListAdd .ListForm .select .select_wrap .selected,.PlayListAdd .ListForm .select .select_warp .selected {
    display: block;
    width: 100%;
    height: 38px;
    margin-top: 5px;
    padding-left: 15px;
    border: 1px solid #d9dddf;
    border-radius: 3px;
    box-sizing: border-box;
    color: #666;
    font-size: 13px;
    line-height: 38px;
    text-decoration: none;
    text-align: left
}

.PlayListAdd .ListForm .select .select_wrap .selected:after,.PlayListAdd .ListForm .select .select_warp .selected:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 11px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 8.5'%3e%3cpath stroke='%23555' fill='none' d='M2.2.5l4.3 4.63L10.8.5'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 13px 8px;
    width: 13px;
    height: 8px;
    margin-top: -4px;
    transition: all .2s
}

.PlayListAdd .ListForm .select .select_wrap>ul,.PlayListAdd .ListForm .select .select_warp>ul {
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #d9dddf;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}

.PlayListAdd .ListForm .select .select_wrap>ul li button,.PlayListAdd .ListForm .select .select_warp>ul li button {
    display: block;
    width: 100%;
    padding: 10px 34px 10px 16px;
    color: #666;
    font-size: 13px;
    text-decoration: none;
    text-align: left
}

.PlayListAdd .ListForm .select .select_wrap>ul li button:hover,.PlayListAdd .ListForm .select .select_warp>ul li button:hover {
    background: #e6edfb
}

.PlayListAdd .ListForm .select .select_wrap.on .selected:after,.PlayListAdd .ListForm .select .select_warp.on .selected:after {
    transform: rotate(180deg)
}

.PlayListAdd .ListForm .select .select_wrap.on ul,.PlayListAdd .ListForm .select .select_warp.on ul {
    opacity: 1;
    visibility: visible;
    z-index: 5
}

.ui-pop.pinExpire {
    position: relative;
    inset: auto;
    background: #fff;
    width: 366px;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 12px;
    visibility: visible;
    opacity: 1;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15);
    box-sizing: border-box
}

.ui-pop.pinExpire .pop-title {
    margin-bottom: 18px;
    padding-bottom: 0;
    border-bottom: 0
}

.ui-pop.pinExpire .pop-title h3 {
    color: #17191C;
    line-height: 1.4
}

.ui-pop.pinExpire .pop-body .cont_text {
    color: #525661;
    font-size: 15px;
    line-height: 1.4
}

.ui-pop.pinExpire .pop-body .datePicker_wrap {
    display: flex;
    gap: 8px;
    margin-top: 24px
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .btn_calendar {
    display: flex;
    align-items: center;
    position: relative;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3e%3crect width='14.667' height='12.692' x='3.667' y='4.724' stroke='%23ACB0B9' stroke-linejoin='round' stroke-width='1.4' rx='2.5'/%3e%3crect width='1.283' height='3.173' x='6.417' y='3.208' fill='%23ACB0B9' stroke='%23ACB0B9' stroke-linejoin='round' stroke-width='.2' rx='.642'/%3e%3crect width='1.283' height='3.173' x='13.75' y='3.208' fill='%23ACB0B9' stroke='%23ACB0B9' stroke-linejoin='round' stroke-width='.2' rx='.642'/%3e%3cpath stroke='%23ACB0B9' stroke-linejoin='round' stroke-width='1.4' d='M4.191 9.313H17.81'/%3e%3c/svg%3e");
    background-position: calc(100% - 12px) 50%;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-color: transparent;
    width: 136px;
    height: 42px;
    padding: 0 12px;
    border: 0;
    border: 1px solid #D5D7DC;
    box-sizing: border-box;
    border-radius: 8px;
    outline: 0;
    cursor: pointer
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .btn_calendar input {
    position: absolute;
    inset: 0;
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 0;
    cursor: pointer
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .btn_calendar label {
    color: #757B8A;
    font-size: 14px
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box {
    width: 78px
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box.active {
    background: unset;
    color: unset
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .selected {
    height: 42px;
    padding-right: 30px;
    border-color: #D5D7DC;
    border-radius: 8px;
    line-height: 42px;
    color: #757B8A;
    font-size: 14px
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .selected::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3e%3cg clip-path='url(%23a)'%3e%3cpath stroke='%23ACB0B9' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m18 7-6.75 7L4.5 7'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M3.25 6h16v9h-16z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 22px;
    height: 22px;
    margin-top: -11px
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .selected:hover {
    background: unset;
    color: unset
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer {
    top: 51px;
    overflow: hidden;
    width: 78px;
    border-color: rgba(117,123,138,0.2);
    border-radius: 8px;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15);
    box-sizing: border-box
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer .scrollarea-content {
    overflow: auto;
    max-height: 160px
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer .scrollarea-content::-webkit-scrollbar {
    display: none
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li:first-of-type {
    margin-top: 8px
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li:last-of-type {
    margin-bottom: 8px
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li.on button {
    color: #0182FF
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li button {
    transition: .2s
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li button:hover {
    background: #F1F2F4
}

.ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li button:disabled {
    color: #ACB0B9;
    pointer-events: none
}

.ui-pop.pinExpire .pop-body .datePicker_wrap.disabled {
    opacity: .3;
    pointer-events: none
}

.ui-pop.pinExpire .pop-body .chk_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px
}

.ui-pop.pinExpire .pop-body .chk_wrap input {
    appearance: none
}

.ui-pop.pinExpire .pop-body .chk_wrap input:checked+label::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 16'%3e%3crect width='15' height='15' x='1' y='.5' stroke='%230182FF' rx='2.5'/%3e%3cpath fill='%230182FF' fill-rule='evenodd' d='M13.213 4.222c.36.315.385.85.056 1.196L7.002 12 3.835 9.328a.824.824 0 0 1-.144-1.19A.908.908 0 0 1 4.93 8l1.878 1.692 5.157-5.416a.909.909 0 0 1 1.247-.054Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.ui-pop.pinExpire .pop-body .chk_wrap label {
    display: flex;
    align-items: center;
    color: #17191C;
    font-size: 14px;
    cursor: pointer
}

.ui-pop.pinExpire .pop-body .chk_wrap label::before {
    content: '';
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 16'%3e%3crect width='15' height='15' x='1' y='.5' stroke='%2317191C' stroke-opacity='.2' rx='2.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    margin-right: 9px
}

.ui-pop.pinExpire .pop-btn {
    margin: 0;
    padding-top: 26px
}

.ui-pop.pinExpire .pop-btn .btn-basic {
    width: 100%;
    height: 44px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 400
}

.ui-pop.pinExpire .pop-btn .btn-basic:hover {
    background: unset
}

.ui-pop.pinExpire .pop-btn .btn-basic.blue {
    border-color: #0182FF;
    color: #0182FF !important
}

.ui-pop.pinExpire .pop-close {
    top: 28px;
    right: 28px;
    padding: 0;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m4.75 4.754 14.5 14.5M19.25 4.754l-14.5 14.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px
}

.ui-pop.pinExpire .pop-close span {
    display: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .caps_Lock {
        padding:10px 18px 10px
    }
}

.ictBox {
    display: block;
    width: 128px;
    border: 1px solid #b4b4b4;
    border-radius: 2px;
    background: #fff
}

.ictBox dl dt {
    padding: 2px 0 2px 7px;
    color: #555;
    font-weight: bold;
    font-family: arial
}

.ictBox dl dd {
    display: block;
    border-top: 1px solid #e8e8e8
}

.ictBox dl dd a {
    display: block;
    height: auto;
    padding: 6px 0 4px 7px;
    color: #333;
    text-decoration: none;
    letter-spacing: -1px
}

.ictBox dl dd a:hover {
    background: #f7f7f7
}

.ictBox dl dd .ic_fav {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin: 0 6px 4px 0;
    background: url("/images/common/ict_common.png") no-repeat -14px 0
}

.ictBox dl dd .ic_fav.on {
    background-position: -30px 0
}

.ictBox .btn_home {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 128px;
    height: 23px;
    background: url(/images/common/blank.gif) 0 0 no-repeat
}

.ictBox .btn_home span {
    overflow: hidden;
    position: absolute;
    top: 5px;
    right: 7px;
    display: block;
    width: 13px;
    height: 13px;
    text-indent: -9999px;
    background: url("/images/common/ict_common.png") no-repeat 0 0
}

html[dark=true] .ui-pop,body.thema_dark .ui-pop {
    background: #1b1b1c
}

html[dark=true] .ui-pop .pop-title,body.thema_dark .ui-pop .pop-title {
    color: #c8c8c8;
    border-color: #333
}

html[dark=true] .ui-pop .pop-btn .btn.btn_blue,body.thema_dark .ui-pop .pop-btn .btn.btn_blue {
    background-color: #0182FF;
    border-color: #0182FF;
    color: #fff
}

html[dark=true] .ui-pop .pop-btn .btn,body.thema_dark .ui-pop .pop-btn .btn {
    border-color: #666;
    color: #999
}

html[dark=true] .ui-pop.improve,body.thema_dark .ui-pop.improve {
    border-color: #515151
}

html[dark=true] .ui-pop.improve .pop-btn button,html[dark=true] .ui-pop.improve .pop-btn a,body.thema_dark .ui-pop.improve .pop-btn button,body.thema_dark .ui-pop.improve .pop-btn a {
    background-color: transparent;
    border-color: #484848;
    color: #999
}

html[dark=true] .ui-pop.improve .pop-btn button.btn_blue,html[dark=true] .ui-pop.improve .pop-btn a.btn_blue,body.thema_dark .ui-pop.improve .pop-btn button.btn_blue,body.thema_dark .ui-pop.improve .pop-btn a.btn_blue {
    background-color: #7398ff;
    border-color: #7398ff;
    color: #fff
}

html[dark=true] .ui-pop.improve .pop-btn button.btn_blue.line,html[dark=true] .ui-pop.improve .pop-btn a.btn_blue.line,body.thema_dark .ui-pop.improve .pop-btn button.btn_blue.line,body.thema_dark .ui-pop.improve .pop-btn a.btn_blue.line {
    background-color: transparent;
    border-color: #7398ff;
    color: #7398ff
}

html[dark=true] .ui-pop.improve .pop-close,body.thema_dark .ui-pop.improve .pop-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd'  fill='%23c8c8c8' d='M.576.576c.234-.235.614-.235.848 0L9 8.15 16.576.576c.208-.209.531-.232.765-.07l.083.07c.235.234.235.614 0 .848L9.85 9l7.575 7.576c.209.208.232.531.07.765l-.07.083c-.234.235-.614.235-.848 0L9 9.85l-7.576 7.575c-.208.209-.531.232-.765.07l-.083-.07c-.235-.234-.235-.614 0-.848L8.15 9 .576 1.424C.367 1.216.344.893.506.66z'/%3e%3c/svg%3e") !important
}

html[dark=true] .pg_area a,body.thema_dark .pg_area a {
    border-color: #121213;
    color: #999
}

html[dark=true] .pg_area a.btn_prev:hover,html[dark=true] .pg_area a.btn_next:hover,body.thema_dark .pg_area a.btn_prev:hover,body.thema_dark .pg_area a.btn_next:hover {
    border-color: #121213;
    color: #7398ff
}

html[dark=true] .pg_area a:hover,html[dark=true] .pg_area em,body.thema_dark .pg_area a:hover,body.thema_dark .pg_area em {
    border-color: #7398ff;
    color: #7398ff
}

html[dark=true] body .studio_selectbox,body.thema_dark .studio_selectbox {
    background: url("/images/afmain/img_studio_select_dark.png") 0 0 no-repeat
}

html[dark=true] body .studio_selectbox a .txt,body.thema_dark .studio_selectbox a .txt {
    color: #c8c8c8
}

html[dark=true] body .studio_selectbox .btn_cast_qna,body.thema_dark .studio_selectbox .btn_cast_qna {
    color: #7398ff
}

html[dark=true] body .studio_selectbox a .cast_v,body.thema_dark .studio_selectbox a .cast_v {
    color: #f5f6f7;
    background: #4c9939
}

html[dark=true] body .ictBox,body.thema_dark .ictBox {
    background: #1b1b1c;
    border-color: #333
}

html[dark=true] body .ictBox dl dt,body.thema_dark .ictBox dl dt {
    color: #999
}

html[dark=true] body .ictBox dl dd,body.thema_dark .ictBox dl dd {
    border-color: #333
}

html[dark=true] body .ictBox dl dd a,body.thema_dark .ictBox dl dd a {
    color: #c8c8c8
}

html[dark=true] body .ictBox dl dd a:hover,body.thema_dark .ictBox dl dd a:hover {
    background: #282828
}

html[dark=true] body .ictBox .btn_home span,html[dark=true] body body.thema_dark .ictBox dl dd .ic_fav,body.thema_dark .ictBox .btn_home span,body.thema_dark body.thema_dark .ictBox dl dd .ic_fav {
    background-image: url(/images/common/ict_common_dark.png)
}

html[dark=true] body .loading-spinner i:after,body.thema_dark .loading-spinner i:after {
    background: #c0c0c0
}

html[dark=true] body .ui-pop.vod-delete .pop-body h2 span,body.thema_dark .ui-pop.vod-delete .pop-body h2 span {
    color: #c8c8c8
}

html[dark=true] body .ui-pop.vod-delete .pop-body h2 sup,html[dark=true] body .ui-pop.vod-delete .pop-body h2 strong,body.thema_dark .ui-pop.vod-delete .pop-body h2 sup,body.thema_dark .ui-pop.vod-delete .pop-body h2 strong {
    color: #e5e5e5
}

html[dark=true] body .ui-pop.vod-delete .pop-body .guide_text.error,body.thema_dark .ui-pop.vod-delete .pop-body .guide_text.error {
    color: #ff3f3f
}

html[dark=true] body .ui-pop.vod-delete .pop-body textarea,body.thema_dark .ui-pop.vod-delete .pop-body textarea {
    background: #0e0e0e;
    color: #c8c8c8;
    border-color: #333333
}

html[dark=true] body .ui-pop.vod-delete .pop-body textarea::-webkit-input-placeholder,body.thema_dark .ui-pop.vod-delete .pop-body textarea::-webkit-input-placeholder {
    color: #666666
}

html[dark=true] body .ui-pop.vod-delete .pop-body textarea::-ms-input-placeholder,body.thema_dark .ui-pop.vod-delete .pop-body textarea::-ms-input-placeholder {
    color: #666666
}

html[dark=true] body .ui-pop.vod-delete .pop-body textarea:disabled,body.thema_dark .ui-pop.vod-delete .pop-body textarea:disabled {
    background-color: #272727;
    border-color: #262626
}

html[dark=true] body .ui-pop.vod-delete .pop-btn .btn,body.thema_dark .ui-pop.vod-delete .pop-btn .btn {
    border-color: #666;
    color: #999
}

html[dark=true] body .ui-pop.vod-delete .pop-btn .btn_blue,body.thema_dark .ui-pop.vod-delete .pop-btn .btn_blue {
    background-color: #1b61c3;
    border-color: #1b61c3;
    color: #fff
}

html[dark=true] body .ui-pop .pop-close,body.thema_dark .ui-pop .pop-close {
    background-image: url(/images/flashplayer/split_layer_dark.png)
}

html[dark=true] body .ui-pop.vod-delete.clip .pop-btn .btn_blue:disabled,body.thema_dark .ui-pop.vod-delete.clip .pop-btn .btn_blue:disabled {
    background-color: #1b3e70;
    border-color: #1b3e70;
    color: #8d8d8e
}

html[dark=true] body .ui-pop.vod-delete.clip .userClipDel .chk-box span,body.thema_dark .ui-pop.vod-delete.clip .userClipDel .chk-box span {
    background-color: transparent
}

html[dark=true] .ui-pop.PlayListAdd,.thema_dark .ui-pop.PlayListAdd {
    border-color: #333
}

html[dark=true] .ui-pop .pop-title,.thema_dark .ui-pop .pop-title {
    border-color: #282828
}

html[dark=true] .ui-pop .pop-title h3,.thema_dark .ui-pop .pop-title h3 {
    color: #fff
}

html[dark=true] .ui-pop .pop-btn .btn:hover,.thema_dark .ui-pop .pop-btn .btn:hover {
    border-color: #666
}

html[dark=true] .ui-pop.PlayListAdd .pop-close,.thema_dark .ui-pop.PlayListAdd .pop-close {
    background: none
}

html[dark=true] .PlayListAdd .PlayListBox li label:before,.thema_dark .PlayListAdd .PlayListBox li label:before {
    background: #0e0e0e;
    border-color: #999
}

html[dark=true] .PlayListAdd .PlayListBox li input[type=checkbox]:checked+label:before,.thema_dark .PlayListAdd .PlayListBox li input[type=checkbox]:checked+label:before {
    background-color: #386cff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000' viewBox='0 0 15 13'%3e%3cpath stroke-width='2' stroke-linecap='round' fill='none' d='M3.451 5.903l2.135 1.691 4.833-5.289' stroke='%23fff'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    border-color: #386cff
}

html[dark=true] .PlayListAdd .PlayListBox li>span,.thema_dark .PlayListAdd .PlayListBox li>span {
    flex: 0 0 auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3e%3cpath d='M15.6 6.2c-.15.23-3.98 5.4-7.6 5.4C4.37 11.6.55 6.43.39 6.2a.35.35 0 01-.01-.4C.52 5.6 4.02.4 8 .4s7.47 5.18 7.62 5.4c.08.13.07.29-.01.4zM8 1.1C4.8 1.1 1.78 5.04 1.1 6c.73.93 4 4.9 6.9 4.9 2.9 0 6.16-3.97 6.9-4.9-.69-.96-3.71-4.9-6.9-4.9zm0 7.88a2.97 2.97 0 010-5.96 2.97 2.97 0 010 5.95zm0-5.26a2.27 2.27 0 000 4.55 2.27 2.27 0 000-4.54z' fill='%23999'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

html[dark=true] .PlayListAdd .PlayListBox li>span.hidden,.thema_dark .PlayListAdd .PlayListBox li>span.hidden {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 13'%3e%3cpath d='M15.6 6.75c-.15.22-3.98 5.38-7.6 5.38-.93 0-1.87-.34-2.76-.85l.5-.5c.75.4 1.52.66 2.26.66 2.9 0 6.16-3.96 6.9-4.9a18.2 18.2 0 00-2.31-2.61l.5-.5a18.07 18.07 0 012.53 2.92c.08.13.08.29-.01.4zM2.15 12.9a.34.34 0 01-.5 0 .35.35 0 010-.49L13.86.19a.35.35 0 01.5.5L2.13 12.9zM8 1.66c-3.19 0-6.22 3.93-6.9 4.88.34.43 1.23 1.52 2.37 2.56l-.5.5A21.3 21.3 0 01.4 6.75a.35.35 0 01-.01-.4C.53 6.13 4.02.96 8 .96c.98 0 1.93.32 2.81.8l-.51.51A5.09 5.09 0 008 1.66z' fill='%23999'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

html[dark=true] .PlayListAdd .PlayListBox li label,.thema_dark .PlayListAdd .PlayListBox li label {
    color: #999
}

html[dark=true] .PlayListAdd .PlayListBox li.disabled label,.thema_dark .PlayListAdd .PlayListBox li.disabled label {
    color: #333
}

html[dark=true] .PlayListAdd .PlayListBox li.disabled label:before,.thema_dark .PlayListAdd .PlayListBox li.disabled label:before {
    background: #333;
    border-color: #333
}

html[dark=true] .PlayListAdd .ListForm .title input[type=text],html[dark=true] .PlayListAdd .ListForm .select .select_warp .selected,.thema_dark .PlayListAdd .ListForm .title input[type=text],.thema_dark .PlayListAdd .ListForm .select .select_warp .selected {
    background-color: #0e0e0e;
    border-color: #333;
    color: #999
}

html[dark=true] .PlayListAdd .ListForm .select .select_warp .selected:after,.thema_dark .PlayListAdd .ListForm .select .select_warp .selected:after {
    background: #0e0e0e url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 8.5'%3e%3cpath stroke='%23c8c8c8' fill='none' d='M2.2.5l4.3 4.63L10.8.5'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%
}

html[dark=true] .PlayListAdd .ListForm .select .select_warp ul,.thema_dark .PlayListAdd .ListForm .select .select_warp ul {
    background-color: #0e0e0e;
    border-color: #333
}

html[dark=true] .PlayListAdd .ListForm .select .select_warp ul li button,.thema_dark .PlayListAdd .ListForm .select .select_warp ul li button {
    color: #999
}

html[dark=true] .PlayListAdd .ListForm .select .select_warp ul li button:hover,.thema_dark .PlayListAdd .ListForm .select .select_warp ul li button:hover {
    background-color: #282828
}

html[dark=true] .PlayListAdd .ListForm .title .bytes,html[dark=true] .PlayListAdd .ListForm .title .bytes em,.thema_dark .PlayListAdd .ListForm .title .bytes,.thema_dark .PlayListAdd .ListForm .title .bytes em {
    color: #999
}

html[dark=true] .PlayListAdd .btn_NewAddList,.thema_dark .PlayListAdd .btn_NewAddList {
    color: #999
}

html[dark=true] .PlayListAdd .btn_NewAddList:hover,.thema_dark .PlayListAdd .btn_NewAddList:hover {
    color: #7398ff
}

html[dark=true] .PlayListAdd.error .ListForm .title input[type=text],.thema_dark .PlayListAdd.error .ListForm .title input[type=text] {
    border-color: #ff3f3f
}

html[dark=true] .ui-pop.pinExpire,.thema_dark .ui-pop.pinExpire {
    background: #1C1E22;
    border-color: rgba(117,123,138,0.3)
}

html[dark=true] .ui-pop.pinExpire .pop-title h3,.thema_dark .ui-pop.pinExpire .pop-title h3 {
    color: #E2E4E9
}

html[dark=true] .ui-pop.pinExpire .pop-body .cont_text,.thema_dark .ui-pop.pinExpire .pop-body .cont_text {
    color: #D5D7DC
}

html[dark=true] .ui-pop.pinExpire .pop-body .datePicker_wrap .btn_calendar,.thema_dark .ui-pop.pinExpire .pop-body .datePicker_wrap .btn_calendar {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3e%3crect width='14.667' height='12.692' x='3.667' y='4.724' stroke='%239196A1' stroke-linejoin='round' stroke-width='1.4' rx='2.5'/%3e%3crect width='1.283' height='3.173' x='6.417' y='3.208' fill='%239196A1' stroke='%239196A1' stroke-linejoin='round' stroke-width='.2' rx='.642'/%3e%3crect width='1.283' height='3.173' x='13.75' y='3.208' fill='%239196A1' stroke='%239196A1' stroke-linejoin='round' stroke-width='.2' rx='.642'/%3e%3cpath stroke='%239196A1' stroke-linejoin='round' stroke-width='1.4' d='M4.191 9.313H17.81'/%3e%3c/svg%3e");
    border-color: #464A53;
    color: #9196A1
}

html[dark=true] .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box,.thema_dark .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box {
    background: #1C1E22
}

html[dark=true] .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .selected,.thema_dark .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .selected {
    border-color: #464A53;
    color: #9196A1
}

html[dark=true] .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .selected::after,.thema_dark .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .selected::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3e%3cg clip-path='url(%23a)'%3e%3cpath stroke='%239196A1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m18 7-6.75 7L4.5 7'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M3.25 6h16v9h-16z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
}

html[dark=true] .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer,.thema_dark .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer {
    border-color: rgba(117,123,138,0.3)
}

html[dark=true] .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li button:hover,.thema_dark .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li button:hover {
    background: #2F3137
}

html[dark=true] .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li button:disabled,.thema_dark .ui-pop.pinExpire .pop-body .datePicker_wrap .select-box .select-layer li button:disabled {
    color: #757B8A
}

html[dark=true] .ui-pop.pinExpire .pop-body .chk_wrap input:checked+label::before,.thema_dark .ui-pop.pinExpire .pop-body .chk_wrap input:checked+label::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 16'%3e%3crect width='15' height='15' x='1' y='.5' stroke='%230182FF' rx='2.5'/%3e%3cpath fill='%230182FF' fill-rule='evenodd' d='M13.213 4.222c.36.315.385.85.056 1.196L7.002 12 3.835 9.328a.824.824 0 0 1-.144-1.19A.908.908 0 0 1 4.93 8l1.878 1.692 5.157-5.416a.909.909 0 0 1 1.247-.054Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] .ui-pop.pinExpire .pop-body .chk_wrap label,.thema_dark .ui-pop.pinExpire .pop-body .chk_wrap label {
    color: #E2E4E9
}

html[dark=true] .ui-pop.pinExpire .pop-body .chk_wrap label::before,.thema_dark .ui-pop.pinExpire .pop-body .chk_wrap label::before {
    content: '';
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 16'%3e%3crect width='15' height='15' x='1' y='.5' stroke='%23F6F6F9' stroke-opacity='.2' rx='2.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    margin-right: 9px
}

html[dark=true] .ui-pop.pinExpire .pop-close,.thema_dark .ui-pop.pinExpire .pop-close {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m4.75 4.754 14.5 14.5M19.25 4.754l-14.5 14.5'/%3e%3c/svg%3e") !important
}

._Modal_UI_Wrap {
    display: flex;
    flex-direction: column;
    position: fixed;
    inset: 0;
    overflow: hidden auto;
    pointer-events: none;
    z-index: 1520
}

._Modal_UI_Wrap .modal-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    inset: 0;
    flex-direction: column;
    overflow: hidden;
    padding: 20px;
    pointer-events: none
}

._Modal_UI_Wrap .modal-container>* {
    pointer-events: auto
}

._Modal_UI_Wrap .modal-container>div {
    max-height: 100%
}

._Modal_UI_Wrap>div:not(.modal-container) {
    pointer-events: auto
}

._Modal_UI_Wrap .flex_box {
    margin: auto
}

._Modal_UI_Wrap .flex_box>div {
    pointer-events: auto
}

._Modal_UI_Wrap.dimed {
    background: rgba(23,25,28,0.6);
    pointer-events: auto
}

._Modal_UI_Wrap.click {
    pointer-events: none
}

.basic_alert {
    position: relative;
    background-color: #fff;
    min-width: 300px;
    width: fit-content;
    margin: auto;
    padding: 0 28px 28px;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-color: rgba(117,123,138,0.2);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    box-sizing: border-box;
    pointer-events: auto;
    z-index: 1005
}

html[dark=true] .basic_alert,body.thema_dark .basic_alert {
    background-color: #1C1E22
}

html[dark=true] .basic_alert,body.thema_dark .basic_alert {
    border-color: rgba(117,123,138,0.3)
}

.basic_alert .title {
    padding: 24px 0
}

.basic_alert .title>strong {
    color: #17191C;
    font-size: 16px;
    font-weight: 600
}

html[dark=true] .basic_alert .title>strong,body.thema_dark .basic_alert .title>strong {
    color: #E2E4E9
}

.basic_alert .conts {
    padding-top: 28px;
    text-align: center;
    line-height: 1.4
}

.basic_alert .conts p {
    color: #525661;
    font-size: 14px
}

html[dark=true] .basic_alert .conts p,body.thema_dark .basic_alert .conts p {
    color: #D5D7DC
}

.basic_alert .conts p:only-child {
    font-size: 15px
}

.basic_alert .conts .subtitle {
    display: block;
    padding-bottom: 4px;
    color: #17191C;
    font-size: 15px;
    font-weight: 600
}

html[dark=true] .basic_alert .conts .subtitle,body.thema_dark .basic_alert .conts .subtitle {
    color: #E2E4E9
}

.basic_alert .conts .accent {
    color: #0182FF
}

html[dark=true] .basic_alert .conts .accent,body.thema_dark .basic_alert .conts .accent {
    color: #44A3FF
}

.basic_alert .conts .warn {
    display: block;
    margin-top: 8px;
    color: #757B8A;
    font-size: 13px
}

html[dark=true] .basic_alert .conts .warn,body.thema_dark .basic_alert .conts .warn {
    color: #9196A1
}

.basic_alert .conts .gd_noti {
    margin-top: 6px;
    background: rgba(1,130,255,0.05);
    height: 38px;
    padding: 0 14px;
    border-radius: 8px
}

.basic_alert .conts .gd_noti p {
    display: flex;
    align-items: center;
    height: 100%;
    color: #0182ff;
    font-size: 13px
}

html[dark=true] .basic_alert .conts .gd_noti p,body.thema_dark .basic_alert .conts .gd_noti p {
    color: #44A3FF
}

.basic_alert .conts .gd_noti p::before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 16'%3e%3crect width='14' height='14' x='.5' y='1' stroke='%230182FF' rx='7'/%3e%3cpath stroke='%230182FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.5 7.923V11m0-5.96V5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 15px;
    height: 16px;
    margin-right: 6px
}

.basic_alert .conts .gd_noti p strong {
    margin: 0 4px;
    font-weight: 600
}

.basic_alert .title+.conts {
    padding: 0;
    text-align: left
}

.basic_alert .btn_area {
    display: flex;
    justify-content: center;
    padding-top: 20px
}

.basic_alert .btn_area>button {
    min-width: 85px;
    height: 36px;
    margin-left: 8px;
    padding: 0 24px;
    border: 1px solid transparent;
    border-color: #D5D7DC;
    border-radius: 8px;
    font-size: 14px;
    color: #17191C;
    transition: all .2s ease-in-out;
    cursor: pointer
}

html[dark=true] .basic_alert .btn_area>button,body.thema_dark .basic_alert .btn_area>button {
    border-color: #464A53
}

html[dark=true] .basic_alert .btn_area>button,body.thema_dark .basic_alert .btn_area>button {
    color: #E2E4E9
}

.basic_alert .btn_area>button:first-of-type {
    margin-left: 0
}

.basic_alert .btn_area>button:hover {
    background: rgba(23,25,28,0.1)
}

html[dark=true] .basic_alert .btn_area>button:hover,body.thema_dark .basic_alert .btn_area>button:hover {
    background: rgba(246,246,249,0.1)
}

.basic_alert .btn_area>button:active {
    background: rgba(23,25,28,0.2)
}

html[dark=true] .basic_alert .btn_area>button:active,body.thema_dark .basic_alert .btn_area>button:active {
    background: rgba(246,246,249,0.2)
}

.basic_alert .btn_area>button:disabled {
    border-color: #D5D7DC;
    color: rgba(23,25,28,0.3);
    cursor: default
}

html[dark=true] .basic_alert .btn_area>button:disabled,body.thema_dark .basic_alert .btn_area>button:disabled {
    border-color: #464A53
}

html[dark=true] .basic_alert .btn_area>button:disabled,body.thema_dark .basic_alert .btn_area>button:disabled {
    color: rgba(246,246,249,0.3)
}

.basic_alert .btn_area>button.tertiary {
    background: #E2E4E9 !important;
    border: 0 !important;
    color: #17191c !important
}

html[dark=true] .basic_alert .btn_area>button.tertiary,body.thema_dark .basic_alert .btn_area>button.tertiary {
    background: #3B3D45 !important
}

html[dark=true] .basic_alert .btn_area>button.tertiary,body.thema_dark .basic_alert .btn_area>button.tertiary {
    color: #E2E4E9 !important
}

.basic_alert .btn_area>button.tertiary:hover {
    background: #DADDE2 !important
}

html[dark=true] .basic_alert .btn_area>button.tertiary:hover,body.thema_dark .basic_alert .btn_area>button.tertiary:hover {
    background: #4E5057 !important
}

.basic_alert .btn_area>button.tertiary:active {
    background: #A6A7AC !important
}

html[dark=true] .basic_alert .btn_area>button.tertiary:active,body.thema_dark .basic_alert .btn_area>button.tertiary:active {
    background: #73757B !important
}

.basic_alert .btn_area>button.tertiary:disabled {
    background: #EEEFF1 !important;
    color: rgba(23,25,28,0.3) !important;
    cursor: default
}

html[dark=true] .basic_alert .btn_area>button.tertiary:disabled,body.thema_dark .basic_alert .btn_area>button.tertiary:disabled {
    background: #464A53 !important
}

html[dark=true] .basic_alert .btn_area>button.tertiary:disabled,body.thema_dark .basic_alert .btn_area>button.tertiary:disabled {
    color: rgba(246,246,249,0.3) !important
}

.basic_alert .btn_area>button.primary {
    background: #0182FF;
    border: 0;
    color: #FCFCFD
}

html[dark=true] .basic_alert .btn_area>button.primary,body.thema_dark .basic_alert .btn_area>button.primary {
    background: #0182FF
}

html[dark=true] .basic_alert .btn_area>button.primary,body.thema_dark .basic_alert .btn_area>button.primary {
    color: #FCFCFD
}

.basic_alert .btn_area>button.primary:hover {
    background: #0377E9
}

html[dark=true] .basic_alert .btn_area>button.primary:hover,body.thema_dark .basic_alert .btn_area>button.primary:hover {
    background: #0377E9
}

.basic_alert .btn_area>button.primary:active {
    background: #066DD2
}

html[dark=true] .basic_alert .btn_area>button.primary:active,body.thema_dark .basic_alert .btn_area>button.primary:active {
    background: #066DD2
}

.basic_alert .btn_area>button.primary:disabled {
    background: #EEEFF1;
    color: rgba(23,25,28,0.3)
}

html[dark=true] .basic_alert .btn_area>button.primary:disabled,body.thema_dark .basic_alert .btn_area>button.primary:disabled {
    background: #464A53
}

html[dark=true] .basic_alert .btn_area>button.primary:disabled,body.thema_dark .basic_alert .btn_area>button.primary:disabled {
    color: rgba(246,246,249,0.3)
}

.basic_alert .btn_close {
    position: absolute;
    top: 15px;
    right: 20px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10.75 10.754 14.5 14.5M25.25 10.754l-14.5 14.5'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    width: 36px;
    height: 36px;
    font: 0/0 a
}

.select_box_item .select_list {
    background: #fff !important
}

html[dark=true] .select_box_item .select_list,body.thema_dark .select_box_item .select_list {
    background: #1C1E22 !important
}

.select_box_item.full .select_list li button {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._share_layer {
    position: absolute;
    background: #fff;
    min-width: 364px;
    padding-bottom: 32px;
    border-radius: 12px;
    border: 1px solid #D5D7DC;
    border-radius: 12px;
    z-index: 15;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.04),0px 4px 12px 0px rgba(0,0,0,0.12)
}

html[dark=true] ._share_layer,body.thema_dark ._share_layer {
    background: #1C1E22
}

html[dark=true] ._share_layer,body.thema_dark ._share_layer {
    border: 1px solid #2B2E33
}

._share_layer .title {
    padding: 24px 32px
}

._share_layer .title h3 {
    color: #17191C;
    font-size: 18px;
    font-weight: 600
}

html[dark=true] ._share_layer .title h3,body.thema_dark ._share_layer .title h3 {
    color: #E2E4E9
}

._share_layer .close_layer {
    position: absolute;
    top: 23px;
    right: 26px;
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m4.75 4.754 14.5 14.5M19.25 4.754l-14.5 14.5' stroke='%23525661' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    font: 0/0 a
}

html[dark=true] ._share_layer .close_layer,body.thema_dark ._share_layer .close_layer {
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m4.75 4.754 14.5 14.5M19.25 4.754l-14.5 14.5' stroke='%23D5D7DC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}

._share_layer .share_tab {
    display: flex;
    margin: 0 32px 24px;
    border-bottom: 1px solid #E3E5E8
}

html[dark=true] ._share_layer .share_tab,body.thema_dark ._share_layer .share_tab {
    border-bottom: 1px solid #373A41
}

._share_layer .share_tab button {
    display: flex;
    align-items: center;
    position: relative;
    height: 40px;
    padding: 0 28px;
    color: #525661;
    font-size: 16px
}

html[dark=true] ._share_layer .share_tab button,body.thema_dark ._share_layer .share_tab button {
    color: #D5D7DC
}

._share_layer .share_tab button:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #0182FF;
    width: 0;
    height: 2px;
    transition: width 0.2s cubic-bezier(0, 1, 0.66, 1.1)
}

._share_layer .share_tab button.on {
    color: #0182FF;
    font-weight: 600
}

html[dark=true] ._share_layer .share_tab button.on,body.thema_dark ._share_layer .share_tab button.on {
    color: #0182FF
}

._share_layer .share_tab button.on:before {
    width: 100%
}

._share_layer ._share_type ._list {
    padding: 0 32px;
    text-align: center;
    font-size: 0;
    line-height: 0
}

._share_layer ._share_type ._list>button {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

._share_layer ._share_type ._list>button:not(:first-child) {
    margin-left: 20px
}

._share_layer ._share_type ._list .copy_inp {
    margin-top: 24px
}

._share_layer ._share_type ._copy {
    display: none;
    margin: 0 32px
}

._share_layer ._share_type .copy_inp {
    display: flex;
    margin-top: 12px
}

._share_layer ._share_type .copy_inp input[type=text] {
    background: transparent;
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #D5D7DC;
    border-radius: 6px;
    color: #757B8A;
    font-size: 14px
}

html[dark=true] ._share_layer ._share_type .copy_inp input[type=text],body.thema_dark ._share_layer ._share_type .copy_inp input[type=text] {
    border: 1px solid #464A53
}

html[dark=true] ._share_layer ._share_type .copy_inp input[type=text],body.thema_dark ._share_layer ._share_type .copy_inp input[type=text] {
    color: #9196A1
}

._share_layer ._share_type .copy_inp .btn {
    flex: 0 0 auto;
    background: #EEEFF1;
    height: 42px;
    margin-left: 10px;
    padding: 0 18px;
    border-radius: 10px;
    color: #525661;
    font-size: 16px
}

html[dark=true] ._share_layer ._share_type .copy_inp .btn,body.thema_dark ._share_layer ._share_type .copy_inp .btn {
    background: #464A53
}

html[dark=true] ._share_layer ._share_type .copy_inp .btn,body.thema_dark ._share_layer ._share_type .copy_inp .btn {
    color: #D5D7DC
}

._share_layer ._share_type .shareCheck_area {
    display: flex;
    flex-wrap: wrap;
    gap: 0 16px;
    margin-top: 14px
}

._share_layer ._share_type .check_box {
    display: flex;
    align-items: center;
    position: relative;
    text-align: left;
    color: #757B8A;
    font-size: 13px
}

html[dark=true] ._share_layer ._share_type .check_box,body.thema_dark ._share_layer ._share_type .check_box {
    color: #9196A1
}

._share_layer ._share_type .check_box input[type=checkbox] {
    position: absolute;
    top: 0;
    left: -9999em;
    opacity: 0
}

._share_layer ._share_type .check_box label {
    display: inline-flex;
    align-items: center;
    color: #757B8A;
    font-size: 13px
}

html[dark=true] ._share_layer ._share_type .check_box label,body.thema_dark ._share_layer ._share_type .check_box label {
    color: #9196A1
}

._share_layer ._share_type .check_box label:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3crect width='15' height='15' x='2.5' y='2.5' stroke='%23D5D7DC' rx='2.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    margin-right: 6px
}

html[dark=true] ._share_layer ._share_type .check_box label:before,body.thema_dark ._share_layer ._share_type .check_box label:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3crect width='15' height='15' x='2.5' y='2.5' stroke='%23464A53' rx='2.5'/%3e%3c/svg%3e")
}

._share_layer ._share_type .check_box input[type=checkbox]:checked+label:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3crect width='15' height='15' x='2.5' y='2.5' fill='%230182FF' stroke='%230182FF' rx='2.5'/%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M14.713 6.222c.36.315.385.85.056 1.196L8.502 14l-3.167-2.672a.824.824 0 0 1-.144-1.19A.908.908 0 0 1 6.43 10l1.878 1.692 5.157-5.416a.909.909 0 0 1 1.247-.054Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

html[dark=true] ._share_layer ._share_type .check_box input[type=checkbox]:checked+label:before,body.thema_dark ._share_layer ._share_type .check_box input[type=checkbox]:checked+label:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3crect width='15' height='15' x='2.5' y='2.5' fill='%230182FF' stroke='%230182FF' rx='2.5'/%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M14.713 6.222c.36.315.385.85.056 1.196L8.502 14l-3.167-2.672a.824.824 0 0 1-.144-1.19A.908.908 0 0 1 6.43 10l1.878 1.692 5.157-5.416a.909.909 0 0 1 1.247-.054Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

._share_layer ._share_type .check_box .start_time_input {
    color: #17191c;
    margin-right: 3px
}

html[dark=true] ._share_layer ._share_type .check_box .start_time_input,body.thema_dark ._share_layer ._share_type .check_box .start_time_input {
    color: #E2E4E9
}

._share_layer ._share_type .check_box .start_time_input[type=text] {
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 70px;
    height: 30px;
    margin-right: 6px;
    padding: 4px 7px;
    border: 1px solid #ACB0B9;
    border-radius: 6px;
    box-sizing: border-box;
    text-align: left
}

._share_layer ._share_type .check_box .start_time_input[type=text].invalid {
    background: #FF2F001A;
    border-color: #FF2F0080
}

._share_layer ._share_type .check_box input[type=checkbox]:checked+label[for=start_time] ~ .start_time_input[type=text] {
    display: inline-flex
}

._share_layer ._share_type .check_box input[type=checkbox]:checked+label[for=start_time] ~ span.start_time_input {
    display: none
}

.list_add_layer {
    position: relative;
    background: #fff;
    width: 400px;
    padding: 32px 0;
    border: 1px solid transparent;
    border-color: rgba(117,123,138,0.2);
    border-radius: 12px
}

html[dark=true] .list_add_layer,body.thema_dark .list_add_layer {
    background: #1C1E22
}

html[dark=true] .list_add_layer,body.thema_dark .list_add_layer {
    border-color: rgba(117,123,138,0.3)
}

.list_add_layer h3 {
    padding: 0 32px 16px 32px;
    color: #17191C;
    font-size: 18px;
    font-weight: 600
}

html[dark=true] .list_add_layer h3,body.thema_dark .list_add_layer h3 {
    color: #E2E4E9
}

.list_add_layer .list_box {
    overflow: auto;
    max-height: 292px;
    padding: 0 32px
}

.list_add_layer .list_box li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 42px
}

.list_add_layer .list_box li input[type=checkbox] {
    position: absolute;
    top: 0;
    left: -999em;
    visibility: hidden;
    opacity: 0
}

.list_add_layer .list_box li input[type=checkbox]:checked+label {
    color: #0182FF
}

.list_add_layer .list_box li input[type=checkbox]:checked+label:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 8'%3e%3cpath fill='%230182FF' fill-rule='evenodd' d='M9.713.222c.36.315.385.85.056 1.196L3.502 8 .335 5.328a.824.824 0 0 1-.144-1.19A.908.908 0 0 1 1.43 4l1.878 1.692L8.466.276A.909.909 0 0 1 9.713.222Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-size: 10px 8px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-color: #0182FF
}

.list_add_layer .list_box li label {
    flex: 1 1 auto;
    position: relative;
    overflow: hidden;
    padding-left: 26px;
    color: #525661;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
    text-overflow: ellipsis
}

html[dark=true] .list_add_layer .list_box li label,body.thema_dark .list_add_layer .list_box li label {
    color: #D5D7DC
}

.list_add_layer .list_box li label:before {
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    margin: 0 6px 0 2px;
    border-radius: 3px;
    border: 1px solid transparent;
    border-color: #D5D7DC;
    box-sizing: border-box;
    transform: translateY(-50%)
}

html[dark=true] .list_add_layer .list_box li label:before,body.thema_dark .list_add_layer .list_box li label:before {
    border-color: #464A53
}

.list_add_layer .list_box li input[type=checkbox]:disabled+label {
    color: #ACB0B9;
    cursor: default
}

html[dark=true] .list_add_layer .list_box li input[type=checkbox]:disabled+label,body.thema_dark .list_add_layer .list_box li input[type=checkbox]:disabled+label {
    color: #757B8A
}

.list_add_layer .list_box li input[type=checkbox]:disabled+label:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3e%3cpath fill='%23E2E4E9' fill-rule='evenodd' d='M9.713.222c.36.315.385.85.056 1.196L3.502 8 .335 5.328a.824.824 0 0 1-.144-1.19A.908.908 0 0 1 1.43 4l1.878 1.692L8.466.276A.909.909 0 0 1 9.713.222Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-size: 10px 8px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #EEEFF1;
    border-color: rgba(117,123,138,0.1)
}

html[dark=true] .list_add_layer .list_box li input[type=checkbox]:disabled+label:before,body.thema_dark .list_add_layer .list_box li input[type=checkbox]:disabled+label:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' fill='none'%3e%3cpath fill='%23464A53' fill-rule='evenodd' d='M9.713.222c.36.315.385.85.056 1.196L3.502 8 .335 5.328a.824.824 0 0 1-.144-1.19A.908.908 0 0 1 1.43 4l1.878 1.692L8.466.276A.909.909 0 0 1 9.713.222Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

html[dark=true] .list_add_layer .list_box li input[type=checkbox]:disabled+label:before,body.thema_dark .list_add_layer .list_box li input[type=checkbox]:disabled+label:before {
    background-color: #232529
}

html[dark=true] .list_add_layer .list_box li input[type=checkbox]:disabled+label:before,body.thema_dark .list_add_layer .list_box li input[type=checkbox]:disabled+label:before {
    border-color: rgba(117,123,138,0.1)
}

.list_add_layer .list_box li span.hidden {
    flex-shrink: 0;
    height: 19px;
    padding: 0 5px;
    border-radius: 20px;
    border: 1px solid transparent;
    border-color: #E2E4E9;
    color: #ACB0B9;
    font-size: 11px;
    line-height: 19px;
    font-weight: 500
}

html[dark=true] .list_add_layer .list_box li span.hidden,body.thema_dark .list_add_layer .list_box li span.hidden {
    border-color: #464A53
}

html[dark=true] .list_add_layer .list_box li span.hidden,body.thema_dark .list_add_layer .list_box li span.hidden {
    color: #757B8A
}

.list_add_layer .btn_area {
    padding: 0 32px
}

.list_add_layer .btn_area .new_list_add {
    display: flex;
    align-items: center;
    margin-top: 12px;
    color: #525661;
    font-size: 13px
}

html[dark=true] .list_add_layer .btn_area .new_list_add,body.thema_dark .list_add_layer .btn_area .new_list_add {
    color: #D5D7DC
}

.list_add_layer .btn_area .new_list_add::before {
    content: "";
    display: inline-block;
    background-color: rgba(246,246,249,0.8);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 10'%3e%3cpath fill='%232F3137' stroke='%232F3137' stroke-width='.2' d='M5.485.78a.485.485 0 0 0-.962-.086l-.001.009-.006.069V4.516H.77l-.069.006-.008.001a.485.485 0 0 0 .087.962v-.1.1h3.734V9.22h.1-.1a.485.485 0 0 0 .962.087l.001-.01.006-.068V5.485H9.23l.069-.007.008-.001a.485.485 0 0 0-.087-.961H5.485V.78Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 50%
}

html[dark=true] .list_add_layer .btn_area .new_list_add::before,body.thema_dark .list_add_layer .btn_area .new_list_add::before {
    background-color: rgba(70,74,83,0.9)
}

html[dark=true] .list_add_layer .btn_area .new_list_add::before,body.thema_dark .list_add_layer .btn_area .new_list_add::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 10'%3e%3cpath fill='%23E2E4E9' stroke='%23E2E4E9' stroke-width='.2' d='M5.485.78a.485.485 0 0 0-.962-.086l-.001.009-.006.069V4.516H.77l-.069.006-.008.001a.485.485 0 0 0 .087.962v-.1.1h3.734V9.22h.1-.1a.485.485 0 0 0 .962.087l.001-.01.006-.068V5.485H9.23l.069-.007.008-.001a.485.485 0 0 0-.087-.961H5.485V.78Z'/%3e%3c/svg%3e")
}

.list_add_layer .btn_area .submit {
    background: #0182FF;
    width: 100%;
    height: 44px;
    margin-top: 24px;
    border-radius: 10px;
    color: #fcfcfd;
    font-size: 16px
}

.list_add_layer .close_layer {
    position: absolute;
    top: 32px;
    right: 32px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 17'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m.75.754 14.5 14.5M15.25.754l-14.5 14.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 16px 17px;
    width: 24px;
    height: 24px;
    font: 0/0 a
}

html[dark=true] .list_add_layer .close_layer,body.thema_dark .list_add_layer .close_layer {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 17'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m.75.754 14.5 14.5M15.25.754l-14.5 14.5'/%3e%3c/svg%3e")
}

.new_list_add_layer {
    position: relative;
    background: #fff;
    width: 400px;
    padding: 32px;
    border: 1px solid transparent;
    border-color: rgba(117,123,138,0.2);
    border-radius: 12px
}

html[dark=true] .new_list_add_layer,body.thema_dark .new_list_add_layer {
    background: #1C1E22
}

html[dark=true] .new_list_add_layer,body.thema_dark .new_list_add_layer {
    border-color: rgba(117,123,138,0.3)
}

.new_list_add_layer h3 {
    padding-bottom: 16px;
    color: #17191C;
    font-size: 18px;
    font-weight: 600
}

html[dark=true] .new_list_add_layer h3,body.thema_dark .new_list_add_layer h3 {
    color: #E2E4E9
}

.new_list_add_layer h3::placeholder {
    color: #ACB0B9
}

html[dark=true] .new_list_add_layer h3::placeholder,body.thema_dark .new_list_add_layer h3::placeholder {
    color: #757B8A
}

.new_list_add_layer .title {
    position: relative
}

.new_list_add_layer .title+.select_area {
    margin-top: 12px;
    border-top: 1px solid transparent;
    border-color: rgba(117,123,138,0.1)
}

html[dark=true] .new_list_add_layer .title+.select_area,body.thema_dark .new_list_add_layer .title+.select_area {
    border-color: rgba(117,123,138,0.3)
}

.new_list_add_layer .title input[type=text] {
    width: 100%;
    height: 40px;
    border-radius: 6px;
    padding: 11px 37px 11px 12px;
    border: 1px solid transparent;
    border-color: #D5D7DC;
    color: #525661;
    box-sizing: border-box
}

html[dark=true] .new_list_add_layer .title input[type=text],body.thema_dark .new_list_add_layer .title input[type=text] {
    border-color: rgba(117,123,138,0.3)
}

html[dark=true] .new_list_add_layer .title input[type=text],body.thema_dark .new_list_add_layer .title input[type=text] {
    color: #D5D7DC
}

.new_list_add_layer .title .bytes {
    display: block;
    padding-top: 3px;
    color: #ACB0B9;
    font-size: 13px;
    text-align: right;
    letter-spacing: -.5px
}

html[dark=true] .new_list_add_layer .title .bytes,body.thema_dark .new_list_add_layer .title .bytes {
    color: #757B8A
}

.new_list_add_layer .title .bytes em {
    color: #525661
}

html[dark=true] .new_list_add_layer .title .bytes em,body.thema_dark .new_list_add_layer .title .bytes em {
    color: #D5D7DC
}

.new_list_add_layer .title .delete {
    position: absolute;
    top: 10px;
    right: 12px;
    background: #ACB0B9 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 9'%3e%3cpath fill='%23E2E4E9' fill-rule='evenodd' d='M7.925.854a.5.5 0 1 0-.707-.708L4.07 3.293.925.146a.5.5 0 0 0-.707.708L3.364 4 .146 7.218a.5.5 0 1 0 .708.707L4.07 4.707 7.29 7.925a.5.5 0 1 0 .707-.707L4.778 4 7.925.854Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 6px !important;
    background-repeat: no-repeat !important;
    background-size: 9px 9px !important;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font: 0/0 a
}

html[dark=true] .new_list_add_layer .title .delete,body.thema_dark .new_list_add_layer .title .delete {
    background: #9196A1 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 9'%3e%3cpath fill='%23464A53' fill-rule='evenodd' d='M7.925.854a.5.5 0 1 0-.707-.708L4.07 3.293.925.146a.5.5 0 0 0-.707.708L3.364 4 .146 7.218a.5.5 0 1 0 .708.707L4.07 4.707 7.29 7.925a.5.5 0 1 0 .707-.707L4.778 4 7.925.854Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

.new_list_add_layer .select_area ul {
    margin-top: 12px
}

.new_list_add_layer .select_area ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 42px;
    margin: 0 4px
}

.new_list_add_layer .select_area ul li span {
    color: #757B8A;
    font-size: 14px
}

html[dark=true] .new_list_add_layer .select_area ul li span,body.thema_dark .new_list_add_layer .select_area ul li span {
    color: #9196A1
}

.new_list_add_layer .select_area ul li .switch {
    display: block;
    position: relative;
    width: 40px;
    height: 22px
}

.new_list_add_layer .select_area ul li .switch em {
    display: block;
    position: relative;
    background: #E2E4E9;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    transition: .2s;
    cursor: pointer
}

html[dark=true] .new_list_add_layer .select_area ul li .switch em,body.thema_dark .new_list_add_layer .select_area ul li .switch em {
    background: #3B3D45
}

.new_list_add_layer .select_area ul li .switch em::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 3px;
    background: #fff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: .2s
}

.new_list_add_layer .select_area ul li .switch input[type=checkbox] {
    display: none
}

.new_list_add_layer .select_area ul li .switch input[type=checkbox]:checked+em {
    background: #0182FF
}

.new_list_add_layer .select_area ul li .switch input[type=checkbox]:checked+em::after {
    left: calc(100% - 18px)
}

.new_list_add_layer ._btn_primary {
    background: #0182FF;
    width: 100%;
    height: 44px;
    margin-top: 24px;
    border-radius: 10px;
    color: #fcfcfd;
    font-size: 16px
}

.new_list_add_layer ._btn_primary:hover {
    background: #0377E9
}

.new_list_add_layer ._btn_primary:active {
    background: #066DD2
}

.new_list_add_layer ._btn_primary:disabled {
    background: #EEEFF1;
    color: rgba(23,25,28,0.3);
    cursor: default
}

.new_list_add_layer .close_layer {
    position: absolute;
    top: 32px;
    right: 32px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 17'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m.75.754 14.5 14.5M15.25.754l-14.5 14.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 16px 17px;
    width: 24px;
    height: 24px;
    font: 0/0 a
}

html[dark=true] .new_list_add_layer .close_layer,body.thema_dark .new_list_add_layer .close_layer {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 17'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m.75.754 14.5 14.5M15.25.754l-14.5 14.5'/%3e%3c/svg%3e")
}

._note_layer {
    position: absolute;
    background: #fff;
    width: 420px;
    padding: 31px;
    border-radius: 12px;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 12px;
    box-sizing: border-box;
    z-index: 15;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15)
}

html[dark=true] ._note_layer,body.thema_dark ._note_layer {
    background: #1C1E22
}

html[dark=true] ._note_layer,body.thema_dark ._note_layer {
    border: 1px solid rgba(117,123,138,0.3)
}

._note_layer .close_layer {
    position: absolute;
    top: 30px;
    right: 30px;
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m4.75 4.754 14.5 14.5M19.25 4.754l-14.5 14.5' stroke='%23525661' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    font: 0/0 a
}

html[dark=true] ._note_layer .close_layer,body.thema_dark ._note_layer .close_layer {
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m4.75 4.754 14.5 14.5M19.25 4.754l-14.5 14.5' stroke='%23D5D7DC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}

._note_layer .title {
    padding: 0 0 15px
}

._note_layer .title h3 {
    color: #17191C;
    font-size: 18px;
    font-weight: 600
}

html[dark=true] ._note_layer .title h3,body.thema_dark ._note_layer .title h3 {
    color: #E2E4E9
}

._note_layer .conts {
    padding-top: 10px
}

._note_layer .conts>dl {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
    line-height: 1.4
}

._note_layer .conts>dl:first-of-type {
    margin-top: 0
}

._note_layer .conts>dl dt {
    flex: 0 0 auto;
    display: flex;
    align-items: center
}

._note_layer .conts>dl dt strong {
    color: #525661;
    font-size: 14px;
    font-weight: 400
}

html[dark=true] ._note_layer .conts>dl dt strong,body.thema_dark ._note_layer .conts>dl dt strong {
    color: #D5D7DC
}

._note_layer .conts>dl dt .file_size {
    margin-left: auto;
    color: #757B8A;
    font-size: 12px
}

html[dark=true] ._note_layer .conts>dl dt .file_size,body.thema_dark ._note_layer .conts>dl dt .file_size {
    color: #9196A1
}

._note_layer .conts>dl dt .file_size.on em {
    color: #17191C
}

html[dark=true] ._note_layer .conts>dl dt .file_size.on em,body.thema_dark ._note_layer .conts>dl dt .file_size.on em {
    color: #E2E4E9
}

._note_layer .conts>dl dd {
    margin-left: auto
}

._note_layer .conts>dl dd>span {
    color: #17191C;
    font-size: 14px
}

html[dark=true] ._note_layer .conts>dl dd>span,body.thema_dark ._note_layer .conts>dl dd>span {
    color: #FCFCFD
}

._note_layer .conts>dl dd ._textarea_field ._input_box {
    height: auto;
    padding: 11px 12px
}

._note_layer .conts>dl dd ._textarea_field ._input_box>textarea {
    height: 86px
}

._note_layer .conts>dl dd .img_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

._note_layer .conts>dl dd .img_list li {
    position: relative;
    overflow: hidden;
    width: 112px;
    height: 112px;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 10px;
    box-sizing: border-box
}

html[dark=true] ._note_layer .conts>dl dd .img_list li,body.thema_dark ._note_layer .conts>dl dd .img_list li {
    border: 1px solid rgba(117,123,138,0.3)
}

._note_layer .conts>dl dd .img_list li .add_img {
    position: relative;
    height: 100%
}

._note_layer .conts>dl dd .img_list li .add_img>input {
    position: absolute;
    top: 0;
    left: -9999em;
    opacity: 0
}

._note_layer .conts>dl dd .img_list li .add_img label {
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3e%3cpath fill='%23ACB0B9' d='M13 0c.54 0 .99.39 1.082.902l.018.198v10.798l10.8.002a1.1 1.1 0 0 1 .198 2.182l-.198.018-10.8-.002V24.9a1.1 1.1 0 0 1-2.182.198L11.9 24.9V14.098L1.1 14.1a1.1 1.1 0 0 1-.198-2.182L1.1 11.9l10.8-.002V1.1A1.1 1.1 0 0 1 13 0Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 26px 26px;
    width: 100%;
    height: 100%;
    font-size: 0
}

html[dark=true] ._note_layer .conts>dl dd .img_list li .add_img label,body.thema_dark ._note_layer .conts>dl dd .img_list li .add_img label {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3e%3cpath fill='%23B3B3B3' d='M13 0c.54 0 .99.39 1.082.902l.018.198v10.798l10.8.002a1.1 1.1 0 0 1 .198 2.182l-.198.018-10.8-.002V24.9a1.1 1.1 0 0 1-2.182.198L11.9 24.9V14.098L1.1 14.1a1.1 1.1 0 0 1-.198-2.182L1.1 11.9l10.8-.002V1.1A1.1 1.1 0 0 1 13 0Z'/%3e%3c/svg%3e")
}

._note_layer .conts>dl dd .img_list li .img_box {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 1
}

html[dark=true] ._note_layer .conts>dl dd .img_list li .img_box,body.thema_dark ._note_layer .conts>dl dd .img_list li .img_box {
    background: #1C1E22
}

._note_layer .conts>dl dd .img_list li .img_box>img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

._note_layer .conts>dl dd .img_list li .btn_del {
    position: absolute;
    top: 7px;
    right: 7px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3crect width='24' height='24' fill='%2317191C' fill-opacity='.9' rx='12'/%3e%3cpath fill='%23FCFCFD' d='M16.354 8.041a.5.5 0 0 0-.708-.707l.708.707Zm-8.708 7.293a.5.5 0 0 0 .708.707l-.708-.707Zm8 .707a.5.5 0 0 0 .708-.707l-.708.707ZM8.354 7.334a.5.5 0 1 0-.708.707l.708-.707Zm7.292 0-8 8 .708.707 8-8-.708-.707Zm.708 8-8-8-.708.707 8 8 .708-.707Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    font: 0/0 a;
    z-index: 2
}

html[dark=true] ._note_layer .conts>dl dd .img_list li .btn_del,body.thema_dark ._note_layer .conts>dl dd .img_list li .btn_del {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3crect width='24' height='24' fill='%2317191C' fill-opacity='.9' rx='12'/%3e%3cpath fill='%23FCFCFD' d='M16.354 8.041a.5.5 0 0 0-.708-.707l.708.707Zm-8.708 7.293a.5.5 0 0 0 .708.707l-.708-.707Zm8 .707a.5.5 0 0 0 .708-.707l-.708.707ZM8.354 7.334a.5.5 0 1 0-.708.707l.708-.707Zm7.292 0-8 8 .708.707 8-8-.708-.707Zm.708 8-8-8-.708.707 8 8 .708-.707Z'/%3e%3c/svg%3e")
}

._note_layer .conts>dl.message,._note_layer .conts>dl.img_file {
    display: block
}

._note_layer .conts>dl.message dd,._note_layer .conts>dl.img_file dd {
    margin-top: 8px
}

._note_layer .btn_area {
    display: flex;
    margin-top: 24px
}

._note_layer .btn_area>button {
    width: 100%;
    height: 44px;
    margin-left: 10px;
    border-radius: 10px;
    font-size: 16px;
    transition: all .2s ease-in-out
}

._note_layer .btn_area>button:first-of-type {
    margin-left: 0
}

._note_layer .btn_area ._btn_line {
    border: 1px solid #D5D7DC;
    color: #D5D7DC
}

html[dark=true] ._note_layer .btn_area ._btn_line,body.thema_dark ._note_layer .btn_area ._btn_line {
    border: 1px solid #464A53
}

html[dark=true] ._note_layer .btn_area ._btn_line,body.thema_dark ._note_layer .btn_area ._btn_line {
    color: #E2E4E9
}

._note_layer .btn_area ._btn_line:hover {
    background: rgba(145,150,161,0.1)
}

html[dark=true] ._note_layer .btn_area ._btn_line:hover,body.thema_dark ._note_layer .btn_area ._btn_line:hover {
    background: rgba(246,246,249,0.1)
}

._note_layer .btn_area ._btn_line:active {
    background: rgba(23,25,28,0.3)
}

html[dark=true] ._note_layer .btn_area ._btn_line:active,body.thema_dark ._note_layer .btn_area ._btn_line:active {
    background: rgba(246,246,249,0.3)
}

._note_layer .btn_area ._btn_primary {
    background: #0182FF;
    color: #FCFCFD
}

._note_layer .btn_area ._btn_primary:hover {
    background: #0377E9
}

._note_layer .btn_area ._btn_primary:active {
    background: #066DD2
}

._note_layer .btn_area ._btn_primary:disabled {
    background: #EEEFF1;
    color: rgba(23,25,28,0.3);
    cursor: default
}

._awakened_layer {
    position: relative;
    background: #fff;
    width: 396px;
    padding: 31px;
    border-radius: 12px;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 12px;
    box-sizing: border-box;
    z-index: 15;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15)
}

html[dark=true] ._awakened_layer,body.thema_dark ._awakened_layer {
    background: #1C1E22
}

html[dark=true] ._awakened_layer,body.thema_dark ._awakened_layer {
    border: 1px solid rgba(117,123,138,0.3)
}

._awakened_layer .title {
    padding-bottom: 16px
}

._awakened_layer .title h3 {
    text-align: center;
    color: #17191c;
    font-size: 18px;
    font-weight: 600
}

html[dark=true] ._awakened_layer .title h3,body.thema_dark ._awakened_layer .title h3 {
    color: #E2E4E9
}

._awakened_layer .conts .message {
    color: #525661;
    font-size: 15px;
    line-height: 1.4;
    text-align: center
}

html[dark=true] ._awakened_layer .conts .message,body.thema_dark ._awakened_layer .conts .message {
    color: #D5D7DC
}

._awakened_layer .conts .message:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none'%3e%3cpath stroke='%23E2E4E9' stroke-width='3' d='M1.5 32C1.5 15.155 15.155 1.5 32 1.5S62.5 15.155 62.5 32 48.845 62.5 32 62.5 1.5 48.845 1.5 32Z'/%3e%3cpath stroke='%2344A3FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m20 31.161 7.689 7.727L42 23.998'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    margin: 10px auto 18px
}

html[dark=true] ._awakened_layer .conts .message:before,body.thema_dark ._awakened_layer .conts .message:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none'%3e%3cpath stroke='%23464A53' stroke-width='3' d='M1.5 32C1.5 15.155 15.155 1.5 32 1.5S62.5 15.155 62.5 32 48.845 62.5 32 62.5 1.5 48.845 1.5 32Z'/%3e%3cpath stroke='%2344A3FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m20 31.161 7.689 7.727L42 23.998'/%3e%3c/svg%3e")
}

._awakened_layer .btn_area {
    padding-top: 24px
}

._awakened_layer .btn_area>button {
    width: 100%;
    height: 44px;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 16px;
    transition: all .2s ease-in-out
}

._awakened_layer .btn_area ._btn_line {
    border: 1px solid #D5D7DC;
    color: #D5D7DC
}

html[dark=true] ._awakened_layer .btn_area ._btn_line,body.thema_dark ._awakened_layer .btn_area ._btn_line {
    border: 1px solid #464A53
}

html[dark=true] ._awakened_layer .btn_area ._btn_line,body.thema_dark ._awakened_layer .btn_area ._btn_line {
    color: #E2E4E9
}

._awakened_layer .btn_area ._btn_line:hover {
    background: rgba(145,150,161,0.1)
}

html[dark=true] ._awakened_layer .btn_area ._btn_line:hover,body.thema_dark ._awakened_layer .btn_area ._btn_line:hover {
    background: rgba(246,246,249,0.1)
}

._awakened_layer .btn_area ._btn_line:active {
    background: rgba(23,25,28,0.3)
}

html[dark=true] ._awakened_layer .btn_area ._btn_line:active,body.thema_dark ._awakened_layer .btn_area ._btn_line:active {
    background: rgba(246,246,249,0.3)
}

[id^=emoticonArea] #emoticonBox {
    position: relative;
    overflow: hidden;
    width: 246px;
    height: 292px;
    border: 1px solid #898687;
    background: #fff;
    z-index: 100
}

[id^=emoticonArea] #emoticonBox img {
    border: none
}

[id^=emoticonArea] #emoticonBox h1 {
    height: 30px;
    line-height: 32px;
    text-align: center;
    border-bottom: 1px solid #d7d7d7;
    color: #434343;
    font-weight: bold;
    font-size: 12px
}

[id^=emoticonArea] #emoticonBox .tab_area {
    height: 30px;
    border-bottom: 1px solid #d7d7d7
}

[id^=emoticonArea] #emoticonBox .tab_area ul {
    overflow: hidden
}

[id^=emoticonArea] #emoticonBox .tab_area ul li {
    float: left;
    font-family: 'NGB'
}

[id^=emoticonArea] #emoticonBox .tab_area ul li a {
    display: block;
    padding: 0 15px;
    line-height: 30px;
    height: 30px;
    color: #000;
    text-decoration: none
}

[id^=emoticonArea] #emoticonBox .tab_area ul li.on a {
    padding: 0 15px;
    height: 29px;
    border-bottom: 2px solid #3d82f7;
    color: #3d82f7
}

[id^=emoticonArea] #emoticonBox .scroll_area {
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 260px;
    padding: 0 0 12px 12px
}

[id^=emoticonArea] #emoticonBox .scroll_area .sg_area {
    overflow: hidden;
    padding: 0 0 10px 12px;
    margin: -2px 0 0 -12px
}

[id^=emoticonArea] #emoticonBox .scroll_area span {
    overflow: hidden;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 12px 5px 0 0;
    font-size: 0
}

[id^=emoticonArea] #emoticonBox .scroll_area span a {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border: solid 1px transparent
}

[id^=emoticonArea] #emoticonBox .scroll_area span a:hover {
    background: #ededed;
    border: solid 1px #d0d0d0;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.2)
}

[id^=emoticonArea] #emoticonBox .scroll_area span a img {
    width: 26px;
    height: 26px;
    margin: 0 auto
}

[id^=emoticonArea] #emoticonBox .scroll_area::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: transparent
}

[id^=emoticonArea] #emoticonBox .scroll_area::-webkit-scrollbar-thumb {
    background: #e4e4e4;
    border-radius: 6px
}

[id^=emoticonArea] #emoticonBox .scroll_area::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 6px
}

[id^=emoticonArea] #emoticonBox .scroll_area:hover::-webkit-scrollbar-thumb {
    background: #bbb !important
}

[id^=emoticonArea] #emoticonBox .btn_close {
    position: absolute;
    top: 3px;
    right: 0
}

[id^=emoticonArea] #emoticonBox .btn_close a {
    display: block;
    width: 23px;
    height: 23px;
    text-indent: -9999px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3e%3cpath d='m17.863 14.984 11.518 11.518c0.795 0.795 0.795 2.084 0 2.879s-2.084 0.795-2.879 0l-11.518-11.518-11.518 11.518c-0.795 0.795-2.084 0.795-2.879 0s-0.795-2.084 0-2.879l11.518-11.518-11.518-11.518c-0.795-0.795-0.795-2.084 0-2.879s2.084-0.795 2.879 0l11.518 11.518 11.518-11.518c0.795-0.795 2.084-0.795 2.879 0s0.795 2.084 0 2.879l-11.518 11.518z' fill='%23666'/%3e%3c/svg%3e");
    background-size: 10px 10px;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

html[dark=true] [id^=emoticonArea] #emoticonBox {
    background: #1b1b1c;
    border-color: #333
}

html[dark=true] [id^=emoticonArea] #emoticonBox h1 {
    border-color: #333;
    color: #c8c8c8
}

html[dark=true] [id^=emoticonArea] #emoticonBox .scroll_area span a:hover {
    background: #333;
    border-color: #333;
    border-radius: 2px
}

html[dark=true] [id^=emoticonArea] #emoticonBox .scroll_area:hover {
    scrollbar-face-color:#4d4d4d !important;scrollbar-shadow-color:#4d4d4d !important}

html[dark=true] [id^=emoticonArea] #emoticonBox .scroll_area::-webkit-scrollbar-thumb {
    background: #222222 !important
}

html[dark=true] [id^=emoticonArea] #emoticonBox .scroll_area:hover::-webkit-scrollbar-thumb {
    background: #4d4d4d !important
}

html[dark=true] [id^=emoticonArea] #emoticonBox .scroll_area::-webkit-scrollbar-track,html[dark=true] [id^=emoticonArea] #emoticonBox .scroll_area::-webkit-scrollbar {
    background: #121213 !important
}

html[dark=true] [id^=emoticonArea] #emoticonBox .scroll_area::-webkit-scrollbar-corner {
    background: #222
}

#emoticonContainer {
    position: absolute;
    background-color: #fff;
    width: 360px;
    height: 310px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(117,123,138,0.2);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 100
}

html[dark=true] #emoticonContainer,body.thema_dark #emoticonContainer {
    background-color: #1C1E22
}

html[dark=true] #emoticonContainer,body.thema_dark #emoticonContainer {
    border-color: rgba(117,123,138,0.3)
}

#emoticonContainer #emoticonBox {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

#emoticonContainer #emoticonBox .head {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding: 10px 10px 10px 15px
}

#emoticonContainer #emoticonBox .head>h3 {
    color: #17191C;
    font-size: 16px;
    font-weight: 600
}

html[dark=true] #emoticonContainer #emoticonBox .head>h3,body.thema_dark #emoticonContainer #emoticonBox .head>h3 {
    color: #E2E4E9
}

#emoticonContainer #emoticonBox .head .btn_close {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3e%3cpath stroke='%23757B8A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6.75 6.754 14.5 14.5M21.25 6.754l-14.5 14.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 28px;
    height: 28px;
    margin-left: auto;
    font: 0/0 a
}

html[dark=true] #emoticonContainer #emoticonBox .head .btn_close,body.thema_dark #emoticonContainer #emoticonBox .head .btn_close {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3e%3cpath stroke='%23ACB0B9' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6.75 6.754 14.5 14.5M21.25 6.754l-14.5 14.5'/%3e%3c/svg%3e")
}

#emoticonContainer #emoticonBox .tab_area .item_list {
    flex: 0 0 auto;
    display: flex;
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 1px solid rgba(117,123,138,0.2)
}

html[dark=true] #emoticonContainer #emoticonBox .tab_area .item_list,body.thema_dark #emoticonContainer #emoticonBox .tab_area .item_list {
    border-bottom: 1px solid rgba(117,123,138,0.3)
}

#emoticonContainer #emoticonBox .tab_area .item_list .prev,#emoticonContainer #emoticonBox .tab_area .item_list .next {
    flex: 0 0 auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    margin-top: 6px;
    font: 0/0 a
}

#emoticonContainer #emoticonBox .tab_area .item_list .prev.off,#emoticonContainer #emoticonBox .tab_area .item_list .next.off {
    cursor: default
}

#emoticonContainer #emoticonBox .tab_area .item_list .prev {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23ACB0B9' stroke-linecap='round' stroke-linejoin='round' d='M10.5 3.5 5.5 8l5 4.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #emoticonContainer #emoticonBox .tab_area .item_list .prev,body.thema_dark #emoticonContainer #emoticonBox .tab_area .item_list .prev {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%239196A1' stroke-linecap='round' stroke-linejoin='round' d='M10.5 3.5 5.5 8l5 4.5'/%3e%3c/svg%3e")
}

#emoticonContainer #emoticonBox .tab_area .item_list .next {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23ACB0B9' stroke-linecap='round' stroke-linejoin='round' d='m5.5 12.5 5-4.5-5-4.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #emoticonContainer #emoticonBox .tab_area .item_list .next,body.thema_dark #emoticonContainer #emoticonBox .tab_area .item_list .next {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%239196A1' stroke-linecap='round' stroke-linejoin='round' d='m5.5 12.5 5-4.5-5-4.5'/%3e%3c/svg%3e")
}

#emoticonContainer #emoticonBox .tab_area .item_list .btn_market {
    flex: 0 0 auto;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M17.32 12.25h.212c.201.545.532 1.072.961 1.5h-2.035c.49-.519.742-1.122.862-1.5Zm-6.851 0h.211c.12.378.372.981.862 1.5H9.51a4.18 4.18 0 0 0 .958-1.5Zm-4.834 2.106a2.998 2.998 0 0 0-.135.894v6a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-6c0-.311-.047-.611-.135-.894-.421.23-.91.368-1.451.39.055.158.086.327.086.504v6a1.5 1.5 0 0 1-1.5 1.5h-11a1.5 1.5 0 0 1-1.5-1.5v-6c0-.177.03-.346.087-.503a3.303 3.303 0 0 1-1.452-.39Z' clip-rule='evenodd'/%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M15.5 22.75v-2.5a1.5 1.5 0 0 0-3 0v2.5h3Zm-1.5-5.5a3 3 0 0 0-3 3v4h6v-4a3 3 0 0 0-3-3ZM4.576 6.475C5.076 4.695 6.79 3.5 8.692 3.5H19.33c1.891 0 3.604 1.185 4.115 2.973l.001.003.357 1.264c.01.039.018.077.023.116l.407 1.395c.099.246.22.664.314 1.043.096.388.203.886.203 1.194 0 2.184-1.617 4.012-3.993 4.012-1.41 0-2.561-.793-3.297-1.813a3.54 3.54 0 0 1-.033.05c-.598.879-1.665 1.763-3.427 1.763s-2.83-.884-3.427-1.764a3.508 3.508 0 0 1-.032-.047C9.805 14.711 8.653 15.5 7.243 15.5c-2.376 0-3.993-1.829-3.993-4.012 0-.308.107-.804.203-1.19.096-.383.217-.8.314-1.045l.486-1.649.323-1.13Zm12.1 5.278a.75.75 0 0 1 1.467-.06C18.454 12.909 19.538 14 20.757 14c1.494 0 2.493-1.103 2.493-2.512v-.016l-.001-.011a3.689 3.689 0 0 0-.04-.268 9.359 9.359 0 0 0-.118-.537 7.522 7.522 0 0 0-.287-.946l-.454-1.556a.752.752 0 0 1-.025-.129l-.322-1.14v-.001C21.693 5.801 20.616 5 19.33 5H8.692c-1.298 0-2.372.812-2.673 1.882v.003l-.327 1.14-.497 1.687a7.954 7.954 0 0 0-.286.948c-.048.19-.09.377-.119.535a3.615 3.615 0 0 0-.04.285v.008c0 1.41.999 2.512 2.493 2.512 1.22 0 2.303-1.083 2.614-2.306a.75.75 0 0 1 1.466.06v-.004l.002.012.014.064a3.387 3.387 0 0 0 .474 1.067C12.191 13.449 12.832 14 14 14s1.809-.551 2.186-1.107a3.387 3.387 0 0 0 .49-1.131l.001-.012v.003Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 28px;
    height: 28px;
    margin: 0 2px;
    border-radius: 8px;
    font: 0/0 a;
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1)
}

html[dark=true] #emoticonContainer #emoticonBox .tab_area .item_list .btn_market,body.thema_dark #emoticonContainer #emoticonBox .tab_area .item_list .btn_market {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M17.32 12.25h.212c.201.545.532 1.072.961 1.5h-2.035c.49-.519.742-1.122.862-1.5Zm-6.851 0h.211c.12.378.372.981.862 1.5H9.51a4.18 4.18 0 0 0 .958-1.5Zm-4.834 2.106a2.998 2.998 0 0 0-.135.894v6a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-6c0-.311-.047-.611-.135-.894-.421.23-.91.368-1.451.39.055.158.086.327.086.504v6a1.5 1.5 0 0 1-1.5 1.5h-11a1.5 1.5 0 0 1-1.5-1.5v-6c0-.177.03-.346.087-.503a3.303 3.303 0 0 1-1.452-.39Z' clip-rule='evenodd'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M15.5 22.75v-2.5a1.5 1.5 0 0 0-3 0v2.5h3Zm-1.5-5.5a3 3 0 0 0-3 3v4h6v-4a3 3 0 0 0-3-3ZM4.576 6.475C5.076 4.695 6.79 3.5 8.692 3.5H19.33c1.891 0 3.604 1.185 4.115 2.973l.001.003.357 1.264c.01.039.018.077.023.116l.407 1.395c.099.246.22.664.314 1.043.096.388.203.886.203 1.194 0 2.184-1.617 4.012-3.993 4.012-1.41 0-2.561-.793-3.297-1.813a3.54 3.54 0 0 1-.033.05c-.598.879-1.665 1.763-3.427 1.763s-2.83-.884-3.427-1.764a3.508 3.508 0 0 1-.032-.047C9.805 14.711 8.653 15.5 7.243 15.5c-2.376 0-3.993-1.829-3.993-4.012 0-.308.107-.804.203-1.19.096-.383.217-.8.314-1.045l.486-1.649.323-1.13Zm12.1 5.278a.75.75 0 0 1 1.467-.06C18.454 12.909 19.538 14 20.757 14c1.494 0 2.493-1.103 2.493-2.512v-.016l-.001-.011a3.689 3.689 0 0 0-.04-.268 9.359 9.359 0 0 0-.118-.537 7.522 7.522 0 0 0-.287-.946l-.454-1.556a.752.752 0 0 1-.025-.129l-.322-1.14v-.001C21.693 5.801 20.616 5 19.33 5H8.692c-1.298 0-2.372.812-2.673 1.882v.003l-.327 1.14-.497 1.687a7.954 7.954 0 0 0-.286.948c-.048.19-.09.377-.119.535a3.615 3.615 0 0 0-.04.285v.008c0 1.41.999 2.512 2.493 2.512 1.22 0 2.303-1.083 2.614-2.306a.75.75 0 0 1 1.466.06v-.004l.002.012.014.064a3.387 3.387 0 0 0 .474 1.067C12.191 13.449 12.832 14 14 14s1.809-.551 2.186-1.107a3.387 3.387 0 0 0 .49-1.131l.001-.012v.003Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

#emoticonContainer #emoticonBox .tab_area .item_list .btn_market:hover {
    background-color: rgba(145,150,161,0.1)
}

html[dark=true] #emoticonContainer #emoticonBox .tab_area .item_list .btn_market:hover,body.thema_dark #emoticonContainer #emoticonBox .tab_area .item_list .btn_market:hover {
    background-color: rgba(246,246,249,0.1)
}

#emoticonContainer #emoticonBox .tab_area .item_list>div {
    flex: 0 1 auto;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 37px;
    margin-right: 10px
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul {
    display: flex;
    position: absolute;
    left: 0;
    width: fit-content;
    height: 100%;
    transition: all .2s ease-in-out
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li {
    flex: 0 0 auto;
    position: relative;
    margin: 0 0 7px 8px
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li:before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    background-color: #0182FF;
    width: 0;
    height: 2px;
    border-radius: 2px;
    transition: width 0.2s cubic-bezier(0, 1, 0.66, 1.1)
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li.on:before {
    width: 100%
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li:first-of-type {
    margin-left: 0
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li button {
    width: 40px;
    height: 32px;
    border-radius: 8px;
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1)
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li button img {
    display: block;
    width: 36px;
    height: 28px;
    margin: 2px;
    object-fit: contain
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li button:hover {
    background-color: rgba(145,150,161,0.1)
}

html[dark=true] #emoticonContainer #emoticonBox .tab_area .item_list>div ul li button:hover,body.thema_dark #emoticonContainer #emoticonBox .tab_area .item_list>div ul li button:hover {
    background-color: rgba(246,246,249,0.1)
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li .ic_clock {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M14 23.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M13.7 9.3v5h2'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 28px;
    height: 28px;
    margin: 2px
}

html[dark=true] #emoticonContainer #emoticonBox .tab_area .item_list>div ul li .ic_clock,body.thema_dark #emoticonContainer #emoticonBox .tab_area .item_list>div ul li .ic_clock {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M14 23.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M13.7 9.3v5h2'/%3e%3c/svg%3e")
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li .ic_subscribe {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M19.781 16.897c2.88 0 3.519-2.116 3.519-3.8 0-1.684-.736-3.8-3.519-3.8'/%3e%3cpath stroke='%23525661' stroke-linejoin='round' stroke-width='1.4' d='M4.7 8.688a3 3 0 0 1 3-3h9.003a3 3 0 0 1 3 3v6.64a7 7 0 0 1-7 7H11.7a7 7 0 0 1-7-7v-6.64Z'/%3e%3cpath fill='%23525661' fill-rule='evenodd' stroke='%23525661' stroke-linejoin='round' stroke-width='.6' d='M14.36 14.342a.246.246 0 0 0-.072.22l.378 2.185a.252.252 0 0 1-.366.263l-1.98-1.031a.257.257 0 0 0-.236 0l-1.98 1.03a.252.252 0 0 1-.367-.262l.379-2.184a.247.247 0 0 0-.073-.22L8.44 12.795a.249.249 0 0 1 .14-.426l2.215-.32a.25.25 0 0 0 .19-.135l.99-1.987a.254.254 0 0 1 .453 0l.99 1.987a.253.253 0 0 0 .19.136l2.216.319c.207.03.289.281.139.426l-1.604 1.546Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 28px;
    height: 28px;
    margin: 2px
}

html[dark=true] #emoticonContainer #emoticonBox .tab_area .item_list>div ul li .ic_subscribe,body.thema_dark #emoticonContainer #emoticonBox .tab_area .item_list>div ul li .ic_subscribe {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M19.781 16.897c2.88 0 3.519-2.116 3.519-3.8 0-1.684-.736-3.8-3.519-3.8'/%3e%3cpath stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='1.4' d='M4.7 8.688a3 3 0 0 1 3-3h9.003a3 3 0 0 1 3 3v6.64a7 7 0 0 1-7 7H11.7a7 7 0 0 1-7-7v-6.64Z'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='.6' d='M14.36 14.342a.246.246 0 0 0-.072.22l.378 2.185a.252.252 0 0 1-.366.263l-1.98-1.031a.257.257 0 0 0-.236 0l-1.98 1.03a.252.252 0 0 1-.367-.262l.379-2.184a.247.247 0 0 0-.073-.22L8.44 12.795a.249.249 0 0 1 .14-.426l2.215-.32a.25.25 0 0 0 .19-.135l.99-1.987a.254.254 0 0 1 .453 0l.99 1.987a.253.253 0 0 0 .19.136l2.216.319c.207.03.289.281.139.426l-1.604 1.546Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

#emoticonContainer #emoticonBox .tab_area .item_list>div ul li .ic_emoticon {
    background-image: url("/images/chat/emoticon/ic_emoticon.png");
    background-size: auto 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin: 2px
}

#emoticonContainer #emoticonBox .subTab_area {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    background-color: #F6F6F9;
    height: 37px;
    margin: 10px 12px 0;
    padding: 4px;
    border-radius: 12px;
    box-sizing: border-box
}

html[dark=true] #emoticonContainer #emoticonBox .subTab_area,body.thema_dark #emoticonContainer #emoticonBox .subTab_area {
    background-color: #232529
}

#emoticonContainer #emoticonBox .subTab_area li {
    width: 50%;
    height: 29px;
    border-radius: 8px
}

#emoticonContainer #emoticonBox .subTab_area li a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    z-index: 1
}

#emoticonContainer #emoticonBox .subTab_area li a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    right: 100%;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    width: 100%;
    border-radius: 8px;
    transition: all 0.2s cubic-bezier(0.56, 0.12, 0.12, 0.98);
    z-index: 1
}

html[dark=true] #emoticonContainer #emoticonBox .subTab_area li a:after,body.thema_dark #emoticonContainer #emoticonBox .subTab_area li a:after {
    background-color: #3B3D45
}

html[dark=true] #emoticonContainer #emoticonBox .subTab_area li a:after,body.thema_dark #emoticonContainer #emoticonBox .subTab_area li a:after {
    box-shadow: 0 1px 4px rgba(0,0,0,0.3)
}

#emoticonContainer #emoticonBox .subTab_area li a>span {
    position: relative;
    color: #525661;
    font-size: 12px;
    transition: all 0.2s cubic-bezier(0.56, 0.12, 0.12, 0.98);
    z-index: 2
}

html[dark=true] #emoticonContainer #emoticonBox .subTab_area li a>span,body.thema_dark #emoticonContainer #emoticonBox .subTab_area li a>span {
    color: #D5D7DC
}

#emoticonContainer #emoticonBox .subTab_area li a:after {
    left: auto;
    right: 100%
}

#emoticonContainer #emoticonBox .subTab_area li:first-child a:after {
    right: 0;
    left: 100%
}

#emoticonContainer #emoticonBox .subTab_area li.on a {
    z-index: 2
}

#emoticonContainer #emoticonBox .subTab_area li.on a>span {
    color: #17191C;
    font-weight: 500
}

html[dark=true] #emoticonContainer #emoticonBox .subTab_area li.on a>span,body.thema_dark #emoticonContainer #emoticonBox .subTab_area li.on a>span {
    color: #E2E4E9
}

#emoticonContainer #emoticonBox .subTab_area li.on a:after {
    left: auto;
    right: 0;
    background-color: #fff
}

#emoticonContainer #emoticonBox .subTab_area li.on:first-of-type a:after {
    left: 0;
    right: auto
}

#emoticonContainer #emoticonBox .scroll_area {
    flex: 0 1 auto;
    overflow: hidden auto;
    height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior: none
}

#emoticonContainer #emoticonBox .scroll_area::-webkit-scrollbar {
    display: none
}

#emoticonContainer #emoticonBox .scroll_area .empty_case {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 0 10px;
    box-sizing: border-box
}

#emoticonContainer #emoticonBox .scroll_area .empty_case p {
    color: #757B8A;
    font-size: 14px;
    line-height: 1.4
}

html[dark=true] #emoticonContainer #emoticonBox .scroll_area .empty_case p,body.thema_dark #emoticonContainer #emoticonBox .scroll_area .empty_case p {
    color: #9196A1
}

#emoticonContainer #emoticonBox .scroll_area .loading {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    height: 100%;
    box-sizing: border-box
}

#emoticonContainer #emoticonBox .scroll_area .box_divider .divider {
    position: sticky;
    top: 0;
    background-color: #F6F6F9;
    margin: 12px 10px 0;
    padding: 8px 12px;
    border-radius: 8px;
    color: #525661;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4
}

html[dark=true] #emoticonContainer #emoticonBox .scroll_area .box_divider .divider,body.thema_dark #emoticonContainer #emoticonBox .scroll_area .box_divider .divider {
    background-color: #232529
}

html[dark=true] #emoticonContainer #emoticonBox .scroll_area .box_divider .divider,body.thema_dark #emoticonContainer #emoticonBox .scroll_area .box_divider .divider {
    color: #D5D7DC
}

#emoticonContainer #emoticonBox .scroll_area .emoticon_item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 6px;
    padding: 12px 10px
}

#emoticonContainer #emoticonBox .scroll_area .emoticon_item>span>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    margin: auto;
    transition: all .2s ease-in-out
}

#emoticonContainer #emoticonBox .scroll_area .emoticon_item>span>a img {
    width: 26px;
    height: 26px;
    object-fit: contain
}

#emoticonContainer #emoticonBox .scroll_area .emoticon_item>span>a:hover {
    background-color: rgba(117,123,138,0.1)
}

#emoticonContainer #emoticonBox .scroll_area.ogq_item .emoticon_item>span>a {
    width: 76px;
    height: 72px
}

#emoticonContainer #emoticonBox .scroll_area.ogq_item .emoticon_item>span>a img {
    width: 60px;
    height: 52px
}

@media screen and (max-height: 254px) {
    #bs-wrap .loginUserMenu .depth_2 {
        height:calc(100% - 8px);
        overflow: auto
    }

    #bs-wrap .loginUserMenu .depth_2::-webkit-scrollbar-thumb {
        background: transparent
    }
}

#webplayer_top .allMenuList,#serviceHeader .allMenuList,#af-header .allMenuList {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    background: #fff;
    width: 760px;
    border-radius: 16px;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15);
    z-index: 3002
}

html[dark=true] #webplayer_top .allMenuList,body.thema_dark #webplayer_top .allMenuList,html[dark=true] #serviceHeader .allMenuList,body.thema_dark #serviceHeader .allMenuList,html[dark=true] #af-header .allMenuList,body.thema_dark #af-header .allMenuList {
    background: #1C1E22
}

#webplayer_top .allMenuList::-webkit-scrollbar-thumb,#serviceHeader .allMenuList::-webkit-scrollbar-thumb,#af-header .allMenuList::-webkit-scrollbar-thumb {
    background: transparent
}

#webplayer_top .allMenuList .inner,#serviceHeader .allMenuList .inner,#af-header .allMenuList .inner {
    display: flex;
    padding: 30px
}

@media screen and (max-height: 370px) {
    #webplayer_top .allMenuList,#serviceHeader .allMenuList,#af-header .allMenuList {
        overflow:auto;
        height: calc(100vh - 70px)
    }
}

#webplayer_top .allMenuList dl,#serviceHeader .allMenuList dl,#af-header .allMenuList dl {
    flex: 0 0 auto;
    width: 180px;
    min-height: 204px;
    padding-left: 25px;
    border-left: 1px solid transparent;
    border-color: rgba(117,123,138,0.2)
}

html[dark=true] #webplayer_top .allMenuList dl,body.thema_dark #webplayer_top .allMenuList dl,html[dark=true] #serviceHeader .allMenuList dl,body.thema_dark #serviceHeader .allMenuList dl,html[dark=true] #af-header .allMenuList dl,body.thema_dark #af-header .allMenuList dl {
    border-color: rgba(117,123,138,0.3)
}

#webplayer_top .allMenuList dl:first-of-type,#serviceHeader .allMenuList dl:first-of-type,#af-header .allMenuList dl:first-of-type {
    padding-left: 5px;
    border-left: 0
}

#webplayer_top .allMenuList dl dt,#serviceHeader .allMenuList dl dt,#af-header .allMenuList dl dt {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    color: #0182FF;
    font-size: 14px;
    font-weight: 500
}

html[dark=true] #webplayer_top .allMenuList dl dt,body.thema_dark #webplayer_top .allMenuList dl dt,html[dark=true] #serviceHeader .allMenuList dl dt,body.thema_dark #serviceHeader .allMenuList dl dt,html[dark=true] #af-header .allMenuList dl dt,body.thema_dark #af-header .allMenuList dl dt {
    color: #44A3FF
}

#webplayer_top .allMenuList dl dt:before,#serviceHeader .allMenuList dl dt:before,#af-header .allMenuList dl dt:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 4px
}

#webplayer_top .allMenuList dl.menu01 dt:before,#serviceHeader .allMenuList dl.menu01 dt:before,#af-header .allMenuList dl.menu01 dt:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%230182FF' d='m3.228 8.775.748.058-.748-.058Zm-.469 6.09.748.057-.748-.058Zm5.711 1.97.624.417-.624-.416Zm.776-1.163-.624-.416.624.416Zm5.508 0-.624.416.624-.416Zm.776 1.164.624-.416-.624.416Zm5.71-1.972-.747.058.748-.058Zm-.468-6.089-.748.058.748-.058Zm-3.84-2.989.11.742-.11-.742Zm-9.865 0 .11-.742-.11.742Zm10.448 12.38.148-.736-.148.735Zm-11.03 0-.148-.736.148.735Zm2.018-8.75a.75.75 0 1 0-1.5 0h1.5Zm-1.5 2.124a.75.75 0 0 0 1.5 0h-1.5ZM6.69 9.73a.75.75 0 0 0 0 1.5v-1.5Zm2.123 1.5a.75.75 0 0 0 0-1.5v1.5ZM15.992 9.9a.75.75 0 0 0 0-1.5v1.5Zm-.01-1.5a.75.75 0 0 0 0 1.5v-1.5Zm.01 4.155a.75.75 0 0 0 0-1.5v1.5Zm-.01-1.5a.75.75 0 0 0 0 1.5v-1.5Zm-1.317.173a.75.75 0 0 0 0-1.5v1.5Zm-.01-1.5a.75.75 0 0 0 0 1.5v-1.5Zm2.665 1.5a.75.75 0 0 0 0-1.5v1.5Zm-.01-1.5a.75.75 0 0 0 0 1.5v-1.5ZM2.48 8.718l-.468 6.089 1.495.115.469-6.09-1.496-.114Zm6.614 8.534.776-1.164-1.248-.832-.776 1.164 1.248.832Zm1.919-1.776h1.974v-1.5h-1.974v1.5Zm3.117.612.776 1.164 1.248-.832-.776-1.164-1.248.832Zm7.858-1.281-.468-6.09-1.496.116.469 6.089 1.495-.115Zm-5.164-9.763c-1.584.233-3.39.437-4.824.437v1.5c1.547 0 3.44-.217 5.042-.453l-.218-1.484ZM12 5.481c-1.434 0-3.24-.204-4.824-.437l-.218 1.484c1.602.236 3.495.453 5.042.453v-1.5Zm9.52 3.237c-.183-2.372-2.393-4.012-4.696-3.674l.218 1.484c1.493-.219 2.87.85 2.982 2.305l1.496-.115ZM17.368 18.9c2.516.503 4.817-1.536 4.62-4.094l-1.495.115a2.372 2.372 0 0 1-2.83 2.508l-.295 1.47Zm-2.462-1.65a3.872 3.872 0 0 0 2.462 1.65l.295-1.471a2.372 2.372 0 0 1-1.509-1.01l-1.248.832Zm-1.919-1.775c.46 0 .888.23 1.143.612l1.248-.832a2.874 2.874 0 0 0-2.39-1.28v1.5Zm-3.117.612a1.374 1.374 0 0 1 1.143-.612v-1.5c-.96 0-1.858.48-2.391 1.28l1.248.832ZM6.632 18.9a3.872 3.872 0 0 0 2.462-1.65l-1.248-.831a2.372 2.372 0 0 1-1.509 1.01l.295 1.47Zm-4.62-4.094c-.197 2.558 2.104 4.597 4.62 4.094l-.295-1.471a2.372 2.372 0 0 1-2.83-2.508l-1.495-.115Zm1.964-5.974c.112-1.455 1.489-2.524 2.982-2.305l.218-1.484C4.873 4.706 2.663 6.346 2.48 8.718l1.496.115Zm3.027.584v1.062h1.5V9.417h-1.5Zm0 1.062v1.062h1.5v-1.062h-1.5Zm-.312.75h1.062v-1.5H6.69v1.5Zm1.062 0h1.061v-1.5H7.753v1.5Zm8.24-2.828h-.011v1.5h.01v-1.5Zm0 2.655h-.011v1.5h.01v-1.5Zm-1.328-1.327h-.01v1.5h.01v-1.5Zm2.655 0h-.01v1.5h.01v-1.5Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .allMenuList dl.menu02 dt:before,#serviceHeader .allMenuList dl.menu02 dt:before,#af-header .allMenuList dl.menu02 dt:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg stroke='%230182FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' clip-path='url(%23a)'%3e%3cpath d='M18.85 17.831c-.079.906-.704 1.578-1.511 1.654-1.07.101-2.814.21-5.339.21-2.525 0-4.27-.109-5.339-.21-.807-.076-1.432-.748-1.51-1.654C5.073 16.922 5 15.57 5 13.696c0-1.874.073-3.227.15-4.135.079-.907.704-1.579 1.511-1.655 1.07-.1 2.814-.21 5.339-.21 2.525 0 4.27.11 5.339.21.807.076 1.433.748 1.51 1.655.078.908.151 2.26.151 4.135 0 1.874-.073 3.226-.15 4.135ZM11.875 7.75v12M5 13.696l14 .003'/%3e%3cpath d='M11.875 7.75c0-1.125-1.5-3.75-3.75-3.75-1.313 0-2.25 1.007-2.25 2.25 0 .63.26 1.201.678 1.61M11.875 7.75c0-1.125 1.5-3.75 3.75-3.75 1.313 0 2.25 1.007 2.25 2.25 0 .63-.26 1.201-.678 1.61'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .allMenuList dl.menu03 dt:before,#serviceHeader .allMenuList dl.menu03 dt:before,#af-header .allMenuList dl.menu03 dt:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%230182FF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M19.229 8.405H4.77m9.37 3.172H9.86M19.28 8.83v8.564c0 .992-.815 1.797-1.82 1.797H6.54a1.809 1.809 0 0 1-1.82-1.797V8.829c0-.279.066-.554.192-.803l1.25-2.47a1.367 1.367 0 0 1 1.222-.746h9.232c.517 0 .99.289 1.221.745l1.25 2.47c.127.25.193.525.193.804Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .allMenuList dl.menu04,#serviceHeader .allMenuList dl.menu04,#af-header .allMenuList dl.menu04 {
    width: 160px
}

#webplayer_top .allMenuList dl.menu04 dt:before,#serviceHeader .allMenuList dl.menu04 dt:before,#af-header .allMenuList dl.menu04 dt:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%230182FF' stroke-width='1.5' d='M16.25 7a4.25 4.25 0 0 0-8.5 0v4a4.25 4.25 0 0 0 8.5 0V7Z'/%3e%3cpath stroke='%230182FF' stroke-linecap='round' stroke-width='1.5' d='M12 18.75v2.5'/%3e%3cpath fill='%230182FF' fill-rule='evenodd' d='M4.75 11c-.414 0-.754.337-.715.75a8 8 0 0 0 15.93 0c.039-.413-.3-.75-.715-.75-.414 0-.745.337-.793.749a6.501 6.501 0 0 1-12.914 0C5.496 11.337 5.164 11 4.75 11Z' clip-rule='evenodd'/%3e%3cpath stroke='%230182FF' stroke-linecap='round' stroke-width='1.5' d='M10.75 10.25h2.5M10.75 7.25h1.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .allMenuList dl dd,#serviceHeader .allMenuList dl dd,#af-header .allMenuList dl dd {
    margin: 6px 0 0 0;
    padding-left: 5px
}

#webplayer_top .allMenuList dl dd:first-child,#serviceHeader .allMenuList dl dd:first-child,#af-header .allMenuList dl dd:first-child {
    margin-top: 0
}

#webplayer_top .allMenuList dl dd:not(:last-child),#serviceHeader .allMenuList dl dd:not(:last-child),#af-header .allMenuList dl dd:not(:last-child) {
    padding-bottom: 10px
}

#webplayer_top .allMenuList dl dd a,#serviceHeader .allMenuList dl dd a,#af-header .allMenuList dl dd a {
    display: flex;
    align-items: center;
    color: #525661;
    font-size: 13px
}

html[dark=true] #webplayer_top .allMenuList dl dd a,body.thema_dark #webplayer_top .allMenuList dl dd a,html[dark=true] #serviceHeader .allMenuList dl dd a,body.thema_dark #serviceHeader .allMenuList dl dd a,html[dark=true] #af-header .allMenuList dl dd a,body.thema_dark #af-header .allMenuList dl dd a {
    color: #D5D7DC
}

#webplayer_top .allMenuList dl dd.new a:after,#serviceHeader .allMenuList dl dd.new a:after,#af-header .allMenuList dl dd.new a:after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='8' fill='%23FF2F00' fill-opacity='.15'/%3e%3cpath fill='%23FF0051' stroke='%23FF0051' stroke-width='.3' d='M11.15 5v-.15H9.55v3.924l-3.245-3.87-.045-.054H4.85V11.15H6.46V7.237l3.256 3.86.045.053h1.389V5Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    margin-left: 5px
}

html[dark=true] #webplayer_top .allMenuList dl dd.new a:after,body.thema_dark #webplayer_top .allMenuList dl dd.new a:after,html[dark=true] #serviceHeader .allMenuList dl dd.new a:after,body.thema_dark #serviceHeader .allMenuList dl dd.new a:after,html[dark=true] #af-header .allMenuList dl dd.new a:after,body.thema_dark #af-header .allMenuList dl dd.new a:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='8' fill='%23FF2F00' fill-opacity='.15'/%3e%3cpath fill='%23FF0051' stroke='%23FF0051' stroke-width='.3' d='M11.15 5v-.15H9.55v3.924l-3.245-3.87-.045-.054H4.85V11.15H6.46V7.237l3.256 3.86.045.053h1.389V5Z'/%3e%3c/svg%3e")
}

#webplayer_top .modeSetting,#serviceHeader .modeSetting,#af-header .modeSetting {
    display: none;
    position: absolute;
    top: 50px;
    right: -17px;
    background: #fff;
    width: 286px;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 12px;
    box-sizing: border-box;
    z-index: 3002;
    line-height: 1.2;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15)
}

#webplayer_top .modeSetting::-webkit-scrollbar-thumb,#serviceHeader .modeSetting::-webkit-scrollbar-thumb,#af-header .modeSetting::-webkit-scrollbar-thumb {
    background: transparent
}

@media screen and (max-height: 275px) {
    #webplayer_top .modeSetting,#serviceHeader .modeSetting,#af-header .modeSetting {
        overflow:auto;
        height: calc(100vh - 70px)
    }
}

#webplayer_top .modeSetting .modeSet,#serviceHeader .modeSetting .modeSet,#af-header .modeSetting .modeSet {
    overflow: hidden;
    padding: 8px 0
}

#webplayer_top .modeSetting .modeSet .settings,#serviceHeader .modeSetting .modeSet .settings,#af-header .modeSetting .modeSet .settings {
    position: relative;
    height: 40px;
    padding: 0 20px
}

#webplayer_top .modeSetting .modeSet .settings:hover,#serviceHeader .modeSetting .modeSet .settings:hover,#af-header .modeSetting .modeSet .settings:hover {
    background: rgba(145,150,161,0.1)
}

#webplayer_top .modeSetting .modeSet .my_mode,#serviceHeader .modeSetting .modeSet .my_mode,#af-header .modeSetting .modeSet .my_mode {
    display: flex;
    align-items: center;
    height: 100%;
    color: #17191C;
    font-size: 14px;
    font-weight: 500;
    text-align: left
}

#webplayer_top .modeSetting .modeSet .my_mode:before,#serviceHeader .modeSetting .modeSet .my_mode:before,#af-header .modeSetting .modeSet .my_mode:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23555' d='m10.827 3.606-.635-.294.635.294Zm9.606 9.235-.319-.624.32.623Zm.774.482-.693-.1.693.1Zm-3.982-.412a6.347 6.347 0 0 1-6.347-6.347h-1.4a7.747 7.747 0 0 0 7.747 7.747v-1.4Zm2.89-.694a6.317 6.317 0 0 1-2.89.694v1.4a7.716 7.716 0 0 0 3.527-.848l-.638-1.246Zm.399 1.007A8.602 8.602 0 0 1 12 20.6V22c5.04 0 9.21-3.729 9.9-8.579l-1.386-.197ZM12 20.6A8.6 8.6 0 0 1 3.4 12H2c0 5.523 4.477 10 10 10v-1.4ZM3.4 12a8.603 8.603 0 0 1 7.04-8.46l-.251-1.376C5.53 3.016 1.999 7.095 1.999 12h1.401Zm7.478-5.436c0-.953.21-1.855.584-2.664l-1.27-.588a7.72 7.72 0 0 0-.714 3.252h1.4ZM10.44 3.54a.25.25 0 0 1-.148-.021.217.217 0 0 1-.09-.076.135.135 0 0 1-.011-.132l1.27.588a1.265 1.265 0 0 0-.088-1.223 1.156 1.156 0 0 0-1.185-.513l.252 1.377Zm10.311 9.923a.135.135 0 0 1-.133-.007.216.216 0 0 1-.078-.087.25.25 0 0 1-.027-.146l1.386.197a1.157 1.157 0 0 0-.56-1.164c-.35-.21-.815-.25-1.226-.04l.638 1.246Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 0px;
    margin-right: 12px
}

#webplayer_top .modeSetting .modeSet label,#serviceHeader .modeSetting .modeSet label,#af-header .modeSetting .modeSet label {
    position: absolute;
    top: 10px;
    right: 20px;
    background: #E2E4E9;
    width: 40px;
    height: 22px;
    border-radius: 16px;
    cursor: pointer
}

#webplayer_top .modeSetting .modeSet label:before,#serviceHeader .modeSetting .modeSet label:before,#af-header .modeSetting .modeSet label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    background: #fff;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 50%;
    transition: all 0.2s
}

#webplayer_top .modeSetting .modeSet input,#serviceHeader .modeSetting .modeSet input,#af-header .modeSetting .modeSet input {
    position: absolute;
    top: 0;
    left: -9999em;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}

#webplayer_top .modeSetting .modeSet input:checked+label:before,#serviceHeader .modeSetting .modeSet input:checked+label:before,#af-header .modeSetting .modeSet input:checked+label:before {
    left: 100%;
    margin-left: -19px
}

#webplayer_top .modeSetting .modeSet p,#serviceHeader .modeSetting .modeSet p,#af-header .modeSetting .modeSet p {
    display: none;
    height: 0;
    color: #666;
    font-size: 11px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease
}

#webplayer_top .modeSetting .modeSet input:checked ~ p,#serviceHeader .modeSetting .modeSet input:checked ~ p,#af-header .modeSetting .modeSet input:checked ~ p {
    height: auto;
    margin-top: 4px;
    opacity: 1;
    visibility: visible
}

#webplayer_top .modeSetting ul,#serviceHeader .modeSetting ul,#af-header .modeSetting ul {
    margin: 0;
    padding: 8px 0;
    border-top: 1px solid #E2E4E9;
    border-top: 0;
    border-bottom: 1px solid #E2E4E9
}

#webplayer_top .modeSetting ul li,#serviceHeader .modeSetting ul li,#af-header .modeSetting ul li {
    display: flex;
    align-items: center;
    min-height: 26px;
    line-height: 1.5;
    list-style: none
}

#webplayer_top .modeSetting ul li a,#serviceHeader .modeSetting ul li a,#af-header .modeSetting ul li a {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 39px;
    padding: 0 20px;
    word-break: break-all;
    word-wrap: break-word;
    transition: background-color .2s;
    color: #17191C;
    font-size: 14px;
    font-weight: 500
}

#webplayer_top .modeSetting ul li a:hover,#serviceHeader .modeSetting ul li a:hover,#af-header .modeSetting ul li a:hover {
    background-color: rgba(145,150,161,0.1)
}

#webplayer_top .modeSetting ul li a:active,#serviceHeader .modeSetting ul li a:active,#af-header .modeSetting ul li a:active {
    background-color: rgba(23,25,28,0.3)
}

#webplayer_top .modeSetting ul li a:before,#serviceHeader .modeSetting ul li a:before,#af-header .modeSetting ul li a:before {
    content: "";
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin-right: 12px
}

#webplayer_top .modeSetting ul li a.my_afpay:before,#serviceHeader .modeSetting ul li a.my_afpay:before,#af-header .modeSetting ul li a.my_afpay:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M19.719 9.156V7.7a3 3 0 0 0-3-3H5.699c-1.656 0-2.999 1.34-2.999 2.996v8.605a2.999 2.999 0 0 0 3 2.999h11.019a3 3 0 0 0 3-3v-1.581'/%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M15.3 12A2.7 2.7 0 0 1 18 9.3h2.3a1 1 0 0 1 1 1v3.4a1 1 0 0 1-1 1H18a2.7 2.7 0 0 1-2.7-2.7Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-width='1.4' d='M18.015 12h.829'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_item:before,#serviceHeader .modeSetting ul li a.my_item:before,#af-header .modeSetting ul li a.my_item:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg fill='%23525661' clip-path='url(%23a)'%3e%3cpath d='m2.975 9.622.217-.665-.217.665Zm.117 4.714.25.654-.25-.654ZM18.3 4.003H5.7v1.4h12.6v-1.4Zm3.7 3.7a3.7 3.7 0 0 0-3.7-3.7v1.4a2.3 2.3 0 0 1 2.3 2.3H22Zm0 8.6v-8.6h-1.4v8.6H22Zm-3.7 3.7a3.7 3.7 0 0 0 3.7-3.7h-1.4a2.3 2.3 0 0 1-2.3 2.3v1.4Zm-12.6 0h12.6v-1.4H5.7v1.4Zm-3.7-3.7a3.7 3.7 0 0 0 3.7 3.7v-1.4a2.3 2.3 0 0 1-2.3-2.3H2Zm0-1.444v1.444h1.4V14.86H2ZM4 12a1.8 1.8 0 0 1-1.158 1.682l.5 1.308A3.2 3.2 0 0 0 5.4 12H4Zm-1.242-1.712A1.801 1.801 0 0 1 4 12h1.4a3.201 3.201 0 0 0-2.208-3.043l-.434 1.331ZM2 7.703v1.563h1.4V7.703H2Zm3.7-3.7a3.7 3.7 0 0 0-3.7 3.7h1.4a2.3 2.3 0 0 1 2.3-2.3v-1.4ZM3.192 8.957a.317.317 0 0 1 .208.309H2c0 .514.358.892.758 1.022l.434-1.331Zm.208 5.902c0 .053-.02.092-.035.11-.012.017-.021.02-.023.021l-.5-1.308c-.429.164-.842.585-.842 1.177h1.4Z'/%3e%3cpath fill-rule='evenodd' d='M9 6.75a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5Zm0 4.5a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5ZM9.75 15a.75.75 0 0 0-.75.75v1.5a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-.75-.75Z' clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_balloon:before,#serviceHeader .modeSetting ul li a.my_balloon:before,#af-header .modeSetting ul li a.my_balloon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath fill='%23525661' fill-rule='evenodd' stroke='%23525661' stroke-linejoin='round' stroke-width='.6' d='M14.158 11.19a.246.246 0 0 0-.072.221l.379 2.184a.252.252 0 0 1-.367.263l-1.98-1.03a.257.257 0 0 0-.235 0l-1.981 1.03a.252.252 0 0 1-.366-.263l.378-2.184a.247.247 0 0 0-.072-.22L8.238 9.644a.249.249 0 0 1 .14-.426l2.215-.319a.251.251 0 0 0 .19-.136l.99-1.986a.254.254 0 0 1 .454 0l.99 1.986a.252.252 0 0 0 .19.136l2.216.32c.206.03.288.28.138.425l-1.603 1.547Z' clip-rule='evenodd'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_message:before,#serviceHeader .modeSetting ul li a.my_message:before,#af-header .modeSetting ul li a.my_message:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23555' stroke-width='1.4' d='M17.455 13.175V4.8a1.5 1.5 0 0 0-1.5-1.5h-7.91a1.5 1.5 0 0 0-1.5 1.5v8.872'/%3e%3cpath stroke='%23555' stroke-width='1.4' d='M17.009 3.754 4.914 15.394a1.5 1.5 0 0 0-.02 2.142l2.816 2.816a1.5 1.5 0 0 0 2.122 0l7.734-7.734'/%3e%3cpath stroke='%23555' stroke-width='1.4' d='M7.091 3.754 18.954 14.74a2 2 0 0 1 .056 2.881l-2.52 2.52a1.5 1.5 0 0 1-2.021.092l-1.81-1.507-.271-.219'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a .memo,#serviceHeader .modeSetting ul li a .memo,#af-header .modeSetting ul li a .memo {
    margin-left: 5px;
    color: #0182FF
}

#webplayer_top .modeSetting ul li a.my_ad:before,#webplayer_top .modeSetting ul li a.my_bene:before,#serviceHeader .modeSetting ul li a.my_ad:before,#serviceHeader .modeSetting ul li a.my_bene:before,#af-header .modeSetting ul li a.my_ad:before,#af-header .modeSetting ul li a.my_bene:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3crect width='18.6' height='14.6' x='2.7' y='4.7' stroke='%23525661' stroke-width='1.4' rx='5.3'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M11.318 14.5 9.67 9.966a.567.567 0 0 0-1.067 0L6.955 14.5M13.227 14.5V9.59h1.636c1.091 0 2.182.82 2.182 2.455 0 1.637-1.09 2.455-2.182 2.455h-1.636ZM7.5 13.118h3.273'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_gd:before,#serviceHeader .modeSetting ul li a.my_gd:before,#af-header .modeSetting ul li a.my_gd:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M17.781 14.897c2.88 0 3.519-2.116 3.519-3.8 0-1.684-.736-3.8-3.519-3.8'/%3e%3cpath stroke='%23525661' stroke-linejoin='round' stroke-width='1.4' d='M2.7 6.688a3 3 0 0 1 3-3h9.003a3 3 0 0 1 3 3v6.64a7 7 0 0 1-7 7H9.7a7 7 0 0 1-7-7v-6.64Z'/%3e%3cpath fill='%23525661' fill-rule='evenodd' stroke='%23525661' stroke-linejoin='round' stroke-width='.6' d='M12.36 12.342a.246.246 0 0 0-.072.22l.378 2.185a.252.252 0 0 1-.366.263l-1.98-1.031a.257.257 0 0 0-.236 0l-1.98 1.03a.252.252 0 0 1-.367-.262l.378-2.184a.247.247 0 0 0-.072-.22L6.44 10.795a.249.249 0 0 1 .14-.426l2.215-.32a.251.251 0 0 0 .19-.135l.99-1.987a.254.254 0 0 1 .453 0l.99 1.987a.253.253 0 0 0 .19.136l2.216.319c.207.03.289.281.139.426l-1.604 1.546Z' clip-rule='evenodd'/%3e%3c/svg%3e") !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_tk:before,#serviceHeader .modeSetting ul li a.my_tk:before,#af-header .modeSetting ul li a.my_tk:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3e%3cpath d='M8.5 0a8.5 8.5 0 1 1 0 17 8.5 8.5 0 0 1 0-17zm0 1a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zM6.435 5.302c.234 0 .461.014.68.043.219.028.422.071.61.129.073.026.11.057.113.094.003.036.004.08.004.132l-.015.673c0 .089-.021.138-.063.149a.448.448 0 0 1-.203-.024 4.207 4.207 0 0 0-.63-.137 4.568 4.568 0 0 0-.574-.035c-.292 0-.554.05-.786.153a1.654 1.654 0 0 0-.59.43 1.926 1.926 0 0 0-.372.66 2.633 2.633 0 0 0-.13.845c0 .302.048.58.142.833a1.95 1.95 0 0 0 .981 1.103c.227.111.476.18.747.206.25.026.49.017.72-.027a3.94 3.94 0 0 0 .562-.145c.068-.026.112-.032.133-.02.02.014.034.046.04.098l.038.704c.005.058-.002.097-.023.117a.335.335 0 0 1-.118.063 3.63 3.63 0 0 1-.535.133c-.206.036-.45.055-.731.055-.449 0-.86-.075-1.232-.223a2.722 2.722 0 0 1-.958-.634 2.899 2.899 0 0 1-.621-.985A3.51 3.51 0 0 1 3.4 8.414c0-.459.074-.88.223-1.263a2.88 2.88 0 0 1 .621-.985c.266-.274.585-.486.958-.638a3.247 3.247 0 0 1 1.232-.226zm4.11.101c.291 0 .556.037.793.11.237.073.439.185.606.336.167.151.296.34.387.567.091.227.137.496.137.81 0 .375-.081.694-.243.957-.161.263-.375.47-.64.622l1.266 2.416c.042.078.057.132.047.16-.01.029-.055.043-.133.043h-.86c-.063 0-.103-.006-.122-.02a.29.29 0 0 1-.066-.105l-1.11-2.228h-.72v2.189c0 .073-.01.119-.031.137-.02.018-.06.027-.117.027H8.98a.205.205 0 0 1-.117-.027c-.026-.018-.04-.064-.04-.137v-5.7c0-.063.015-.105.044-.125a.175.175 0 0 1 .105-.032h1.572zm.109.962h-.767v1.752h.524c.313 0 .555-.072.727-.215.172-.144.258-.372.258-.685 0-.281-.069-.493-.207-.637a.71.71 0 0 0-.535-.215z' fill='%23525661'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 17px 17px
}

#webplayer_top .modeSetting ul li a.my_stat:before,#serviceHeader .modeSetting ul li a.my_stat:before,#af-header .modeSetting ul li a.my_stat:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3crect width='16.6' height='16.6' x='3.7' y='3.7' stroke='%23525661' stroke-width='1.4' rx='4.8'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 16.5v-9M8 16.5v-6M16 16.5v-3'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_drops:before,#serviceHeader .modeSetting ul li a.my_drops:before,#af-header .modeSetting ul li a.my_drops:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M3.4 8.5v1.975h6.2V8.5a3.1 3.1 0 0 0-6.2 0Zm6.362-3.1A4.485 4.485 0 0 1 11 8.5v1.975h2.319l1.877-2.476a.5.5 0 0 1 .797 0l1.878 2.476H20.6V10A4.6 4.6 0 0 0 16 5.4H9.762ZM9.6 11.874H3.4V17A1.6 1.6 0 0 0 5 18.6h4.6v-6.726ZM11 18.6v-6.726h2.319l1.877 2.476a.5.5 0 0 0 .797 0l1.878-2.476H20.6V17a1.6 1.6 0 0 1-1.6 1.6h-8Zm0 1.4H5a3 3 0 0 1-3-3V8.4A4.4 4.4 0 0 1 6.4 4H16a6 6 0 0 1 6 6v7a3 3 0 0 1-3 3h-8Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_spon:before,#serviceHeader .modeSetting ul li a.my_spon:before,#af-header .modeSetting ul li a.my_spon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M11.358 13.009 9.806 8.74a.534.534 0 0 0-1.004 0L7.25 13.01M13.155 13.009V8.387h1.541c1.027 0 2.054.77 2.054 2.31 0 1.541-1.027 2.312-2.054 2.312h-1.54ZM7.764 11.707h3.08'/%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_point:before,#serviceHeader .modeSetting ul li a.my_point:before,#af-header .modeSetting ul li a.my_point:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg stroke='%23525661' clip-path='url(%23a)'%3e%3cpath stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M10.09 15.431V8.9m.073 0h2.498c1.155 0 2.092.937 2.092 2.093v0a2.093 2.093 0 0 1-2.092 2.092h-2.498'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M2 2h20v20H2z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_profit:before,#serviceHeader .modeSetting ul li a.my_profit:before,#af-header .modeSetting ul li a.my_profit:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m8.13 8.49 1.989 7.02 1.88-7.02 1.882 7.02 1.989-7.02M7.5 12.681h9M7.5 10.725h9'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_shopping:before,#serviceHeader .modeSetting ul li a.my_shopping:before,#af-header .modeSetting ul li a.my_shopping:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='m8.136 14.708-1.62-7.562h12.292a1.5 1.5 0 0 1 1.426 1.967L18.35 14.86a1.5 1.5 0 0 1-1.425 1.033H9.603a1.5 1.5 0 0 1-1.467-1.186Z'/%3e%3cpath fill='%23525661' d='M16.4 21a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2ZM10.235 21a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2ZM2.719 2.996a.7.7 0 1 0 0 1.4v-1.4ZM5.863 4.09l-.684.148.684-.148ZM7.32 7.508l-.772-3.566-1.369.296.773 3.566 1.368-.296ZM5.375 2.996H2.719v1.4h2.656v-1.4Zm1.173.946a1.2 1.2 0 0 0-1.173-.946v1.4a.2.2 0 0 1-.196-.158l1.369-.296Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_dashboard:before,#serviceHeader .modeSetting ul li a.my_dashboard:before,#af-header .modeSetting ul li a.my_dashboard:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M4.64 4.32a.958.958 0 0 0 1.43-.591c.236-.976 1.624-.976 1.86 0 .154.63.876.929 1.43.592.857-.523 1.839.458 1.316 1.316a.958.958 0 0 0 .592 1.429c.976.237.976 1.625 0 1.861a.958.958 0 0 0-.592 1.43c.523.857-.459 1.838-1.316 1.316a.958.958 0 0 0-1.43.592c-.236.976-1.624.976-1.86 0a.958.958 0 0 0-1.43-.592c-.857.522-1.839-.459-1.316-1.316a.958.958 0 0 0-.592-1.43c-.976-.236-.976-1.624 0-1.861a.958.958 0 0 0 .592-1.43C2.8 4.78 3.783 3.799 4.64 4.322Zm2.243 5.343a1.667 1.667 0 1 0 0-3.333 1.667 1.667 0 0 0 0 3.333Z' clip-rule='evenodd'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.695 5.5h1.71a3 3 0 0 1 3 3v2.086l2.488-1.793c.652-.297 1.4.187 1.41.912v5.764a1.002 1.002 0 0 1-1.41.912l-2.542-1.924.053 2.043a3 3 0 0 1-3 3H6.7c-1.677 0-3.02-1.343-3-3v-2.496'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.extensions:before,#serviceHeader .modeSetting ul li a.extensions:before,#af-header .modeSetting ul li a.extensions:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23525661' d='M8.5 2c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414v1h2A2.496 2.496 0 0 1 15 7.5v1.498L16 9c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414 0 .552-.224 1.052-.586 1.414a1.993 1.993 0 0 1-1.413.586L15 12.998V15.5c0 .69-.28 1.315-.732 1.768A2.492 2.492 0 0 1 12.5 18h-2v-1a1.996 1.996 0 0 0-1.808-1.99c-.663-.008-1.183.208-1.555.545A1.932 1.932 0 0 0 6.5 17v1h-2c-.69 0-1.315-.28-1.768-.732A2.492 2.492 0 0 1 2 15.5V13h.5a1.996 1.996 0 0 0 1.99-1.808c.007-.663-.208-1.183-.546-1.555A1.932 1.932 0 0 0 2.501 9H2V7.5c0-.69.28-1.315.732-1.768A2.492 2.492 0 0 1 4.5 5h2V4c0-.552.224-1.052.586-1.414A1.994 1.994 0 0 1 8.5 2z' clip-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_info:before,#serviceHeader .modeSetting ul li a.my_info:before,#af-header .modeSetting ul li a.my_info:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23525661' d='M19.6 20.3a.7.7 0 1 0 1.4 0h-1.4ZM3 20.3a.7.7 0 1 0 1.4 0H3Zm11.903-7.859a.7.7 0 0 0-.42 1.336l.42-1.336Zm-5.387 1.336a.7.7 0 0 0-.42-1.336l.42 1.336ZM21 20.3c0-3.682-2.585-6.756-6.097-7.859l-.42 1.336c3.013.946 5.117 3.537 5.117 6.523H21ZM9.097 12.441C5.585 13.544 3 16.618 3 20.3h1.4c0-2.986 2.104-5.577 5.116-6.523l-.42-1.336Z'/%3e%3ccircle cx='12' cy='8.6' r='4.9' stroke='%23525661' stroke-width='1.4'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.userLogout:before,#serviceHeader .modeSetting ul li a.userLogout:before,#af-header .modeSetting ul li a.userLogout:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M15.3 3.7H6.7a3 3 0 0 0-3 3v10.6a3 3 0 0 0 3 3h8.6M17.543 14.756 20.299 12l-2.756-2.756M12 12h7.25'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_sotong:before,#serviceHeader .modeSetting ul li a.my_sotong:before,#af-header .modeSetting ul li a.my_sotong:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-width='1.4' d='M2.7 4.7h17.6M2.7 11.3h7.488M2.7 17.9h4.738'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M13.782 19.2a.5.5 0 0 1-.354.147h-2.207a.5.5 0 0 1-.5-.5v-2.208a.5.5 0 0 1 .146-.353l7.43-7.43a.5.5 0 0 1 .708 0l2.207 2.207a.5.5 0 0 1 0 .707l-7.43 7.43ZM16.65 10.502l2.916 2.915'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_custom:before,#serviceHeader .modeSetting ul li a.my_custom:before,#af-header .modeSetting ul li a.my_custom:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M5.7 15.969V9A6.3 6.3 0 0 1 12 2.7v0A6.3 6.3 0 0 1 18.3 9v6.969M5.553 15.822v0A2.853 2.853 0 0 1 2.7 12.969v-.294a2.853 2.853 0 0 1 2.853-2.853v0M18.447 15.822v0a2.853 2.853 0 0 0 2.853-2.853v-.294a2.853 2.853 0 0 0-2.853-2.853v0M11.675 18.844v0c0 .656.532 1.187 1.188 1.187h3.25c1.208 0 2.187-.98 2.187-2.187v0'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a.my_service:before,#serviceHeader .modeSetting ul li a.my_service:before,#af-header .modeSetting ul li a.my_service:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M11.999 8v4.514'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M11.994 16h.013'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .modeSetting ul li a .new,#serviceHeader .modeSetting ul li a .new,#af-header .modeSetting ul li a .new {
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3ccircle cx='7' cy='7' r='7' fill='%23EF565F'/%3e%3cpath fill='%23fff' d='M4.606 4.48h1.446l1.886 2.772V4.48h1.46v5.01h-1.46L6.062 6.74v2.75H4.606V4.48Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 14px;
    height: 14px;
    margin: 0 0 0 6px;
    text-indent: -9999px
}

#webplayer_top .modeSetting ul li a span,#serviceHeader .modeSetting ul li a span,#af-header .modeSetting ul li a span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

#webplayer_top .modeSetting ul .soopiSet .settings,#serviceHeader .modeSetting ul .soopiSet .settings,#af-header .modeSetting ul .soopiSet .settings {
    position: relative;
    width: 100%;
    height: 40px;
    padding: 0 20px
}

#webplayer_top .modeSetting ul .soopiSet .settings:hover,#serviceHeader .modeSetting ul .soopiSet .settings:hover,#af-header .modeSetting ul .soopiSet .settings:hover {
    background: rgba(145,150,161,0.1)
}

#webplayer_top .modeSetting ul .soopiSet .my_soopi,#serviceHeader .modeSetting ul .soopiSet .my_soopi,#af-header .modeSetting ul .soopiSet .my_soopi {
    display: flex;
    align-items: center;
    height: 100%;
    color: #17191C;
    font-size: 14px;
    font-weight: 500;
    text-align: left
}

#webplayer_top .modeSetting ul .soopiSet .my_soopi:before,#serviceHeader .modeSetting ul .soopiSet .my_soopi:before,#af-header .modeSetting ul .soopiSet .my_soopi:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23555' stroke-width='1.4' d='M14.174 2.956A9.3 9.3 0 1 0 21.084 10'/%3e%3cpath fill='%23555' fill-rule='evenodd' d='M14.438 10.568a2.438 2.438 0 1 1-4.876 0 2.438 2.438 0 0 1 4.876 0Zm1.313 0a3.751 3.751 0 1 1-7.502 0 3.751 3.751 0 0 1 7.502 0Zm-3.75 4.737c-2.662 0-4.997 1.428-6.002 3.54a.656.656 0 1 0 1.185.564c.766-1.608 2.608-2.792 4.816-2.792 2.209 0 4.05 1.184 4.816 2.792A.656.656 0 1 0 18 18.845c-1.005-2.112-3.34-3.54-6-3.54Z' clip-rule='evenodd'/%3e%3cpath fill='%23555' d='m20.15 6.42 1.545-.499a.44.44 0 0 0 0-.838l-1.546-.503a1.13 1.13 0 0 1-.73-.73l-.5-1.545a.44.44 0 0 0-.838 0l-.5 1.545a1.13 1.13 0 0 1-.73.73l-1.545.503a.44.44 0 0 0 0 .838l1.545.499c.347.112.619.383.73.73l.504 1.545a.44.44 0 0 0 .838 0l.503-1.545a1.13 1.13 0 0 1 .731-.73h-.008Z'/%3e%3cpath fill='%23555' d='m20.15 6.42 1.545-.499a.44.44 0 0 0 0-.838l-1.546-.503a1.13 1.13 0 0 1-.73-.73l-.5-1.545a.44.44 0 0 0-.838 0l-.5 1.545a1.13 1.13 0 0 1-.73.73l-1.545.503a.44.44 0 0 0 0 .838l1.545.499c.347.112.619.383.73.73l.504 1.545a.44.44 0 0 0 .838 0l.503-1.545a1.13 1.13 0 0 1 .731-.73h-.008Z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 0px;
    margin-right: 12px
}

#webplayer_top .modeSetting ul .soopiSet .my_soopi .beta,#serviceHeader .modeSetting ul .soopiSet .my_soopi .beta,#af-header .modeSetting ul .soopiSet .my_soopi .beta {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 29 14'%3e%3crect width='28' height='13' x='.5' y='.5' stroke='%239196A1' stroke-opacity='.3' rx='6.5'/%3e%3cpath fill='%2317191C' fill-rule='evenodd' d='M6.179 10.098c.124.1.276.15.457.15h.999c.566 0 1.045-.063 1.437-.187.392-.13.69-.33.896-.597.212-.274.317-.62.317-1.036 0-.486-.137-.868-.41-1.148-.274-.28-.638-.451-1.092-.514.38-.105.672-.298.877-.578.205-.28.308-.61.308-.99 0-.566-.221-.97-.663-1.213-.442-.243-1.064-.364-1.866-.364a5.21 5.21 0 0 0-.971.075 2.41 2.41 0 0 0-.635.186c.05.119.084.25.103.392.025.144.04.284.047.42.012.131.018.24.018.327V9.67c0 .187.06.33.178.43Zm1.428-.26h-.495v-2.82h.513c.286 0 .538.04.756.122a.945.945 0 0 1 .514.42c.124.205.186.5.186.886 0 .287-.053.536-.158.747-.1.205-.259.364-.476.476-.212.112-.492.168-.84.168Zm-.495-3.23V4.032H7.439c.497 0 .846.112 1.045.336.205.218.308.522.308.914 0 .274-.044.51-.13.71a.995.995 0 0 1-.374.466 1.099 1.099 0 0 1-.625.15h-.551Zm9.522 3.406c.187.218.458.327.813.327.286 0 .513-.056.68-.168.175-.112.262-.255.262-.43a.62.62 0 0 0-.121-.363c-.031.05-.087.087-.168.112a.766.766 0 0 1-.224.037c-.143 0-.252-.044-.327-.13-.068-.088-.102-.212-.102-.374V6.272l.001-.308h.857a.273.273 0 0 0 .187-.066.29.29 0 0 0 .093-.205l.01-.27a1.442 1.442 0 0 1-.187.018c-.094 0-.202.003-.327.01-.118 0-.227.002-.326.009h-.293c.003-.08.008-.155.012-.224.02-.268.063-.53.131-.784a.981.981 0 0 0-.224-.15.762.762 0 0 0-.392-.093c-.187 0-.339.05-.457.15a.519.519 0 0 0-.177.42v.68h-.393c-.08 0-.149.022-.205.066-.056.044-.087.112-.093.205l-.01.271a2.08 2.08 0 0 1 .28-.028c.125-.006.218-.01.28-.01h.14v3.155c0 .38.094.679.28.896Zm5.767.01c.168.211.404.317.71.317.242 0 .435-.06.578-.177a.531.531 0 0 0 .196-.598.425.425 0 0 0-.084-.186.288.288 0 0 1-.13.112.461.461 0 0 1-.14.028c-.212 0-.318-.165-.318-.495v-1.68c0-.71-.159-1.223-.476-1.54-.317-.317-.815-.476-1.493-.476-.585 0-1.055.096-1.41.29-.348.192-.522.475-.522.849 0 .23.074.429.224.597.155.168.37.252.644.252.118 0 .23-.016.336-.047a.561.561 0 0 0 .261-.158.546.546 0 0 1-.28-.3 1.07 1.07 0 0 1-.075-.382c0-.18.034-.32.103-.42a.557.557 0 0 1 .27-.224.953.953 0 0 1 .374-.074c.342 0 .582.13.719.392.136.26.205.653.205 1.176v.233c-.193 0-.41.012-.653.037a4.519 4.519 0 0 0-.738.14c-.274.081-.535.19-.784.327-.242.13-.441.299-.597.504-.15.199-.224.442-.224.728 0 .348.112.619.336.812.224.187.513.28.868.28.36 0 .681-.084.961-.252a2.15 2.15 0 0 0 .7-.681c.075-.117.14-.238.198-.365.014.456.094.783.241.98Zm-1.11-.551a.892.892 0 0 1-.43.15c-.205.018-.352-.041-.439-.178a.834.834 0 0 1-.13-.457.87.87 0 0 1 .177-.542c.118-.155.274-.277.467-.364.112-.056.233-.1.364-.13.136-.032.276-.05.42-.056.143-.013.277-.016.401-.01 0 .237-.04.458-.121.663a2.038 2.038 0 0 1-.299.55c-.125.156-.261.28-.41.374Zm-7.928.905c-.703 0-1.263-.217-1.68-.653-.417-.442-.625-1.067-.625-1.876 0-.778.199-1.39.597-1.839.399-.454.974-.681 1.727-.681.355 0 .669.053.943.159.28.1.5.252.662.457.162.205.243.463.243.775 0 .46-.19.812-.57 1.054-.373.243-.864.364-1.474.364-.255 0-.517-.006-.784-.018a4.2 4.2 0 0 1-.164-.015c.023.31.075.57.155.78.118.286.286.491.504.616.217.118.473.177.765.177.342 0 .628-.068.859-.205.236-.137.404-.314.504-.532a.227.227 0 0 1 .13.15c.031.074.013.195-.056.363a1.31 1.31 0 0 1-.644.69c-.305.156-.669.234-1.092.234Zm-.84-4.134c-.198.34-.297.825-.298 1.455.114.009.236.015.364.02.168 0 .339-.013.513-.038s.333-.078.476-.159c.143-.08.258-.199.345-.354.087-.156.13-.364.13-.626 0-.224-.033-.392-.102-.504a.535.535 0 0 0-.27-.242.78.78 0 0 0-.336-.075c-.349 0-.623.174-.822.523Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 29px;
    height: 14px;
    margin-left: 6px;
    font-size: 0
}

#webplayer_top .modeSetting ul .soopiSet label,#serviceHeader .modeSetting ul .soopiSet label,#af-header .modeSetting ul .soopiSet label {
    position: absolute;
    top: 10px;
    right: 20px;
    background: #E2E4E9;
    width: 40px;
    height: 22px;
    border-radius: 16px;
    transition: .2s;
    cursor: pointer
}

#webplayer_top .modeSetting ul .soopiSet label:before,#serviceHeader .modeSetting ul .soopiSet label:before,#af-header .modeSetting ul .soopiSet label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    background: #fff;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 50%;
    transition: all 0.2s
}

#webplayer_top .modeSetting ul .soopiSet input,#serviceHeader .modeSetting ul .soopiSet input,#af-header .modeSetting ul .soopiSet input {
    position: absolute;
    top: 0;
    left: -9999em;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}

#webplayer_top .modeSetting ul .soopiSet input:checked+label,#serviceHeader .modeSetting ul .soopiSet input:checked+label,#af-header .modeSetting ul .soopiSet input:checked+label {
    background-color: #0182FF
}

#webplayer_top .modeSetting ul .soopiSet input:checked+label:before,#serviceHeader .modeSetting ul .soopiSet input:checked+label:before,#af-header .modeSetting ul .soopiSet input:checked+label:before {
    left: 100%;
    margin-left: -19px
}

#webplayer_top .modeSetting ul .soopiSet p,#serviceHeader .modeSetting ul .soopiSet p,#af-header .modeSetting ul .soopiSet p {
    height: 0;
    color: #666;
    font-size: 11px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease
}

#webplayer_top .modeSetting ul .soopiSet input:checked ~ p,#serviceHeader .modeSetting ul .soopiSet input:checked ~ p,#af-header .modeSetting ul .soopiSet input:checked ~ p {
    height: auto;
    margin-top: 4px;
    opacity: 1;
    visibility: visible
}

html[dark=true] #webplayer_top .modeSetting ul,body.thema_dark #webplayer_top .modeSetting ul,.theme_dark #webplayer_top .modeSetting ul,html[dark=true] #serviceHeader .modeSetting ul,body.thema_dark #serviceHeader .modeSetting ul,.theme_dark #serviceHeader .modeSetting ul,html[dark=true] #af-header .modeSetting ul,body.thema_dark #af-header .modeSetting ul,.theme_dark #af-header .modeSetting ul {
    border-color: #2F3137
}

html[dark=true] #webplayer_top .modeSetting ul li a,body.thema_dark #webplayer_top .modeSetting ul li a,.theme_dark #webplayer_top .modeSetting ul li a,html[dark=true] #serviceHeader .modeSetting ul li a,body.thema_dark #serviceHeader .modeSetting ul li a,.theme_dark #serviceHeader .modeSetting ul li a,html[dark=true] #af-header .modeSetting ul li a,body.thema_dark #af-header .modeSetting ul li a,.theme_dark #af-header .modeSetting ul li a {
    color: #E2E4E9
}

html[dark=true] #webplayer_top .modeSetting ul li a:hover,body.thema_dark #webplayer_top .modeSetting ul li a:hover,.theme_dark #webplayer_top .modeSetting ul li a:hover,html[dark=true] #serviceHeader .modeSetting ul li a:hover,body.thema_dark #serviceHeader .modeSetting ul li a:hover,.theme_dark #serviceHeader .modeSetting ul li a:hover,html[dark=true] #af-header .modeSetting ul li a:hover,body.thema_dark #af-header .modeSetting ul li a:hover,.theme_dark #af-header .modeSetting ul li a:hover {
    background-color: rgba(246,246,249,0.1)
}

html[dark=true] #webplayer_top .modeSetting ul li a:active,body.thema_dark #webplayer_top .modeSetting ul li a:active,.theme_dark #webplayer_top .modeSetting ul li a:active,html[dark=true] #serviceHeader .modeSetting ul li a:active,body.thema_dark #serviceHeader .modeSetting ul li a:active,.theme_dark #serviceHeader .modeSetting ul li a:active,html[dark=true] #af-header .modeSetting ul li a:active,body.thema_dark #af-header .modeSetting ul li a:active,.theme_dark #af-header .modeSetting ul li a:active {
    background-color: rgba(246,246,249,0.3)
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_afpay:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_afpay:before,.theme_dark #webplayer_top .modeSetting ul li a.my_afpay:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_afpay:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_afpay:before,.theme_dark #serviceHeader .modeSetting ul li a.my_afpay:before,html[dark=true] #af-header .modeSetting ul li a.my_afpay:before,body.thema_dark #af-header .modeSetting ul li a.my_afpay:before,.theme_dark #af-header .modeSetting ul li a.my_afpay:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M19.719 9.156V7.7a3 3 0 0 0-3-3H5.699c-1.656 0-2.999 1.34-2.999 2.996v8.605a2.999 2.999 0 0 0 3 2.999h11.019a3 3 0 0 0 3-3v-1.581'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M15.3 12A2.7 2.7 0 0 1 18 9.3h2.3a1 1 0 0 1 1 1v3.4a1 1 0 0 1-1 1H18a2.7 2.7 0 0 1-2.7-2.7Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='1.4' d='M18.015 12h.829'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_item:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_item:before,.theme_dark #webplayer_top .modeSetting ul li a.my_item:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_item:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_item:before,.theme_dark #serviceHeader .modeSetting ul li a.my_item:before,html[dark=true] #af-header .modeSetting ul li a.my_item:before,body.thema_dark #af-header .modeSetting ul li a.my_item:before,.theme_dark #af-header .modeSetting ul li a.my_item:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg fill='%23D5D7DC' clip-path='url(%23a)'%3e%3cpath d='m2.975 9.622.217-.665-.217.665Zm.117 4.714.25.654-.25-.654ZM18.3 4.003H5.7v1.4h12.6v-1.4Zm3.7 3.7a3.7 3.7 0 0 0-3.7-3.7v1.4a2.3 2.3 0 0 1 2.3 2.3H22Zm0 8.6v-8.6h-1.4v8.6H22Zm-3.7 3.7a3.7 3.7 0 0 0 3.7-3.7h-1.4a2.3 2.3 0 0 1-2.3 2.3v1.4Zm-12.6 0h12.6v-1.4H5.7v1.4Zm-3.7-3.7a3.7 3.7 0 0 0 3.7 3.7v-1.4a2.3 2.3 0 0 1-2.3-2.3H2Zm0-1.444v1.444h1.4V14.86H2ZM4 12a1.8 1.8 0 0 1-1.158 1.682l.5 1.308A3.2 3.2 0 0 0 5.4 12H4Zm-1.242-1.712A1.801 1.801 0 0 1 4 12h1.4a3.201 3.201 0 0 0-2.208-3.043l-.434 1.331ZM2 7.703v1.563h1.4V7.703H2Zm3.7-3.7a3.7 3.7 0 0 0-3.7 3.7h1.4a2.3 2.3 0 0 1 2.3-2.3v-1.4ZM3.192 8.957a.317.317 0 0 1 .208.309H2c0 .514.358.892.758 1.022l.434-1.331Zm.208 5.902c0 .053-.02.092-.035.11-.012.017-.021.02-.023.021l-.5-1.308c-.429.164-.842.585-.842 1.177h1.4Z'/%3e%3cpath fill-rule='evenodd' d='M9 6.75a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5Zm0 4.5a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5ZM9.75 15a.75.75 0 0 0-.75.75v1.5a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-.75-.75Z' clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_balloon:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_balloon:before,.theme_dark #webplayer_top .modeSetting ul li a.my_balloon:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_balloon:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_balloon:before,.theme_dark #serviceHeader .modeSetting ul li a.my_balloon:before,html[dark=true] #af-header .modeSetting ul li a.my_balloon:before,body.thema_dark #af-header .modeSetting ul li a.my_balloon:before,.theme_dark #af-header .modeSetting ul li a.my_balloon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='.6' d='M14.158 11.19a.246.246 0 0 0-.072.221l.379 2.184a.252.252 0 0 1-.367.263l-1.98-1.03a.257.257 0 0 0-.235 0l-1.981 1.03a.252.252 0 0 1-.366-.263l.378-2.184a.247.247 0 0 0-.072-.22L8.238 9.644a.249.249 0 0 1 .14-.426l2.215-.319a.251.251 0 0 0 .19-.136l.99-1.986a.254.254 0 0 1 .454 0l.99 1.986a.252.252 0 0 0 .19.136l2.216.32c.206.03.288.28.138.425l-1.603 1.547Z' clip-rule='evenodd'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_message:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_message:before,.theme_dark #webplayer_top .modeSetting ul li a.my_message:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_message:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_message:before,.theme_dark #serviceHeader .modeSetting ul li a.my_message:before,html[dark=true] #af-header .modeSetting ul li a.my_message:before,body.thema_dark #af-header .modeSetting ul li a.my_message:before,.theme_dark #af-header .modeSetting ul li a.my_message:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M17.455 13.175V4.8a1.5 1.5 0 0 0-1.5-1.5h-7.91a1.5 1.5 0 0 0-1.5 1.5v8.872'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M17.009 3.754 4.914 15.394a1.5 1.5 0 0 0-.02 2.142l2.816 2.816a1.5 1.5 0 0 0 2.122 0l7.734-7.734'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M7.091 3.754 18.954 14.74a2 2 0 0 1 .056 2.881l-2.52 2.52a1.5 1.5 0 0 1-2.021.092l-1.81-1.507-.271-.219'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a .memo,body.thema_dark #webplayer_top .modeSetting ul li a .memo,.theme_dark #webplayer_top .modeSetting ul li a .memo,html[dark=true] #serviceHeader .modeSetting ul li a .memo,body.thema_dark #serviceHeader .modeSetting ul li a .memo,.theme_dark #serviceHeader .modeSetting ul li a .memo,html[dark=true] #af-header .modeSetting ul li a .memo,body.thema_dark #af-header .modeSetting ul li a .memo,.theme_dark #af-header .modeSetting ul li a .memo {
    margin-left: 5px;
    color: #44A3FF
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_ad:before,html[dark=true] #webplayer_top .modeSetting ul li a.my_bene:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_ad:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_bene:before,.theme_dark #webplayer_top .modeSetting ul li a.my_ad:before,.theme_dark #webplayer_top .modeSetting ul li a.my_bene:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_ad:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_bene:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_ad:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_bene:before,.theme_dark #serviceHeader .modeSetting ul li a.my_ad:before,.theme_dark #serviceHeader .modeSetting ul li a.my_bene:before,html[dark=true] #af-header .modeSetting ul li a.my_ad:before,html[dark=true] #af-header .modeSetting ul li a.my_bene:before,body.thema_dark #af-header .modeSetting ul li a.my_ad:before,body.thema_dark #af-header .modeSetting ul li a.my_bene:before,.theme_dark #af-header .modeSetting ul li a.my_ad:before,.theme_dark #af-header .modeSetting ul li a.my_bene:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3crect width='18.6' height='14.6' x='2.7' y='4.7' stroke='%23D5D7DC' stroke-width='1.4' rx='5.3'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M11.318 14.5 9.67 9.966a.567.567 0 0 0-1.067 0L6.955 14.5M13.227 14.5V9.59h1.636c1.091 0 2.182.82 2.182 2.455 0 1.637-1.09 2.455-2.182 2.455h-1.636ZM7.5 13.118h3.273'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_gd:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_gd:before,.theme_dark #webplayer_top .modeSetting ul li a.my_gd:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_gd:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_gd:before,.theme_dark #serviceHeader .modeSetting ul li a.my_gd:before,html[dark=true] #af-header .modeSetting ul li a.my_gd:before,body.thema_dark #af-header .modeSetting ul li a.my_gd:before,.theme_dark #af-header .modeSetting ul li a.my_gd:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M17.781 14.897c2.88 0 3.519-2.116 3.519-3.8 0-1.684-.736-3.8-3.519-3.8'/%3e%3cpath stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='1.4' d='M2.7 6.688a3 3 0 0 1 3-3h9.003a3 3 0 0 1 3 3v6.64a7 7 0 0 1-7 7H9.7a7 7 0 0 1-7-7v-6.64Z'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='.6' d='M12.36 12.342a.246.246 0 0 0-.072.22l.378 2.185a.252.252 0 0 1-.366.263l-1.98-1.031a.257.257 0 0 0-.236 0l-1.98 1.03a.252.252 0 0 1-.367-.262l.378-2.184a.247.247 0 0 0-.072-.22L6.44 10.795a.249.249 0 0 1 .14-.426l2.215-.32a.251.251 0 0 0 .19-.135l.99-1.987a.254.254 0 0 1 .453 0l.99 1.987a.253.253 0 0 0 .19.136l2.216.319c.207.03.289.281.139.426l-1.604 1.546Z' clip-rule='evenodd'/%3e%3c/svg%3e") !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_tk:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_tk:before,.theme_dark #webplayer_top .modeSetting ul li a.my_tk:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_tk:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_tk:before,.theme_dark #serviceHeader .modeSetting ul li a.my_tk:before,html[dark=true] #af-header .modeSetting ul li a.my_tk:before,body.thema_dark #af-header .modeSetting ul li a.my_tk:before,.theme_dark #af-header .modeSetting ul li a.my_tk:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3e%3cpath d='M8.5 0a8.5 8.5 0 1 1 0 17 8.5 8.5 0 0 1 0-17zm0 1a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zM6.435 5.302c.234 0 .461.014.68.043.219.028.422.071.61.129.073.026.11.057.113.094.003.036.004.08.004.132l-.015.673c0 .089-.021.138-.063.149a.448.448 0 0 1-.203-.024 4.207 4.207 0 0 0-.63-.137 4.568 4.568 0 0 0-.574-.035c-.292 0-.554.05-.786.153a1.654 1.654 0 0 0-.59.43 1.926 1.926 0 0 0-.372.66 2.633 2.633 0 0 0-.13.845c0 .302.048.58.142.833a1.95 1.95 0 0 0 .981 1.103c.227.111.476.18.747.206.25.026.49.017.72-.027a3.94 3.94 0 0 0 .562-.145c.068-.026.112-.032.133-.02.02.014.034.046.04.098l.038.704c.005.058-.002.097-.023.117a.335.335 0 0 1-.118.063 3.63 3.63 0 0 1-.535.133c-.206.036-.45.055-.731.055-.449 0-.86-.075-1.232-.223a2.722 2.722 0 0 1-.958-.634 2.899 2.899 0 0 1-.621-.985A3.51 3.51 0 0 1 3.4 8.414c0-.459.074-.88.223-1.263a2.88 2.88 0 0 1 .621-.985c.266-.274.585-.486.958-.638a3.247 3.247 0 0 1 1.232-.226zm4.11.101c.291 0 .556.037.793.11.237.073.439.185.606.336.167.151.296.34.387.567.091.227.137.496.137.81 0 .375-.081.694-.243.957-.161.263-.375.47-.64.622l1.266 2.416c.042.078.057.132.047.16-.01.029-.055.043-.133.043h-.86c-.063 0-.103-.006-.122-.02a.29.29 0 0 1-.066-.105l-1.11-2.228h-.72v2.189c0 .073-.01.119-.031.137-.02.018-.06.027-.117.027H8.98a.205.205 0 0 1-.117-.027c-.026-.018-.04-.064-.04-.137v-5.7c0-.063.015-.105.044-.125a.175.175 0 0 1 .105-.032h1.572zm.109.962h-.767v1.752h.524c.313 0 .555-.072.727-.215.172-.144.258-.372.258-.685 0-.281-.069-.493-.207-.637a.71.71 0 0 0-.535-.215z' fill='%23D5D7DC'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 17px 17px
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_stat:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_stat:before,.theme_dark #webplayer_top .modeSetting ul li a.my_stat:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_stat:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_stat:before,.theme_dark #serviceHeader .modeSetting ul li a.my_stat:before,html[dark=true] #af-header .modeSetting ul li a.my_stat:before,body.thema_dark #af-header .modeSetting ul li a.my_stat:before,.theme_dark #af-header .modeSetting ul li a.my_stat:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3crect width='16.6' height='16.6' x='3.7' y='3.7' stroke='%23D5D7DC' stroke-width='1.4' rx='4.8'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 16.5v-9M8 16.5v-6M16 16.5v-3'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_drops:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_drops:before,.theme_dark #webplayer_top .modeSetting ul li a.my_drops:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_drops:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_drops:before,.theme_dark #serviceHeader .modeSetting ul li a.my_drops:before,html[dark=true] #af-header .modeSetting ul li a.my_drops:before,body.thema_dark #af-header .modeSetting ul li a.my_drops:before,.theme_dark #af-header .modeSetting ul li a.my_drops:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M3.4 8.5v1.975h6.2V8.5a3.1 3.1 0 0 0-6.2 0Zm6.362-3.1A4.485 4.485 0 0 1 11 8.5v1.975h2.319l1.877-2.476a.5.5 0 0 1 .797 0l1.878 2.476H20.6V10A4.6 4.6 0 0 0 16 5.4H9.762ZM9.6 11.874H3.4V17A1.6 1.6 0 0 0 5 18.6h4.6v-6.726ZM11 18.6v-6.726h2.319l1.877 2.476a.5.5 0 0 0 .797 0l1.878-2.476H20.6V17a1.6 1.6 0 0 1-1.6 1.6h-8Zm0 1.4H5a3 3 0 0 1-3-3V8.4A4.4 4.4 0 0 1 6.4 4H16a6 6 0 0 1 6 6v7a3 3 0 0 1-3 3h-8Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_spon:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_spon:before,.theme_dark #webplayer_top .modeSetting ul li a.my_spon:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_spon:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_spon:before,.theme_dark #serviceHeader .modeSetting ul li a.my_spon:before,html[dark=true] #af-header .modeSetting ul li a.my_spon:before,body.thema_dark #af-header .modeSetting ul li a.my_spon:before,.theme_dark #af-header .modeSetting ul li a.my_spon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M11.358 13.009 9.806 8.74a.534.534 0 0 0-1.004 0L7.25 13.01M13.155 13.009V8.387h1.541c1.027 0 2.054.77 2.054 2.31 0 1.541-1.027 2.312-2.054 2.312h-1.54ZM7.764 11.707h3.08'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_point:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_point:before,.theme_dark #webplayer_top .modeSetting ul li a.my_point:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_point:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_point:before,.theme_dark #serviceHeader .modeSetting ul li a.my_point:before,html[dark=true] #af-header .modeSetting ul li a.my_point:before,body.thema_dark #af-header .modeSetting ul li a.my_point:before,.theme_dark #af-header .modeSetting ul li a.my_point:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg stroke='%23D5D7DC' clip-path='url(%23a)'%3e%3cpath stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M10.09 15.431V8.9m.073 0h2.498c1.155 0 2.092.937 2.092 2.093v0a2.093 2.093 0 0 1-2.092 2.092h-2.498'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M2 2h20v20H2z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_profit:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_profit:before,.theme_dark #webplayer_top .modeSetting ul li a.my_profit:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_profit:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_profit:before,.theme_dark #serviceHeader .modeSetting ul li a.my_profit:before,html[dark=true] #af-header .modeSetting ul li a.my_profit:before,body.thema_dark #af-header .modeSetting ul li a.my_profit:before,.theme_dark #af-header .modeSetting ul li a.my_profit:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m8.13 8.49 1.989 7.02 1.88-7.02 1.882 7.02 1.989-7.02M7.5 12.681h9M7.5 10.725h9'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_shopping:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_shopping:before,.theme_dark #webplayer_top .modeSetting ul li a.my_shopping:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_shopping:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_shopping:before,.theme_dark #serviceHeader .modeSetting ul li a.my_shopping:before,html[dark=true] #af-header .modeSetting ul li a.my_shopping:before,body.thema_dark #af-header .modeSetting ul li a.my_shopping:before,.theme_dark #af-header .modeSetting ul li a.my_shopping:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='m8.136 14.708-1.62-7.562h12.292a1.5 1.5 0 0 1 1.426 1.967L18.35 14.86a1.5 1.5 0 0 1-1.425 1.033H9.603a1.5 1.5 0 0 1-1.467-1.186Z'/%3e%3cpath fill='%23D5D7DC' d='M16.4 21a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2ZM10.235 21a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2ZM2.719 2.996a.7.7 0 1 0 0 1.4v-1.4ZM5.863 4.09l-.684.148.684-.148ZM7.32 7.508l-.772-3.566-1.369.296.773 3.566 1.368-.296ZM5.375 2.996H2.719v1.4h2.656v-1.4Zm1.173.946a1.2 1.2 0 0 0-1.173-.946v1.4a.2.2 0 0 1-.196-.158l1.369-.296Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_dashboard:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_dashboard:before,.theme_dark #webplayer_top .modeSetting ul li a.my_dashboard:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_dashboard:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_dashboard:before,.theme_dark #serviceHeader .modeSetting ul li a.my_dashboard:before,html[dark=true] #af-header .modeSetting ul li a.my_dashboard:before,body.thema_dark #af-header .modeSetting ul li a.my_dashboard:before,.theme_dark #af-header .modeSetting ul li a.my_dashboard:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M4.64 4.32a.958.958 0 0 0 1.43-.591c.236-.976 1.624-.976 1.86 0 .154.63.876.929 1.43.592.857-.523 1.839.458 1.316 1.316a.958.958 0 0 0 .592 1.429c.976.237.976 1.625 0 1.861a.958.958 0 0 0-.592 1.43c.523.857-.459 1.838-1.316 1.316a.958.958 0 0 0-1.43.592c-.236.976-1.624.976-1.86 0a.958.958 0 0 0-1.43-.592c-.857.522-1.839-.459-1.316-1.316a.958.958 0 0 0-.592-1.43c-.976-.236-.976-1.624 0-1.861a.958.958 0 0 0 .592-1.43C2.8 4.78 3.783 3.799 4.64 4.322Zm2.243 5.343a1.667 1.667 0 1 0 0-3.333 1.667 1.667 0 0 0 0 3.333Z' clip-rule='evenodd'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.695 5.5h1.71a3 3 0 0 1 3 3v2.086l2.488-1.793c.652-.297 1.4.187 1.41.912v5.764a1.002 1.002 0 0 1-1.41.912l-2.542-1.924.053 2.043a3 3 0 0 1-3 3H6.7c-1.677 0-3.02-1.343-3-3v-2.496'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.extensions:before,body.thema_dark #webplayer_top .modeSetting ul li a.extensions:before,.theme_dark #webplayer_top .modeSetting ul li a.extensions:before,html[dark=true] #serviceHeader .modeSetting ul li a.extensions:before,body.thema_dark #serviceHeader .modeSetting ul li a.extensions:before,.theme_dark #serviceHeader .modeSetting ul li a.extensions:before,html[dark=true] #af-header .modeSetting ul li a.extensions:before,body.thema_dark #af-header .modeSetting ul li a.extensions:before,.theme_dark #af-header .modeSetting ul li a.extensions:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23D5D7DC' d='M8.5 2c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414v1h2A2.496 2.496 0 0 1 15 7.5v1.498L16 9c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414 0 .552-.224 1.052-.586 1.414a1.993 1.993 0 0 1-1.413.586L15 12.998V15.5c0 .69-.28 1.315-.732 1.768A2.492 2.492 0 0 1 12.5 18h-2v-1a1.996 1.996 0 0 0-1.808-1.99c-.663-.008-1.183.208-1.555.545A1.932 1.932 0 0 0 6.5 17v1h-2c-.69 0-1.315-.28-1.768-.732A2.492 2.492 0 0 1 2 15.5V13h.5a1.996 1.996 0 0 0 1.99-1.808c.007-.663-.208-1.183-.546-1.555A1.932 1.932 0 0 0 2.501 9H2V7.5c0-.69.28-1.315.732-1.768A2.492 2.492 0 0 1 4.5 5h2V4c0-.552.224-1.052.586-1.414A1.994 1.994 0 0 1 8.5 2z' clip-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_info:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_info:before,.theme_dark #webplayer_top .modeSetting ul li a.my_info:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_info:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_info:before,.theme_dark #serviceHeader .modeSetting ul li a.my_info:before,html[dark=true] #af-header .modeSetting ul li a.my_info:before,body.thema_dark #af-header .modeSetting ul li a.my_info:before,.theme_dark #af-header .modeSetting ul li a.my_info:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23D5D7DC' d='M19.6 20.3a.7.7 0 1 0 1.4 0h-1.4ZM3 20.3a.7.7 0 1 0 1.4 0H3Zm11.903-7.859a.7.7 0 0 0-.42 1.336l.42-1.336Zm-5.387 1.336a.7.7 0 0 0-.42-1.336l.42 1.336ZM21 20.3c0-3.682-2.585-6.756-6.097-7.859l-.42 1.336c3.013.946 5.117 3.537 5.117 6.523H21ZM9.097 12.441C5.585 13.544 3 16.618 3 20.3h1.4c0-2.986 2.104-5.577 5.116-6.523l-.42-1.336Z'/%3e%3ccircle cx='12' cy='8.6' r='4.9' stroke='%23D5D7DC' stroke-width='1.4'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.userLogout:before,body.thema_dark #webplayer_top .modeSetting ul li a.userLogout:before,.theme_dark #webplayer_top .modeSetting ul li a.userLogout:before,html[dark=true] #serviceHeader .modeSetting ul li a.userLogout:before,body.thema_dark #serviceHeader .modeSetting ul li a.userLogout:before,.theme_dark #serviceHeader .modeSetting ul li a.userLogout:before,html[dark=true] #af-header .modeSetting ul li a.userLogout:before,body.thema_dark #af-header .modeSetting ul li a.userLogout:before,.theme_dark #af-header .modeSetting ul li a.userLogout:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M15.3 3.7H6.7a3 3 0 0 0-3 3v10.6a3 3 0 0 0 3 3h8.6M17.543 14.756 20.299 12l-2.756-2.756M12 12h7.25'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_sotong:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_sotong:before,.theme_dark #webplayer_top .modeSetting ul li a.my_sotong:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_sotong:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_sotong:before,.theme_dark #serviceHeader .modeSetting ul li a.my_sotong:before,html[dark=true] #af-header .modeSetting ul li a.my_sotong:before,body.thema_dark #af-header .modeSetting ul li a.my_sotong:before,.theme_dark #af-header .modeSetting ul li a.my_sotong:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='1.4' d='M2.7 4.7h17.6M2.7 11.3h7.488M2.7 17.9h4.738'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M13.782 19.2a.5.5 0 0 1-.354.147h-2.207a.5.5 0 0 1-.5-.5v-2.208a.5.5 0 0 1 .146-.353l7.43-7.43a.5.5 0 0 1 .708 0l2.207 2.207a.5.5 0 0 1 0 .707l-7.43 7.43ZM16.65 10.502l2.916 2.915'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_custom:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_custom:before,.theme_dark #webplayer_top .modeSetting ul li a.my_custom:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_custom:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_custom:before,.theme_dark #serviceHeader .modeSetting ul li a.my_custom:before,html[dark=true] #af-header .modeSetting ul li a.my_custom:before,body.thema_dark #af-header .modeSetting ul li a.my_custom:before,.theme_dark #af-header .modeSetting ul li a.my_custom:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M5.7 15.969V9A6.3 6.3 0 0 1 12 2.7v0A6.3 6.3 0 0 1 18.3 9v6.969M5.553 15.822v0A2.853 2.853 0 0 1 2.7 12.969v-.294a2.853 2.853 0 0 1 2.853-2.853v0M18.447 15.822v0a2.853 2.853 0 0 0 2.853-2.853v-.294a2.853 2.853 0 0 0-2.853-2.853v0M11.675 18.844v0c0 .656.532 1.187 1.188 1.187h3.25c1.208 0 2.187-.98 2.187-2.187v0'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a.my_service:before,body.thema_dark #webplayer_top .modeSetting ul li a.my_service:before,.theme_dark #webplayer_top .modeSetting ul li a.my_service:before,html[dark=true] #serviceHeader .modeSetting ul li a.my_service:before,body.thema_dark #serviceHeader .modeSetting ul li a.my_service:before,.theme_dark #serviceHeader .modeSetting ul li a.my_service:before,html[dark=true] #af-header .modeSetting ul li a.my_service:before,body.thema_dark #af-header .modeSetting ul li a.my_service:before,.theme_dark #af-header .modeSetting ul li a.my_service:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M11.999 8v4.514'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M11.994 16h.013'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .modeSetting ul li a span,body.thema_dark #webplayer_top .modeSetting ul li a span,.theme_dark #webplayer_top .modeSetting ul li a span,html[dark=true] #serviceHeader .modeSetting ul li a span,body.thema_dark #serviceHeader .modeSetting ul li a span,.theme_dark #serviceHeader .modeSetting ul li a span,html[dark=true] #af-header .modeSetting ul li a span,body.thema_dark #af-header .modeSetting ul li a span,.theme_dark #af-header .modeSetting ul li a span {
    color: #E2E4E9
}

#webplayer_top .modeSetting ul:last-child,#serviceHeader .modeSetting ul:last-child,#af-header .modeSetting ul:last-child {
    border-bottom: 0
}

#webplayer_top .loginUserMenu,#serviceHeader .loginUserMenu,#af-header .loginUserMenu {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    width: 270px;
    z-index: 3002
}

#webplayer_top .loginUserMenu .UserMenu_wrap,#webplayer_top .loginUserMenu .depth_2,#serviceHeader .loginUserMenu .UserMenu_wrap,#serviceHeader .loginUserMenu .depth_2,#af-header .loginUserMenu .UserMenu_wrap,#af-header .loginUserMenu .depth_2 {
    background: #fff;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 12px;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15)
}

#webplayer_top .loginUserMenu .UserMenu_wrap .back,#webplayer_top .loginUserMenu .depth_2 .back,#serviceHeader .loginUserMenu .UserMenu_wrap .back,#serviceHeader .loginUserMenu .depth_2 .back,#af-header .loginUserMenu .UserMenu_wrap .back,#af-header .loginUserMenu .depth_2 .back {
    padding: 8px 0
}

#webplayer_top .loginUserMenu .UserMenu_wrap .back button,#webplayer_top .loginUserMenu .depth_2 .back button,#serviceHeader .loginUserMenu .UserMenu_wrap .back button,#serviceHeader .loginUserMenu .depth_2 .back button,#af-header .loginUserMenu .UserMenu_wrap .back button,#af-header .loginUserMenu .depth_2 .back button {
    display: flex;
    align-items: center;
    background: none;
    width: 100%;
    height: 39px;
    padding: 1px 0 0 20px;
    border: 0;
    color: #17191C;
    font-size: 14px;
    font-weight: 500;
    transition: background-color .3s
}

#webplayer_top .loginUserMenu .UserMenu_wrap .back button:before,#webplayer_top .loginUserMenu .depth_2 .back button:before,#serviceHeader .loginUserMenu .UserMenu_wrap .back button:before,#serviceHeader .loginUserMenu .depth_2 .back button:before,#af-header .loginUserMenu .UserMenu_wrap .back button:before,#af-header .loginUserMenu .depth_2 .back button:before {
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23525661' d='m13.889 17.778-5.89-5.89L13.89 6l.777.778-5.111 5.11L14.666 17l-.777.778Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    margin-right: 12px
}

#webplayer_top .loginUserMenu .UserMenu_wrap .back button:hover,#webplayer_top .loginUserMenu .depth_2 .back button:hover,#serviceHeader .loginUserMenu .UserMenu_wrap .back button:hover,#serviceHeader .loginUserMenu .depth_2 .back button:hover,#af-header .loginUserMenu .UserMenu_wrap .back button:hover,#af-header .loginUserMenu .depth_2 .back button:hover {
    background-color: rgba(145,150,161,0.1)
}

#webplayer_top .loginUserMenu .UserMenu_wrap .back button:active,#webplayer_top .loginUserMenu .depth_2 .back button:active,#serviceHeader .loginUserMenu .UserMenu_wrap .back button:active,#serviceHeader .loginUserMenu .depth_2 .back button:active,#af-header .loginUserMenu .UserMenu_wrap .back button:active,#af-header .loginUserMenu .depth_2 .back button:active {
    background-color: rgba(23,25,28,0.3)
}

#webplayer_top .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,#serviceHeader .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,#af-header .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 12'%3e%3cpath fill='%23525661' d='M1.111.111 7 6l-5.889 5.889-.778-.778L5.445 6 .333.889 1.111.11Z'/%3e%3c/svg%3e");
    background-position: calc(100% - 20px) 50%;
    background-repeat: no-repeat;
    background-size: 7px 12px
}

#webplayer_top .loginUserMenu .depth_2,#serviceHeader .loginUserMenu .depth_2,#af-header .loginUserMenu .depth_2 {
    display: none
}

#webplayer_top .loginUserMenu .depth_2 li a.my_profit,#serviceHeader .loginUserMenu .depth_2 li a.my_profit,#af-header .loginUserMenu .depth_2 li a.my_profit {
    background: none
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap,html[dark=true] #webplayer_top .loginUserMenu .depth_2,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap,body.thema_dark #webplayer_top .loginUserMenu .depth_2,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap,.theme_dark #webplayer_top .loginUserMenu .depth_2,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap,html[dark=true] #serviceHeader .loginUserMenu .depth_2,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap,body.thema_dark #serviceHeader .loginUserMenu .depth_2,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap,.theme_dark #serviceHeader .loginUserMenu .depth_2,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap,html[dark=true] #af-header .loginUserMenu .depth_2,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap,body.thema_dark #af-header .loginUserMenu .depth_2,.theme_dark #af-header .loginUserMenu .UserMenu_wrap,.theme_dark #af-header .loginUserMenu .depth_2 {
    border: 1px solid rgba(117,123,138,0.3)
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .back button,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .back button,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .back button,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .back button,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .back button,.theme_dark #webplayer_top .loginUserMenu .depth_2 .back button,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .back button,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .back button,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .back button,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .back button,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .back button,.theme_dark #serviceHeader .loginUserMenu .depth_2 .back button,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .back button,html[dark=true] #af-header .loginUserMenu .depth_2 .back button,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .back button,body.thema_dark #af-header .loginUserMenu .depth_2 .back button,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .back button,.theme_dark #af-header .loginUserMenu .depth_2 .back button {
    color: #E2E4E9
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .back button:before,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .back button:before,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .back button:before,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .back button:before,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .back button:before,.theme_dark #webplayer_top .loginUserMenu .depth_2 .back button:before,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .back button:before,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .back button:before,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .back button:before,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .back button:before,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .back button:before,.theme_dark #serviceHeader .loginUserMenu .depth_2 .back button:before,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .back button:before,html[dark=true] #af-header .loginUserMenu .depth_2 .back button:before,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .back button:before,body.thema_dark #af-header .loginUserMenu .depth_2 .back button:before,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .back button:before,.theme_dark #af-header .loginUserMenu .depth_2 .back button:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23D5D7DC' d='m13.889 17.778-5.89-5.89L13.89 6l.777.778-5.111 5.11L14.666 17l-.777.778Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .back button:hover,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .back button:hover,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .back button:hover,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .back button:hover,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .back button:hover,.theme_dark #webplayer_top .loginUserMenu .depth_2 .back button:hover,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .back button:hover,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .back button:hover,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .back button:hover,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .back button:hover,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .back button:hover,.theme_dark #serviceHeader .loginUserMenu .depth_2 .back button:hover,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .back button:hover,html[dark=true] #af-header .loginUserMenu .depth_2 .back button:hover,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .back button:hover,body.thema_dark #af-header .loginUserMenu .depth_2 .back button:hover,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .back button:hover,.theme_dark #af-header .loginUserMenu .depth_2 .back button:hover {
    background-color: rgba(246,246,249,0.1)
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .back button:active,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .back button:active,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .back button:active,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .back button:active,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .back button:active,.theme_dark #webplayer_top .loginUserMenu .depth_2 .back button:active,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .back button:active,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .back button:active,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .back button:active,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .back button:active,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .back button:active,.theme_dark #serviceHeader .loginUserMenu .depth_2 .back button:active,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .back button:active,html[dark=true] #af-header .loginUserMenu .depth_2 .back button:active,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .back button:active,body.thema_dark #af-header .loginUserMenu .depth_2 .back button:active,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .back button:active,.theme_dark #af-header .loginUserMenu .depth_2 .back button:active {
    background-color: rgba(246,246,249,0.3)
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .menuList.depth-1 li a.my_profit {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 12'%3e%3cpath fill='%23D5D7DC' d='M1.111.111 7 6l-5.889 5.889-.778-.778L5.445 6 .333.889 1.111.11Z'/%3e%3c/svg%3e");
    background-position: calc(100% - 20px) 50%;
    background-repeat: no-repeat;
    background-size: 7px 12px
}

#webplayer_top .loginUserMenu .btn_quick,#serviceHeader .loginUserMenu .btn_quick,#af-header .loginUserMenu .btn_quick {
    display: none
}

#webplayer_top .loginUserMenu .loginUserInfo,#serviceHeader .loginUserMenu .loginUserInfo,#af-header .loginUserMenu .loginUserInfo {
    display: flex;
    align-items: center;
    margin: 12px 0 8px;
    padding: 8px 20px
}

#webplayer_top .loginUserMenu .loginUserInfo:hover,#serviceHeader .loginUserMenu .loginUserInfo:hover,#af-header .loginUserMenu .loginUserInfo:hover {
    background-color: rgba(145,150,161,0.1)
}

#webplayer_top .loginUserMenu .loginUserInfo:active,#serviceHeader .loginUserMenu .loginUserInfo:active,#af-header .loginUserMenu .loginUserInfo:active {
    background-color: rgba(23,25,28,0.3)
}

#webplayer_top .loginUserMenu .loginUserInfo a,#serviceHeader .loginUserMenu .loginUserInfo a,#af-header .loginUserMenu .loginUserInfo a {
    display: block;
    transition: background-color .3s
}

#webplayer_top .loginUserMenu .loginUserInfo a:nth-of-type(2),#serviceHeader .loginUserMenu .loginUserInfo a:nth-of-type(2),#af-header .loginUserMenu .loginUserInfo a:nth-of-type(2) {
    width: 100%
}

#webplayer_top .loginUserMenu .loginUserInfo a .thumb,#serviceHeader .loginUserMenu .loginUserInfo a .thumb,#af-header .loginUserMenu .loginUserInfo a .thumb {
    display: block;
    overflow: hidden;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(117,123,138,0.1);
    border-radius: 50%
}

#webplayer_top .loginUserMenu .loginUserInfo a .thumb img,#serviceHeader .loginUserMenu .loginUserInfo a .thumb img,#af-header .loginUserMenu .loginUserInfo a .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#webplayer_top .loginUserMenu .loginUserInfo a .nick_box,#serviceHeader .loginUserMenu .loginUserInfo a .nick_box,#af-header .loginUserMenu .loginUserInfo a .nick_box {
    margin-left: 12px
}

#webplayer_top .loginUserMenu .loginUserInfo a .nick_box span,#serviceHeader .loginUserMenu .loginUserInfo a .nick_box span,#af-header .loginUserMenu .loginUserInfo a .nick_box span {
    display: block
}

#webplayer_top .loginUserMenu .loginUserInfo a .nick_box span.nick,#serviceHeader .loginUserMenu .loginUserInfo a .nick_box span.nick,#af-header .loginUserMenu .loginUserInfo a .nick_box span.nick {
    color: #17191C;
    font-size: 14px;
    font-weight: 600
}

#webplayer_top .loginUserMenu .loginUserInfo a .nick_box span.id,#serviceHeader .loginUserMenu .loginUserInfo a .nick_box span.id,#af-header .loginUserMenu .loginUserInfo a .nick_box span.id {
    padding-top: 3px;
    color: #757B8A;
    font-size: 13px
}

#webplayer_top .loginUserMenu .menuList_wrap,#serviceHeader .loginUserMenu .menuList_wrap,#af-header .loginUserMenu .menuList_wrap {
    border-top: 1px solid #E2E4E9
}

#webplayer_top .loginUserMenu .menuList_wrap::-webkit-scrollbar-thumb,#serviceHeader .loginUserMenu .menuList_wrap::-webkit-scrollbar-thumb,#af-header .loginUserMenu .menuList_wrap::-webkit-scrollbar-thumb {
    background: transparent
}

#webplayer_top .loginUserMenu .menuList_wrap .menuList:first-of-type,#serviceHeader .loginUserMenu .menuList_wrap .menuList:first-of-type,#af-header .loginUserMenu .menuList_wrap .menuList:first-of-type {
    border-top: 0
}

html[dark=true] #webplayer_top .loginUserMenu .menuList_wrap,body.thema_dark #webplayer_top .loginUserMenu .menuList_wrap,.theme_dark #webplayer_top .loginUserMenu .menuList_wrap,html[dark=true] #serviceHeader .loginUserMenu .menuList_wrap,body.thema_dark #serviceHeader .loginUserMenu .menuList_wrap,.theme_dark #serviceHeader .loginUserMenu .menuList_wrap,html[dark=true] #af-header .loginUserMenu .menuList_wrap,body.thema_dark #af-header .loginUserMenu .menuList_wrap,.theme_dark #af-header .loginUserMenu .menuList_wrap {
    border-color: #2F3137
}

#webplayer_top .loginUserMenu .menuList,#serviceHeader .loginUserMenu .menuList,#af-header .loginUserMenu .menuList {
    margin: 0;
    padding: 8px 0;
    border-top: 1px solid #E2E4E9
}

#webplayer_top .loginUserMenu .menuList li,#serviceHeader .loginUserMenu .menuList li,#af-header .loginUserMenu .menuList li {
    display: flex;
    align-items: center;
    min-height: 26px;
    line-height: 1.5;
    list-style: none
}

#webplayer_top .loginUserMenu .menuList li a,#serviceHeader .loginUserMenu .menuList li a,#af-header .loginUserMenu .menuList li a {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 39px;
    padding: 0 20px;
    word-break: break-all;
    word-wrap: break-word;
    transition: background-color .2s;
    color: #17191C;
    font-size: 14px;
    font-weight: 500
}

#webplayer_top .loginUserMenu .menuList li a:hover,#serviceHeader .loginUserMenu .menuList li a:hover,#af-header .loginUserMenu .menuList li a:hover {
    background-color: rgba(145,150,161,0.1)
}

#webplayer_top .loginUserMenu .menuList li a:active,#serviceHeader .loginUserMenu .menuList li a:active,#af-header .loginUserMenu .menuList li a:active {
    background-color: rgba(23,25,28,0.3)
}

#webplayer_top .loginUserMenu .menuList li a:before,#serviceHeader .loginUserMenu .menuList li a:before,#af-header .loginUserMenu .menuList li a:before {
    content: "";
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin-right: 12px
}

#webplayer_top .loginUserMenu .menuList li a.my_afpay:before,#serviceHeader .loginUserMenu .menuList li a.my_afpay:before,#af-header .loginUserMenu .menuList li a.my_afpay:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M19.719 9.156V7.7a3 3 0 0 0-3-3H5.699c-1.656 0-2.999 1.34-2.999 2.996v8.605a2.999 2.999 0 0 0 3 2.999h11.019a3 3 0 0 0 3-3v-1.581'/%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M15.3 12A2.7 2.7 0 0 1 18 9.3h2.3a1 1 0 0 1 1 1v3.4a1 1 0 0 1-1 1H18a2.7 2.7 0 0 1-2.7-2.7Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-width='1.4' d='M18.015 12h.829'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_item:before,#serviceHeader .loginUserMenu .menuList li a.my_item:before,#af-header .loginUserMenu .menuList li a.my_item:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg fill='%23525661' clip-path='url(%23a)'%3e%3cpath d='m2.975 9.622.217-.665-.217.665Zm.117 4.714.25.654-.25-.654ZM18.3 4.003H5.7v1.4h12.6v-1.4Zm3.7 3.7a3.7 3.7 0 0 0-3.7-3.7v1.4a2.3 2.3 0 0 1 2.3 2.3H22Zm0 8.6v-8.6h-1.4v8.6H22Zm-3.7 3.7a3.7 3.7 0 0 0 3.7-3.7h-1.4a2.3 2.3 0 0 1-2.3 2.3v1.4Zm-12.6 0h12.6v-1.4H5.7v1.4Zm-3.7-3.7a3.7 3.7 0 0 0 3.7 3.7v-1.4a2.3 2.3 0 0 1-2.3-2.3H2Zm0-1.444v1.444h1.4V14.86H2ZM4 12a1.8 1.8 0 0 1-1.158 1.682l.5 1.308A3.2 3.2 0 0 0 5.4 12H4Zm-1.242-1.712A1.801 1.801 0 0 1 4 12h1.4a3.201 3.201 0 0 0-2.208-3.043l-.434 1.331ZM2 7.703v1.563h1.4V7.703H2Zm3.7-3.7a3.7 3.7 0 0 0-3.7 3.7h1.4a2.3 2.3 0 0 1 2.3-2.3v-1.4ZM3.192 8.957a.317.317 0 0 1 .208.309H2c0 .514.358.892.758 1.022l.434-1.331Zm.208 5.902c0 .053-.02.092-.035.11-.012.017-.021.02-.023.021l-.5-1.308c-.429.164-.842.585-.842 1.177h1.4Z'/%3e%3cpath fill-rule='evenodd' d='M9 6.75a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5Zm0 4.5a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5ZM9.75 15a.75.75 0 0 0-.75.75v1.5a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-.75-.75Z' clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_balloon:before,#serviceHeader .loginUserMenu .menuList li a.my_balloon:before,#af-header .loginUserMenu .menuList li a.my_balloon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath fill='%23525661' fill-rule='evenodd' stroke='%23525661' stroke-linejoin='round' stroke-width='.6' d='M14.158 11.19a.246.246 0 0 0-.072.221l.379 2.184a.252.252 0 0 1-.367.263l-1.98-1.03a.257.257 0 0 0-.235 0l-1.981 1.03a.252.252 0 0 1-.366-.263l.378-2.184a.247.247 0 0 0-.072-.22L8.238 9.644a.249.249 0 0 1 .14-.426l2.215-.319a.251.251 0 0 0 .19-.136l.99-1.986a.254.254 0 0 1 .454 0l.99 1.986a.252.252 0 0 0 .19.136l2.216.32c.206.03.288.28.138.425l-1.603 1.547Z' clip-rule='evenodd'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_message:before,#serviceHeader .loginUserMenu .menuList li a.my_message:before,#af-header .loginUserMenu .menuList li a.my_message:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23555' stroke-width='1.4' d='M17.455 13.175V4.8a1.5 1.5 0 0 0-1.5-1.5h-7.91a1.5 1.5 0 0 0-1.5 1.5v8.872'/%3e%3cpath stroke='%23555' stroke-width='1.4' d='M17.009 3.754 4.914 15.394a1.5 1.5 0 0 0-.02 2.142l2.816 2.816a1.5 1.5 0 0 0 2.122 0l7.734-7.734'/%3e%3cpath stroke='%23555' stroke-width='1.4' d='M7.091 3.754 18.954 14.74a2 2 0 0 1 .056 2.881l-2.52 2.52a1.5 1.5 0 0 1-2.021.092l-1.81-1.507-.271-.219'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a .memo,#serviceHeader .loginUserMenu .menuList li a .memo,#af-header .loginUserMenu .menuList li a .memo {
    margin-left: 5px;
    color: #0182FF
}

#webplayer_top .loginUserMenu .menuList li a.my_ad:before,#webplayer_top .loginUserMenu .menuList li a.my_bene:before,#serviceHeader .loginUserMenu .menuList li a.my_ad:before,#serviceHeader .loginUserMenu .menuList li a.my_bene:before,#af-header .loginUserMenu .menuList li a.my_ad:before,#af-header .loginUserMenu .menuList li a.my_bene:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3crect width='18.6' height='14.6' x='2.7' y='4.7' stroke='%23525661' stroke-width='1.4' rx='5.3'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M11.318 14.5 9.67 9.966a.567.567 0 0 0-1.067 0L6.955 14.5M13.227 14.5V9.59h1.636c1.091 0 2.182.82 2.182 2.455 0 1.637-1.09 2.455-2.182 2.455h-1.636ZM7.5 13.118h3.273'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_gd:before,#serviceHeader .loginUserMenu .menuList li a.my_gd:before,#af-header .loginUserMenu .menuList li a.my_gd:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M17.781 14.897c2.88 0 3.519-2.116 3.519-3.8 0-1.684-.736-3.8-3.519-3.8'/%3e%3cpath stroke='%23525661' stroke-linejoin='round' stroke-width='1.4' d='M2.7 6.688a3 3 0 0 1 3-3h9.003a3 3 0 0 1 3 3v6.64a7 7 0 0 1-7 7H9.7a7 7 0 0 1-7-7v-6.64Z'/%3e%3cpath fill='%23525661' fill-rule='evenodd' stroke='%23525661' stroke-linejoin='round' stroke-width='.6' d='M12.36 12.342a.246.246 0 0 0-.072.22l.378 2.185a.252.252 0 0 1-.366.263l-1.98-1.031a.257.257 0 0 0-.236 0l-1.98 1.03a.252.252 0 0 1-.367-.262l.378-2.184a.247.247 0 0 0-.072-.22L6.44 10.795a.249.249 0 0 1 .14-.426l2.215-.32a.251.251 0 0 0 .19-.135l.99-1.987a.254.254 0 0 1 .453 0l.99 1.987a.253.253 0 0 0 .19.136l2.216.319c.207.03.289.281.139.426l-1.604 1.546Z' clip-rule='evenodd'/%3e%3c/svg%3e") !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_tk:before,#serviceHeader .loginUserMenu .menuList li a.my_tk:before,#af-header .loginUserMenu .menuList li a.my_tk:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3e%3cpath d='M8.5 0a8.5 8.5 0 1 1 0 17 8.5 8.5 0 0 1 0-17zm0 1a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zM6.435 5.302c.234 0 .461.014.68.043.219.028.422.071.61.129.073.026.11.057.113.094.003.036.004.08.004.132l-.015.673c0 .089-.021.138-.063.149a.448.448 0 0 1-.203-.024 4.207 4.207 0 0 0-.63-.137 4.568 4.568 0 0 0-.574-.035c-.292 0-.554.05-.786.153a1.654 1.654 0 0 0-.59.43 1.926 1.926 0 0 0-.372.66 2.633 2.633 0 0 0-.13.845c0 .302.048.58.142.833a1.95 1.95 0 0 0 .981 1.103c.227.111.476.18.747.206.25.026.49.017.72-.027a3.94 3.94 0 0 0 .562-.145c.068-.026.112-.032.133-.02.02.014.034.046.04.098l.038.704c.005.058-.002.097-.023.117a.335.335 0 0 1-.118.063 3.63 3.63 0 0 1-.535.133c-.206.036-.45.055-.731.055-.449 0-.86-.075-1.232-.223a2.722 2.722 0 0 1-.958-.634 2.899 2.899 0 0 1-.621-.985A3.51 3.51 0 0 1 3.4 8.414c0-.459.074-.88.223-1.263a2.88 2.88 0 0 1 .621-.985c.266-.274.585-.486.958-.638a3.247 3.247 0 0 1 1.232-.226zm4.11.101c.291 0 .556.037.793.11.237.073.439.185.606.336.167.151.296.34.387.567.091.227.137.496.137.81 0 .375-.081.694-.243.957-.161.263-.375.47-.64.622l1.266 2.416c.042.078.057.132.047.16-.01.029-.055.043-.133.043h-.86c-.063 0-.103-.006-.122-.02a.29.29 0 0 1-.066-.105l-1.11-2.228h-.72v2.189c0 .073-.01.119-.031.137-.02.018-.06.027-.117.027H8.98a.205.205 0 0 1-.117-.027c-.026-.018-.04-.064-.04-.137v-5.7c0-.063.015-.105.044-.125a.175.175 0 0 1 .105-.032h1.572zm.109.962h-.767v1.752h.524c.313 0 .555-.072.727-.215.172-.144.258-.372.258-.685 0-.281-.069-.493-.207-.637a.71.71 0 0 0-.535-.215z' fill='%23525661'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 17px 17px
}

#webplayer_top .loginUserMenu .menuList li a.my_stat:before,#serviceHeader .loginUserMenu .menuList li a.my_stat:before,#af-header .loginUserMenu .menuList li a.my_stat:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3crect width='16.6' height='16.6' x='3.7' y='3.7' stroke='%23525661' stroke-width='1.4' rx='4.8'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 16.5v-9M8 16.5v-6M16 16.5v-3'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_drops:before,#serviceHeader .loginUserMenu .menuList li a.my_drops:before,#af-header .loginUserMenu .menuList li a.my_drops:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M3.4 8.5v1.975h6.2V8.5a3.1 3.1 0 0 0-6.2 0Zm6.362-3.1A4.485 4.485 0 0 1 11 8.5v1.975h2.319l1.877-2.476a.5.5 0 0 1 .797 0l1.878 2.476H20.6V10A4.6 4.6 0 0 0 16 5.4H9.762ZM9.6 11.874H3.4V17A1.6 1.6 0 0 0 5 18.6h4.6v-6.726ZM11 18.6v-6.726h2.319l1.877 2.476a.5.5 0 0 0 .797 0l1.878-2.476H20.6V17a1.6 1.6 0 0 1-1.6 1.6h-8Zm0 1.4H5a3 3 0 0 1-3-3V8.4A4.4 4.4 0 0 1 6.4 4H16a6 6 0 0 1 6 6v7a3 3 0 0 1-3 3h-8Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_spon:before,#serviceHeader .loginUserMenu .menuList li a.my_spon:before,#af-header .loginUserMenu .menuList li a.my_spon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M11.358 13.009 9.806 8.74a.534.534 0 0 0-1.004 0L7.25 13.01M13.155 13.009V8.387h1.541c1.027 0 2.054.77 2.054 2.31 0 1.541-1.027 2.312-2.054 2.312h-1.54ZM7.764 11.707h3.08'/%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_point:before,#serviceHeader .loginUserMenu .menuList li a.my_point:before,#af-header .loginUserMenu .menuList li a.my_point:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg stroke='%23525661' clip-path='url(%23a)'%3e%3cpath stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M10.09 15.431V8.9m.073 0h2.498c1.155 0 2.092.937 2.092 2.093v0a2.093 2.093 0 0 1-2.092 2.092h-2.498'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M2 2h20v20H2z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_profit:before,#serviceHeader .loginUserMenu .menuList li a.my_profit:before,#af-header .loginUserMenu .menuList li a.my_profit:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m8.13 8.49 1.989 7.02 1.88-7.02 1.882 7.02 1.989-7.02M7.5 12.681h9M7.5 10.725h9'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_shopping:before,#serviceHeader .loginUserMenu .menuList li a.my_shopping:before,#af-header .loginUserMenu .menuList li a.my_shopping:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='m8.136 14.708-1.62-7.562h12.292a1.5 1.5 0 0 1 1.426 1.967L18.35 14.86a1.5 1.5 0 0 1-1.425 1.033H9.603a1.5 1.5 0 0 1-1.467-1.186Z'/%3e%3cpath fill='%23525661' d='M16.4 21a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2ZM10.235 21a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2ZM2.719 2.996a.7.7 0 1 0 0 1.4v-1.4ZM5.863 4.09l-.684.148.684-.148ZM7.32 7.508l-.772-3.566-1.369.296.773 3.566 1.368-.296ZM5.375 2.996H2.719v1.4h2.656v-1.4Zm1.173.946a1.2 1.2 0 0 0-1.173-.946v1.4a.2.2 0 0 1-.196-.158l1.369-.296Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_dashboard:before,#serviceHeader .loginUserMenu .menuList li a.my_dashboard:before,#af-header .loginUserMenu .menuList li a.my_dashboard:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M4.64 4.32a.958.958 0 0 0 1.43-.591c.236-.976 1.624-.976 1.86 0 .154.63.876.929 1.43.592.857-.523 1.839.458 1.316 1.316a.958.958 0 0 0 .592 1.429c.976.237.976 1.625 0 1.861a.958.958 0 0 0-.592 1.43c.523.857-.459 1.838-1.316 1.316a.958.958 0 0 0-1.43.592c-.236.976-1.624.976-1.86 0a.958.958 0 0 0-1.43-.592c-.857.522-1.839-.459-1.316-1.316a.958.958 0 0 0-.592-1.43c-.976-.236-.976-1.624 0-1.861a.958.958 0 0 0 .592-1.43C2.8 4.78 3.783 3.799 4.64 4.322Zm2.243 5.343a1.667 1.667 0 1 0 0-3.333 1.667 1.667 0 0 0 0 3.333Z' clip-rule='evenodd'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.695 5.5h1.71a3 3 0 0 1 3 3v2.086l2.488-1.793c.652-.297 1.4.187 1.41.912v5.764a1.002 1.002 0 0 1-1.41.912l-2.542-1.924.053 2.043a3 3 0 0 1-3 3H6.7c-1.677 0-3.02-1.343-3-3v-2.496'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.extensions:before,#serviceHeader .loginUserMenu .menuList li a.extensions:before,#af-header .loginUserMenu .menuList li a.extensions:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23525661' d='M8.5 2c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414v1h2A2.496 2.496 0 0 1 15 7.5v1.498L16 9c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414 0 .552-.224 1.052-.586 1.414a1.993 1.993 0 0 1-1.413.586L15 12.998V15.5c0 .69-.28 1.315-.732 1.768A2.492 2.492 0 0 1 12.5 18h-2v-1a1.996 1.996 0 0 0-1.808-1.99c-.663-.008-1.183.208-1.555.545A1.932 1.932 0 0 0 6.5 17v1h-2c-.69 0-1.315-.28-1.768-.732A2.492 2.492 0 0 1 2 15.5V13h.5a1.996 1.996 0 0 0 1.99-1.808c.007-.663-.208-1.183-.546-1.555A1.932 1.932 0 0 0 2.501 9H2V7.5c0-.69.28-1.315.732-1.768A2.492 2.492 0 0 1 4.5 5h2V4c0-.552.224-1.052.586-1.414A1.994 1.994 0 0 1 8.5 2z' clip-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_info:before,#serviceHeader .loginUserMenu .menuList li a.my_info:before,#af-header .loginUserMenu .menuList li a.my_info:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23525661' d='M19.6 20.3a.7.7 0 1 0 1.4 0h-1.4ZM3 20.3a.7.7 0 1 0 1.4 0H3Zm11.903-7.859a.7.7 0 0 0-.42 1.336l.42-1.336Zm-5.387 1.336a.7.7 0 0 0-.42-1.336l.42 1.336ZM21 20.3c0-3.682-2.585-6.756-6.097-7.859l-.42 1.336c3.013.946 5.117 3.537 5.117 6.523H21ZM9.097 12.441C5.585 13.544 3 16.618 3 20.3h1.4c0-2.986 2.104-5.577 5.116-6.523l-.42-1.336Z'/%3e%3ccircle cx='12' cy='8.6' r='4.9' stroke='%23525661' stroke-width='1.4'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.userLogout:before,#serviceHeader .loginUserMenu .menuList li a.userLogout:before,#af-header .loginUserMenu .menuList li a.userLogout:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M15.3 3.7H6.7a3 3 0 0 0-3 3v10.6a3 3 0 0 0 3 3h8.6M17.543 14.756 20.299 12l-2.756-2.756M12 12h7.25'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_sotong:before,#serviceHeader .loginUserMenu .menuList li a.my_sotong:before,#af-header .loginUserMenu .menuList li a.my_sotong:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-width='1.4' d='M2.7 4.7h17.6M2.7 11.3h7.488M2.7 17.9h4.738'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M13.782 19.2a.5.5 0 0 1-.354.147h-2.207a.5.5 0 0 1-.5-.5v-2.208a.5.5 0 0 1 .146-.353l7.43-7.43a.5.5 0 0 1 .708 0l2.207 2.207a.5.5 0 0 1 0 .707l-7.43 7.43ZM16.65 10.502l2.916 2.915'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_custom:before,#serviceHeader .loginUserMenu .menuList li a.my_custom:before,#af-header .loginUserMenu .menuList li a.my_custom:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M5.7 15.969V9A6.3 6.3 0 0 1 12 2.7v0A6.3 6.3 0 0 1 18.3 9v6.969M5.553 15.822v0A2.853 2.853 0 0 1 2.7 12.969v-.294a2.853 2.853 0 0 1 2.853-2.853v0M18.447 15.822v0a2.853 2.853 0 0 0 2.853-2.853v-.294a2.853 2.853 0 0 0-2.853-2.853v0M11.675 18.844v0c0 .656.532 1.187 1.188 1.187h3.25c1.208 0 2.187-.98 2.187-2.187v0'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a.my_service:before,#serviceHeader .loginUserMenu .menuList li a.my_service:before,#af-header .loginUserMenu .menuList li a.my_service:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M11.999 8v4.514'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M11.994 16h.013'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .menuList li a .new,#serviceHeader .loginUserMenu .menuList li a .new,#af-header .loginUserMenu .menuList li a .new {
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3e%3ccircle cx='7' cy='7' r='7' fill='%23EF565F'/%3e%3cpath fill='%23fff' d='M4.606 4.48h1.446l1.886 2.772V4.48h1.46v5.01h-1.46L6.062 6.74v2.75H4.606V4.48Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 14px;
    height: 14px;
    margin: 0 0 0 6px;
    text-indent: -9999px
}

#webplayer_top .loginUserMenu .menuList li a span,#serviceHeader .loginUserMenu .menuList li a span,#af-header .loginUserMenu .menuList li a span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

#webplayer_top .loginUserMenu .menuList .soopiSet .settings,#serviceHeader .loginUserMenu .menuList .soopiSet .settings,#af-header .loginUserMenu .menuList .soopiSet .settings {
    position: relative;
    width: 100%;
    height: 40px;
    padding: 0 20px
}

#webplayer_top .loginUserMenu .menuList .soopiSet .settings:hover,#serviceHeader .loginUserMenu .menuList .soopiSet .settings:hover,#af-header .loginUserMenu .menuList .soopiSet .settings:hover {
    background: rgba(145,150,161,0.1)
}

#webplayer_top .loginUserMenu .menuList .soopiSet .my_soopi,#serviceHeader .loginUserMenu .menuList .soopiSet .my_soopi,#af-header .loginUserMenu .menuList .soopiSet .my_soopi {
    display: flex;
    align-items: center;
    height: 100%;
    color: #17191C;
    font-size: 14px;
    font-weight: 500;
    text-align: left
}

#webplayer_top .loginUserMenu .menuList .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu .menuList .soopiSet .my_soopi:before,#af-header .loginUserMenu .menuList .soopiSet .my_soopi:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23555' stroke-width='1.4' d='M14.174 2.956A9.3 9.3 0 1 0 21.084 10'/%3e%3cpath fill='%23555' fill-rule='evenodd' d='M14.438 10.568a2.438 2.438 0 1 1-4.876 0 2.438 2.438 0 0 1 4.876 0Zm1.313 0a3.751 3.751 0 1 1-7.502 0 3.751 3.751 0 0 1 7.502 0Zm-3.75 4.737c-2.662 0-4.997 1.428-6.002 3.54a.656.656 0 1 0 1.185.564c.766-1.608 2.608-2.792 4.816-2.792 2.209 0 4.05 1.184 4.816 2.792A.656.656 0 1 0 18 18.845c-1.005-2.112-3.34-3.54-6-3.54Z' clip-rule='evenodd'/%3e%3cpath fill='%23555' d='m20.15 6.42 1.545-.499a.44.44 0 0 0 0-.838l-1.546-.503a1.13 1.13 0 0 1-.73-.73l-.5-1.545a.44.44 0 0 0-.838 0l-.5 1.545a1.13 1.13 0 0 1-.73.73l-1.545.503a.44.44 0 0 0 0 .838l1.545.499c.347.112.619.383.73.73l.504 1.545a.44.44 0 0 0 .838 0l.503-1.545a1.13 1.13 0 0 1 .731-.73h-.008Z'/%3e%3cpath fill='%23555' d='m20.15 6.42 1.545-.499a.44.44 0 0 0 0-.838l-1.546-.503a1.13 1.13 0 0 1-.73-.73l-.5-1.545a.44.44 0 0 0-.838 0l-.5 1.545a1.13 1.13 0 0 1-.73.73l-1.545.503a.44.44 0 0 0 0 .838l1.545.499c.347.112.619.383.73.73l.504 1.545a.44.44 0 0 0 .838 0l.503-1.545a1.13 1.13 0 0 1 .731-.73h-.008Z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 0px;
    margin-right: 12px
}

#webplayer_top .loginUserMenu .menuList .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu .menuList .soopiSet .my_soopi .beta,#af-header .loginUserMenu .menuList .soopiSet .my_soopi .beta {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 29 14'%3e%3crect width='28' height='13' x='.5' y='.5' stroke='%239196A1' stroke-opacity='.3' rx='6.5'/%3e%3cpath fill='%2317191C' fill-rule='evenodd' d='M6.179 10.098c.124.1.276.15.457.15h.999c.566 0 1.045-.063 1.437-.187.392-.13.69-.33.896-.597.212-.274.317-.62.317-1.036 0-.486-.137-.868-.41-1.148-.274-.28-.638-.451-1.092-.514.38-.105.672-.298.877-.578.205-.28.308-.61.308-.99 0-.566-.221-.97-.663-1.213-.442-.243-1.064-.364-1.866-.364a5.21 5.21 0 0 0-.971.075 2.41 2.41 0 0 0-.635.186c.05.119.084.25.103.392.025.144.04.284.047.42.012.131.018.24.018.327V9.67c0 .187.06.33.178.43Zm1.428-.26h-.495v-2.82h.513c.286 0 .538.04.756.122a.945.945 0 0 1 .514.42c.124.205.186.5.186.886 0 .287-.053.536-.158.747-.1.205-.259.364-.476.476-.212.112-.492.168-.84.168Zm-.495-3.23V4.032H7.439c.497 0 .846.112 1.045.336.205.218.308.522.308.914 0 .274-.044.51-.13.71a.995.995 0 0 1-.374.466 1.099 1.099 0 0 1-.625.15h-.551Zm9.522 3.406c.187.218.458.327.813.327.286 0 .513-.056.68-.168.175-.112.262-.255.262-.43a.62.62 0 0 0-.121-.363c-.031.05-.087.087-.168.112a.766.766 0 0 1-.224.037c-.143 0-.252-.044-.327-.13-.068-.088-.102-.212-.102-.374V6.272l.001-.308h.857a.273.273 0 0 0 .187-.066.29.29 0 0 0 .093-.205l.01-.27a1.442 1.442 0 0 1-.187.018c-.094 0-.202.003-.327.01-.118 0-.227.002-.326.009h-.293c.003-.08.008-.155.012-.224.02-.268.063-.53.131-.784a.981.981 0 0 0-.224-.15.762.762 0 0 0-.392-.093c-.187 0-.339.05-.457.15a.519.519 0 0 0-.177.42v.68h-.393c-.08 0-.149.022-.205.066-.056.044-.087.112-.093.205l-.01.271a2.08 2.08 0 0 1 .28-.028c.125-.006.218-.01.28-.01h.14v3.155c0 .38.094.679.28.896Zm5.767.01c.168.211.404.317.71.317.242 0 .435-.06.578-.177a.531.531 0 0 0 .196-.598.425.425 0 0 0-.084-.186.288.288 0 0 1-.13.112.461.461 0 0 1-.14.028c-.212 0-.318-.165-.318-.495v-1.68c0-.71-.159-1.223-.476-1.54-.317-.317-.815-.476-1.493-.476-.585 0-1.055.096-1.41.29-.348.192-.522.475-.522.849 0 .23.074.429.224.597.155.168.37.252.644.252.118 0 .23-.016.336-.047a.561.561 0 0 0 .261-.158.546.546 0 0 1-.28-.3 1.07 1.07 0 0 1-.075-.382c0-.18.034-.32.103-.42a.557.557 0 0 1 .27-.224.953.953 0 0 1 .374-.074c.342 0 .582.13.719.392.136.26.205.653.205 1.176v.233c-.193 0-.41.012-.653.037a4.519 4.519 0 0 0-.738.14c-.274.081-.535.19-.784.327-.242.13-.441.299-.597.504-.15.199-.224.442-.224.728 0 .348.112.619.336.812.224.187.513.28.868.28.36 0 .681-.084.961-.252a2.15 2.15 0 0 0 .7-.681c.075-.117.14-.238.198-.365.014.456.094.783.241.98Zm-1.11-.551a.892.892 0 0 1-.43.15c-.205.018-.352-.041-.439-.178a.834.834 0 0 1-.13-.457.87.87 0 0 1 .177-.542c.118-.155.274-.277.467-.364.112-.056.233-.1.364-.13.136-.032.276-.05.42-.056.143-.013.277-.016.401-.01 0 .237-.04.458-.121.663a2.038 2.038 0 0 1-.299.55c-.125.156-.261.28-.41.374Zm-7.928.905c-.703 0-1.263-.217-1.68-.653-.417-.442-.625-1.067-.625-1.876 0-.778.199-1.39.597-1.839.399-.454.974-.681 1.727-.681.355 0 .669.053.943.159.28.1.5.252.662.457.162.205.243.463.243.775 0 .46-.19.812-.57 1.054-.373.243-.864.364-1.474.364-.255 0-.517-.006-.784-.018a4.2 4.2 0 0 1-.164-.015c.023.31.075.57.155.78.118.286.286.491.504.616.217.118.473.177.765.177.342 0 .628-.068.859-.205.236-.137.404-.314.504-.532a.227.227 0 0 1 .13.15c.031.074.013.195-.056.363a1.31 1.31 0 0 1-.644.69c-.305.156-.669.234-1.092.234Zm-.84-4.134c-.198.34-.297.825-.298 1.455.114.009.236.015.364.02.168 0 .339-.013.513-.038s.333-.078.476-.159c.143-.08.258-.199.345-.354.087-.156.13-.364.13-.626 0-.224-.033-.392-.102-.504a.535.535 0 0 0-.27-.242.78.78 0 0 0-.336-.075c-.349 0-.623.174-.822.523Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 29px;
    height: 14px;
    margin-left: 6px;
    font-size: 0
}

#webplayer_top .loginUserMenu .menuList .soopiSet label,#serviceHeader .loginUserMenu .menuList .soopiSet label,#af-header .loginUserMenu .menuList .soopiSet label {
    position: absolute;
    top: 10px;
    right: 20px;
    background: #E2E4E9;
    width: 40px;
    height: 22px;
    border-radius: 16px;
    transition: .2s;
    cursor: pointer
}

#webplayer_top .loginUserMenu .menuList .soopiSet label:before,#serviceHeader .loginUserMenu .menuList .soopiSet label:before,#af-header .loginUserMenu .menuList .soopiSet label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    background: #fff;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 50%;
    transition: all 0.2s
}

#webplayer_top .loginUserMenu .menuList .soopiSet input,#serviceHeader .loginUserMenu .menuList .soopiSet input,#af-header .loginUserMenu .menuList .soopiSet input {
    position: absolute;
    top: 0;
    left: -9999em;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}

#webplayer_top .loginUserMenu .menuList .soopiSet input:checked+label,#serviceHeader .loginUserMenu .menuList .soopiSet input:checked+label,#af-header .loginUserMenu .menuList .soopiSet input:checked+label {
    background-color: #0182FF
}

#webplayer_top .loginUserMenu .menuList .soopiSet input:checked+label:before,#serviceHeader .loginUserMenu .menuList .soopiSet input:checked+label:before,#af-header .loginUserMenu .menuList .soopiSet input:checked+label:before {
    left: 100%;
    margin-left: -19px
}

#webplayer_top .loginUserMenu .menuList .soopiSet p,#serviceHeader .loginUserMenu .menuList .soopiSet p,#af-header .loginUserMenu .menuList .soopiSet p {
    height: 0;
    color: #666;
    font-size: 11px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease
}

#webplayer_top .loginUserMenu .menuList .soopiSet input:checked ~ p,#serviceHeader .loginUserMenu .menuList .soopiSet input:checked ~ p,#af-header .loginUserMenu .menuList .soopiSet input:checked ~ p {
    height: auto;
    margin-top: 4px;
    opacity: 1;
    visibility: visible
}

html[dark=true] #webplayer_top .loginUserMenu .menuList,body.thema_dark #webplayer_top .loginUserMenu .menuList,.theme_dark #webplayer_top .loginUserMenu .menuList,html[dark=true] #serviceHeader .loginUserMenu .menuList,body.thema_dark #serviceHeader .loginUserMenu .menuList,.theme_dark #serviceHeader .loginUserMenu .menuList,html[dark=true] #af-header .loginUserMenu .menuList,body.thema_dark #af-header .loginUserMenu .menuList,.theme_dark #af-header .loginUserMenu .menuList {
    border-color: #2F3137
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a,body.thema_dark #webplayer_top .loginUserMenu .menuList li a,.theme_dark #webplayer_top .loginUserMenu .menuList li a,html[dark=true] #serviceHeader .loginUserMenu .menuList li a,body.thema_dark #serviceHeader .loginUserMenu .menuList li a,.theme_dark #serviceHeader .loginUserMenu .menuList li a,html[dark=true] #af-header .loginUserMenu .menuList li a,body.thema_dark #af-header .loginUserMenu .menuList li a,.theme_dark #af-header .loginUserMenu .menuList li a {
    color: #E2E4E9
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a:hover,body.thema_dark #webplayer_top .loginUserMenu .menuList li a:hover,.theme_dark #webplayer_top .loginUserMenu .menuList li a:hover,html[dark=true] #serviceHeader .loginUserMenu .menuList li a:hover,body.thema_dark #serviceHeader .loginUserMenu .menuList li a:hover,.theme_dark #serviceHeader .loginUserMenu .menuList li a:hover,html[dark=true] #af-header .loginUserMenu .menuList li a:hover,body.thema_dark #af-header .loginUserMenu .menuList li a:hover,.theme_dark #af-header .loginUserMenu .menuList li a:hover {
    background-color: rgba(246,246,249,0.1)
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a:active,body.thema_dark #webplayer_top .loginUserMenu .menuList li a:active,.theme_dark #webplayer_top .loginUserMenu .menuList li a:active,html[dark=true] #serviceHeader .loginUserMenu .menuList li a:active,body.thema_dark #serviceHeader .loginUserMenu .menuList li a:active,.theme_dark #serviceHeader .loginUserMenu .menuList li a:active,html[dark=true] #af-header .loginUserMenu .menuList li a:active,body.thema_dark #af-header .loginUserMenu .menuList li a:active,.theme_dark #af-header .loginUserMenu .menuList li a:active {
    background-color: rgba(246,246,249,0.3)
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_afpay:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_afpay:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_afpay:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_afpay:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_afpay:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_afpay:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_afpay:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_afpay:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_afpay:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M19.719 9.156V7.7a3 3 0 0 0-3-3H5.699c-1.656 0-2.999 1.34-2.999 2.996v8.605a2.999 2.999 0 0 0 3 2.999h11.019a3 3 0 0 0 3-3v-1.581'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M15.3 12A2.7 2.7 0 0 1 18 9.3h2.3a1 1 0 0 1 1 1v3.4a1 1 0 0 1-1 1H18a2.7 2.7 0 0 1-2.7-2.7Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='1.4' d='M18.015 12h.829'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_item:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_item:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_item:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_item:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_item:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_item:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_item:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_item:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_item:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg fill='%23D5D7DC' clip-path='url(%23a)'%3e%3cpath d='m2.975 9.622.217-.665-.217.665Zm.117 4.714.25.654-.25-.654ZM18.3 4.003H5.7v1.4h12.6v-1.4Zm3.7 3.7a3.7 3.7 0 0 0-3.7-3.7v1.4a2.3 2.3 0 0 1 2.3 2.3H22Zm0 8.6v-8.6h-1.4v8.6H22Zm-3.7 3.7a3.7 3.7 0 0 0 3.7-3.7h-1.4a2.3 2.3 0 0 1-2.3 2.3v1.4Zm-12.6 0h12.6v-1.4H5.7v1.4Zm-3.7-3.7a3.7 3.7 0 0 0 3.7 3.7v-1.4a2.3 2.3 0 0 1-2.3-2.3H2Zm0-1.444v1.444h1.4V14.86H2ZM4 12a1.8 1.8 0 0 1-1.158 1.682l.5 1.308A3.2 3.2 0 0 0 5.4 12H4Zm-1.242-1.712A1.801 1.801 0 0 1 4 12h1.4a3.201 3.201 0 0 0-2.208-3.043l-.434 1.331ZM2 7.703v1.563h1.4V7.703H2Zm3.7-3.7a3.7 3.7 0 0 0-3.7 3.7h1.4a2.3 2.3 0 0 1 2.3-2.3v-1.4ZM3.192 8.957a.317.317 0 0 1 .208.309H2c0 .514.358.892.758 1.022l.434-1.331Zm.208 5.902c0 .053-.02.092-.035.11-.012.017-.021.02-.023.021l-.5-1.308c-.429.164-.842.585-.842 1.177h1.4Z'/%3e%3cpath fill-rule='evenodd' d='M9 6.75a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5Zm0 4.5a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5ZM9.75 15a.75.75 0 0 0-.75.75v1.5a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-.75-.75Z' clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_balloon:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_balloon:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_balloon:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_balloon:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_balloon:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_balloon:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_balloon:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_balloon:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_balloon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='.6' d='M14.158 11.19a.246.246 0 0 0-.072.221l.379 2.184a.252.252 0 0 1-.367.263l-1.98-1.03a.257.257 0 0 0-.235 0l-1.981 1.03a.252.252 0 0 1-.366-.263l.378-2.184a.247.247 0 0 0-.072-.22L8.238 9.644a.249.249 0 0 1 .14-.426l2.215-.319a.251.251 0 0 0 .19-.136l.99-1.986a.254.254 0 0 1 .454 0l.99 1.986a.252.252 0 0 0 .19.136l2.216.32c.206.03.288.28.138.425l-1.603 1.547Z' clip-rule='evenodd'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_message:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_message:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_message:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_message:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_message:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_message:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_message:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_message:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_message:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M17.455 13.175V4.8a1.5 1.5 0 0 0-1.5-1.5h-7.91a1.5 1.5 0 0 0-1.5 1.5v8.872'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M17.009 3.754 4.914 15.394a1.5 1.5 0 0 0-.02 2.142l2.816 2.816a1.5 1.5 0 0 0 2.122 0l7.734-7.734'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M7.091 3.754 18.954 14.74a2 2 0 0 1 .056 2.881l-2.52 2.52a1.5 1.5 0 0 1-2.021.092l-1.81-1.507-.271-.219'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a .memo,body.thema_dark #webplayer_top .loginUserMenu .menuList li a .memo,.theme_dark #webplayer_top .loginUserMenu .menuList li a .memo,html[dark=true] #serviceHeader .loginUserMenu .menuList li a .memo,body.thema_dark #serviceHeader .loginUserMenu .menuList li a .memo,.theme_dark #serviceHeader .loginUserMenu .menuList li a .memo,html[dark=true] #af-header .loginUserMenu .menuList li a .memo,body.thema_dark #af-header .loginUserMenu .menuList li a .memo,.theme_dark #af-header .loginUserMenu .menuList li a .memo {
    margin-left: 5px;
    color: #44A3FF
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_ad:before,html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_bene:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_ad:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_bene:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_ad:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_bene:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_ad:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_bene:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_ad:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_bene:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_ad:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_bene:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_ad:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_bene:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_ad:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_bene:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_ad:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_bene:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3crect width='18.6' height='14.6' x='2.7' y='4.7' stroke='%23D5D7DC' stroke-width='1.4' rx='5.3'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M11.318 14.5 9.67 9.966a.567.567 0 0 0-1.067 0L6.955 14.5M13.227 14.5V9.59h1.636c1.091 0 2.182.82 2.182 2.455 0 1.637-1.09 2.455-2.182 2.455h-1.636ZM7.5 13.118h3.273'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_gd:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_gd:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_gd:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_gd:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_gd:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_gd:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_gd:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_gd:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_gd:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M17.781 14.897c2.88 0 3.519-2.116 3.519-3.8 0-1.684-.736-3.8-3.519-3.8'/%3e%3cpath stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='1.4' d='M2.7 6.688a3 3 0 0 1 3-3h9.003a3 3 0 0 1 3 3v6.64a7 7 0 0 1-7 7H9.7a7 7 0 0 1-7-7v-6.64Z'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='.6' d='M12.36 12.342a.246.246 0 0 0-.072.22l.378 2.185a.252.252 0 0 1-.366.263l-1.98-1.031a.257.257 0 0 0-.236 0l-1.98 1.03a.252.252 0 0 1-.367-.262l.378-2.184a.247.247 0 0 0-.072-.22L6.44 10.795a.249.249 0 0 1 .14-.426l2.215-.32a.251.251 0 0 0 .19-.135l.99-1.987a.254.254 0 0 1 .453 0l.99 1.987a.253.253 0 0 0 .19.136l2.216.319c.207.03.289.281.139.426l-1.604 1.546Z' clip-rule='evenodd'/%3e%3c/svg%3e") !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_tk:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_tk:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_tk:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_tk:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_tk:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_tk:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_tk:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_tk:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_tk:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3e%3cpath d='M8.5 0a8.5 8.5 0 1 1 0 17 8.5 8.5 0 0 1 0-17zm0 1a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zM6.435 5.302c.234 0 .461.014.68.043.219.028.422.071.61.129.073.026.11.057.113.094.003.036.004.08.004.132l-.015.673c0 .089-.021.138-.063.149a.448.448 0 0 1-.203-.024 4.207 4.207 0 0 0-.63-.137 4.568 4.568 0 0 0-.574-.035c-.292 0-.554.05-.786.153a1.654 1.654 0 0 0-.59.43 1.926 1.926 0 0 0-.372.66 2.633 2.633 0 0 0-.13.845c0 .302.048.58.142.833a1.95 1.95 0 0 0 .981 1.103c.227.111.476.18.747.206.25.026.49.017.72-.027a3.94 3.94 0 0 0 .562-.145c.068-.026.112-.032.133-.02.02.014.034.046.04.098l.038.704c.005.058-.002.097-.023.117a.335.335 0 0 1-.118.063 3.63 3.63 0 0 1-.535.133c-.206.036-.45.055-.731.055-.449 0-.86-.075-1.232-.223a2.722 2.722 0 0 1-.958-.634 2.899 2.899 0 0 1-.621-.985A3.51 3.51 0 0 1 3.4 8.414c0-.459.074-.88.223-1.263a2.88 2.88 0 0 1 .621-.985c.266-.274.585-.486.958-.638a3.247 3.247 0 0 1 1.232-.226zm4.11.101c.291 0 .556.037.793.11.237.073.439.185.606.336.167.151.296.34.387.567.091.227.137.496.137.81 0 .375-.081.694-.243.957-.161.263-.375.47-.64.622l1.266 2.416c.042.078.057.132.047.16-.01.029-.055.043-.133.043h-.86c-.063 0-.103-.006-.122-.02a.29.29 0 0 1-.066-.105l-1.11-2.228h-.72v2.189c0 .073-.01.119-.031.137-.02.018-.06.027-.117.027H8.98a.205.205 0 0 1-.117-.027c-.026-.018-.04-.064-.04-.137v-5.7c0-.063.015-.105.044-.125a.175.175 0 0 1 .105-.032h1.572zm.109.962h-.767v1.752h.524c.313 0 .555-.072.727-.215.172-.144.258-.372.258-.685 0-.281-.069-.493-.207-.637a.71.71 0 0 0-.535-.215z' fill='%23D5D7DC'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 17px 17px
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_stat:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_stat:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_stat:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_stat:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_stat:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_stat:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_stat:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_stat:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_stat:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3crect width='16.6' height='16.6' x='3.7' y='3.7' stroke='%23D5D7DC' stroke-width='1.4' rx='4.8'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 16.5v-9M8 16.5v-6M16 16.5v-3'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_drops:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_drops:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_drops:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_drops:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_drops:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_drops:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_drops:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_drops:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_drops:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M3.4 8.5v1.975h6.2V8.5a3.1 3.1 0 0 0-6.2 0Zm6.362-3.1A4.485 4.485 0 0 1 11 8.5v1.975h2.319l1.877-2.476a.5.5 0 0 1 .797 0l1.878 2.476H20.6V10A4.6 4.6 0 0 0 16 5.4H9.762ZM9.6 11.874H3.4V17A1.6 1.6 0 0 0 5 18.6h4.6v-6.726ZM11 18.6v-6.726h2.319l1.877 2.476a.5.5 0 0 0 .797 0l1.878-2.476H20.6V17a1.6 1.6 0 0 1-1.6 1.6h-8Zm0 1.4H5a3 3 0 0 1-3-3V8.4A4.4 4.4 0 0 1 6.4 4H16a6 6 0 0 1 6 6v7a3 3 0 0 1-3 3h-8Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_spon:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_spon:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_spon:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_spon:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_spon:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_spon:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_spon:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_spon:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_spon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M11.358 13.009 9.806 8.74a.534.534 0 0 0-1.004 0L7.25 13.01M13.155 13.009V8.387h1.541c1.027 0 2.054.77 2.054 2.31 0 1.541-1.027 2.312-2.054 2.312h-1.54ZM7.764 11.707h3.08'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_point:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_point:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_point:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_point:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_point:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_point:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_point:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_point:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_point:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg stroke='%23D5D7DC' clip-path='url(%23a)'%3e%3cpath stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M10.09 15.431V8.9m.073 0h2.498c1.155 0 2.092.937 2.092 2.093v0a2.093 2.093 0 0 1-2.092 2.092h-2.498'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M2 2h20v20H2z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_profit:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_profit:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_profit:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_profit:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_profit:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_profit:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_profit:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_profit:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_profit:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='m8.13 8.49 1.989 7.02 1.88-7.02 1.882 7.02 1.989-7.02M7.5 12.681h9M7.5 10.725h9'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_shopping:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_shopping:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_shopping:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_shopping:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_shopping:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_shopping:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_shopping:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_shopping:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_shopping:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='m8.136 14.708-1.62-7.562h12.292a1.5 1.5 0 0 1 1.426 1.967L18.35 14.86a1.5 1.5 0 0 1-1.425 1.033H9.603a1.5 1.5 0 0 1-1.467-1.186Z'/%3e%3cpath fill='%23D5D7DC' d='M16.4 21a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2ZM10.235 21a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2ZM2.719 2.996a.7.7 0 1 0 0 1.4v-1.4ZM5.863 4.09l-.684.148.684-.148ZM7.32 7.508l-.772-3.566-1.369.296.773 3.566 1.368-.296ZM5.375 2.996H2.719v1.4h2.656v-1.4Zm1.173.946a1.2 1.2 0 0 0-1.173-.946v1.4a.2.2 0 0 1-.196-.158l1.369-.296Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_dashboard:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_dashboard:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_dashboard:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_dashboard:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_dashboard:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_dashboard:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_dashboard:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_dashboard:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_dashboard:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M4.64 4.32a.958.958 0 0 0 1.43-.591c.236-.976 1.624-.976 1.86 0 .154.63.876.929 1.43.592.857-.523 1.839.458 1.316 1.316a.958.958 0 0 0 .592 1.429c.976.237.976 1.625 0 1.861a.958.958 0 0 0-.592 1.43c.523.857-.459 1.838-1.316 1.316a.958.958 0 0 0-1.43.592c-.236.976-1.624.976-1.86 0a.958.958 0 0 0-1.43-.592c-.857.522-1.839-.459-1.316-1.316a.958.958 0 0 0-.592-1.43c-.976-.236-.976-1.624 0-1.861a.958.958 0 0 0 .592-1.43C2.8 4.78 3.783 3.799 4.64 4.322Zm2.243 5.343a1.667 1.667 0 1 0 0-3.333 1.667 1.667 0 0 0 0 3.333Z' clip-rule='evenodd'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.695 5.5h1.71a3 3 0 0 1 3 3v2.086l2.488-1.793c.652-.297 1.4.187 1.41.912v5.764a1.002 1.002 0 0 1-1.41.912l-2.542-1.924.053 2.043a3 3 0 0 1-3 3H6.7c-1.677 0-3.02-1.343-3-3v-2.496'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.extensions:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.extensions:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.extensions:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.extensions:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.extensions:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.extensions:before,html[dark=true] #af-header .loginUserMenu .menuList li a.extensions:before,body.thema_dark #af-header .loginUserMenu .menuList li a.extensions:before,.theme_dark #af-header .loginUserMenu .menuList li a.extensions:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23D5D7DC' d='M8.5 2c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414v1h2A2.496 2.496 0 0 1 15 7.5v1.498L16 9c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414 0 .552-.224 1.052-.586 1.414a1.993 1.993 0 0 1-1.413.586L15 12.998V15.5c0 .69-.28 1.315-.732 1.768A2.492 2.492 0 0 1 12.5 18h-2v-1a1.996 1.996 0 0 0-1.808-1.99c-.663-.008-1.183.208-1.555.545A1.932 1.932 0 0 0 6.5 17v1h-2c-.69 0-1.315-.28-1.768-.732A2.492 2.492 0 0 1 2 15.5V13h.5a1.996 1.996 0 0 0 1.99-1.808c.007-.663-.208-1.183-.546-1.555A1.932 1.932 0 0 0 2.501 9H2V7.5c0-.69.28-1.315.732-1.768A2.492 2.492 0 0 1 4.5 5h2V4c0-.552.224-1.052.586-1.414A1.994 1.994 0 0 1 8.5 2z' clip-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_info:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_info:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_info:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_info:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_info:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_info:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_info:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_info:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_info:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath fill='%23D5D7DC' d='M19.6 20.3a.7.7 0 1 0 1.4 0h-1.4ZM3 20.3a.7.7 0 1 0 1.4 0H3Zm11.903-7.859a.7.7 0 0 0-.42 1.336l.42-1.336Zm-5.387 1.336a.7.7 0 0 0-.42-1.336l.42 1.336ZM21 20.3c0-3.682-2.585-6.756-6.097-7.859l-.42 1.336c3.013.946 5.117 3.537 5.117 6.523H21ZM9.097 12.441C5.585 13.544 3 16.618 3 20.3h1.4c0-2.986 2.104-5.577 5.116-6.523l-.42-1.336Z'/%3e%3ccircle cx='12' cy='8.6' r='4.9' stroke='%23D5D7DC' stroke-width='1.4'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.userLogout:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.userLogout:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.userLogout:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.userLogout:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.userLogout:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.userLogout:before,html[dark=true] #af-header .loginUserMenu .menuList li a.userLogout:before,body.thema_dark #af-header .loginUserMenu .menuList li a.userLogout:before,.theme_dark #af-header .loginUserMenu .menuList li a.userLogout:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M15.3 3.7H6.7a3 3 0 0 0-3 3v10.6a3 3 0 0 0 3 3h8.6M17.543 14.756 20.299 12l-2.756-2.756M12 12h7.25'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_sotong:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_sotong:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_sotong:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_sotong:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_sotong:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_sotong:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_sotong:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_sotong:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_sotong:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='1.4' d='M2.7 4.7h17.6M2.7 11.3h7.488M2.7 17.9h4.738'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M13.782 19.2a.5.5 0 0 1-.354.147h-2.207a.5.5 0 0 1-.5-.5v-2.208a.5.5 0 0 1 .146-.353l7.43-7.43a.5.5 0 0 1 .708 0l2.207 2.207a.5.5 0 0 1 0 .707l-7.43 7.43ZM16.65 10.502l2.916 2.915'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_custom:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_custom:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_custom:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_custom:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_custom:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_custom:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_custom:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_custom:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_custom:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M5.7 15.969V9A6.3 6.3 0 0 1 12 2.7v0A6.3 6.3 0 0 1 18.3 9v6.969M5.553 15.822v0A2.853 2.853 0 0 1 2.7 12.969v-.294a2.853 2.853 0 0 1 2.853-2.853v0M18.447 15.822v0a2.853 2.853 0 0 0 2.853-2.853v-.294a2.853 2.853 0 0 0-2.853-2.853v0M11.675 18.844v0c0 .656.532 1.187 1.188 1.187h3.25c1.208 0 2.187-.98 2.187-2.187v0'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a.my_service:before,body.thema_dark #webplayer_top .loginUserMenu .menuList li a.my_service:before,.theme_dark #webplayer_top .loginUserMenu .menuList li a.my_service:before,html[dark=true] #serviceHeader .loginUserMenu .menuList li a.my_service:before,body.thema_dark #serviceHeader .loginUserMenu .menuList li a.my_service:before,.theme_dark #serviceHeader .loginUserMenu .menuList li a.my_service:before,html[dark=true] #af-header .loginUserMenu .menuList li a.my_service:before,body.thema_dark #af-header .loginUserMenu .menuList li a.my_service:before,.theme_dark #af-header .loginUserMenu .menuList li a.my_service:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M11.999 8v4.514'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M11.994 16h.013'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .loginUserMenu .menuList li a span,body.thema_dark #webplayer_top .loginUserMenu .menuList li a span,.theme_dark #webplayer_top .loginUserMenu .menuList li a span,html[dark=true] #serviceHeader .loginUserMenu .menuList li a span,body.thema_dark #serviceHeader .loginUserMenu .menuList li a span,.theme_dark #serviceHeader .loginUserMenu .menuList li a span,html[dark=true] #af-header .loginUserMenu .menuList li a span,body.thema_dark #af-header .loginUserMenu .menuList li a span,.theme_dark #af-header .loginUserMenu .menuList li a span {
    color: #E2E4E9
}

#webplayer_top .loginUserMenu .modeSet,#serviceHeader .loginUserMenu .modeSet,#af-header .loginUserMenu .modeSet {
    border-top: 1px solid #E2E4E9;
    border-bottom: 0 !important
}

#webplayer_top .loginUserMenu .modeSet,#serviceHeader .loginUserMenu .modeSet,#af-header .loginUserMenu .modeSet {
    overflow: hidden;
    padding: 8px 0
}

#webplayer_top .loginUserMenu .modeSet .settings,#serviceHeader .loginUserMenu .modeSet .settings,#af-header .loginUserMenu .modeSet .settings {
    position: relative;
    height: 40px;
    padding: 0 20px
}

#webplayer_top .loginUserMenu .modeSet .settings:hover,#serviceHeader .loginUserMenu .modeSet .settings:hover,#af-header .loginUserMenu .modeSet .settings:hover {
    background: rgba(145,150,161,0.1)
}

#webplayer_top .loginUserMenu .modeSet .my_mode,#serviceHeader .loginUserMenu .modeSet .my_mode,#af-header .loginUserMenu .modeSet .my_mode {
    display: flex;
    align-items: center;
    height: 100%;
    color: #17191C;
    font-size: 14px;
    font-weight: 500;
    text-align: left
}

#webplayer_top .loginUserMenu .modeSet .my_mode:before,#serviceHeader .loginUserMenu .modeSet .my_mode:before,#af-header .loginUserMenu .modeSet .my_mode:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23555' d='m10.827 3.606-.635-.294.635.294Zm9.606 9.235-.319-.624.32.623Zm.774.482-.693-.1.693.1Zm-3.982-.412a6.347 6.347 0 0 1-6.347-6.347h-1.4a7.747 7.747 0 0 0 7.747 7.747v-1.4Zm2.89-.694a6.317 6.317 0 0 1-2.89.694v1.4a7.716 7.716 0 0 0 3.527-.848l-.638-1.246Zm.399 1.007A8.602 8.602 0 0 1 12 20.6V22c5.04 0 9.21-3.729 9.9-8.579l-1.386-.197ZM12 20.6A8.6 8.6 0 0 1 3.4 12H2c0 5.523 4.477 10 10 10v-1.4ZM3.4 12a8.603 8.603 0 0 1 7.04-8.46l-.251-1.376C5.53 3.016 1.999 7.095 1.999 12h1.401Zm7.478-5.436c0-.953.21-1.855.584-2.664l-1.27-.588a7.72 7.72 0 0 0-.714 3.252h1.4ZM10.44 3.54a.25.25 0 0 1-.148-.021.217.217 0 0 1-.09-.076.135.135 0 0 1-.011-.132l1.27.588a1.265 1.265 0 0 0-.088-1.223 1.156 1.156 0 0 0-1.185-.513l.252 1.377Zm10.311 9.923a.135.135 0 0 1-.133-.007.216.216 0 0 1-.078-.087.25.25 0 0 1-.027-.146l1.386.197a1.157 1.157 0 0 0-.56-1.164c-.35-.21-.815-.25-1.226-.04l.638 1.246Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 0px;
    margin-right: 12px
}

#webplayer_top .loginUserMenu .modeSet label,#serviceHeader .loginUserMenu .modeSet label,#af-header .loginUserMenu .modeSet label {
    position: absolute;
    top: 10px;
    right: 20px;
    background: #E2E4E9;
    width: 40px;
    height: 22px;
    border-radius: 16px;
    cursor: pointer
}

#webplayer_top .loginUserMenu .modeSet label:before,#serviceHeader .loginUserMenu .modeSet label:before,#af-header .loginUserMenu .modeSet label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    background: #fff;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 50%;
    transition: all 0.2s
}

#webplayer_top .loginUserMenu .modeSet input,#serviceHeader .loginUserMenu .modeSet input,#af-header .loginUserMenu .modeSet input {
    position: absolute;
    top: 0;
    left: -9999em;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}

#webplayer_top .loginUserMenu .modeSet input:checked+label:before,#serviceHeader .loginUserMenu .modeSet input:checked+label:before,#af-header .loginUserMenu .modeSet input:checked+label:before {
    left: 100%;
    margin-left: -19px
}

#webplayer_top .loginUserMenu .modeSet p,#serviceHeader .loginUserMenu .modeSet p,#af-header .loginUserMenu .modeSet p {
    display: none;
    height: 0;
    color: #666;
    font-size: 11px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease
}

#webplayer_top .loginUserMenu .modeSet input:checked ~ p,#serviceHeader .loginUserMenu .modeSet input:checked ~ p,#af-header .loginUserMenu .modeSet input:checked ~ p {
    height: auto;
    margin-top: 4px;
    opacity: 1;
    visibility: visible
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting,#af-header .loginUserMenu .theme_dark #af-header .modeSetting,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting {
    background: #1C1E22;
    border-color: rgba(117,123,138,0.3)
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting ul li,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting ul li,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting ul li,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting ul li,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting ul li,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting ul li,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting ul li,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting ul li,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li,#af-header .loginUserMenu .theme_dark #af-header .modeSetting ul li,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li {
    color: #555;
    font-size: 12px
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li a,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting ul li a,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li a,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li a,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting ul li a,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li a,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li a,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting ul li a,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li a,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li a,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting ul li a,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li a,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li a,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting ul li a,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li a,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li a,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting ul li a,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li a,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li a,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting ul li a,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li a,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li a,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting ul li a,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li a,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li a,#af-header .loginUserMenu .theme_dark #af-header .modeSetting ul li a,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li a {
    color: #999 !important
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_afpay:before,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_afpay:before,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_afpay:before,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_afpay:before,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_afpay:before,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_afpay:before,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_afpay:before,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_afpay:before,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,#af-header .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_afpay:before,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M19.719 9.156V7.7a3 3 0 0 0-3-3H5.699c-1.656 0-2.999 1.34-2.999 2.996v8.605a2.999 2.999 0 0 0 3 2.999h11.019a3 3 0 0 0 3-3v-1.581'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M15.3 12A2.7 2.7 0 0 1 18 9.3h2.3a1 1 0 0 1 1 1v3.4a1 1 0 0 1-1 1H18a2.7 2.7 0 0 1-2.7-2.7Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='1.4' d='M18.015 12h.829'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_item:before,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_item:before,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_item:before,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_item:before,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_item:before,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_item:before,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_item:before,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_item:before,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,#af-header .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_item:before,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_item:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg fill='%23D5D7DC' clip-path='url(%23a)'%3e%3cpath d='m2.975 9.622.217-.665-.217.665Zm.117 4.714.25.654-.25-.654ZM18.3 4.003H5.7v1.4h12.6v-1.4Zm3.7 3.7a3.7 3.7 0 0 0-3.7-3.7v1.4a2.3 2.3 0 0 1 2.3 2.3H22Zm0 8.6v-8.6h-1.4v8.6H22Zm-3.7 3.7a3.7 3.7 0 0 0 3.7-3.7h-1.4a2.3 2.3 0 0 1-2.3 2.3v1.4Zm-12.6 0h12.6v-1.4H5.7v1.4Zm-3.7-3.7a3.7 3.7 0 0 0 3.7 3.7v-1.4a2.3 2.3 0 0 1-2.3-2.3H2Zm0-1.444v1.444h1.4V14.86H2ZM4 12a1.8 1.8 0 0 1-1.158 1.682l.5 1.308A3.2 3.2 0 0 0 5.4 12H4Zm-1.242-1.712A1.801 1.801 0 0 1 4 12h1.4a3.201 3.201 0 0 0-2.208-3.043l-.434 1.331ZM2 7.703v1.563h1.4V7.703H2Zm3.7-3.7a3.7 3.7 0 0 0-3.7 3.7h1.4a2.3 2.3 0 0 1 2.3-2.3v-1.4ZM3.192 8.957a.317.317 0 0 1 .208.309H2c0 .514.358.892.758 1.022l.434-1.331Zm.208 5.902c0 .053-.02.092-.035.11-.012.017-.021.02-.023.021l-.5-1.308c-.429.164-.842.585-.842 1.177h1.4Z'/%3e%3cpath fill-rule='evenodd' d='M9 6.75a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5Zm0 4.5a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5ZM9.75 15a.75.75 0 0 0-.75.75v1.5a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-.75-.75Z' clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_balloon:before,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_balloon:before,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_balloon:before,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_balloon:before,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_balloon:before,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_balloon:before,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_balloon:before,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_balloon:before,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,#af-header .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_balloon:before,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='.6' d='M14.158 11.19a.246.246 0 0 0-.072.221l.379 2.184a.252.252 0 0 1-.367.263l-1.98-1.03a.257.257 0 0 0-.235 0l-1.981 1.03a.252.252 0 0 1-.366-.263l.378-2.184a.247.247 0 0 0-.072-.22L8.238 9.644a.249.249 0 0 1 .14-.426l2.215-.319a.251.251 0 0 0 .19-.136l.99-1.986a.254.254 0 0 1 .454 0l.99 1.986a.252.252 0 0 0 .19.136l2.216.32c.206.03.288.28.138.425l-1.603 1.547Z' clip-rule='evenodd'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_sotong:before,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_sotong:before,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_sotong:before,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_sotong:before,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_sotong:before,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_sotong:before,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_sotong:before,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_sotong:before,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,#af-header .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_sotong:before,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='1.4' d='M2.7 4.7h17.6M2.7 11.3h7.488M2.7 17.9h4.738'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M13.782 19.2a.5.5 0 0 1-.354.147h-2.207a.5.5 0 0 1-.5-.5v-2.208a.5.5 0 0 1 .146-.353l7.43-7.43a.5.5 0 0 1 .708 0l2.207 2.207a.5.5 0 0 1 0 .707l-7.43 7.43ZM16.65 10.502l2.916 2.915'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_custom:before,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_custom:before,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_custom:before,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_custom:before,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_custom:before,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_custom:before,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_custom:before,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_custom:before,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,#af-header .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_custom:before,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M5.7 15.969V9A6.3 6.3 0 0 1 12 2.7v0A6.3 6.3 0 0 1 18.3 9v6.969M5.553 15.822v0A2.853 2.853 0 0 1 2.7 12.969v-.294a2.853 2.853 0 0 1 2.853-2.853v0M18.447 15.822v0a2.853 2.853 0 0 0 2.853-2.853v-.294a2.853 2.853 0 0 0-2.853-2.853v0M11.675 18.844v0c0 .656.532 1.187 1.188 1.187h3.25c1.208 0 2.187-.98 2.187-2.187v0'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_service:before,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_service:before,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_service:before,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_service:before,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_service:before,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_service:before,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting ul li .my_service:before,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting ul li .my_service:before,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,#af-header .loginUserMenu .theme_dark #af-header .modeSetting ul li .my_service:before,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_service:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M11.999 8v4.514'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M11.994 16h.013'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSetting ul li .extensions:before,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSetting ul li .extensions:before,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSetting ul li .extensions:before,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSetting ul li .extensions:before,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSetting ul li .extensions:before,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSetting ul li .extensions:before,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,#af-header .loginUserMenu html[dark=true] #af-header .modeSetting ul li .extensions:before,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,#af-header .loginUserMenu body.thema_dark #af-header .modeSetting ul li .extensions:before,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,#af-header .loginUserMenu .theme_dark #af-header .modeSetting ul li .extensions:before,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSetting ul li .extensions:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23D5D7DC' d='M8.5 2c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414v1h2A2.496 2.496 0 0 1 15 7.5v1.498L16 9c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414 0 .552-.224 1.052-.586 1.414a1.993 1.993 0 0 1-1.413.586L15 12.998V15.5c0 .69-.28 1.315-.732 1.768A2.492 2.492 0 0 1 12.5 18h-2v-1a1.996 1.996 0 0 0-1.808-1.99c-.663-.008-1.183.208-1.555.545A1.932 1.932 0 0 0 6.5 17v1h-2c-.69 0-1.315-.28-1.768-.732A2.492 2.492 0 0 1 2 15.5V13h.5a1.996 1.996 0 0 0 1.99-1.808c.007-.663-.208-1.183-.546-1.555A1.932 1.932 0 0 0 2.501 9H2V7.5c0-.69.28-1.315.732-1.768A2.492 2.492 0 0 1 4.5 5h2V4c0-.552.224-1.052.586-1.414A1.994 1.994 0 0 1 8.5 2z' clip-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSet,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSet,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSet,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSet,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSet,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSet,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet,#af-header .loginUserMenu html[dark=true] #af-header .modeSet,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet,#af-header .loginUserMenu body.thema_dark #af-header .modeSet,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet,#af-header .loginUserMenu .theme_dark #af-header .modeSet,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet {
    border-color: #2F3137
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSet .settings:hover,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .settings:hover,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSet .settings:hover,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .settings:hover,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSet .settings:hover,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .settings:hover,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSet .settings:hover,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .settings:hover,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSet .settings:hover,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .settings:hover,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSet .settings:hover,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .settings:hover,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,#af-header .loginUserMenu html[dark=true] #af-header .modeSet .settings:hover,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .settings:hover,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,#af-header .loginUserMenu body.thema_dark #af-header .modeSet .settings:hover,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .settings:hover,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,#af-header .loginUserMenu .theme_dark #af-header .modeSet .settings:hover,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .settings:hover {
    background: rgba(246,246,249,0.1)
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .my_mode,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSet .my_mode,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .my_mode,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSet .my_mode,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .my_mode,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSet .my_mode,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .my_mode,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .my_mode,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSet .my_mode,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .my_mode,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSet .my_mode,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .my_mode,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSet .my_mode,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .my_mode,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .my_mode,#af-header .loginUserMenu html[dark=true] #af-header .modeSet .my_mode,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .my_mode,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode,#af-header .loginUserMenu body.thema_dark #af-header .modeSet .my_mode,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .my_mode,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode,#af-header .loginUserMenu .theme_dark #af-header .modeSet .my_mode,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .my_mode {
    color: #E2E4E9
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSet .my_mode:before,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .my_mode:before,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSet .my_mode:before,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .my_mode:before,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSet .my_mode:before,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .my_mode:before,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSet .my_mode:before,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .my_mode:before,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSet .my_mode:before,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .my_mode:before,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSet .my_mode:before,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .my_mode:before,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,#af-header .loginUserMenu html[dark=true] #af-header .modeSet .my_mode:before,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet .my_mode:before,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,#af-header .loginUserMenu body.thema_dark #af-header .modeSet .my_mode:before,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet .my_mode:before,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,#af-header .loginUserMenu .theme_dark #af-header .modeSet .my_mode:before,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet .my_mode:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23D5D7DC' d='m10.827 3.606-.635-.294.635.294Zm9.606 9.235-.319-.624.32.623Zm.774.482-.693-.1.693.1Zm-3.982-.412a6.347 6.347 0 0 1-6.347-6.347h-1.4a7.747 7.747 0 0 0 7.747 7.747v-1.4Zm2.89-.694a6.317 6.317 0 0 1-2.89.694v1.4a7.716 7.716 0 0 0 3.527-.848l-.638-1.246Zm.399 1.007A8.602 8.602 0 0 1 12 20.6V22c5.04 0 9.21-3.729 9.9-8.579l-1.386-.197ZM12 20.6A8.6 8.6 0 0 1 3.4 12H2c0 5.523 4.477 10 10 10v-1.4ZM3.4 12a8.603 8.603 0 0 1 7.04-8.46l-.251-1.376C5.53 3.016 1.999 7.095 1.999 12h1.401Zm7.478-5.436c0-.953.21-1.855.584-2.664l-1.27-.588a7.72 7.72 0 0 0-.714 3.252h1.4ZM10.44 3.54a.25.25 0 0 1-.148-.021.217.217 0 0 1-.09-.076.135.135 0 0 1-.011-.132l1.27.588a1.265 1.265 0 0 0-.088-1.223 1.156 1.156 0 0 0-1.185-.513l.252 1.377Zm10.311 9.923a.135.135 0 0 1-.133-.007.216.216 0 0 1-.078-.087.25.25 0 0 1-.027-.146l1.386.197a1.157 1.157 0 0 0-.56-1.164c-.35-.21-.815-.25-1.226-.04l.638 1.246Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet label,#webplayer_top .loginUserMenu html[dark=true] #af-header .modeSet label,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet label,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet label,#webplayer_top .loginUserMenu body.thema_dark #af-header .modeSet label,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet label,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet label,#webplayer_top .loginUserMenu .theme_dark #af-header .modeSet label,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet label,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet label,#serviceHeader .loginUserMenu html[dark=true] #af-header .modeSet label,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet label,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet label,#serviceHeader .loginUserMenu body.thema_dark #af-header .modeSet label,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet label,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet label,#serviceHeader .loginUserMenu .theme_dark #af-header .modeSet label,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet label,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet label,#af-header .loginUserMenu html[dark=true] #af-header .modeSet label,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .modeSet label,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet label,#af-header .loginUserMenu body.thema_dark #af-header .modeSet label,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .modeSet label,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .modeSet label,#af-header .loginUserMenu .theme_dark #af-header .modeSet label,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .modeSet label {
    background: #0182FF
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,#webplayer_top .loginUserMenu html[dark=true] #af-header .soopiSet .settings:hover,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .settings:hover,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,#webplayer_top .loginUserMenu body.thema_dark #af-header .soopiSet .settings:hover,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .settings:hover,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,#webplayer_top .loginUserMenu .theme_dark #af-header .soopiSet .settings:hover,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .settings:hover,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,#serviceHeader .loginUserMenu html[dark=true] #af-header .soopiSet .settings:hover,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .settings:hover,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,#serviceHeader .loginUserMenu body.thema_dark #af-header .soopiSet .settings:hover,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .settings:hover,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,#serviceHeader .loginUserMenu .theme_dark #af-header .soopiSet .settings:hover,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .settings:hover,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,#af-header .loginUserMenu html[dark=true] #af-header .soopiSet .settings:hover,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .settings:hover,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,#af-header .loginUserMenu body.thema_dark #af-header .soopiSet .settings:hover,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .settings:hover,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,#af-header .loginUserMenu .theme_dark #af-header .soopiSet .settings:hover,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .settings:hover {
    background: rgba(246,246,249,0.1)
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,#webplayer_top .loginUserMenu html[dark=true] #af-header .soopiSet .my_soopi,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,#webplayer_top .loginUserMenu body.thema_dark #af-header .soopiSet .my_soopi,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,#webplayer_top .loginUserMenu .theme_dark #af-header .soopiSet .my_soopi,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,#serviceHeader .loginUserMenu html[dark=true] #af-header .soopiSet .my_soopi,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,#serviceHeader .loginUserMenu body.thema_dark #af-header .soopiSet .my_soopi,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,#serviceHeader .loginUserMenu .theme_dark #af-header .soopiSet .my_soopi,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,#af-header .loginUserMenu html[dark=true] #af-header .soopiSet .my_soopi,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,#af-header .loginUserMenu body.thema_dark #af-header .soopiSet .my_soopi,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,#af-header .loginUserMenu .theme_dark #af-header .soopiSet .my_soopi,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi {
    color: #E2E4E9
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,#webplayer_top .loginUserMenu html[dark=true] #af-header .soopiSet .my_soopi:before,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi:before,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,#webplayer_top .loginUserMenu body.thema_dark #af-header .soopiSet .my_soopi:before,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi:before,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,#webplayer_top .loginUserMenu .theme_dark #af-header .soopiSet .my_soopi:before,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu html[dark=true] #af-header .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu body.thema_dark #af-header .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu .theme_dark #af-header .soopiSet .my_soopi:before,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi:before,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,#af-header .loginUserMenu html[dark=true] #af-header .soopiSet .my_soopi:before,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi:before,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,#af-header .loginUserMenu body.thema_dark #af-header .soopiSet .my_soopi:before,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi:before,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,#af-header .loginUserMenu .theme_dark #af-header .soopiSet .my_soopi:before,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M14.174 2.956A9.3 9.3 0 1 0 21.084 10'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M14.438 10.568a2.438 2.438 0 1 1-4.876 0 2.438 2.438 0 0 1 4.876 0Zm1.313 0a3.751 3.751 0 1 1-7.502 0 3.751 3.751 0 0 1 7.502 0Zm-3.75 4.737c-2.662 0-4.997 1.428-6.002 3.54a.656.656 0 1 0 1.185.564c.766-1.608 2.608-2.792 4.816-2.792 2.209 0 4.05 1.184 4.816 2.792A.656.656 0 1 0 18 18.845c-1.005-2.112-3.34-3.54-6-3.54Z' clip-rule='evenodd'/%3e%3cpath fill='%23D5D7DC' d='m20.15 6.42 1.545-.499a.44.44 0 0 0 0-.838l-1.546-.503a1.13 1.13 0 0 1-.73-.73l-.5-1.545a.44.44 0 0 0-.838 0l-.5 1.545a1.13 1.13 0 0 1-.73.73l-1.545.503a.44.44 0 0 0 0 .838l1.545.499c.347.112.619.383.73.73l.504 1.545a.44.44 0 0 0 .838 0l.503-1.545a1.13 1.13 0 0 1 .731-.73h-.008Z'/%3e%3cpath fill='%23D5D7DC' d='m20.15 6.42 1.545-.499a.44.44 0 0 0 0-.838l-1.546-.503a1.13 1.13 0 0 1-.73-.73l-.5-1.545a.44.44 0 0 0-.838 0l-.5 1.545a1.13 1.13 0 0 1-.73.73l-1.545.503a.44.44 0 0 0 0 .838l1.545.499c.347.112.619.383.73.73l.504 1.545a.44.44 0 0 0 .838 0l.503-1.545a1.13 1.13 0 0 1 .731-.73h-.008Z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,#webplayer_top .loginUserMenu html[dark=true] #af-header .soopiSet .my_soopi .beta,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,#webplayer_top .loginUserMenu body.thema_dark #af-header .soopiSet .my_soopi .beta,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,#webplayer_top .loginUserMenu .theme_dark #af-header .soopiSet .my_soopi .beta,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu html[dark=true] #af-header .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu body.thema_dark #af-header .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu .theme_dark #af-header .soopiSet .my_soopi .beta,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,#af-header .loginUserMenu html[dark=true] #af-header .soopiSet .my_soopi .beta,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,#af-header .loginUserMenu body.thema_dark #af-header .soopiSet .my_soopi .beta,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,#af-header .loginUserMenu .theme_dark #af-header .soopiSet .my_soopi .beta,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi .beta {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 29 14'%3e%3crect width='28' height='13' x='.5' y='.5' stroke='%23757B8A' stroke-opacity='.3' rx='6.5'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M6.179 10.098c.124.1.276.15.457.15h.999c.566 0 1.045-.063 1.437-.187.392-.13.69-.33.896-.597.212-.274.317-.62.317-1.036 0-.486-.137-.868-.41-1.148-.274-.28-.638-.451-1.092-.514.38-.105.672-.298.877-.578.205-.28.308-.61.308-.99 0-.566-.221-.97-.663-1.213-.442-.243-1.064-.364-1.866-.364a5.21 5.21 0 0 0-.971.075 2.41 2.41 0 0 0-.635.186c.05.119.084.25.103.392.025.144.04.284.047.42.012.131.018.24.018.327V9.67c0 .187.06.33.178.43Zm1.428-.26h-.495v-2.82h.513c.286 0 .538.04.756.122a.945.945 0 0 1 .514.42c.124.205.186.5.186.886 0 .287-.053.536-.158.747-.1.205-.259.364-.476.476-.212.112-.492.168-.84.168Zm-.495-3.23V4.032H7.439c.497 0 .846.112 1.045.336.205.218.308.522.308.914 0 .274-.044.51-.13.71a.995.995 0 0 1-.374.466 1.099 1.099 0 0 1-.625.15h-.551Zm9.522 3.406c.187.218.458.327.813.327.286 0 .513-.056.68-.168.175-.112.262-.255.262-.43a.62.62 0 0 0-.121-.363c-.031.05-.087.087-.168.112a.766.766 0 0 1-.224.037c-.143 0-.252-.044-.327-.13-.068-.088-.102-.212-.102-.374V6.272l.001-.308h.857a.273.273 0 0 0 .187-.066.29.29 0 0 0 .093-.205l.01-.27a1.442 1.442 0 0 1-.187.018c-.094 0-.202.003-.327.01-.118 0-.227.002-.326.009h-.293c.003-.08.008-.155.012-.224.02-.268.063-.53.131-.784a.981.981 0 0 0-.224-.15.762.762 0 0 0-.392-.093c-.187 0-.339.05-.457.15a.519.519 0 0 0-.177.42v.68h-.393c-.08 0-.149.022-.205.066-.056.044-.087.112-.093.205l-.01.271a2.08 2.08 0 0 1 .28-.028c.125-.006.218-.01.28-.01h.14v3.155c0 .38.094.679.28.896Zm5.767.01c.168.211.404.317.71.317.242 0 .435-.06.578-.177a.531.531 0 0 0 .196-.598.425.425 0 0 0-.084-.186.288.288 0 0 1-.13.112.461.461 0 0 1-.14.028c-.212 0-.318-.165-.318-.495v-1.68c0-.71-.159-1.223-.476-1.54-.317-.317-.815-.476-1.493-.476-.585 0-1.055.096-1.41.29-.348.192-.522.475-.522.849 0 .23.074.429.224.597.155.168.37.252.644.252.118 0 .23-.016.336-.047a.561.561 0 0 0 .261-.158.546.546 0 0 1-.28-.3 1.07 1.07 0 0 1-.075-.382c0-.18.034-.32.103-.42a.557.557 0 0 1 .27-.224.953.953 0 0 1 .374-.074c.342 0 .582.13.719.392.136.26.205.653.205 1.176v.233c-.193 0-.41.012-.653.037a4.519 4.519 0 0 0-.738.14c-.274.081-.535.19-.784.327-.242.13-.441.299-.597.504-.15.199-.224.442-.224.728 0 .348.112.619.336.812.224.187.513.28.868.28.36 0 .681-.084.961-.252a2.15 2.15 0 0 0 .7-.681c.075-.117.14-.238.198-.365.014.456.094.783.241.98Zm-1.11-.551a.892.892 0 0 1-.43.15c-.205.018-.352-.041-.439-.178a.834.834 0 0 1-.13-.457.87.87 0 0 1 .177-.542c.118-.155.274-.277.467-.364.112-.056.233-.1.364-.13.136-.032.276-.05.42-.056.143-.013.277-.016.401-.01 0 .237-.04.458-.121.663a2.038 2.038 0 0 1-.299.55c-.125.156-.261.28-.41.374Zm-7.928.905c-.703 0-1.263-.217-1.68-.653-.417-.442-.625-1.067-.625-1.876 0-.778.199-1.39.597-1.839.399-.454.974-.681 1.727-.681.355 0 .669.053.943.159.28.1.5.252.662.457.162.205.243.463.243.775 0 .46-.19.812-.57 1.054-.373.243-.864.364-1.474.364-.255 0-.517-.006-.784-.018a4.2 4.2 0 0 1-.164-.015c.023.31.075.57.155.78.118.286.286.491.504.616.217.118.473.177.765.177.342 0 .628-.068.859-.205.236-.137.404-.314.504-.532a.227.227 0 0 1 .13.15c.031.074.013.195-.056.363a1.31 1.31 0 0 1-.644.69c-.305.156-.669.234-1.092.234Zm-.84-4.134c-.198.34-.297.825-.298 1.455.114.009.236.015.364.02.168 0 .339-.013.513-.038s.333-.078.476-.159c.143-.08.258-.199.345-.354.087-.156.13-.364.13-.626 0-.224-.033-.392-.102-.504a.535.535 0 0 0-.27-.242.78.78 0 0 0-.336-.075c-.349 0-.623.174-.822.523Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet label,#webplayer_top .loginUserMenu html[dark=true] #af-header .soopiSet label,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet label,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet label,#webplayer_top .loginUserMenu body.thema_dark #af-header .soopiSet label,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet label,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet label,#webplayer_top .loginUserMenu .theme_dark #af-header .soopiSet label,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet label,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet label,#serviceHeader .loginUserMenu html[dark=true] #af-header .soopiSet label,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet label,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet label,#serviceHeader .loginUserMenu body.thema_dark #af-header .soopiSet label,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet label,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet label,#serviceHeader .loginUserMenu .theme_dark #af-header .soopiSet label,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet label,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet label,#af-header .loginUserMenu html[dark=true] #af-header .soopiSet label,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet label,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet label,#af-header .loginUserMenu body.thema_dark #af-header .soopiSet label,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet label,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet label,#af-header .loginUserMenu .theme_dark #af-header .soopiSet label,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet label {
    background: #3B3D45
}

#webplayer_top .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,#webplayer_top .loginUserMenu html[dark=true] #af-header .soopiSet input:checked+label,#webplayer_top .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet input:checked+label,#webplayer_top .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,#webplayer_top .loginUserMenu body.thema_dark #af-header .soopiSet input:checked+label,#webplayer_top .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet input:checked+label,#webplayer_top .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,#webplayer_top .loginUserMenu .theme_dark #af-header .soopiSet input:checked+label,#webplayer_top .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet input:checked+label,#serviceHeader .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,#serviceHeader .loginUserMenu html[dark=true] #af-header .soopiSet input:checked+label,#serviceHeader .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet input:checked+label,#serviceHeader .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,#serviceHeader .loginUserMenu body.thema_dark #af-header .soopiSet input:checked+label,#serviceHeader .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet input:checked+label,#serviceHeader .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,#serviceHeader .loginUserMenu .theme_dark #af-header .soopiSet input:checked+label,#serviceHeader .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet input:checked+label,#af-header .loginUserMenu html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,#af-header .loginUserMenu html[dark=true] #af-header .soopiSet input:checked+label,#af-header .loginUserMenu html[dark=true] #serviceHeader .serviceUtil .soopiSet input:checked+label,#af-header .loginUserMenu body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,#af-header .loginUserMenu body.thema_dark #af-header .soopiSet input:checked+label,#af-header .loginUserMenu body.thema_dark #serviceHeader .serviceUtil .soopiSet input:checked+label,#af-header .loginUserMenu .theme_dark #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,#af-header .loginUserMenu .theme_dark #af-header .soopiSet input:checked+label,#af-header .loginUserMenu .theme_dark #serviceHeader .serviceUtil .soopiSet input:checked+label {
    background: #0182FF
}

#webplayer_top .loginUserMenu .userFootMenu,#serviceHeader .loginUserMenu .userFootMenu,#af-header .loginUserMenu .userFootMenu {
    overflow: hidden;
    background-color: #f7f7f7;
    width: 170px;
    height: 30px;
    padding-top: 0;
    border-radius: 0 0 4px 4px
}

#webplayer_top .loginUserMenu .userFootMenu .myinfo,#serviceHeader .loginUserMenu .userFootMenu .myinfo,#af-header .loginUserMenu .userFootMenu .myinfo {
    display: flex;
    align-items: center;
    float: left;
    height: 30px;
    padding: 0 3px 0 10px;
    color: #888;
    line-height: 30px !important
}

#webplayer_top .loginUserMenu .userFootMenu .myinfo>span,#serviceHeader .loginUserMenu .userFootMenu .myinfo>span,#af-header .loginUserMenu .userFootMenu .myinfo>span {
    font-size: 11px
}

#webplayer_top .loginUserMenu .userFootMenu .safe,#serviceHeader .loginUserMenu .userFootMenu .safe,#af-header .loginUserMenu .userFootMenu .safe {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 10'%3e%3cpath d='M4 .5a2 2 0 0 1 1.995 1.85L6 2.5V4h1a1 1 0 0 1 1 1v3a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5a1 1 0 0 1 1-1h1V2.5a2 2 0 0 1 2-2zM5 6H3v2h2V6zM4 1.5a1 1 0 0 0-.993.883L3 2.5V4h2V2.5a1 1 0 0 0-1-1z' fill='%23A5A5A6' fill-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width: 8px;
    height: 30px;
    text-indent: -9999px
}

#webplayer_top .loginUserMenu .userFootMenu .safe:hover,#serviceHeader .loginUserMenu .userFootMenu .safe:hover,#af-header .loginUserMenu .userFootMenu .safe:hover {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 10'%3e%3cpath d='M4 .5a2 2 0 0 1 1.995 1.85L6 2.5V4h1a1 1 0 0 1 1 1v3a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5a1 1 0 0 1 1-1h1V2.5a2 2 0 0 1 2-2zM5 6H3v2h2V6zM4 1.5a1 1 0 0 0-.993.883L3 2.5V4h2V2.5a1 1 0 0 0-1-1z' fill='%23447ed6' fill-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

#webplayer_top .loginUserMenu .userFootMenu .logout,#serviceHeader .loginUserMenu .userFootMenu .logout,#af-header .loginUserMenu .userFootMenu .logout {
    display: flex !important;
    align-items: center;
    float: right;
    background: transparent !important;
    width: auto !important;
    height: 30px;
    margin: 0 !important;
    padding: 0 11px;
    border: 0 !important;
    color: #888;
    line-height: 30px !important;
    font-size: 11px;
    clear: inherit !important
}

#webplayer_top .loginUserMenu .userFootMenu .logout>span,#serviceHeader .loginUserMenu .userFootMenu .logout>span,#af-header .loginUserMenu .userFootMenu .logout>span {
    font-size: 11px
}

#webplayer_top .loginUserMenu .userFootMenu .myinfo em,#serviceHeader .loginUserMenu .userFootMenu .myinfo em,#af-header .loginUserMenu .userFootMenu .myinfo em {
    display: inline-block;
    background: url("/images/afmain/img_main.png") no-repeat -302px 0;
    width: 11px;
    height: 12px;
    margin: 0 4px 2px 0;
    vertical-align: middle
}

@media screen and (max-height: 810px) {
    #webplayer_top .loginUserMenu,#serviceHeader .loginUserMenu,#af-header .loginUserMenu {
        bottom:10px;
        height: calc(100vh - 70px)
    }

    #webplayer_top .loginUserMenu .UserMenu_wrap,#serviceHeader .loginUserMenu .UserMenu_wrap,#af-header .loginUserMenu .UserMenu_wrap {
        height: 100%
    }

    #webplayer_top .loginUserMenu .UserMenu_wrap.UserMenu_depth_2,#serviceHeader .loginUserMenu .UserMenu_wrap.UserMenu_depth_2,#af-header .loginUserMenu .UserMenu_wrap.UserMenu_depth_2 {
        height: auto !important
    }

    #webplayer_top .loginUserMenu .menuList_wrap,#serviceHeader .loginUserMenu .menuList_wrap,#af-header .loginUserMenu .menuList_wrap {
        overflow: auto;
        height: calc(100% - 78px);
        overscroll-behavior: contain;
        overscroll-behavior-y: contain
    }

    #webplayer_top .loginUserMenu .UserMenu_wrap,#serviceHeader .loginUserMenu .UserMenu_wrap,#af-header .loginUserMenu .UserMenu_wrap {
        height: 100%
    }
}

@media screen and (max-height: 254px) {
    #webplayer_top .loginUserMenu .UserMenu_wrap.UserMenu_depth_2,#serviceHeader .loginUserMenu .UserMenu_wrap.UserMenu_depth_2,#af-header .loginUserMenu .UserMenu_wrap.UserMenu_depth_2 {
        height:100% !important
    }

    #webplayer_top .loginUserMenu .UserMenu_wrap.UserMenu_depth_2 .menuList_wrap,#serviceHeader .loginUserMenu .UserMenu_wrap.UserMenu_depth_2 .menuList_wrap,#af-header .loginUserMenu .UserMenu_wrap.UserMenu_depth_2 .menuList_wrap {
        height: calc(100% - 56px)
    }
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting,html[dark=true] #af-header .modeSetting,html[dark=true] #serviceHeader .serviceUtil .modeSetting,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting,body.thema_dark #af-header .modeSetting,body.thema_dark #serviceHeader .serviceUtil .modeSetting,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting,.theme_dark #af-header .modeSetting,.theme_dark #serviceHeader .serviceUtil .modeSetting {
    background: #1C1E22;
    border-color: rgba(117,123,138,0.3)
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li,html[dark=true] #af-header .modeSetting ul li,html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li,body.thema_dark #af-header .modeSetting ul li,body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li,.theme_dark #af-header .modeSetting ul li,.theme_dark #serviceHeader .serviceUtil .modeSetting ul li {
    color: #555;
    font-size: 12px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li a,html[dark=true] #af-header .modeSetting ul li a,html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li a,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li a,body.thema_dark #af-header .modeSetting ul li a,body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li a,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li a,.theme_dark #af-header .modeSetting ul li a,.theme_dark #serviceHeader .serviceUtil .modeSetting ul li a {
    color: #999 !important
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,html[dark=true] #af-header .modeSetting ul li .my_afpay:before,html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,body.thema_dark #af-header .modeSetting ul li .my_afpay:before,body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_afpay:before,.theme_dark #af-header .modeSetting ul li .my_afpay:before,.theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_afpay:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M19.719 9.156V7.7a3 3 0 0 0-3-3H5.699c-1.656 0-2.999 1.34-2.999 2.996v8.605a2.999 2.999 0 0 0 3 2.999h11.019a3 3 0 0 0 3-3v-1.581'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M15.3 12A2.7 2.7 0 0 1 18 9.3h2.3a1 1 0 0 1 1 1v3.4a1 1 0 0 1-1 1H18a2.7 2.7 0 0 1-2.7-2.7Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='1.4' d='M18.015 12h.829'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,html[dark=true] #af-header .modeSetting ul li .my_item:before,html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,body.thema_dark #af-header .modeSetting ul li .my_item:before,body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_item:before,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_item:before,.theme_dark #af-header .modeSetting ul li .my_item:before,.theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_item:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg fill='%23D5D7DC' clip-path='url(%23a)'%3e%3cpath d='m2.975 9.622.217-.665-.217.665Zm.117 4.714.25.654-.25-.654ZM18.3 4.003H5.7v1.4h12.6v-1.4Zm3.7 3.7a3.7 3.7 0 0 0-3.7-3.7v1.4a2.3 2.3 0 0 1 2.3 2.3H22Zm0 8.6v-8.6h-1.4v8.6H22Zm-3.7 3.7a3.7 3.7 0 0 0 3.7-3.7h-1.4a2.3 2.3 0 0 1-2.3 2.3v1.4Zm-12.6 0h12.6v-1.4H5.7v1.4Zm-3.7-3.7a3.7 3.7 0 0 0 3.7 3.7v-1.4a2.3 2.3 0 0 1-2.3-2.3H2Zm0-1.444v1.444h1.4V14.86H2ZM4 12a1.8 1.8 0 0 1-1.158 1.682l.5 1.308A3.2 3.2 0 0 0 5.4 12H4Zm-1.242-1.712A1.801 1.801 0 0 1 4 12h1.4a3.201 3.201 0 0 0-2.208-3.043l-.434 1.331ZM2 7.703v1.563h1.4V7.703H2Zm3.7-3.7a3.7 3.7 0 0 0-3.7 3.7h1.4a2.3 2.3 0 0 1 2.3-2.3v-1.4ZM3.192 8.957a.317.317 0 0 1 .208.309H2c0 .514.358.892.758 1.022l.434-1.331Zm.208 5.902c0 .053-.02.092-.035.11-.012.017-.021.02-.023.021l-.5-1.308c-.429.164-.842.585-.842 1.177h1.4Z'/%3e%3cpath fill-rule='evenodd' d='M9 6.75a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5Zm0 4.5a.75.75 0 0 1 1.5 0v1.5a.75.75 0 0 1-1.5 0v-1.5ZM9.75 15a.75.75 0 0 0-.75.75v1.5a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-.75-.75Z' clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,html[dark=true] #af-header .modeSetting ul li .my_balloon:before,html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,body.thema_dark #af-header .modeSetting ul li .my_balloon:before,body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_balloon:before,.theme_dark #af-header .modeSetting ul li .my_balloon:before,.theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_balloon:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M4 10.7a8 8 0 1 1 16 0 8 8 0 0 1-16 0Z'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' stroke='%23D5D7DC' stroke-linejoin='round' stroke-width='.6' d='M14.158 11.19a.246.246 0 0 0-.072.221l.379 2.184a.252.252 0 0 1-.367.263l-1.98-1.03a.257.257 0 0 0-.235 0l-1.981 1.03a.252.252 0 0 1-.366-.263l.378-2.184a.247.247 0 0 0-.072-.22L8.238 9.644a.249.249 0 0 1 .14-.426l2.215-.319a.251.251 0 0 0 .19-.136l.99-1.986a.254.254 0 0 1 .454 0l.99 1.986a.252.252 0 0 0 .19.136l2.216.32c.206.03.288.28.138.425l-1.603 1.547Z' clip-rule='evenodd'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.297 19c0 1.418.672 2.127 1.008 2.305'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,html[dark=true] #af-header .modeSetting ul li .my_sotong:before,html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,body.thema_dark #af-header .modeSetting ul li .my_sotong:before,body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_sotong:before,.theme_dark #af-header .modeSetting ul li .my_sotong:before,.theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_sotong:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='1.4' d='M2.7 4.7h17.6M2.7 11.3h7.488M2.7 17.9h4.738'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M13.782 19.2a.5.5 0 0 1-.354.147h-2.207a.5.5 0 0 1-.5-.5v-2.208a.5.5 0 0 1 .146-.353l7.43-7.43a.5.5 0 0 1 .708 0l2.207 2.207a.5.5 0 0 1 0 .707l-7.43 7.43ZM16.65 10.502l2.916 2.915'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,html[dark=true] #af-header .modeSetting ul li .my_custom:before,html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,body.thema_dark #af-header .modeSetting ul li .my_custom:before,body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_custom:before,.theme_dark #af-header .modeSetting ul li .my_custom:before,.theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_custom:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M5.7 15.969V9A6.3 6.3 0 0 1 12 2.7v0A6.3 6.3 0 0 1 18.3 9v6.969M5.553 15.822v0A2.853 2.853 0 0 1 2.7 12.969v-.294a2.853 2.853 0 0 1 2.853-2.853v0M18.447 15.822v0a2.853 2.853 0 0 0 2.853-2.853v-.294a2.853 2.853 0 0 0-2.853-2.853v0M11.675 18.844v0c0 .656.532 1.187 1.188 1.187h3.25c1.208 0 2.187-.98 2.187-2.187v0'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,html[dark=true] #af-header .modeSetting ul li .my_service:before,html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,body.thema_dark #af-header .modeSetting ul li .my_service:before,body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .my_service:before,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .my_service:before,.theme_dark #af-header .modeSetting ul li .my_service:before,.theme_dark #serviceHeader .serviceUtil .modeSetting ul li .my_service:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M12 21.3a9.3 9.3 0 1 1 0-18.6 9.3 9.3 0 0 1 0 18.6Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M11.999 8v4.514'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M11.994 16h.013'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,html[dark=true] #af-header .modeSetting ul li .extensions:before,html[dark=true] #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,body.thema_dark #af-header .modeSetting ul li .extensions:before,body.thema_dark #serviceHeader .serviceUtil .modeSetting ul li .extensions:before,.theme_dark #webplayer_top .top_item .serviceUtil .modeSetting ul li .extensions:before,.theme_dark #af-header .modeSetting ul li .extensions:before,.theme_dark #serviceHeader .serviceUtil .modeSetting ul li .extensions:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23D5D7DC' d='M8.5 2c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414v1h2A2.496 2.496 0 0 1 15 7.5v1.498L16 9c.552 0 1.052.224 1.414.586.362.362.586.862.586 1.414 0 .552-.224 1.052-.586 1.414a1.993 1.993 0 0 1-1.413.586L15 12.998V15.5c0 .69-.28 1.315-.732 1.768A2.492 2.492 0 0 1 12.5 18h-2v-1a1.996 1.996 0 0 0-1.808-1.99c-.663-.008-1.183.208-1.555.545A1.932 1.932 0 0 0 6.5 17v1h-2c-.69 0-1.315-.28-1.768-.732A2.492 2.492 0 0 1 2 15.5V13h.5a1.996 1.996 0 0 0 1.99-1.808c.007-.663-.208-1.183-.546-1.555A1.932 1.932 0 0 0 2.501 9H2V7.5c0-.69.28-1.315.732-1.768A2.492 2.492 0 0 1 4.5 5h2V4c0-.552.224-1.052.586-1.414A1.994 1.994 0 0 1 8.5 2z' clip-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet,html[dark=true] #af-header .modeSet,html[dark=true] #serviceHeader .serviceUtil .modeSet,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet,body.thema_dark #af-header .modeSet,body.thema_dark #serviceHeader .serviceUtil .modeSet,.theme_dark #webplayer_top .top_item .serviceUtil .modeSet,.theme_dark #af-header .modeSet,.theme_dark #serviceHeader .serviceUtil .modeSet {
    border-color: #2F3137
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,html[dark=true] #af-header .modeSet .settings:hover,html[dark=true] #serviceHeader .serviceUtil .modeSet .settings:hover,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,body.thema_dark #af-header .modeSet .settings:hover,body.thema_dark #serviceHeader .serviceUtil .modeSet .settings:hover,.theme_dark #webplayer_top .top_item .serviceUtil .modeSet .settings:hover,.theme_dark #af-header .modeSet .settings:hover,.theme_dark #serviceHeader .serviceUtil .modeSet .settings:hover {
    background: rgba(246,246,249,0.1)
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .my_mode,html[dark=true] #af-header .modeSet .my_mode,html[dark=true] #serviceHeader .serviceUtil .modeSet .my_mode,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode,body.thema_dark #af-header .modeSet .my_mode,body.thema_dark #serviceHeader .serviceUtil .modeSet .my_mode,.theme_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode,.theme_dark #af-header .modeSet .my_mode,.theme_dark #serviceHeader .serviceUtil .modeSet .my_mode {
    color: #E2E4E9
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,html[dark=true] #af-header .modeSet .my_mode:before,html[dark=true] #serviceHeader .serviceUtil .modeSet .my_mode:before,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,body.thema_dark #af-header .modeSet .my_mode:before,body.thema_dark #serviceHeader .serviceUtil .modeSet .my_mode:before,.theme_dark #webplayer_top .top_item .serviceUtil .modeSet .my_mode:before,.theme_dark #af-header .modeSet .my_mode:before,.theme_dark #serviceHeader .serviceUtil .modeSet .my_mode:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23D5D7DC' d='m10.827 3.606-.635-.294.635.294Zm9.606 9.235-.319-.624.32.623Zm.774.482-.693-.1.693.1Zm-3.982-.412a6.347 6.347 0 0 1-6.347-6.347h-1.4a7.747 7.747 0 0 0 7.747 7.747v-1.4Zm2.89-.694a6.317 6.317 0 0 1-2.89.694v1.4a7.716 7.716 0 0 0 3.527-.848l-.638-1.246Zm.399 1.007A8.602 8.602 0 0 1 12 20.6V22c5.04 0 9.21-3.729 9.9-8.579l-1.386-.197ZM12 20.6A8.6 8.6 0 0 1 3.4 12H2c0 5.523 4.477 10 10 10v-1.4ZM3.4 12a8.603 8.603 0 0 1 7.04-8.46l-.251-1.376C5.53 3.016 1.999 7.095 1.999 12h1.401Zm7.478-5.436c0-.953.21-1.855.584-2.664l-1.27-.588a7.72 7.72 0 0 0-.714 3.252h1.4ZM10.44 3.54a.25.25 0 0 1-.148-.021.217.217 0 0 1-.09-.076.135.135 0 0 1-.011-.132l1.27.588a1.265 1.265 0 0 0-.088-1.223 1.156 1.156 0 0 0-1.185-.513l.252 1.377Zm10.311 9.923a.135.135 0 0 1-.133-.007.216.216 0 0 1-.078-.087.25.25 0 0 1-.027-.146l1.386.197a1.157 1.157 0 0 0-.56-1.164c-.35-.21-.815-.25-1.226-.04l.638 1.246Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .modeSet label,html[dark=true] #af-header .modeSet label,html[dark=true] #serviceHeader .serviceUtil .modeSet label,body.thema_dark #webplayer_top .top_item .serviceUtil .modeSet label,body.thema_dark #af-header .modeSet label,body.thema_dark #serviceHeader .serviceUtil .modeSet label,.theme_dark #webplayer_top .top_item .serviceUtil .modeSet label,.theme_dark #af-header .modeSet label,.theme_dark #serviceHeader .serviceUtil .modeSet label {
    background: #0182FF
}

html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,html[dark=true] #af-header .soopiSet .settings:hover,html[dark=true] #serviceHeader .serviceUtil .soopiSet .settings:hover,body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,body.thema_dark #af-header .soopiSet .settings:hover,body.thema_dark #serviceHeader .serviceUtil .soopiSet .settings:hover,.theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .settings:hover,.theme_dark #af-header .soopiSet .settings:hover,.theme_dark #serviceHeader .serviceUtil .soopiSet .settings:hover {
    background: rgba(246,246,249,0.1)
}

html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,html[dark=true] #af-header .soopiSet .my_soopi,html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi,body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,body.thema_dark #af-header .soopiSet .my_soopi,body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi,.theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi,.theme_dark #af-header .soopiSet .my_soopi,.theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi {
    color: #E2E4E9
}

html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,html[dark=true] #af-header .soopiSet .my_soopi:before,html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi:before,body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,body.thema_dark #af-header .soopiSet .my_soopi:before,body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi:before,.theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi:before,.theme_dark #af-header .soopiSet .my_soopi:before,.theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M14.174 2.956A9.3 9.3 0 1 0 21.084 10'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M14.438 10.568a2.438 2.438 0 1 1-4.876 0 2.438 2.438 0 0 1 4.876 0Zm1.313 0a3.751 3.751 0 1 1-7.502 0 3.751 3.751 0 0 1 7.502 0Zm-3.75 4.737c-2.662 0-4.997 1.428-6.002 3.54a.656.656 0 1 0 1.185.564c.766-1.608 2.608-2.792 4.816-2.792 2.209 0 4.05 1.184 4.816 2.792A.656.656 0 1 0 18 18.845c-1.005-2.112-3.34-3.54-6-3.54Z' clip-rule='evenodd'/%3e%3cpath fill='%23D5D7DC' d='m20.15 6.42 1.545-.499a.44.44 0 0 0 0-.838l-1.546-.503a1.13 1.13 0 0 1-.73-.73l-.5-1.545a.44.44 0 0 0-.838 0l-.5 1.545a1.13 1.13 0 0 1-.73.73l-1.545.503a.44.44 0 0 0 0 .838l1.545.499c.347.112.619.383.73.73l.504 1.545a.44.44 0 0 0 .838 0l.503-1.545a1.13 1.13 0 0 1 .731-.73h-.008Z'/%3e%3cpath fill='%23D5D7DC' d='m20.15 6.42 1.545-.499a.44.44 0 0 0 0-.838l-1.546-.503a1.13 1.13 0 0 1-.73-.73l-.5-1.545a.44.44 0 0 0-.838 0l-.5 1.545a1.13 1.13 0 0 1-.73.73l-1.545.503a.44.44 0 0 0 0 .838l1.545.499c.347.112.619.383.73.73l.504 1.545a.44.44 0 0 0 .838 0l.503-1.545a1.13 1.13 0 0 1 .731-.73h-.008Z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,html[dark=true] #af-header .soopiSet .my_soopi .beta,html[dark=true] #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,body.thema_dark #af-header .soopiSet .my_soopi .beta,body.thema_dark #serviceHeader .serviceUtil .soopiSet .my_soopi .beta,.theme_dark #webplayer_top .top_item .serviceUtil .soopiSet .my_soopi .beta,.theme_dark #af-header .soopiSet .my_soopi .beta,.theme_dark #serviceHeader .serviceUtil .soopiSet .my_soopi .beta {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 29 14'%3e%3crect width='28' height='13' x='.5' y='.5' stroke='%23757B8A' stroke-opacity='.3' rx='6.5'/%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M6.179 10.098c.124.1.276.15.457.15h.999c.566 0 1.045-.063 1.437-.187.392-.13.69-.33.896-.597.212-.274.317-.62.317-1.036 0-.486-.137-.868-.41-1.148-.274-.28-.638-.451-1.092-.514.38-.105.672-.298.877-.578.205-.28.308-.61.308-.99 0-.566-.221-.97-.663-1.213-.442-.243-1.064-.364-1.866-.364a5.21 5.21 0 0 0-.971.075 2.41 2.41 0 0 0-.635.186c.05.119.084.25.103.392.025.144.04.284.047.42.012.131.018.24.018.327V9.67c0 .187.06.33.178.43Zm1.428-.26h-.495v-2.82h.513c.286 0 .538.04.756.122a.945.945 0 0 1 .514.42c.124.205.186.5.186.886 0 .287-.053.536-.158.747-.1.205-.259.364-.476.476-.212.112-.492.168-.84.168Zm-.495-3.23V4.032H7.439c.497 0 .846.112 1.045.336.205.218.308.522.308.914 0 .274-.044.51-.13.71a.995.995 0 0 1-.374.466 1.099 1.099 0 0 1-.625.15h-.551Zm9.522 3.406c.187.218.458.327.813.327.286 0 .513-.056.68-.168.175-.112.262-.255.262-.43a.62.62 0 0 0-.121-.363c-.031.05-.087.087-.168.112a.766.766 0 0 1-.224.037c-.143 0-.252-.044-.327-.13-.068-.088-.102-.212-.102-.374V6.272l.001-.308h.857a.273.273 0 0 0 .187-.066.29.29 0 0 0 .093-.205l.01-.27a1.442 1.442 0 0 1-.187.018c-.094 0-.202.003-.327.01-.118 0-.227.002-.326.009h-.293c.003-.08.008-.155.012-.224.02-.268.063-.53.131-.784a.981.981 0 0 0-.224-.15.762.762 0 0 0-.392-.093c-.187 0-.339.05-.457.15a.519.519 0 0 0-.177.42v.68h-.393c-.08 0-.149.022-.205.066-.056.044-.087.112-.093.205l-.01.271a2.08 2.08 0 0 1 .28-.028c.125-.006.218-.01.28-.01h.14v3.155c0 .38.094.679.28.896Zm5.767.01c.168.211.404.317.71.317.242 0 .435-.06.578-.177a.531.531 0 0 0 .196-.598.425.425 0 0 0-.084-.186.288.288 0 0 1-.13.112.461.461 0 0 1-.14.028c-.212 0-.318-.165-.318-.495v-1.68c0-.71-.159-1.223-.476-1.54-.317-.317-.815-.476-1.493-.476-.585 0-1.055.096-1.41.29-.348.192-.522.475-.522.849 0 .23.074.429.224.597.155.168.37.252.644.252.118 0 .23-.016.336-.047a.561.561 0 0 0 .261-.158.546.546 0 0 1-.28-.3 1.07 1.07 0 0 1-.075-.382c0-.18.034-.32.103-.42a.557.557 0 0 1 .27-.224.953.953 0 0 1 .374-.074c.342 0 .582.13.719.392.136.26.205.653.205 1.176v.233c-.193 0-.41.012-.653.037a4.519 4.519 0 0 0-.738.14c-.274.081-.535.19-.784.327-.242.13-.441.299-.597.504-.15.199-.224.442-.224.728 0 .348.112.619.336.812.224.187.513.28.868.28.36 0 .681-.084.961-.252a2.15 2.15 0 0 0 .7-.681c.075-.117.14-.238.198-.365.014.456.094.783.241.98Zm-1.11-.551a.892.892 0 0 1-.43.15c-.205.018-.352-.041-.439-.178a.834.834 0 0 1-.13-.457.87.87 0 0 1 .177-.542c.118-.155.274-.277.467-.364.112-.056.233-.1.364-.13.136-.032.276-.05.42-.056.143-.013.277-.016.401-.01 0 .237-.04.458-.121.663a2.038 2.038 0 0 1-.299.55c-.125.156-.261.28-.41.374Zm-7.928.905c-.703 0-1.263-.217-1.68-.653-.417-.442-.625-1.067-.625-1.876 0-.778.199-1.39.597-1.839.399-.454.974-.681 1.727-.681.355 0 .669.053.943.159.28.1.5.252.662.457.162.205.243.463.243.775 0 .46-.19.812-.57 1.054-.373.243-.864.364-1.474.364-.255 0-.517-.006-.784-.018a4.2 4.2 0 0 1-.164-.015c.023.31.075.57.155.78.118.286.286.491.504.616.217.118.473.177.765.177.342 0 .628-.068.859-.205.236-.137.404-.314.504-.532a.227.227 0 0 1 .13.15c.031.074.013.195-.056.363a1.31 1.31 0 0 1-.644.69c-.305.156-.669.234-1.092.234Zm-.84-4.134c-.198.34-.297.825-.298 1.455.114.009.236.015.364.02.168 0 .339-.013.513-.038s.333-.078.476-.159c.143-.08.258-.199.345-.354.087-.156.13-.364.13-.626 0-.224-.033-.392-.102-.504a.535.535 0 0 0-.27-.242.78.78 0 0 0-.336-.075c-.349 0-.623.174-.822.523Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet label,html[dark=true] #af-header .soopiSet label,html[dark=true] #serviceHeader .serviceUtil .soopiSet label,body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet label,body.thema_dark #af-header .soopiSet label,body.thema_dark #serviceHeader .serviceUtil .soopiSet label,.theme_dark #webplayer_top .top_item .serviceUtil .soopiSet label,.theme_dark #af-header .soopiSet label,.theme_dark #serviceHeader .serviceUtil .soopiSet label {
    background: #3B3D45
}

html[dark=true] #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,html[dark=true] #af-header .soopiSet input:checked+label,html[dark=true] #serviceHeader .serviceUtil .soopiSet input:checked+label,body.thema_dark #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,body.thema_dark #af-header .soopiSet input:checked+label,body.thema_dark #serviceHeader .serviceUtil .soopiSet input:checked+label,.theme_dark #webplayer_top .top_item .serviceUtil .soopiSet input:checked+label,.theme_dark #af-header .soopiSet input:checked+label,.theme_dark #serviceHeader .serviceUtil .soopiSet input:checked+label {
    background: #0182FF
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap,html[dark=true] #webplayer_top .loginUserMenu .depth_2,html[dark=true] #af-header .loginUserMenu .depth_2,html[dark=true] #serviceHeader .loginUserMenu .depth_2,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap,body.thema_dark #webplayer_top .loginUserMenu .depth_2,body.thema_dark #af-header .loginUserMenu .depth_2,body.thema_dark #serviceHeader .loginUserMenu .depth_2,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap,.theme_dark #af-header .loginUserMenu .UserMenu_wrap,.theme_dark #webplayer_top .loginUserMenu .depth_2,.theme_dark #af-header .loginUserMenu .depth_2,.theme_dark #serviceHeader .loginUserMenu .depth_2 {
    background: #1C1E22;
    border-color: rgba(117,123,138,0.3)
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo:hover,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo:hover,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo:hover,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .loginUserInfo:hover,html[dark=true] #af-header .loginUserMenu .depth_2 .loginUserInfo:hover,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .loginUserInfo:hover,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo:hover,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo:hover,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo:hover,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .loginUserInfo:hover,body.thema_dark #af-header .loginUserMenu .depth_2 .loginUserInfo:hover,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .loginUserInfo:hover,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo:hover,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo:hover,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo:hover,.theme_dark #webplayer_top .loginUserMenu .depth_2 .loginUserInfo:hover,.theme_dark #af-header .loginUserMenu .depth_2 .loginUserInfo:hover,.theme_dark #serviceHeader .loginUserMenu .depth_2 .loginUserInfo:hover {
    background-color: rgba(246,246,249,0.1)
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo:active,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo:active,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo:active,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .loginUserInfo:active,html[dark=true] #af-header .loginUserMenu .depth_2 .loginUserInfo:active,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .loginUserInfo:active,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo:active,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo:active,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo:active,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .loginUserInfo:active,body.thema_dark #af-header .loginUserMenu .depth_2 .loginUserInfo:active,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .loginUserInfo:active,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo:active,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo:active,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo:active,.theme_dark #webplayer_top .loginUserMenu .depth_2 .loginUserInfo:active,.theme_dark #af-header .loginUserMenu .depth_2 .loginUserInfo:active,.theme_dark #serviceHeader .loginUserMenu .depth_2 .loginUserInfo:active {
    background-color: rgba(246,246,249,0.3)
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .loginUserInfo .nick_box span.nick,html[dark=true] #af-header .loginUserMenu .depth_2 .loginUserInfo .nick_box span.nick,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .loginUserInfo .nick_box span.nick,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .loginUserInfo .nick_box span.nick,body.thema_dark #af-header .loginUserMenu .depth_2 .loginUserInfo .nick_box span.nick,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .loginUserInfo .nick_box span.nick,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.nick,.theme_dark #webplayer_top .loginUserMenu .depth_2 .loginUserInfo .nick_box span.nick,.theme_dark #af-header .loginUserMenu .depth_2 .loginUserInfo .nick_box span.nick,.theme_dark #serviceHeader .loginUserMenu .depth_2 .loginUserInfo .nick_box span.nick {
    color: #E2E4E9
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.id,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.id,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.id,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .loginUserInfo .nick_box span.id,html[dark=true] #af-header .loginUserMenu .depth_2 .loginUserInfo .nick_box span.id,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .loginUserInfo .nick_box span.id,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.id,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.id,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.id,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .loginUserInfo .nick_box span.id,body.thema_dark #af-header .loginUserMenu .depth_2 .loginUserInfo .nick_box span.id,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .loginUserInfo .nick_box span.id,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.id,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.id,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .loginUserInfo .nick_box span.id,.theme_dark #webplayer_top .loginUserMenu .depth_2 .loginUserInfo .nick_box span.id,.theme_dark #af-header .loginUserMenu .depth_2 .loginUserInfo .nick_box span.id,.theme_dark #serviceHeader .loginUserMenu .depth_2 .loginUserInfo .nick_box span.id {
    color: #9196A1
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .btn_set1,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .btn_set1,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .btn_set1,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .btn_set1,html[dark=true] #af-header .loginUserMenu .depth_2 .btn_set1,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .btn_set1,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .btn_set1,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .btn_set1,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .btn_set1,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .btn_set1,body.thema_dark #af-header .loginUserMenu .depth_2 .btn_set1,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .btn_set1,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .btn_set1,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .btn_set1,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .btn_set1,.theme_dark #webplayer_top .loginUserMenu .depth_2 .btn_set1,.theme_dark #af-header .loginUserMenu .depth_2 .btn_set1,.theme_dark #serviceHeader .loginUserMenu .depth_2 .btn_set1 {
    border-color: #282828
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .btn_set1 .mybs:after,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .btn_set1 .mybs:after,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .btn_set1 .mybs:after,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .btn_set1 .mybs:after,html[dark=true] #af-header .loginUserMenu .depth_2 .btn_set1 .mybs:after,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .btn_set1 .mybs:after,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .btn_set1 .mybs:after,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .btn_set1 .mybs:after,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .btn_set1 .mybs:after,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .btn_set1 .mybs:after,body.thema_dark #af-header .loginUserMenu .depth_2 .btn_set1 .mybs:after,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .btn_set1 .mybs:after,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .btn_set1 .mybs:after,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .btn_set1 .mybs:after,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .btn_set1 .mybs:after,.theme_dark #webplayer_top .loginUserMenu .depth_2 .btn_set1 .mybs:after,.theme_dark #af-header .loginUserMenu .depth_2 .btn_set1 .mybs:after,.theme_dark #serviceHeader .loginUserMenu .depth_2 .btn_set1 .mybs:after {
    background: #282828
}

html[dark=true] #webplayer_top .loginUserMenu .UserMenu_wrap .userFootMenu,html[dark=true] #serviceHeader .loginUserMenu .UserMenu_wrap .userFootMenu,html[dark=true] #af-header .loginUserMenu .UserMenu_wrap .userFootMenu,html[dark=true] #webplayer_top .loginUserMenu .depth_2 .userFootMenu,html[dark=true] #af-header .loginUserMenu .depth_2 .userFootMenu,html[dark=true] #serviceHeader .loginUserMenu .depth_2 .userFootMenu,body.thema_dark #webplayer_top .loginUserMenu .UserMenu_wrap .userFootMenu,body.thema_dark #serviceHeader .loginUserMenu .UserMenu_wrap .userFootMenu,body.thema_dark #af-header .loginUserMenu .UserMenu_wrap .userFootMenu,body.thema_dark #webplayer_top .loginUserMenu .depth_2 .userFootMenu,body.thema_dark #af-header .loginUserMenu .depth_2 .userFootMenu,body.thema_dark #serviceHeader .loginUserMenu .depth_2 .userFootMenu,.theme_dark #webplayer_top .loginUserMenu .UserMenu_wrap .userFootMenu,.theme_dark #serviceHeader .loginUserMenu .UserMenu_wrap .userFootMenu,.theme_dark #af-header .loginUserMenu .UserMenu_wrap .userFootMenu,.theme_dark #webplayer_top .loginUserMenu .depth_2 .userFootMenu,.theme_dark #af-header .loginUserMenu .depth_2 .userFootMenu,.theme_dark #serviceHeader .loginUserMenu .depth_2 .userFootMenu {
    background: #222;
    border-color: #222
}

#serviceHeader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    min-width: 1280px;
    width: 100%;
    min-height: 64px;
    height: var(--herder-height-val);
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    z-index: 1501
}

html[dark=true] #serviceHeader,body.thema_dark #serviceHeader {
    background: #0C0D0E
}

html[dark=true] #serviceHeader,body.thema_dark #serviceHeader {
    border-bottom: 1px solid #2e2e2e
}

#serviceHeader * {
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.2 !important;
    list-style: none
}

#serviceHeader button {
    background: transparent
}

#serviceHeader a {
    text-decoration: none
}

#serviceHeader .innerHeader {
    position: relative;
    width: 100%;
    min-height: 64px;
    padding-top: 0
}

#serviceHeader .logo_wrap {
    display: flex;
    align-items: center;
    position: absolute;
    left: 32px;
    height: 100%
}

#serviceHeader .logo_wrap #logo {
    display: flex;
    align-items: center
}

#serviceHeader .logo_wrap #logo a {
    display: flex;
    align-items: center;
    max-height: 45px;
    height: 100%;
    font: 0/0 a
}

#serviceHeader .logo_wrap #logo a img {
    max-width: 100%
}

#serviceHeader .logo_wrap .collabo_brand {
    position: relative;
    margin-left: 28px
}

#serviceHeader .logo_wrap .collabo_brand:before {
    content: "";
    position: absolute;
    top: 0;
    left: -24px;
    background: url("data:image/svg+xml,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.064.506a.75.75 0 1 0-1.128.988L4.003 5 .936 8.506a.75.75 0 0 0 1.128.988L5 6.139l2.936 3.355a.75.75 0 1 0 1.128-.988L5.997 5l3.067-3.506A.75.75 0 1 0 7.936.506L5 3.861 2.064.506z' fill='%23AAA'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 10px 10px;
    width: 25px;
    height: 40px
}

#serviceHeader .logo-secondary {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 6px
}

#serviceHeader .logo-secondary>div {
    display: flex;
    align-items: center;
    height: 100%
}

#serviceHeader .logo-secondary a {
    display: block;
    font: 0/0 a
}

#serviceHeader .logo-secondary a.text {
    color: #0f0f0f;
    font-size: 22px;
    font-weight: 600;
    font-family: "Pretendard"
}

html[dark=true] #serviceHeader .logo-secondary a.text,body.thema_dark #serviceHeader .logo-secondary a.text {
    color: #E2E4E9
}

#serviceHeader .a_d_banner {
    position: absolute;
    top: 10px;
    left: -228px;
    min-width: 208px;
    font: 0/0 a
}

#serviceHeader .a_d_banner a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 45px
}

#serviceHeader .a_d_banner a .img {
    flex: 0 0 auto;
    width: 34px;
    margin-left: 8px;
    font: 0/0 s
}

#serviceHeader .a_d_banner a .img img {
    width: 100%;
    border-radius: 50%
}

#serviceHeader .a_d_banner a .lt {
    text-align: right
}

#serviceHeader .a_d_banner a .lt p {
    color: #ACB0B9;
    font-size: 13px;
    font-weight: 500;
    opacity: .8
}

html[dark=true] #serviceHeader .a_d_banner a .lt p,body.thema_dark #serviceHeader .a_d_banner a .lt p {
    color: #9196A1
}

#serviceHeader .a_d_banner a .lt p:only-child {
    color: #17191c;
    font-size: 16px;
    font-weight: 500;
    opacity: 1
}

html[dark=true] #serviceHeader .a_d_banner a .lt p:only-child,body.thema_dark #serviceHeader .a_d_banner a .lt p:only-child {
    color: #FCFCFD
}

#serviceHeader .a_d_banner a .lt em {
    color: #17191C;
    font-size: 14px;
    font-weight: 600;
    font-style: normal
}

html[dark=true] #serviceHeader .a_d_banner a .lt em,body.thema_dark #serviceHeader .a_d_banner a .lt em {
    color: #FCFCFD
}

#serviceHeader .btn_flexible {
    position: absolute;
    top: 11px !important;
    left: 22px
}

#serviceHeader .btn_flexible button {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='41' fill='none' viewBox='0 0 40 41'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23525661' d='M28 26.957a.7.7 0 1 0 0-1.4v1.4Zm-16-1.4a.7.7 0 1 0 0 1.4v-1.4Zm16-4.6a.7.7 0 1 0 0-1.4v1.4Zm-16-1.4a.7.7 0 1 0 0 1.4v-1.4Zm16-4.6a.7.7 0 1 0 0-1.4v1.4Zm-16-1.4a.7.7 0 1 0 0 1.4v-1.4Zm16 12H12v1.4h16v-1.4Zm0-6H12v1.4h16v-1.4Zm0-6H12v1.4h16v-1.4Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3crect width='40' height='40' y='.5' fill='%23fff' rx='20'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font: 0/0 s;
    transition: all .3s
}

html[dark=true] #serviceHeader .btn_flexible button,body.thema_dark #serviceHeader .btn_flexible button {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='41' fill='none' viewBox='0 0 40 41'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23D5D7DC' d='M28 26.957a.7.7 0 1 0 0-1.4v1.4Zm-16-1.4a.7.7 0 1 0 0 1.4v-1.4Zm16-4.6a.7.7 0 1 0 0-1.4v1.4Zm-16-1.4a.7.7 0 1 0 0 1.4v-1.4Zm16-4.6a.7.7 0 1 0 0-1.4v1.4Zm-16-1.4a.7.7 0 1 0 0 1.4v-1.4Zm16 12H12v1.4h16v-1.4Zm0-6H12v1.4h16v-1.4Zm0-6H12v1.4h16v-1.4Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3crect width='40' height='40' y='.5' fill='%23fff' rx='20'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 50% 50% no-repeat
}

#serviceHeader .btn_flexible button:hover {
    background-color: rgba(145,150,161,0.1)
}

html[dark=true] #serviceHeader .btn_flexible button:hover,body.thema_dark #serviceHeader .btn_flexible button:hover {
    background-color: rgba(246,246,249,0.1)
}

#serviceHeader .btn_flexible button:active {
    background: rgba(23,25,28,0.3) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='41' fill='none' viewBox='0 0 40 41'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%230182FF' d='M28 26.957a.7.7 0 1 0 0-1.4v1.4Zm-16-1.4a.7.7 0 1 0 0 1.4v-1.4Zm16-4.6a.7.7 0 1 0 0-1.4v1.4Zm-16-1.4a.7.7 0 1 0 0 1.4v-1.4Zm16-4.6a.7.7 0 1 0 0-1.4v1.4Zm-16-1.4a.7.7 0 1 0 0 1.4v-1.4Zm16 12H12v1.4h16v-1.4Zm0-6H12v1.4h16v-1.4Zm0-6H12v1.4h16v-1.4Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3crect width='40' height='40' y='.5' fill='%23fff' rx='20'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 50% 50% no-repeat !important;
    background-size: 100% 100%
}

#serviceHeader .btn_flexible+.logo_wrap {
    left: 66px !important
}

#serviceHeader .top_searcharea_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 64px;
    padding: 0
}

#serviceHeader .top_searcharea_wrap .search_inner {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 400px
}

#webplayer_top .top_item .serviceUtil,#serviceHeader .serviceUtil {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translateY(-50%)
}

#webplayer_top .top_item .serviceUtil .seasonal_area,#serviceHeader .serviceUtil .seasonal_area {
    margin-right: 8px
}

#webplayer_top .top_item .serviceUtil .seasonal_area a,#serviceHeader .serviceUtil .seasonal_area a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: #E6F3FF;
    min-width: 84px;
    height: 36px;
    padding: 1px 12px 0;
    border-radius: 42px;
    color: #0182ff;
    font-size: 13px;
    font-weight: 700;
    transition: all .2s ease-out
}

html[dark=true] #webplayer_top .top_item .serviceUtil .seasonal_area a,body.thema_dark #webplayer_top .top_item .serviceUtil .seasonal_area a,html[dark=true] #serviceHeader .serviceUtil .seasonal_area a,body.thema_dark #serviceHeader .serviceUtil .seasonal_area a {
    background: #001C38
}

#webplayer_top .top_item .serviceUtil .seasonal_area a::before,#serviceHeader .serviceUtil .seasonal_area a::before {
    content: "";
    display: inline-block;
    /* background: url("//res.sooplive.co.kr/images/afmain/welcome_ico.png") 50% 50% no-repeat; */
    background-size: contain;
    width: 22px;
    height: 22px;
    margin: -1px 6px 0 0
}

#webplayer_top .top_item .serviceUtil .seasonal_area a:hover,#serviceHeader .serviceUtil .seasonal_area a:hover {
    background: rgba(66,121,255,0.15)
}

html[dark=true] #webplayer_top .top_item .serviceUtil .seasonal_area a:hover,body.thema_dark #webplayer_top .top_item .serviceUtil .seasonal_area a:hover,html[dark=true] #serviceHeader .serviceUtil .seasonal_area a:hover,body.thema_dark #serviceHeader .serviceUtil .seasonal_area a:hover {
    background: rgba(66,121,255,0.3)
}

#webplayer_top .top_item .serviceUtil .seasonal_area.award2024 a,#serviceHeader .serviceUtil .seasonal_area.award2024 a {
    background: url("/images/afmain/img_award2024.png") 50% 50% no-repeat !important;
    background-size: contain !important;
    min-width: 123px;
    padding: 0;
    font: 0/0 a
}

#webplayer_top .top_item .serviceUtil .seasonal_area.award2024 a::before,#serviceHeader .serviceUtil .seasonal_area.award2024 a::before {
    display: none
}

@media all and (max-width: 1100px) {
    #webplayer_top .top_item .serviceUtil .seasonal_area,#serviceHeader .serviceUtil .seasonal_area {
        display:none
    }
}

#webplayer_top .top_item .serviceUtil [class^=btn-],#serviceHeader .serviceUtil [class^=btn-] {
    position: relative;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    z-index: 3001;
    transition: all .2s
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-search,#serviceHeader .serviceUtil [class^=btn-].btn-search {
    display: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3e%3cpath fill='%23525661' d='M16.923 16.06a.7.7 0 0 0-.973 1.006l.973-1.007Zm2.887 4.74a.7.7 0 1 0 .974-1.006L19.81 20.8Zm-3.86-3.734 3.86 3.734.974-1.006-3.86-3.735-.974 1.007Z'/%3e%3cpath stroke='%23525661' stroke-linecap='round' stroke-width='1.4' d='M18.703 11.203a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 32px;
    height: 32px
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-search,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-search,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-search,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-search {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3e%3cpath fill='%23D5D7DC' d='M16.923 16.06a.7.7 0 0 0-.973 1.006l.973-1.007Zm2.887 4.74a.7.7 0 1 0 .974-1.006L19.81 20.8Zm-3.86-3.734 3.86 3.734.974-1.006-3.86-3.735-.974 1.007Z'/%3e%3cpath stroke='%23D5D7DC' stroke-linecap='round' stroke-width='1.4' d='M18.703 11.203a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0Z'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-search:active,#serviceHeader .serviceUtil [class^=btn-].btn-search:active {
    background-color: rgba(23,25,28,0.3)
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-search:active,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-search:active,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-search:active,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-search:active {
    background-color: rgba(246,246,249,0.3)
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-broadcast,#serviceHeader .serviceUtil [class^=btn-].btn-broadcast {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3e%3cpath fill='%23525661' d='m17 14.814.347-.608a.7.7 0 0 0-1.047.608h.7Zm2.556 1.46.347-.607-.347.607Zm0-7.035-.348-.607.348.607ZM17 10.7h-.7a.7.7 0 0 0 1.047.608L17 10.7ZM1.9 8.558a2.3 2.3 0 0 1 2.3-2.3v-1.4a3.7 3.7 0 0 0-3.7 3.7h1.4Zm0 8.4v-8.4H.5v8.4h1.4Zm2.3 2.3a2.3 2.3 0 0 1-2.3-2.3H.5a3.7 3.7 0 0 0 3.7 3.7v-1.4Zm9.8 0H4.2v1.4H14v-1.4Zm2.3-2.3a2.3 2.3 0 0 1-2.3 2.3v1.4a3.7 3.7 0 0 0 3.7-3.7h-1.4Zm0-2.143v2.143h1.4v-2.143h-1.4Zm3.603.853-2.556-1.46-.694 1.215 2.555 1.46.695-1.215Zm1.197-.695a.8.8 0 0 1-1.197.695l-.695 1.215c1.467.838 3.292-.22 3.292-1.91h-1.4Zm0-4.43v4.43h1.4v-4.43h-1.4Zm-1.197-.695a.8.8 0 0 1 1.197.695h1.4c0-1.69-1.825-2.748-3.292-1.91l.695 1.215Zm-2.556 1.46 2.556-1.46-.695-1.215-2.555 1.46.694 1.215ZM16.3 8.557V10.7h1.4V8.557h-1.4Zm-2.3-2.3a2.3 2.3 0 0 1 2.3 2.3h1.4a3.7 3.7 0 0 0-3.7-3.7v1.4Zm-9.8 0H14v-1.4H4.2v1.4Z'/%3e%3ccircle cx='6.8' cy='12.757' r='1.2' fill='%23525661'/%3e%3ccircle cx='11.6' cy='12.757' r='1.2' fill='%23525661'/%3e%3c/svg%3e");
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 24px 24px !important;
    font: 0/0 a
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-broadcast,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-broadcast,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-broadcast,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-broadcast {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3e%3cpath fill='%23D9D9D9' d='m17 14.814.347-.608a.7.7 0 0 0-1.047.608h.7Zm2.556 1.46.347-.607-.347.607Zm0-7.035-.348-.607.348.607ZM17 10.7h-.7a.7.7 0 0 0 1.047.608L17 10.7ZM1.9 8.558a2.3 2.3 0 0 1 2.3-2.3v-1.4a3.7 3.7 0 0 0-3.7 3.7h1.4Zm0 8.4v-8.4H.5v8.4h1.4Zm2.3 2.3a2.3 2.3 0 0 1-2.3-2.3H.5a3.7 3.7 0 0 0 3.7 3.7v-1.4Zm9.8 0H4.2v1.4H14v-1.4Zm2.3-2.3a2.3 2.3 0 0 1-2.3 2.3v1.4a3.7 3.7 0 0 0 3.7-3.7h-1.4Zm0-2.143v2.143h1.4v-2.143h-1.4Zm3.603.853-2.556-1.46-.694 1.215 2.555 1.46.695-1.215Zm1.197-.695a.8.8 0 0 1-1.197.695l-.695 1.215c1.467.838 3.292-.22 3.292-1.91h-1.4Zm0-4.43v4.43h1.4v-4.43h-1.4Zm-1.197-.695a.8.8 0 0 1 1.197.695h1.4c0-1.69-1.825-2.748-3.292-1.91l.695 1.215Zm-2.556 1.46 2.556-1.46-.695-1.215-2.555 1.46.694 1.215ZM16.3 8.557V10.7h1.4V8.557h-1.4Zm-2.3-2.3a2.3 2.3 0 0 1 2.3 2.3h1.4a3.7 3.7 0 0 0-3.7-3.7v1.4Zm-9.8 0H14v-1.4H4.2v1.4Z'/%3e%3ccircle cx='6.8' cy='12.757' r='1.2' fill='%23D5D7DC'/%3e%3ccircle cx='11.6' cy='12.757' r='1.2' fill='%23D5D7DC'/%3e%3c/svg%3e")
}

f #webplayer_top .top_item .serviceUtil [class^=btn-].btn-broadcast:active,f #serviceHeader .serviceUtil [class^=btn-].btn-broadcast:active {
    background-color: rgba(23,25,28,0.3)
}

html[dark=true] f #webplayer_top .top_item .serviceUtil [class^=btn-].btn-broadcast:active,body.thema_dark f #webplayer_top .top_item .serviceUtil [class^=btn-].btn-broadcast:active,html[dark=true] f #serviceHeader .serviceUtil [class^=btn-].btn-broadcast:active,body.thema_dark f #serviceHeader .serviceUtil [class^=btn-].btn-broadcast:active {
    background-color: rgba(246,246,249,0.3)
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-aqua,#serviceHeader .serviceUtil [class^=btn-].btn-aqua {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3crect width='6' height='16.6' x='11.3' y='1.457' stroke='%23525661' stroke-width='1.4' rx='1.8'/%3e%3crect width='8' height='7' x='.7' y='1.457' stroke='%23525661' stroke-width='1.4' rx='1.8'/%3e%3cpath stroke='%23525661' stroke-width='1.4' d='M1.7 12.857a1.8 1.8 0 0 1 1.8-1.8h3.4a1.8 1.8 0 0 1 1.8 1.8v3.4a1.8 1.8 0 0 1-1.8 1.8H3.5a1.8 1.8 0 0 1-1.8-1.8v-3.4Z'/%3e%3c/svg%3e");
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 18px 19px !important;
    font: 0/0 a
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-aqua,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-aqua,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-aqua,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-aqua {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3e%3crect width='6' height='16.6' x='11.3' y='1.457' stroke='%23D5D7DC' stroke-width='1.4' rx='1.8'/%3e%3crect width='8' height='7' x='.7' y='1.457' stroke='%23D5D7DC' stroke-width='1.4' rx='1.8'/%3e%3cpath stroke='%23D5D7DC' stroke-width='1.4' d='M1.7 12.857a1.8 1.8 0 0 1 1.8-1.8h3.4a1.8 1.8 0 0 1 1.8 1.8v3.4a1.8 1.8 0 0 1-1.8 1.8H3.5a1.8 1.8 0 0 1-1.8-1.8v-3.4Z'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-aqua:active,#serviceHeader .serviceUtil [class^=btn-].btn-aqua:active {
    background-color: rgba(23,25,28,0.3)
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-aqua:active,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-aqua:active,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-aqua:active,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-aqua:active {
    background-color: rgba(246,246,249,0.3)
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-notice span,#serviceHeader .serviceUtil [class^=btn-].btn-notice span {
    display: block;
    position: relative;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3e%3cpath fill='%23525661' d='M9.537 20.51a.7.7 0 1 0-.874 1.094l.874-1.094Zm5.8 1.094a.7.7 0 0 0-.874-1.094l.874 1.094ZM12 21.346c-.958 0-1.82-.322-2.463-.836l-.874 1.094A5.34 5.34 0 0 0 12 22.746v-1.4Zm2.463-.836a3.94 3.94 0 0 1-2.463.835v1.4a5.34 5.34 0 0 0 3.337-1.141l-.874-1.094ZM4.414 18.06v-.7h-.017l.017.7Zm-.407-1.043-.576-.399.576.399Zm1.177-3.66-.7-.007v.007h.7ZM5.21 10.9l.7.007V10.9h-.7Zm14.378 7.16.017-.7h-.017v.7Zm.412-1.025.583-.388-.583.388Zm-1.133-3.678-.7-.007v.007h.7Zm.025-2.347.7.007v-.007h-.7ZM4.582 17.416c.657-.948 1.302-2.353 1.302-4.059h-1.4c0 1.349-.511 2.48-1.053 3.261l1.151.798Zm1.302-4.052.025-2.457-1.4-.014-.025 2.457 1.4.014Zm14.698 3.283c-.519-.78-1.016-1.923-1.016-3.29h-1.4c0 1.709.62 3.116 1.25 4.065l1.166-.775Zm-1.016-3.282.025-2.348-1.4-.014-.025 2.347 1.4.015Zm.025-2.355c0-4.496-3.34-8.253-7.591-8.253v1.4c3.36 0 6.19 3.006 6.19 6.853h1.4Zm-.02 7.75c.628.015.99-.466 1.126-.817.14-.363.167-.872-.115-1.296l-1.166.775c-.02-.029-.017-.044-.016-.032a.13.13 0 0 1-.009.05c-.007.018-.008.007.018-.016a.262.262 0 0 1 .075-.043.315.315 0 0 1 .12-.02l-.034 1.399ZM5.908 10.9c0-3.786 2.786-6.743 6.09-6.743v-1.4c-4.195 0-7.49 3.708-7.49 8.143h1.4Zm-1.512 6.46a.315.315 0 0 1 .122.022c.036.014.06.031.075.044.025.022.023.032.015.01a.142.142 0 0 1-.009-.053c0-.014.003.002-.018.033l-1.15-.798c-.295.425-.271.943-.134 1.31.132.352.494.847 1.132.832l-.033-1.4Zm15.19 0H4.414v1.4h15.173v-1.4Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 24px 24px !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font: 0/0 a
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-notice span,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-notice span,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-notice span,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-notice span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3e%3cpath fill='%23D5D7DC' d='M9.537 20.51a.7.7 0 1 0-.874 1.094l.874-1.094Zm5.8 1.094a.7.7 0 0 0-.874-1.094l.874 1.094ZM12 21.346c-.958 0-1.82-.322-2.463-.836l-.874 1.094A5.34 5.34 0 0 0 12 22.746v-1.4Zm2.463-.836a3.94 3.94 0 0 1-2.463.835v1.4a5.34 5.34 0 0 0 3.337-1.141l-.874-1.094ZM4.414 18.06v-.7h-.017l.017.7Zm-.407-1.043-.576-.399.576.399Zm1.177-3.66-.7-.007v.007h.7ZM5.21 10.9l.7.007V10.9h-.7Zm14.378 7.16.017-.7h-.017v.7Zm.412-1.025.583-.388-.583.388Zm-1.133-3.678-.7-.007v.007h.7Zm.025-2.347.7.007v-.007h-.7ZM4.582 17.416c.657-.948 1.302-2.353 1.302-4.059h-1.4c0 1.349-.511 2.48-1.053 3.261l1.151.798Zm1.302-4.052.025-2.457-1.4-.014-.025 2.457 1.4.014Zm14.698 3.283c-.519-.78-1.016-1.923-1.016-3.29h-1.4c0 1.709.62 3.116 1.25 4.065l1.166-.775Zm-1.016-3.282.025-2.348-1.4-.014-.025 2.347 1.4.015Zm.025-2.355c0-4.496-3.34-8.253-7.591-8.253v1.4c3.36 0 6.19 3.006 6.19 6.853h1.4Zm-.02 7.75c.628.015.99-.466 1.126-.817.14-.363.167-.872-.115-1.296l-1.166.775c-.02-.029-.017-.044-.016-.032a.13.13 0 0 1-.009.05c-.007.018-.008.007.018-.016a.262.262 0 0 1 .075-.043.315.315 0 0 1 .12-.02l-.034 1.399ZM5.908 10.9c0-3.786 2.786-6.743 6.09-6.743v-1.4c-4.195 0-7.49 3.708-7.49 8.143h1.4Zm-1.512 6.46a.315.315 0 0 1 .122.022c.036.014.06.031.075.044.025.022.023.032.015.01a.142.142 0 0 1-.009-.053c0-.014.003.002-.018.033l-1.15-.798c-.295.425-.271.943-.134 1.31.132.352.494.847 1.132.832l-.033-1.4Zm15.19 0H4.414v1.4h15.173v-1.4Z'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-notice.new span:after,#serviceHeader .serviceUtil [class^=btn-].btn-notice.new span:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 8px;
    background: #FF2F00;
    width: 5px;
    height: 5px;
    border: 1px solid #fff;
    border-radius: 50%
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-notice.new span:after,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-notice.new span:after,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-notice.new span:after,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-notice.new span:after {
    border: 1px solid #0C0D0E
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-notice:active,#serviceHeader .serviceUtil [class^=btn-].btn-notice:active {
    background-color: rgba(23,25,28,0.3)
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-notice:active,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-notice:active,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-notice:active,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-notice:active {
    background-color: rgba(246,246,249,0.3)
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-login,#serviceHeader .serviceUtil [class^=btn-].btn-login {
    display: flex;
    align-items: center;
    width: auto;
    margin-left: 12px;
    padding: 0 6px;
    border-radius: 6px;
    color: #525661;
    font-size: 15px
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-login,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-login,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-login,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-login {
    color: #D5D7DC
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-login:active,#serviceHeader .serviceUtil [class^=btn-].btn-login:active {
    background-color: rgba(23,25,28,0.3)
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-login:active,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-login:active,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-login:active,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-login:active {
    background-color: rgba(246,246,249,0.3)
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-settings,#serviceHeader .serviceUtil [class^=btn-].btn-settings {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M21 13.383a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-1.5 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    font: 0/0 a
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-settings,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-settings,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-settings,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-settings {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M21 13.383a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-1.5 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-settings:active,#serviceHeader .serviceUtil [class^=btn-].btn-settings:active {
    background-color: rgba(23,25,28,0.3)
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-settings:active,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-settings:active,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-settings:active,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-settings:active {
    background-color: rgba(246,246,249,0.3)
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-allMenu,#serviceHeader .serviceUtil [class^=btn-].btn-allMenu {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M14.115 9.883a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Zm0 11.769a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Zm7.654-7.654a4.115 4.115 0 1 1 8.231 0 4.115 4.115 0 0 1-8.23 0Zm4.116 7.654a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    font: 0/0 a
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-allMenu,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-allMenu,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-allMenu,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-allMenu {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M14.115 9.883a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Zm0 11.769a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Zm7.654-7.654a4.115 4.115 0 1 1 8.231 0 4.115 4.115 0 0 1-8.23 0Zm4.116 7.654a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil [class^=btn-].btn-allMenu:active,#serviceHeader .serviceUtil [class^=btn-].btn-allMenu:active {
    background-color: rgba(23,25,28,0.3)
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-].btn-allMenu:active,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-].btn-allMenu:active,html[dark=true] #serviceHeader .serviceUtil [class^=btn-].btn-allMenu:active,body.thema_dark #serviceHeader .serviceUtil [class^=btn-].btn-allMenu:active {
    background-color: rgba(246,246,249,0.3)
}

#webplayer_top .top_item .serviceUtil [class^=btn-]:hover,#serviceHeader .serviceUtil [class^=btn-]:hover {
    background-color: #eeeff1
}

html[dark=true] #webplayer_top .top_item .serviceUtil [class^=btn-]:hover,body.thema_dark #webplayer_top .top_item .serviceUtil [class^=btn-]:hover,html[dark=true] #serviceHeader .serviceUtil [class^=btn-]:hover,body.thema_dark #serviceHeader .serviceUtil [class^=btn-]:hover {
    background-color: #464A53
}

#webplayer_top .top_item .serviceUtil .profileWrap,#serviceHeader .serviceUtil .profileWrap {
    position: relative
}

#webplayer_top .top_item .serviceUtil .profileWrap .userInfo,#serviceHeader .serviceUtil .profileWrap .userInfo {
    display: flex;
    align-items: center
}

#webplayer_top .top_item .serviceUtil .profileWrap .userInfo .thumb,#serviceHeader .serviceUtil .profileWrap .userInfo .thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    position: relative;
    overflow: hidden;
    background-color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .2s
}

#webplayer_top .top_item .serviceUtil .profileWrap .userInfo .thumb img,#serviceHeader .serviceUtil .profileWrap .userInfo .thumb img {
    width: 32px;
    height: 32px;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 50%;
    object-fit: cover
}

html[dark=true] #webplayer_top .top_item .serviceUtil .profileWrap .userInfo .thumb img,body.thema_dark #webplayer_top .top_item .serviceUtil .profileWrap .userInfo .thumb img,html[dark=true] #serviceHeader .serviceUtil .profileWrap .userInfo .thumb img,body.thema_dark #serviceHeader .serviceUtil .profileWrap .userInfo .thumb img {
    border: 1px solid rgba(117,123,138,0.3)
}

#webplayer_top .top_item .serviceUtil .profileWrap .userInfo.new .thumb:before,#serviceHeader .serviceUtil .profileWrap .userInfo.new .thumb:before {
    content: "";
    position: absolute;
    top: 6px;
    right: 4px;
    background: #FF2F00;
    width: 5px;
    height: 5px;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 5
}

html[dark=true] #webplayer_top .top_item .serviceUtil .profileWrap .userInfo.new .thumb:before,body.thema_dark #webplayer_top .top_item .serviceUtil .profileWrap .userInfo.new .thumb:before,html[dark=true] #serviceHeader .serviceUtil .profileWrap .userInfo.new .thumb:before,body.thema_dark #serviceHeader .serviceUtil .profileWrap .userInfo.new .thumb:before {
    border: 1px solid #0C0D0E
}

#webplayer_top .top_item .serviceUtil .profileWrap.on .loginUserMenu,#serviceHeader .serviceUtil .profileWrap.on .loginUserMenu {
    display: block
}

#webplayer_top .top_item .serviceUtil .broadcastArea.on .btn-broadcast,#serviceHeader .serviceUtil .broadcastArea.on .btn-broadcast {
    background-color: rgba(145,150,161,0.1)
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea.on .btn-broadcast,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea.on .btn-broadcast,html[dark=true] #serviceHeader .serviceUtil .broadcastArea.on .btn-broadcast,body.thema_dark #serviceHeader .serviceUtil .broadcastArea.on .btn-broadcast {
    background-color: rgba(246,246,249,0.1)
}

#webplayer_top .top_item .serviceUtil .broadcastArea.on .btn-broadcast:hover,#serviceHeader .serviceUtil .broadcastArea.on .btn-broadcast:hover {
    background-color: #eeeff1
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea.on .btn-broadcast:hover,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea.on .btn-broadcast:hover,html[dark=true] #serviceHeader .serviceUtil .broadcastArea.on .btn-broadcast:hover,body.thema_dark #serviceHeader .serviceUtil .broadcastArea.on .btn-broadcast:hover {
    background-color: #464A53
}

#webplayer_top .top_item .serviceUtil .broadcastArea.on .btn-broadcast:active,#serviceHeader .serviceUtil .broadcastArea.on .btn-broadcast:active {
    background-color: rgba(23,25,28,0.3)
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea.on .btn-broadcast:active,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea.on .btn-broadcast:active,html[dark=true] #serviceHeader .serviceUtil .broadcastArea.on .btn-broadcast:active,body.thema_dark #serviceHeader .serviceUtil .broadcastArea.on .btn-broadcast:active {
    background-color: rgba(246,246,249,0.3)
}

#webplayer_top .top_item .serviceUtil .broadcastArea.on .broadcast_layer,#serviceHeader .serviceUtil .broadcastArea.on .broadcast_layer {
    display: block
}

#webplayer_top .top_item .serviceUtil .noticeArea.on [class^=btn-].btn-notice span,#serviceHeader .serviceUtil .noticeArea.on [class^=btn-].btn-notice span {
    background: rgba(145,150,161,0.1) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3e%3cpath fill='%23525661' d='M9.537 20.51a.7.7 0 1 0-.874 1.094l.874-1.094Zm5.8 1.094a.7.7 0 0 0-.874-1.094l.874 1.094ZM12 21.346c-.958 0-1.82-.322-2.463-.836l-.874 1.094A5.34 5.34 0 0 0 12 22.746v-1.4Zm2.463-.836a3.94 3.94 0 0 1-2.463.835v1.4a5.34 5.34 0 0 0 3.337-1.141l-.874-1.094ZM4.414 18.06v-.7h-.017l.017.7Zm-.407-1.043-.576-.399.576.399Zm1.177-3.66-.7-.007v.007h.7ZM5.21 10.9l.7.007V10.9h-.7Zm14.378 7.16.017-.7h-.017v.7Zm.412-1.025.583-.388-.583.388Zm-1.133-3.678-.7-.007v.007h.7Zm.025-2.347.7.007v-.007h-.7ZM4.582 17.416c.657-.948 1.302-2.353 1.302-4.059h-1.4c0 1.349-.511 2.48-1.053 3.261l1.151.798Zm1.302-4.052.025-2.457-1.4-.014-.025 2.457 1.4.014Zm14.698 3.283c-.519-.78-1.016-1.923-1.016-3.29h-1.4c0 1.709.62 3.116 1.25 4.065l1.166-.775Zm-1.016-3.282.025-2.348-1.4-.014-.025 2.347 1.4.015Zm.025-2.355c0-4.496-3.34-8.253-7.591-8.253v1.4c3.36 0 6.19 3.006 6.19 6.853h1.4Zm-.02 7.75c.628.015.99-.466 1.126-.817.14-.363.167-.872-.115-1.296l-1.166.775c-.02-.029-.017-.044-.016-.032a.13.13 0 0 1-.009.05c-.007.018-.008.007.018-.016a.262.262 0 0 1 .075-.043.315.315 0 0 1 .12-.02l-.034 1.399ZM5.908 10.9c0-3.786 2.786-6.743 6.09-6.743v-1.4c-4.195 0-7.49 3.708-7.49 8.143h1.4Zm-1.512 6.46a.315.315 0 0 1 .122.022c.036.014.06.031.075.044.025.022.023.032.015.01a.142.142 0 0 1-.009-.053c0-.014.003.002-.018.033l-1.15-.798c-.295.425-.271.943-.134 1.31.132.352.494.847 1.132.832l-.033-1.4Zm15.19 0H4.414v1.4h15.173v-1.4Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .noticeArea.on [class^=btn-].btn-notice span,body.thema_dark #webplayer_top .top_item .serviceUtil .noticeArea.on [class^=btn-].btn-notice span,html[dark=true] #serviceHeader .serviceUtil .noticeArea.on [class^=btn-].btn-notice span,body.thema_dark #serviceHeader .serviceUtil .noticeArea.on [class^=btn-].btn-notice span {
    background: rgba(246,246,249,0.1) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 25'%3e%3cpath fill='%23D5D7DC' d='M9.537 20.51a.7.7 0 1 0-.874 1.094l.874-1.094Zm5.8 1.094a.7.7 0 0 0-.874-1.094l.874 1.094ZM12 21.346c-.958 0-1.82-.322-2.463-.836l-.874 1.094A5.34 5.34 0 0 0 12 22.746v-1.4Zm2.463-.836a3.94 3.94 0 0 1-2.463.835v1.4a5.34 5.34 0 0 0 3.337-1.141l-.874-1.094ZM4.414 18.06v-.7h-.017l.017.7Zm-.407-1.043-.576-.399.576.399Zm1.177-3.66-.7-.007v.007h.7ZM5.21 10.9l.7.007V10.9h-.7Zm14.378 7.16.017-.7h-.017v.7Zm.412-1.025.583-.388-.583.388Zm-1.133-3.678-.7-.007v.007h.7Zm.025-2.347.7.007v-.007h-.7ZM4.582 17.416c.657-.948 1.302-2.353 1.302-4.059h-1.4c0 1.349-.511 2.48-1.053 3.261l1.151.798Zm1.302-4.052.025-2.457-1.4-.014-.025 2.457 1.4.014Zm14.698 3.283c-.519-.78-1.016-1.923-1.016-3.29h-1.4c0 1.709.62 3.116 1.25 4.065l1.166-.775Zm-1.016-3.282.025-2.348-1.4-.014-.025 2.347 1.4.015Zm.025-2.355c0-4.496-3.34-8.253-7.591-8.253v1.4c3.36 0 6.19 3.006 6.19 6.853h1.4Zm-.02 7.75c.628.015.99-.466 1.126-.817.14-.363.167-.872-.115-1.296l-1.166.775c-.02-.029-.017-.044-.016-.032a.13.13 0 0 1-.009.05c-.007.018-.008.007.018-.016a.262.262 0 0 1 .075-.043.315.315 0 0 1 .12-.02l-.034 1.399ZM5.908 10.9c0-3.786 2.786-6.743 6.09-6.743v-1.4c-4.195 0-7.49 3.708-7.49 8.143h1.4Zm-1.512 6.46a.315.315 0 0 1 .122.022c.036.014.06.031.075.044.025.022.023.032.015.01a.142.142 0 0 1-.009-.053c0-.014.003.002-.018.033l-1.15-.798c-.295.425-.271.943-.134 1.31.132.352.494.847 1.132.832l-.033-1.4Zm15.19 0H4.414v1.4h15.173v-1.4Z'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .noticeArea.on .feed_layer,#serviceHeader .serviceUtil .noticeArea.on .feed_layer {
    display: block !important
}

#webplayer_top .top_item .serviceUtil .settingWrap.on [class^=btn-].btn-settings,#serviceHeader .serviceUtil .settingWrap.on [class^=btn-].btn-settings {
    background: rgba(145,150,161,0.1) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3e%3cpath fill='%2317191C' fill-rule='evenodd' d='M21 13.383a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-1.5 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .settingWrap.on [class^=btn-].btn-settings,body.thema_dark #webplayer_top .top_item .serviceUtil .settingWrap.on [class^=btn-].btn-settings,html[dark=true] #serviceHeader .serviceUtil .settingWrap.on [class^=btn-].btn-settings,body.thema_dark #serviceHeader .serviceUtil .settingWrap.on [class^=btn-].btn-settings {
    background: rgba(246,246,249,0.1) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3e%3cpath fill='%23D5D7DC' fill-rule='evenodd' d='M21 13.383a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-1.5 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .settingWrap.on .modeSetting,#serviceHeader .serviceUtil .settingWrap.on .modeSetting {
    display: block
}

#webplayer_top .top_item .serviceUtil .serviceMenu.on [class^=btn-].btn-allMenu,#serviceHeader .serviceUtil .serviceMenu.on [class^=btn-].btn-allMenu {
    background: rgba(145,150,161,0.1) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3e%3cpath fill='%23525661' fill-rule='evenodd' d='M14.115 9.883a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Zm0 11.769a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Zm7.654-7.654a4.115 4.115 0 1 1 8.231 0 4.115 4.115 0 0 1-8.23 0Zm4.116 7.654a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html[dark=true] #webplayer_top .top_item .serviceUtil .serviceMenu.on [class^=btn-].btn-allMenu,body.thema_dark #webplayer_top .top_item .serviceUtil .serviceMenu.on [class^=btn-].btn-allMenu,html[dark=true] #serviceHeader .serviceUtil .serviceMenu.on [class^=btn-].btn-allMenu,body.thema_dark #serviceHeader .serviceUtil .serviceMenu.on [class^=btn-].btn-allMenu {
    background: rgba(246,246,249,0.1) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3e%3cpath fill='%239196A1' fill-rule='evenodd' d='M14.115 9.883a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Zm0 11.769a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Zm7.654-7.654a4.115 4.115 0 1 1 8.231 0 4.115 4.115 0 0 1-8.23 0Zm4.116 7.654a4.115 4.115 0 1 0 0 8.23 4.115 4.115 0 0 0 0-8.23Z' clip-rule='evenodd'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .serviceMenu.on .allMenuList,#serviceHeader .serviceUtil .serviceMenu.on .allMenuList {
    display: block
}

#webplayer_top .top_item .serviceUtil .profileWrap.on .loginUserMenu,#serviceHeader .serviceUtil .profileWrap.on .loginUserMenu {
    display: block
}

#webplayer_top .top_item .serviceUtil .noticeArea,#serviceHeader .serviceUtil .noticeArea {
    font-size: 0;
    line-height: 0
}

#webplayer_top .top_item .serviceUtil .noticeArea .tooltip,#serviceHeader .serviceUtil .noticeArea .tooltip {
    position: absolute;
    top: 47px;
    left: 50%;
    background: #4279ff;
    padding: 12px 32px 12px 12px;
    border-radius: 8px;
    white-space: nowrap;
    z-index: 3002;
    transform: translateX(-50%)
}

#webplayer_top .top_item .serviceUtil .noticeArea .tooltip:after,#serviceHeader .serviceUtil .noticeArea .tooltip:after {
    content: "";
    position: absolute;
    top: -7px;
    left: 50%;
    background: url("data:image/svg+xml,%3csvg viewBox='0 0 8 7' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath fill='%23FFF' d='M-1641-60H279v960h-1920z'/%3e%3cpath fill='%23FFF' d='M-1641-60H279v80h-1920z'/%3e%3cpath d='M7.657 7.5 4 .843.343 7.5' fill='%234279FF'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    width: 8px;
    height: 7px;
    margin-left: -4px
}

#webplayer_top .top_item .serviceUtil .noticeArea .tooltip p,#serviceHeader .serviceUtil .noticeArea .tooltip p {
    color: #fff;
    font-size: 13px;
    line-height: 1.35 !important;
    font-weight: bold
}

#webplayer_top .top_item .serviceUtil .noticeArea .tooltip .close,#serviceHeader .serviceUtil .noticeArea .tooltip .close {
    position: absolute;
    top: 1px;
    right: 0;
    background: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cpath id='a' d='M0 0h16v16H0z'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h16v16H0z'/%3e%3cmask id='b' fill='%23fff'%3e%3cuse xlink:href='%23a'/%3e%3c/mask%3e%3cpath d='M13.076 2.158a.54.54 0 0 1 .766.002.546.546 0 0 1 0 .77L8.767 7.998l5.075 5.071a.543.543 0 1 1-.766.771L8 8.767l-5.075 5.075a.541.541 0 0 1-.7.056l-.067-.057a.545.545 0 0 1 .002-.77L7.232 8 2.16 2.93a.542.542 0 1 1 .765-.771l5.074 5.074 5.077-5.075z' fill='%23FFF' mask='url(%23b)'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 16px 16px;
    width: 32px;
    height: 32px;
    font: 0/0 a
}

#webplayer_top .top_item .serviceUtil .broadcastArea .btn-broadcast,#serviceHeader .serviceUtil .broadcastArea .btn-broadcast {
    margin-left: 0
}

#webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer,#serviceHeader .serviceUtil .broadcastArea .broadcast_layer {
    display: none;
    position: absolute;
    top: 50px;
    left: 50%;
    background-color: #fff;
    width: 242px;
    margin-left: -121px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(117,123,138,0.2);
    border-radius: 12px;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15)
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer,html[dark=true] #serviceHeader .serviceUtil .broadcastArea .broadcast_layer,body.thema_dark #serviceHeader .serviceUtil .broadcastArea .broadcast_layer {
    background-color: #1C1E22
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer,html[dark=true] #serviceHeader .serviceUtil .broadcastArea .broadcast_layer,body.thema_dark #serviceHeader .serviceUtil .broadcastArea .broadcast_layer {
    border-color: rgba(117,123,138,0.3)
}

#webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents,#serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents {
    padding: 20px 0;
    text-align: center
}

#webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>strong,#serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>strong {
    color: #0182FF;
    font-size: 19px;
    font-weight: 700
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>strong,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>strong,html[dark=true] #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>strong,body.thema_dark #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>strong {
    color: #0182FF
}

#webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>button,#serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>button {
    position: relative;
    background-color: #0182FF;
    height: 32px;
    margin-top: 16px;
    padding: 0 14px;
    border-radius: 4px;
    color: #FCFCFD;
    font-size: 14px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>button,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>button,html[dark=true] #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>button,body.thema_dark #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>button {
    background-color: #0182FF
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>button,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>button,html[dark=true] #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>button,body.thema_dark #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>button {
    color: #FCFCFD
}

#webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>button:before,#serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>button:before {
    content: "";
    position: absolute;
    top: -12px;
    right: -20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='41' height='24' fill='none'%3e%3cmask id='b' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M9.46.41a9.46 9.46 0 1 0 0 18.918h6.723c-.665.81-1.574 1.667-2.482 2.522l-.01.008c-.652.615-.195 1.639.697 1.546 5.438-.567 8.208-2.294 9.705-4.076h7.448a9.46 9.46 0 0 0 0-18.918H9.459Z' clip-rule='evenodd'/%3e%3c/mask%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M9.46.41a9.46 9.46 0 1 0 0 18.918h6.723c-.665.81-1.574 1.667-2.482 2.522l-.01.008c-.652.615-.195 1.639.697 1.546 5.438-.567 8.208-2.294 9.705-4.076h7.448a9.46 9.46 0 0 0 0-18.918H9.459Z' clip-rule='evenodd'/%3e%3cpath fill='url(%23a)' d='m16.183 19.328 1.16.952a1.5 1.5 0 0 0-1.16-2.452v1.5Zm-2.482 2.522 1.028 1.092L13.7 21.85Zm-.01.008-1.027-1.092 1.028 1.092Zm.697 1.546-.155-1.492.155 1.492Zm9.705-4.076v-1.5a1.5 1.5 0 0 0-1.148.535l1.148.965ZM1.5 9.87A7.96 7.96 0 0 1 9.46 1.91v-3C3.406-1.09-1.5 3.817-1.5 9.87h3Zm7.96 7.96a7.96 7.96 0 0 1-7.96-7.96h-3c0 6.053 4.907 10.96 10.96 10.96v-3Zm6.723 0H9.46v3h6.724v-3Zm-1.454 5.113c.887-.835 1.875-1.762 2.614-2.662l-2.32-1.903c-.59.72-1.421 1.506-2.35 2.38l2.056 2.185Zm-.01.008.01-.008-2.057-2.184-.008.008 2.056 2.184Zm-.486-1.038a.57.57 0 0 1 .336.081c.12.07.209.175.26.288.112.25.04.529-.11.67l-2.055-2.185c-1.665 1.567-.485 4.376 1.88 4.13l-.311-2.984Zm8.712-3.549c-1.18 1.403-3.541 3.01-8.712 3.549l.31 2.983c5.705-.594 8.883-2.441 10.699-4.601l-2.297-1.931Zm8.596-.535h-7.448v3h7.448v-3ZM39.5 9.87a7.96 7.96 0 0 1-7.96 7.96v3c6.053 0 10.96-4.907 10.96-10.96h-3ZM31.54 1.91a7.96 7.96 0 0 1 7.96 7.96h3c0-6.053-4.907-10.96-10.96-10.96v3Zm-22.08 0h22.08v-3H9.46v3Z' mask='url(%23b)'/%3e%3cpath fill='url(%23c)' d='M15.156 6.473v7.777H13.91l-3.685-5.317h-.064v5.317H8.764V6.473h1.268l3.663 5.317h.075V6.473h1.386Zm1.44 7.777V6.473h5.059v1.17h-3.663v2.128h3.394v1.17h-3.394v2.127h3.684v1.182h-5.08Zm8.045 0L22.45 6.473h1.504l1.407 5.725h.075l1.493-5.725h1.375l1.504 5.736h.065l1.407-5.736h1.504l-2.192 7.777h-1.386L27.65 8.782h-.054l-1.568 5.468H24.64Z'/%3e%3cdefs%3e%3clinearGradient id='a' x1='4.189' x2='37.918' y1='-.684' y2='25.886' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%230082FF'/%3e%3cstop offset='.42' stop-color='%230A96FF'/%3e%3cstop offset='.56' stop-color='%2305BCFF'/%3e%3cstop offset='.76' stop-color='%2300F0FF'/%3e%3cstop offset='.79' stop-color='%2304F0FC'/%3e%3cstop offset='.82' stop-color='%2310F1F5'/%3e%3cstop offset='.85' stop-color='%2324F4E8'/%3e%3cstop offset='.89' stop-color='%2340F7D7'/%3e%3cstop offset='.92' stop-color='%2364FBC1'/%3e%3cstop offset='.94' stop-color='%2382FFB0'/%3e%3c/linearGradient%3e%3clinearGradient id='c' x1='-11' x2='48.172' y1='7.75' y2='29.682' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%230082FF'/%3e%3cstop offset='.42' stop-color='%230A96FF'/%3e%3cstop offset='.56' stop-color='%2305BCFF'/%3e%3cstop offset='.76' stop-color='%2300F0FF'/%3e%3cstop offset='.79' stop-color='%2304F0FC'/%3e%3cstop offset='.82' stop-color='%2310F1F5'/%3e%3cstop offset='.85' stop-color='%2324F4E8'/%3e%3cstop offset='.89' stop-color='%2340F7D7'/%3e%3cstop offset='.92' stop-color='%2364FBC1'/%3e%3cstop offset='.94' stop-color='%2382FFB0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 41px;
    height: 23px;
    animation: bounce 2s ease infinite
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>button:before,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .contents>button:before,html[dark=true] #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>button:before,body.thema_dark #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .contents>button:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='41' height='24' fill='none'%3e%3cmask id='b' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M9.46.41a9.46 9.46 0 1 0 0 18.918h6.723c-.665.81-1.574 1.667-2.482 2.522l-.01.008c-.652.615-.195 1.639.697 1.546 5.438-.567 8.208-2.294 9.705-4.076h7.448a9.46 9.46 0 0 0 0-18.918H9.459Z' clip-rule='evenodd'/%3e%3c/mask%3e%3cpath fill='%23000' fill-rule='evenodd' d='M9.46.41a9.46 9.46 0 1 0 0 18.918h6.723c-.665.81-1.574 1.667-2.482 2.522l-.01.008c-.652.615-.195 1.639.697 1.546 5.438-.567 8.208-2.294 9.705-4.076h7.448a9.46 9.46 0 0 0 0-18.918H9.459Z' clip-rule='evenodd'/%3e%3cpath fill='url(%23a)' d='m16.183 19.328 1.16.952a1.5 1.5 0 0 0-1.16-2.452v1.5Zm-2.482 2.522 1.028 1.092L13.7 21.85Zm-.01.008-1.027-1.092 1.028 1.092Zm.697 1.546-.155-1.492.155 1.492Zm9.705-4.076v-1.5a1.5 1.5 0 0 0-1.148.535l1.148.965ZM1.5 9.87A7.96 7.96 0 0 1 9.46 1.91v-3C3.406-1.09-1.5 3.817-1.5 9.87h3Zm7.96 7.96a7.96 7.96 0 0 1-7.96-7.96h-3c0 6.053 4.907 10.96 10.96 10.96v-3Zm6.723 0H9.46v3h6.724v-3Zm-1.454 5.113c.887-.835 1.875-1.762 2.614-2.662l-2.32-1.903c-.59.72-1.421 1.506-2.35 2.38l2.056 2.185Zm-.01.008.01-.008-2.057-2.184-.008.008 2.056 2.184Zm-.486-1.038a.57.57 0 0 1 .336.081c.12.07.209.175.26.288.112.25.04.529-.11.67l-2.055-2.185c-1.665 1.567-.485 4.376 1.88 4.13l-.311-2.984Zm8.712-3.549c-1.18 1.403-3.541 3.01-8.712 3.549l.31 2.983c5.705-.594 8.883-2.441 10.699-4.601l-2.297-1.931Zm8.596-.535h-7.448v3h7.448v-3ZM39.5 9.87a7.96 7.96 0 0 1-7.96 7.96v3c6.053 0 10.96-4.907 10.96-10.96h-3ZM31.54 1.91a7.96 7.96 0 0 1 7.96 7.96h3c0-6.053-4.907-10.96-10.96-10.96v3Zm-22.08 0h22.08v-3H9.46v3Z' mask='url(%23b)'/%3e%3cpath fill='url(%23c)' d='M15.156 6.473v7.777H13.91l-3.685-5.317h-.064v5.317H8.764V6.473h1.268l3.663 5.317h.075V6.473h1.386Zm1.44 7.777V6.473h5.059v1.17h-3.663v2.128h3.394v1.17h-3.394v2.127h3.684v1.182h-5.08Zm8.045 0L22.45 6.473h1.504l1.407 5.725h.075l1.493-5.725h1.375l1.504 5.736h.065l1.407-5.736h1.504l-2.192 7.777h-1.386L27.65 8.782h-.054l-1.568 5.468H24.64Z'/%3e%3cdefs%3e%3clinearGradient id='a' x1='4.189' x2='37.918' y1='-.684' y2='25.886' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%230082FF'/%3e%3cstop offset='.42' stop-color='%230A96FF'/%3e%3cstop offset='.56' stop-color='%2305BCFF'/%3e%3cstop offset='.76' stop-color='%2300F0FF'/%3e%3cstop offset='.79' stop-color='%2304F0FC'/%3e%3cstop offset='.82' stop-color='%2310F1F5'/%3e%3cstop offset='.85' stop-color='%2324F4E8'/%3e%3cstop offset='.89' stop-color='%2340F7D7'/%3e%3cstop offset='.92' stop-color='%2364FBC1'/%3e%3cstop offset='.94' stop-color='%2382FFB0'/%3e%3c/linearGradient%3e%3clinearGradient id='c' x1='-11' x2='48.172' y1='7.75' y2='29.682' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%230082FF'/%3e%3cstop offset='.42' stop-color='%230A96FF'/%3e%3cstop offset='.56' stop-color='%2305BCFF'/%3e%3cstop offset='.76' stop-color='%2300F0FF'/%3e%3cstop offset='.79' stop-color='%2304F0FC'/%3e%3cstop offset='.82' stop-color='%2310F1F5'/%3e%3cstop offset='.85' stop-color='%2324F4E8'/%3e%3cstop offset='.89' stop-color='%2340F7D7'/%3e%3cstop offset='.92' stop-color='%2364FBC1'/%3e%3cstop offset='.94' stop-color='%2382FFB0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e")
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-5px)
    }

    60% {
        transform: translateY(-2px)
    }
}

#webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .btm_bar,#serviceHeader .serviceUtil .broadcastArea .broadcast_layer .btm_bar {
    padding: 7px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: rgba(117,123,138,0.2);
    text-align: right
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .btm_bar,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .btm_bar,html[dark=true] #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .btm_bar,body.thema_dark #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .btm_bar {
    border-color: rgba(117,123,138,0.3)
}

#webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button,#serviceHeader .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button {
    padding: 5px;
    color: #757B8A;
    font-size: 12px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button,html[dark=true] #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button,body.thema_dark #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button {
    color: #9196A1
}

#webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button:after,#serviceHeader .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button:after {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3e%3cpath fill='%23ACB0B9' stroke='%23ACB0B9' stroke-width='.1' d='m5.564 2.965-.036-.036-.035.036-.528.528-.036.035.036.036L8.402 7l-3.437 3.436-.036.036.036.035.528.528.035.036.036-.036 4-4L9.599 7l-.035-.035-4-4Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 14px;
    height: 14px;
    vertical-align: -3px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button:after,body.thema_dark #webplayer_top .top_item .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button:after,html[dark=true] #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button:after,body.thema_dark #serviceHeader .serviceUtil .broadcastArea .broadcast_layer .btm_bar>button:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3e%3cpath fill='%239196A1' stroke='%239196A1' stroke-width='.1' d='m5.564 2.965-.036-.036-.035.036-.528.528-.036.035.036.036L8.402 7l-3.437 3.436-.036.036.036.035.528.528.035.036.036-.036 4-4L9.599 7l-.035-.035-4-4Z'/%3e%3c/svg%3e")
}

#webplayer_top .top_item .serviceUtil .balloonArea .gauge,#serviceHeader .serviceUtil .balloonArea .gauge {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    z-index: 3001
}

#webplayer_top .top_item .serviceUtil .noticeArea,#webplayer_top .top_item .serviceUtil .settingWrap,#webplayer_top .top_item .serviceUtil .profileWrap,#webplayer_top .top_item .serviceUtil .serviceMenu,#webplayer_top .top_item .serviceUtil .btn-broadcast,#webplayer_top .top_item .serviceUtil .broadcastArea,#serviceHeader .serviceUtil .noticeArea,#serviceHeader .serviceUtil .settingWrap,#serviceHeader .serviceUtil .profileWrap,#serviceHeader .serviceUtil .serviceMenu,#serviceHeader .serviceUtil .btn-broadcast,#serviceHeader .serviceUtil .broadcastArea {
    position: relative;
    margin-left: 12px
}

.sitemap_wrap #serviceHeader,#serviceHeader.headerSub {
    position: relative;
    min-width: 960px;
    border-bottom: 0
}

html[dark=true] .sitemap_wrap #serviceHeader,body.thema_dark .sitemap_wrap #serviceHeader,html[dark=true] #serviceHeader.headerSub,body.thema_dark #serviceHeader.headerSub {
    border-bottom: 0
}

.sitemap_wrap #serviceHeader .innerHeader,#serviceHeader.headerSub .innerHeader {
    position: relative;
    max-width: 960px;
    margin: 0 auto
}

.sitemap_wrap #serviceHeader .innerHeader *,#serviceHeader.headerSub .innerHeader * {
    text-indent: 0
}

.sitemap_wrap #serviceHeader .innerHeader .top_searcharea_wrap,#serviceHeader.headerSub .innerHeader .top_searcharea_wrap {
    position: absolute;
    top: 0;
    left: 50%;
    width: 300px;
    padding: 0;
    transform: translateX(-50%);
    z-index: 1500
}

.sitemap_wrap #serviceHeader .innerHeader .top_searcharea_wrap .save_area,#serviceHeader.headerSub .innerHeader .top_searcharea_wrap .save_area {
    width: 312px
}

.sitemap_wrap #serviceHeader .btn_flexible+.logo_wrap,#serviceHeader.headerSub .btn_flexible+.logo_wrap {
    left: 66px !important
}

.sitemap_wrap #serviceHeader .logo_wrap,#serviceHeader.headerSub .logo_wrap {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0
}

.sitemap_wrap #serviceHeader .logo_wrap #logo,#serviceHeader.headerSub .logo_wrap #logo {
    display: flex;
    align-items: center
}

.sitemap_wrap #serviceHeader .logo_wrap #logo a,#serviceHeader.headerSub .logo_wrap #logo a {
    display: flex;
    align-items: center;
    max-height: 45px;
    height: 100%;
    font: 0/0 a
}

.sitemap_wrap #serviceHeader .logo_wrap #logo a.text,#serviceHeader.headerSub .logo_wrap #logo a.text {
    display: flex;
    align-items: center;
    background: none;
    width: auto;
    height: auto;
    margin-left: -8px;
    color: #0f0f0f;
    font-size: 22px;
    line-height: 1.2;
    font-weight: bold
}

.sitemap_wrap #serviceHeader .logo_wrap #logo+.logo-secondary,#serviceHeader.headerSub .logo_wrap #logo+.logo-secondary {
    margin-left: 6px
}

.sitemap_wrap #serviceHeader .collabo_brand,#serviceHeader.headerSub .collabo_brand {
    position: relative
}

.sitemap_wrap #serviceHeader .collabo_brand:before,#serviceHeader.headerSub .collabo_brand:before {
    content: "";
    position: absolute;
    top: 0;
    left: -24px;
    background: url("data:image/svg+xml,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.064.506a.75.75 0 1 0-1.128.988L4.003 5 .936 8.506a.75.75 0 0 0 1.128.988L5 6.139l2.936 3.355a.75.75 0 1 0 1.128-.988L5.997 5l3.067-3.506A.75.75 0 1 0 7.936.506L5 3.861 2.064.506z' fill='%23AAA'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 10px 10px;
    width: 25px;
    height: 40px
}

.sitemap_wrap #serviceHeader .serviceUtil,#serviceHeader.headerSub .serviceUtil {
    right: 0
}

.sitemap_wrap #serviceHeader .serviceUtil .btn-search,#serviceHeader.headerSub .serviceUtil .btn-search {
    display: none
}

body.sitemap_wrap #serviceHeader.headerSub {
    border-bottom: 0
}

body.sitemap_wrap #serviceHeader.headerSub:after {
    top: 140px
}

.safari_b #serviceHeader.headerSub #menu .menu.text li a {
    font-size: 15px
}

#addon {
    margin-top: 13px
}

#addon .subTitle {
    max-width: 960px;
    margin: 0 auto;
    line-height: 1.2 !important;
    text-align: left
}

#addon .subTitle a {
    color: #0f0f0f;
    font-size: 32px;
    font-weight: 600;
    text-decoration: none
}

html[dark=true] #addon .subTitle a,body.thema_dark #addon .subTitle a {
    color: #E2E4E9
}

#addon .menu_wrap {
    position: relative
}

#addon .menu_wrap.dept2 {
    height: 116px
}

#addon .menu_wrap .menu_inner {
    min-width: 960px;
    margin: 0 auto;
    border-bottom: 1px solid rgba(117,123,138,0.2)
}

html[dark=true] #addon .menu_wrap .menu_inner,body.thema_dark #addon .menu_wrap .menu_inner {
    border-bottom: 1px solid rgba(117,123,138,0.3)
}

#addon .menu_wrap .menu_inner .menu_list {
    position: relative;
    max-width: 960px;
    margin: 12px auto 0;
    padding: 0
}

#addon .menu_wrap .menu_inner .menu_list:after {
    content: "";
    display: block;
    clear: both
}

#addon .menu_wrap .menu_inner .menu_list>li {
    float: left;
    list-style: none;
    margin-right: 18px
}

#addon .menu_wrap .menu_inner .menu_list>li>a {
    display: block;
    height: 49px;
    padding: 0 2px;
    border-bottom: 2px solid transparent;
    color: #525661;
    font-size: 16px;
    line-height: 49px !important;
    text-decoration: none;
    transition: all .2s
}

html[dark=true] #addon .menu_wrap .menu_inner .menu_list>li>a,body.thema_dark #addon .menu_wrap .menu_inner .menu_list>li>a {
    color: #D5D7DC
}

#addon .menu_wrap .menu_inner .menu_list>li>a .target_blank {
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 0 0 5px;
    vertical-align: 2px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #ACB0B9
}

html[dark=true] #addon .menu_wrap .menu_inner .menu_list>li>a .target_blank,body.thema_dark #addon .menu_wrap .menu_inner .menu_list>li>a .target_blank {
    border-left: #757B8A
}

#addon .menu_wrap .menu_inner .menu_list>li>a.blank {
    color: #525661
}

html[dark=true] #addon .menu_wrap .menu_inner .menu_list>li>a.blank,body.thema_dark #addon .menu_wrap .menu_inner .menu_list>li>a.blank {
    color: #D5D7DC
}

#addon .menu_wrap .menu_inner .menu_list>li>a:hover {
    color: #0182FF !important
}

#addon .menu_wrap .menu_inner .menu_list>li a:hover .target_blank {
    border-left-color: #0182FF !important
}

#addon .menu_wrap .menu_inner .menu_list>li.on>a {
    border-color: #0182FF !important;
    color: #0182FF !important;
    font-weight: 600
}

#addon .menu_wrap .menu_inner .menu_list>li.on .sub {
    display: flex
}

#addon .menu_wrap .menu_inner .menu_list>li.link a {
    display: flex;
    align-items: flex-start
}

#addon .menu_wrap .menu_inner .menu_list>li.link a:after {
    content: "";
    display: block;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 5'%3e%3cpath fill-rule='evenodd' fill='%23999' d='M0 5V0h1v1h1v1h1v1H2v1H1v1H0'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    width: 3px;
    height: 5px;
    margin: 7px 0 0 5px
}

#addon .menu_wrap .menu_inner .menu_list>li.floatR {
    float: right;
    margin: 0;
    padding: 0 9px
}

#addon .menu_wrap .menu_inner .menu_list>li.floatR img {
    margin-top: -2px
}

#addon .menu_wrap .menu_inner .menu_list>li.nsb {
    height: 35px
}

#addon .menu_wrap .menu_inner .menu_list>li.cast {
    margin-left: 10px
}

#addon .menu_wrap .menu_inner .menu_list>li.bar {
    margin-left: 5px;
    padding-left: 7px;
    background: url(/images/gnb_new/bul_bar.gif) no-repeat 0 10px
}

#addon .menu_wrap .menu_inner .menu_list>li.line {
    background: url(/images/gnb_new/case_line.gif) left 0 no-repeat;
    padding-left: 1px;
    margin-left: 10px;
    padding-left: 10px
}

#addon .menu_wrap .menu_inner .menu_list>li.tv_game {
    position: absolute;
    right: 12px;
    top: 0
}

#addon .menu_wrap .menu_inner .menu_list>li.bn_prm_15 {
    display: block;
    position: absolute;
    right: 0;
    top: -15px
}

#addon .menu_wrap .menu_inner .menu_list>li.bn_prm {
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

#addon .menu_wrap .menu_inner .menu_list>li.btn_r {
    position: absolute;
    top: 0;
    right: 0
}

#addon .menu_wrap .menu_inner .menu_list>li .ic_new {
    position: absolute;
    top: -7px;
    width: 0;
    display: none
}

#addon .menu_wrap .menu_inner .menu_list .sub {
    display: none;
    position: absolute;
    top: 51px;
    left: 0px;
    width: 960px;
    margin: 0;
    padding: 15px 0 20px 0;
    z-index: 1
}

#addon .menu_wrap .menu_inner .menu_list .sub li {
    position: relative;
    height: auto
}

#addon .menu_wrap .menu_inner .menu_list .sub li a {
    display: block;
    height: 28px;
    margin: 0 3px;
    padding: 0 12px;
    border-radius: 100px;
    color: #17191C;
    font-size: 14px;
    line-height: 28px !important;
    font-weight: normal;
    text-decoration: none;
    transition: all .2s
}

html[dark=true] #addon .menu_wrap .menu_inner .menu_list .sub li a,body.thema_dark #addon .menu_wrap .menu_inner .menu_list .sub li a {
    color: #D5D7DC
}

#addon .menu_wrap .menu_inner .menu_list .sub li a:hover {
    background: #F1F2F4;
    color: #17191C
}

html[dark=true] #addon .menu_wrap .menu_inner .menu_list .sub li a:hover,body.thema_dark #addon .menu_wrap .menu_inner .menu_list .sub li a:hover {
    background: #3B3D45
}

html[dark=true] #addon .menu_wrap .menu_inner .menu_list .sub li a:hover,body.thema_dark #addon .menu_wrap .menu_inner .menu_list .sub li a:hover {
    color: #E2E4E9
}

#addon .menu_wrap .menu_inner .menu_list .sub li a:active {
    background: #E2E4E9
}

html[dark=true] #addon .menu_wrap .menu_inner .menu_list .sub li a:active,body.thema_dark #addon .menu_wrap .menu_inner .menu_list .sub li a:active {
    background: #525661
}

#addon .menu_wrap .menu_inner .menu_list .sub li.on a {
    background: rgba(1,130,255,0.05);
    border: 1px solid rgba(1,130,255,0.08);
    border-radius: 60px;
    color: #0182FF !important
}

#addon .menu_wrap .menu_inner .menu_list .sub li.on a:hover {
    background: rgba(1,130,255,0.1) !important
}

#addon .menu_wrap .menu_inner .menu_list .sub li.on a:active {
    background: rgba(1,130,255,0.2) !important
}

#addon .menu_wrap .menu_inner .menu_list .sub li:first-child a {
    margin-left: 0
}

#addon .menu_wrap .menu_inner .menu_list .sub img {
    vertical-align: top
}

#addon .menu_wrap .menu_inner .rt_conts {
    position: absolute;
    top: calc(50% - 12px);
    left: 50%;
    right: auto;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    transform: translate(-50%, -50%)
}

#addon .menu_wrap .menu_inner .rt_conts .btn_sendNote {
    position: absolute;
    right: 0
}

#addon .menu_wrap .menu_inner .rt_conts .btn_sendNote:hover {
    color: #0182FF
}

.log_area .btn_more,.login_area .btn_more {
    position: relative;
    top: 0;
    right: 0;
    background: url("data:image/svg+xml,%3csvg viewBox='0 0 3 15' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m1.5 9c-0.829 0-1.5-0.672-1.5-1.5-0-0.829 0.671-1.5 1.5-1.5 0.828 0 1.5 0.671 1.5 1.5 0 0.828-0.672 1.5-1.5 1.5zm0-6c-0.829 0-1.5-0.672-1.5-1.5-0-0.829 0.671-1.5 1.5-1.5 0.828-0 1.5 0.671 1.5 1.5 0 0.828-0.672 1.5-1.5 1.5zm0 9c0.828 0 1.5 0.671 1.5 1.5 0 0.828-0.672 1.5-1.5 1.5-0.829 0-1.5-0.672-1.5-1.5-0-0.829 0.671-1.5 1.5-1.5z' fill='%23666'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 3px 15px;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    padding: 0;
    border: 0;
    font: 0/0 a;
    outline: none;
    vertical-align: middle
}

.log_area .btn_more:hover,.login_area .btn_more:hover {
    background: url("data:image/svg+xml,%3csvg viewBox='0 0 3 15' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m1.5 9c-0.829 0-1.5-0.672-1.5-1.5-0-0.829 0.671-1.5 1.5-1.5 0.828 0 1.5 0.671 1.5 1.5 0 0.828-0.672 1.5-1.5 1.5zm0-6c-0.829 0-1.5-0.672-1.5-1.5-0-0.829 0.671-1.5 1.5-1.5 0.828-0 1.5 0.671 1.5 1.5 0 0.828-0.672 1.5-1.5 1.5zm0 9c0.828 0 1.5 0.671 1.5 1.5 0 0.828-0.672 1.5-1.5 1.5-0.829 0-1.5-0.672-1.5-1.5-0-0.829 0.671-1.5 1.5-1.5z' fill='%235285ff'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 3px 15px
}

html[dark=true] #webplayer_top .top_item .serviceUtil .serviceUtil .noticeArea .tooltip,html[dark=true] #serviceHeader .serviceUtil .noticeArea .tooltip,body.thema_dark #webplayer_top .top_item .serviceUtil .serviceUtil .noticeArea .tooltip,body.thema_dark #serviceHeader .serviceUtil .noticeArea .tooltip,.theme_dark #webplayer_top .top_item .serviceUtil .serviceUtil .noticeArea .tooltip,.theme_dark #serviceHeader .serviceUtil .noticeArea .tooltip,body.smode #webplayer_top .top_item .serviceUtil .serviceUtil .noticeArea .tooltip,body.smode #serviceHeader .serviceUtil .noticeArea .tooltip {
    background: #7398ff
}

html[dark=true] #webplayer_top .top_item .serviceUtil .serviceUtil .noticeArea .tooltip:after,html[dark=true] #serviceHeader .serviceUtil .noticeArea .tooltip:after,body.thema_dark #webplayer_top .top_item .serviceUtil .serviceUtil .noticeArea .tooltip:after,body.thema_dark #serviceHeader .serviceUtil .noticeArea .tooltip:after,.theme_dark #webplayer_top .top_item .serviceUtil .serviceUtil .noticeArea .tooltip:after,.theme_dark #serviceHeader .serviceUtil .noticeArea .tooltip:after,body.smode #webplayer_top .top_item .serviceUtil .serviceUtil .noticeArea .tooltip:after,body.smode #serviceHeader .serviceUtil .noticeArea .tooltip:after {
    background: url("data:image/svg+xml,%3csvg viewBox='0 0 8 7' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath fill='%23121213' d='M-1641-60H279v960h-1920z'/%3e%3cpath d='M-1641-60H279v80h-1920z' fill='%23202020'/%3e%3cpath d='M7.657 7.5 4 .843.343 7.5' fill='%237398FF'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%
}

html[dark=true] .log_area .btn_more,html[dark=true] .login_area .btn_more,body.thema_dark .log_area .btn_more,body.thema_dark .login_area .btn_more,.theme_dark .log_area .btn_more,.theme_dark .login_area .btn_more,body.smode .log_area .btn_more,body.smode .login_area .btn_more {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='3' height='15'%3e%3cdefs%3e%3cfilter id='a'%3e%3cfeFlood flood-color='%23fff' flood-opacity='1' result='floodOut'/%3e%3cfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut'/%3e%3cfeBlend in='compOut' in2='SourceGraphic'/%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)'%3e%3cpath fill-rule='evenodd' fill='%23666' d='M1.5 9C.671 9 0 8.328 0 7.5 0 6.671.671 6 1.5 6 2.328 6 3 6.671 3 7.5 3 8.328 2.328 9 1.5 9zm0-6C.671 3 0 2.328 0 1.5 0 .671.671 0 1.5 0 2.328 0 3 .671 3 1.5 3 2.328 2.328 3 1.5 3zm0 9c.828 0 1.5.671 1.5 1.5 0 .828-.672 1.5-1.5 1.5-.829 0-1.5-.672-1.5-1.5 0-.829.671-1.5 1.5-1.5z'/%3e%3c/g%3e%3c/svg%3e") center no-repeat
}

html[dark=true] #header,html[dark=true] #af-header,body.thema_dark #header,body.thema_dark #af-header,.theme_dark #header,.theme_dark #af-header,body.smode #header,body.smode #af-header {
    background: #1b1b1c
}

html[dark=true] #header .log_area .nickname,body.thema_dark #header .log_area .nickname,.theme_dark #header .log_area .nickname,body.smode #header .log_area .nickname {
    color: #8db4fa
}

html[dark=true] #header .join_area a,body.thema_dark #header .join_area a,.theme_dark #header .join_area a,body.smode #header .join_area a {
    color: #c8c8c8
}

html[dark=true] #search .search_area h3,html[dark=true] #search .search_area h3 a,body.thema_dark #search .search_area h3,body.thema_dark #search .search_area h3 a,.theme_dark #search .search_area h3,.theme_dark #search .search_area h3 a,body.smode #search .search_area h3,body.smode #search .search_area h3 a {
    color: #fff
}

html[dark=true] #header .user_area,html[dark=true] #af_gnb_sub #gArea .user_area,body.thema_dark #header .user_area,body.thema_dark #af_gnb_sub #gArea .user_area,.theme_dark #header .user_area,.theme_dark #af_gnb_sub #gArea .user_area,body.smode #header .user_area,body.smode #af_gnb_sub #gArea .user_area {
    background: #1b1b1c;
    border-color: #333
}

html[dark=true] #header .user_area .btn_set1,html[dark=true] #af_gnb_sub #gArea .user_area .btn_set1,body.thema_dark #header .user_area .btn_set1,body.thema_dark #af_gnb_sub #gArea .user_area .btn_set1,.theme_dark #header .user_area .btn_set1,.theme_dark #af_gnb_sub #gArea .user_area .btn_set1,body.smode #header .user_area .btn_set1,body.smode #af_gnb_sub #gArea .user_area .btn_set1 {
    border-color: #282828
}

html[dark=true] #header .user_area .btn_set1 .mybs:after,html[dark=true] #af_gnb_sub #gArea .user_area .btn_set1 .mybs:after,body.thema_dark #header .user_area .btn_set1 .mybs:after,body.thema_dark #af_gnb_sub #gArea .user_area .btn_set1 .mybs:after,.theme_dark #header .user_area .btn_set1 .mybs:after,.theme_dark #af_gnb_sub #gArea .user_area .btn_set1 .mybs:after,body.smode #header .user_area .btn_set1 .mybs:after,body.smode #af_gnb_sub #gArea .user_area .btn_set1 .mybs:after {
    background: #282828
}

html[dark=true] #header .user_area .btn_set2,html[dark=true] #af_gnb_sub #gArea .user_area .btn_set2,body.thema_dark #header .user_area .btn_set2,body.thema_dark #af_gnb_sub #gArea .user_area .btn_set2,.theme_dark #header .user_area .btn_set2,.theme_dark #af_gnb_sub #gArea .user_area .btn_set2,body.smode #header .user_area .btn_set2,body.smode #af_gnb_sub #gArea .user_area .btn_set2 {
    background: #222;
    border-color: #222
}

html[dark=true] #header .user_area .my_tlist li a,html[dark=true] #af_gnb_sub #gArea .user_area .my_tlist li a,body.thema_dark #header .user_area .my_tlist li a,body.thema_dark #af_gnb_sub #gArea .user_area .my_tlist li a,.theme_dark #header .user_area .my_tlist li a,.theme_dark #af_gnb_sub #gArea .user_area .my_tlist li a,body.smode #header .user_area .my_tlist li a,body.smode #af_gnb_sub #gArea .user_area .my_tlist li a {
    color: #999
}

html[dark=true] #header .user_area .my_tlist.borderT,html[dark=true] #af_gnb_sub #gArea .user_area .my_tlist.borderT,body.thema_dark #header .user_area .my_tlist.borderT,body.thema_dark #af_gnb_sub #gArea .user_area .my_tlist.borderT,.theme_dark #header .user_area .my_tlist.borderT,.theme_dark #af_gnb_sub #gArea .user_area .my_tlist.borderT,body.smode #header .user_area .my_tlist.borderT,body.smode #af_gnb_sub #gArea .user_area .my_tlist.borderT {
    border-color: #333
}

html[dark=true] #header .user_area .arrw:before,html[dark=true] #header .user_area .arrw:after,html[dark=true] #af_gnb_sub #gArea .user_area .arrw:before,html[dark=true] #af_gnb_sub #gArea .user_area .arrw:after,body.thema_dark #header .user_area .arrw:before,body.thema_dark #header .user_area .arrw:after,body.thema_dark #af_gnb_sub #gArea .user_area .arrw:before,body.thema_dark #af_gnb_sub #gArea .user_area .arrw:after,.theme_dark #header .user_area .arrw:before,.theme_dark #header .user_area .arrw:after,.theme_dark #af_gnb_sub #gArea .user_area .arrw:before,.theme_dark #af_gnb_sub #gArea .user_area .arrw:after,body.smode #header .user_area .arrw:before,body.smode #header .user_area .arrw:after,body.smode #af_gnb_sub #gArea .user_area .arrw:before,body.smode #af_gnb_sub #gArea .user_area .arrw:after {
    border-color: transparent transparent #333 transparent;
    border-style: solid;
    border-width: 7px
}

html[dark=true] #header .user_area .arrw:after,html[dark=true] #af_gnb_sub #gArea .user_area .arrw:after,body.thema_dark #header .user_area .arrw:after,body.thema_dark #af_gnb_sub #gArea .user_area .arrw:after,.theme_dark #header .user_area .arrw:after,.theme_dark #af_gnb_sub #gArea .user_area .arrw:after,body.smode #header .user_area .arrw:after,body.smode #af_gnb_sub #gArea .user_area .arrw:after {
    top: -5px;
    border-color: transparent transparent #1b1b1c transparent
}

html[dark=true] .log_area .btn_more,html[dark=true] .login_area .btn_more,body.thema_dark .log_area .btn_more,body.thema_dark .login_area .btn_more,.theme_dark .log_area .btn_more,.theme_dark .login_area .btn_more,body.smode .log_area .btn_more,body.smode .login_area .btn_more {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='3' height='15'%3e%3cdefs%3e%3cfilter id='a'%3e%3cfeFlood flood-color='%23fff' flood-opacity='1' result='floodOut'/%3e%3cfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut'/%3e%3cfeBlend in='compOut' in2='SourceGraphic'/%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)'%3e%3cpath fill-rule='evenodd' fill='%23666' d='M1.5 9C.671 9 0 8.328 0 7.5 0 6.671.671 6 1.5 6 2.328 6 3 6.671 3 7.5 3 8.328 2.328 9 1.5 9zm0-6C.671 3 0 2.328 0 1.5 0 .671.671 0 1.5 0 2.328 0 3 .671 3 1.5 3 2.328 2.328 3 1.5 3zm0 9c.828 0 1.5.671 1.5 1.5 0 .828-.672 1.5-1.5 1.5-.829 0-1.5-.672-1.5-1.5 0-.829.671-1.5 1.5-1.5z'/%3e%3c/g%3e%3c/svg%3e") center no-repeat
}

html[dark=true] .mode_set_area,body.thema_dark .mode_set_area,.theme_dark .mode_set_area,body.smode .mode_set_area {
    background: #1b1b1c;
    border-color: #333333
}

html[dark=true] .mode_set_area:before,html[dark=true] .mode_set_area:after,body.thema_dark .mode_set_area:before,body.thema_dark .mode_set_area:after,.theme_dark .mode_set_area:before,.theme_dark .mode_set_area:after,body.smode .mode_set_area:before,body.smode .mode_set_area:after {
    content: "";
    position: absolute;
    top: -14px;
    right: 18px;
    border-color: transparent transparent #333 transparent;
    border-style: solid;
    border-width: 7px
}

html[dark=true] .mode_set_area:after,body.thema_dark .mode_set_area:after,.theme_dark .mode_set_area:after,body.smode .mode_set_area:after {
    top: -13px;
    border-color: transparent transparent #1b1b1c transparent
}

html[dark=true] .user_area .mode_set,body.thema_dark .user_area .mode_set,.theme_dark .user_area .mode_set,body.smode .user_area .mode_set {
    padding: 13px 17px
}

html[dark=true] .user_area .mode_set .my_mode:before,body.thema_dark .user_area .mode_set .my_mode:before,.theme_dark .user_area .mode_set .my_mode:before,body.smode .user_area .mode_set .my_mode:before {
    top: 13px
}

html[dark=true] .mode_set,body.thema_dark .mode_set,.theme_dark .mode_set,body.smode .mode_set {
    border-color: #282828
}

html[dark=true] .mode_set .my_mode,body.thema_dark .mode_set .my_mode,.theme_dark .mode_set .my_mode,body.smode .mode_set .my_mode {
    color: #999
}

html[dark=true] .mode_set label,body.thema_dark .mode_set label,.theme_dark .mode_set label,body.smode .mode_set label {
    background: #4d4d4d
}

html[dark=true] .mode_set label:before,body.thema_dark .mode_set label:before,.theme_dark .mode_set label:before,body.smode .mode_set label:before {
    background: #7398ff
}

html[dark=true] .mode_set_area ul li,body.thema_dark .mode_set_area ul li,.theme_dark .mode_set_area ul li,body.smode .mode_set_area ul li {
    color: #555;
    font-size: 12px
}

html[dark=true] .mode_set_area ul li a,body.thema_dark .mode_set_area ul li a,.theme_dark .mode_set_area ul li a,body.smode .mode_set_area ul li a {
    color: #999 !important
}

html[dark=true] #header .menu_area,html[dark=true] #af_gnb_sub #gArea .menu_area,body.thema_dark #header .menu_area,body.thema_dark #af_gnb_sub #gArea .menu_area,.theme_dark #header .menu_area,.theme_dark #af_gnb_sub #gArea .menu_area,body.smode #header .menu_area,body.smode #af_gnb_sub #gArea .menu_area {
    background-color: #1b1b1c;
    border-color: #333
}

html[dark=true] #header .menu_area .family_site,html[dark=true] #header .menu_area .list_m,html[dark=true] #af_gnb_sub #gArea .menu_area .list_m,body.thema_dark #header .menu_area .family_site,body.thema_dark #header .menu_area .list_m,body.thema_dark #af_gnb_sub #gArea .menu_area .list_m,.theme_dark #header .menu_area .family_site,.theme_dark #header .menu_area .list_m,.theme_dark #af_gnb_sub #gArea .menu_area .list_m,body.smode #header .menu_area .family_site,body.smode #header .menu_area .list_m,body.smode #af_gnb_sub #gArea .menu_area .list_m {
    border-color: #333
}

html[dark=true] #header .menu_area .list_m li a,body.thema_dark #header .menu_area .list_m li a,.theme_dark #header .menu_area .list_m li a,body.smode #header .menu_area .list_m li a {
    color: #999
}

html[dark=true] #header .menu_area .arrw,body.thema_dark #header .menu_area .arrw,.theme_dark #header .menu_area .arrw,body.smode #header .menu_area .arrw {
    background: none
}

html[dark=true] #header .menu_area .arrw:before,html[dark=true] #header .menu_area .arrw:after,html[dark=true] #af_gnb_sub #gArea .menu_area .arrw:before,html[dark=true] #af_gnb_sub #gArea .menu_area .arrw:after,body.thema_dark #header .menu_area .arrw:before,body.thema_dark #header .menu_area .arrw:after,body.thema_dark #af_gnb_sub #gArea .menu_area .arrw:before,body.thema_dark #af_gnb_sub #gArea .menu_area .arrw:after,.theme_dark #header .menu_area .arrw:before,.theme_dark #header .menu_area .arrw:after,.theme_dark #af_gnb_sub #gArea .menu_area .arrw:before,.theme_dark #af_gnb_sub #gArea .menu_area .arrw:after,body.smode #header .menu_area .arrw:before,body.smode #header .menu_area .arrw:after,body.smode #af_gnb_sub #gArea .menu_area .arrw:before,body.smode #af_gnb_sub #gArea .menu_area .arrw:after {
    content: "";
    position: absolute;
    top: -6px;
    right: 3px;
    border-color: transparent transparent #333 transparent;
    border-style: solid;
    border-width: 7px
}

html[dark=true] #header .menu_area .arrw:after,html[dark=true] #af_gnb_sub #gArea .menu_area .arrw:after,body.thema_dark #header .menu_area .arrw:after,body.thema_dark #af_gnb_sub #gArea .menu_area .arrw:after,.theme_dark #header .menu_area .arrw:after,.theme_dark #af_gnb_sub #gArea .menu_area .arrw:after,body.smode #header .menu_area .arrw:after,body.smode #af_gnb_sub #gArea .menu_area .arrw:after {
    top: -4px;
    border-color: transparent transparent #1b1b1c transparent
}

html[dark=true] #af_gnb_sub #gArea .menu_area .list_m li a,body.thema_dark #af_gnb_sub #gArea .menu_area .list_m li a,.theme_dark #af_gnb_sub #gArea .menu_area .list_m li a,body.smode #af_gnb_sub #gArea .menu_area .list_m li a {
    color: #999 !important
}

html[dark=true] #af_gnb_sub #gArea .btn_menu a span,body.thema_dark #af_gnb_sub #gArea .btn_menu a span,.theme_dark #af_gnb_sub #gArea .btn_menu a span,body.smode #af_gnb_sub #gArea .btn_menu a span {
    background: url("/images/afmain/img_main_dark.png") no-repeat -116px 0
}

html[dark=true] #af_gnb_sub #gArea .menu_area .arrw,body.thema_dark #af_gnb_sub #gArea .menu_area .arrw,.theme_dark #af_gnb_sub #gArea .menu_area .arrw,body.smode #af_gnb_sub #gArea .menu_area .arrw {
    top: -8px
}

html[dark=true] #af_gnb_sub #gArea .menu_area .family_site,body.thema_dark #af_gnb_sub #gArea .menu_area .family_site,.theme_dark #af_gnb_sub #gArea .menu_area .family_site,body.smode #af_gnb_sub #gArea .menu_area .family_site {
    border-color: #333
}

html[dark=true] #af_gnb_sub #menu .menu.text li a,body.thema_dark #af_gnb_sub #menu .menu.text li a,.theme_dark #af_gnb_sub #menu .menu.text li a,body.smode #af_gnb_sub #menu .menu.text li a {
    color: #c8c8c8
}

html[dark=true] #af_gnb_sub #menu .menu.text li a:hover,body.thema_dark #af_gnb_sub #menu .menu.text li a:hover,.theme_dark #af_gnb_sub #menu .menu.text li a:hover,body.smode #af_gnb_sub #menu .menu.text li a:hover {
    color: #6b85cf
}

html[dark=true] .mysch,body.thema_dark .mysch,.theme_dark .mysch,body.smode .mysch {
    background: #0e0e0e
}

html[dark=true] .mysch li a,body.thema_dark .mysch li a,.theme_dark .mysch li a,body.smode .mysch li a {
    color: #999
}

html[dark=true] .mysch p.stitle,html[dark=true] #af_gnb_sub .mysch p.stitle,body.thema_dark .mysch p.stitle,body.thema_dark #af_gnb_sub .mysch p.stitle,.theme_dark .mysch p.stitle,.theme_dark #af_gnb_sub .mysch p.stitle,body.smode .mysch p.stitle,body.smode #af_gnb_sub .mysch p.stitle {
    border-color: #1d1d1d;
    color: #999
}

html[dark=true] .mysch p.alldel,html[dark=true] #af_gnb_sub .mysch p.alldel,body.thema_dark .mysch p.alldel,body.thema_dark #af_gnb_sub .mysch p.alldel,.theme_dark .mysch p.alldel,.theme_dark #af_gnb_sub .mysch p.alldel,body.smode .mysch p.alldel,body.smode #af_gnb_sub .mysch p.alldel {
    background: #0e0e0e;
    border-color: #333
}

html[dark=true] .search_area_t .search_bar,html[dark=true] .search_area fieldset,body.thema_dark .search_area_t .search_bar,body.thema_dark .search_area fieldset,.theme_dark .search_area_t .search_bar,.theme_dark .search_area fieldset,body.smode .search_area_t .search_bar,body.smode .search_area fieldset {
    background: #0e0e0e;
    border-color: #2e2e2f
}

html[dark=true] .search_area_t .search_bar input,body.thema_dark .search_area_t .search_bar input,.theme_dark .search_area_t .search_bar input,body.smode .search_area_t .search_bar input {
    background: transparent;
    color: #e5e5e5
}

html[dark=true] .search_area_t .search_bar .btn_search,body.thema_dark .search_area_t .search_bar .btn_search,.theme_dark .search_area_t .search_bar .btn_search,body.smode .search_area_t .search_bar .btn_search {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3e%3cpath fill='rgba(136, 136, 136, 0.999)' fill-rule='evenodd' d='M19.235 17.329l-1.534 1.535-5.228-5.228c-1.206.85-2.669 1.359-4.257 1.359-4.094 0-7.412-3.319-7.412-7.412C.804 3.489 4.122.171 8.216.171c4.094 0 7.412 3.318 7.412 7.412 0 1.721-.611 3.285-1.595 4.543l5.202 5.203zM8.196 2.045c-3.058 0-5.538 2.48-5.538 5.538 0 3.059 2.48 5.538 5.538 5.538 3.059 0 5.539-2.479 5.539-5.538 0-3.058-2.48-5.538-5.539-5.538z'/%3e%3c/svg%3e") center no-repeat;
    background-size: 19px 19px
}

html[dark=true] .search_area_t .search_box h3,body.thema_dark .search_area_t .search_box h3,.theme_dark .search_area_t .search_box h3,body.smode .search_area_t .search_box h3 {
    color: #f5f6f7
}

html[dark=true] .search_area .search_bar,body.thema_dark .search_area .search_bar,.theme_dark .search_area .search_bar,body.smode .search_area .search_bar {
    color: #f5f6f7
}

html[dark=true] .search_area_t .search_box,body.thema_dark .search_area_t .search_box,.theme_dark .search_area_t .search_box,body.smode .search_area_t .search_box {
    background: #0e0e0e
}

html[dark=true] .search_area_t .search_box .list li a .num,html[dark=true] .search_area_t .search_box .list li a,body.thema_dark .search_area_t .search_box .list li a .num,body.thema_dark .search_area_t .search_box .list li a,.theme_dark .search_area_t .search_box .list li a .num,.theme_dark .search_area_t .search_box .list li a,body.smode .search_area_t .search_box .list li a .num,body.smode .search_area_t .search_box .list li a {
    color: #999
}

html[dark=true] .search_area_t .search_box .list li a .rank,body.thema_dark .search_area_t .search_box .list li a .rank,.theme_dark .search_area_t .search_box .list li a .rank,body.smode .search_area_t .search_box .list li a .rank {
    color: #999
}

html[dark=true] .search_area_t .search_box .inner_area,body.thema_dark .search_area_t .search_box .inner_area,.theme_dark .search_area_t .search_box .inner_area,body.smode .search_area_t .search_box .inner_area {
    border-color: #1d1d1d
}

html[dark=true] .search_area_t .search_box .ct_area,body.thema_dark .search_area_t .search_box .ct_area,.theme_dark .search_area_t .search_box .ct_area,body.smode .search_area_t .search_box .ct_area {
    border-color: #1d1d1d
}

html[dark=true] .search_area_t .search_box .list li a:hover,html[dark=true] .search_area_t .search_box .list li a:focus,body.thema_dark .search_area_t .search_box .list li a:hover,body.thema_dark .search_area_t .search_box .list li a:focus,.theme_dark .search_area_t .search_box .list li a:hover,.theme_dark .search_area_t .search_box .list li a:focus,body.smode .search_area_t .search_box .list li a:hover,body.smode .search_area_t .search_box .list li a:focus {
    background: #222
}

html[dark=true] .search_area_t .search_box .ct_area .btn_all_delete,body.thema_dark .search_area_t .search_box .ct_area .btn_all_delete,.theme_dark .search_area_t .search_box .ct_area .btn_all_delete,body.smode .search_area_t .search_box .ct_area .btn_all_delete {
    color: #999;
    outline: none
}

html[dark=true] .search_area_t .search_box .list li a .rank em,body.thema_dark .search_area_t .search_box .list li a .rank em,.theme_dark .search_area_t .search_box .list li a .rank em,body.smode .search_area_t .search_box .list li a .rank em {
    background: url(/images/afmain/img_main_dark.png) no-repeat
}

html[dark=true] .search_area_t .search_box .list li a .up em,body.thema_dark .search_area_t .search_box .list li a .up em,.theme_dark .search_area_t .search_box .list li a .up em,body.smode .search_area_t .search_box .list li a .up em {
    background-position: -516px 0
}

html[dark=true] .search_area_t .search_box .list li a .down em,body.thema_dark .search_area_t .search_box .list li a .down em,.theme_dark .search_area_t .search_box .list li a .down em,body.smode .search_area_t .search_box .list li a .down em {
    background-position: -516px -8px
}

html[dark=true] .search_area_t .search_box .list li a .new,html[dark=true] .search_area_t .search_box .list li a .even,body.thema_dark .search_area_t .search_box .list li a .new,body.thema_dark .search_area_t .search_box .list li a .even,.theme_dark .search_area_t .search_box .list li a .new,.theme_dark .search_area_t .search_box .list li a .even,body.smode .search_area_t .search_box .list li a .new,body.smode .search_area_t .search_box .list li a .even {
    color: #ff3f3f
}

html[dark=true] .search_area_t .search_box .list li.hv a,body.thema_dark .search_area_t .search_box .list li.hv a,.theme_dark .search_area_t .search_box .list li.hv a,body.smode .search_area_t .search_box .list li.hv a {
    background: #222
}

html[dark=true] .sear_auto,body.thema_dark .sear_auto,.theme_dark .sear_auto,body.smode .sear_auto {
    background: #0e0e0e;
    border-color: #1d1d1d
}

html[dark=true] .sear_auto li a,body.thema_dark .sear_auto li a,.theme_dark .sear_auto li a,body.smode .sear_auto li a {
    color: #999
}

html[dark=true] .sear_auto li a:hover,body.thema_dark .sear_auto li a:hover,.theme_dark .sear_auto li a:hover,body.smode .sear_auto li a:hover {
    background: #222 !important
}

html[dark=true] #serviceHeader.headerSub h3.subTitle a,body.thema_dark #serviceHeader.headerSub h3.subTitle a,.theme_dark #serviceHeader.headerSub h3.subTitle a,body.smode #serviceHeader.headerSub h3.subTitle a {
    color: #fff
}

html[dark=true] #serviceHeader.headerSub #menu .menu.text li a,body.thema_dark #serviceHeader.headerSub #menu .menu.text li a,.theme_dark #serviceHeader.headerSub #menu .menu.text li a,body.smode #serviceHeader.headerSub #menu .menu.text li a {
    color: #999
}

html[dark=true] #serviceHeader.headerSub #menu .menu.text li.on a,body.thema_dark #serviceHeader.headerSub #menu .menu.text li.on a,.theme_dark #serviceHeader.headerSub #menu .menu.text li.on a,body.smode #serviceHeader.headerSub #menu .menu.text li.on a {
    border-color: #7398ff;
    color: #7398ff
}

html[dark=true] #serviceHeader.headerSub #menu .menu.text li:hover a,body.thema_dark #serviceHeader.headerSub #menu .menu.text li:hover a,.theme_dark #serviceHeader.headerSub #menu .menu.text li:hover a,body.smode #serviceHeader.headerSub #menu .menu.text li:hover a {
    color: #7398ff
}

@media all and (max-width: 1391px) {
    body:not(.broadRanking_wrap) #soop_wrap .top_searcharea_wrap .a_d_banner,#webplayer #serviceHeader .top_searcharea_wrap .a_d_banner {
        display:none
    }
}

@media all and (max-width: 1190px) {
    body:not(.broadRanking_wrap) #soop_wrap .serviceUtil [class^=btn-].btn-broadcast,body:not(.broadRanking_wrap) #soop_wrap .serviceUtil .broadcastArea,#webplayer #serviceHeader .serviceUtil [class^=btn-].btn-broadcast,#webplayer #serviceHeader .serviceUtil .broadcastArea {
        display:none
    }
}

@media all and (max-width: 1163px) {
    body:not(.broadRanking_wrap) #soop_wrap .a_d_banner,#webplayer #serviceHeader .a_d_banner {
        display:none !important
    }
}

@media all and (max-width: 1110px) {
    body:not(.broadRanking_wrap) #soop_wrap .innerHeader .top_searcharea_wrap,#webplayer #serviceHeader .innerHeader .top_searcharea_wrap {
        padding:0 300px
    }
}

@media all and (max-width: 898px) {
    body:not(.broadRanking_wrap) #soop_wrap .serviceUtil .serviceMenu,#webplayer #serviceHeader .serviceUtil .serviceMenu {
        display:none
    }
}

@media all and (max-width: 768px) {
    body:not(.broadRanking_wrap) #soop_wrap .serviceUtil .serviceMenu,#webplayer #serviceHeader .serviceUtil .serviceMenu {
        display:none
    }

    body:not(.broadRanking_wrap) #soop_wrap .serviceUtil [class^=btn-].btn-search,#webplayer #serviceHeader .serviceUtil [class^=btn-].btn-search {
        display: block
    }

    body:not(.broadRanking_wrap) #soop_wrap .innerHeader .top_searcharea_wrap,#webplayer #serviceHeader .innerHeader .top_searcharea_wrap {
        display: none
    }
}

@media all and (max-width: 560px) {
    body:not(.broadRanking_wrap) #soop_wrap .collabo_brand,#webplayer #serviceHeader .collabo_brand {
        display:none
    }
}

@media all and (max-width: 1391px) {
    body:not(.broadRanking_wrap) #soop_wrap .logo_wrap:not(:has(.collabo_brand))+.top_searcharea_wrap .a_d_banner {
        display:block
    }

    #webplayer #serviceHeader .logo_wrap:not(:has(.collabo_brand))+.top_searcharea_wrap .a_d_banner {
        display: block
    }
}

#accessibility {
    position: relative;
    z-index: 10001
}

#accessibility a {
    position: absolute;
    top: -999px;
    left: 0;
    width: 200px;
    height: 24px;
    padding-top: 4px;
    background-color: #000;
    text-align: center;
    color: #fff !important;
    font: bold 14px '맑은 고딕',Malgun Gothic,'돋움',Dotum,sans-serif
}

#accessibility a:active,#accessibility a:focus {
    top: 0
}

@media screen and (max-height: 254px) {
    #bs-wrap .loginUserMenu .depth_2 {
        height:calc(100% - 8px);
        overflow: auto
    }

    #bs-wrap .loginUserMenu .depth_2::-webkit-scrollbar-thumb {
        background: transparent
    }
}

#footer:not(.payment) {
    min-width: 960px;
    width: 100%;
    margin: 0 auto;
    margin-top: 57px;
    padding: 25px 0 0;
    border-top: 1px solid rgba(117,123,138,0.2);
    text-align: center;
    box-sizing: border-box;
    line-height: 1.2
}

html[dark=true] #footer:not(.payment),body.thema_dark #footer:not(.payment) {
    border-top: 1px solid rgba(117,123,138,0.3)
}

#footer:not(.payment) .blind {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -9999em;
    left: -9999em;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999em;
    font-size: 0
}

#footer:not(.payment) ul.f_list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px 8px;
    position: relative;
    margin: 0;
    padding: 0
}

#footer:not(.payment) ul.f_list li {
    position: relative;
    line-height: 18px
}

#footer:not(.payment) ul.f_list li::after {
    display: none
}

#footer:not(.payment) ul.f_list li a {
    color: #525661;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: -.5px
}

html[dark=true] #footer:not(.payment) ul.f_list li a,body.thema_dark #footer:not(.payment) ul.f_list li a {
    color: #D5D7DC
}

#footer:not(.payment) .adr {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 12px;
    color: #ACB0B9;
    line-height: 18px;
    font-size: 12px;
    font-weight: normal
}

html[dark=true] #footer:not(.payment) .adr,body.thema_dark #footer:not(.payment) .adr {
    color: #9196A1
}

#footer:not(.payment) .adr span {
    position: relative;
    margin-left: 8px;
    padding-left: 8px;
    color: #ACB0B9;
    font-size: 12px
}

html[dark=true] #footer:not(.payment) .adr span,body.thema_dark #footer:not(.payment) .adr span {
    color: #9196A1
}

#footer:not(.payment) .adr span:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    background: #ACB0B9;
    width: 1px;
    height: 10px
}

html[dark=true] #footer:not(.payment) .adr span:after,body.thema_dark #footer:not(.payment) .adr span:after {
    background: #9196A1
}

#footer:not(.payment) .adr span a {
    color: inherit
}

#footer:not(.payment) .adr div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    font-size: 12px;
    color: #ACB0B9
}

html[dark=true] #footer:not(.payment) .adr div,body.thema_dark #footer:not(.payment) .adr div {
    color: #9196A1
}

#footer:not(.payment) .adr address {
    color: #ACB0B9;
    font-style: normal
}

html[dark=true] #footer:not(.payment) .adr address,body.thema_dark #footer:not(.payment) .adr address {
    color: #9196A1
}

#footer:not(.payment) .copyright {
    padding: 15px 0 30px;
    color: #525661;
    font-size: 12px;
    font-weight: 600
}

html[dark=true] #footer:not(.payment) .copyright,body.thema_dark #footer:not(.payment) .copyright {
    color: #D5D7DC
}

#footer:not(.payment) .familysite {
    min-width: 107px;
    height: 100%;
    padding: 0;
    font-size: 12px
}

#footer:not(.payment) .familysite #familylBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 7px;
    border: 1px solid #D5D7DC;
    border-radius: 6px;
    color: #757B8A;
    font-size: 12px;
    line-height: 30px;
    box-sizing: border-box
}

html[dark=true] #footer:not(.payment) .familysite #familylBtn,body.thema_dark #footer:not(.payment) .familysite #familylBtn {
    border: 1px solid #464A53
}

html[dark=true] #footer:not(.payment) .familysite #familylBtn,body.thema_dark #footer:not(.payment) .familysite #familylBtn {
    color: #9196A1
}

#footer:not(.payment) .familysite #familylBtn:after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 11 7'%3e%3cpath stroke='%23ACB0B9' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m10 1.234-4.5 4.5-4.5-4.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 11px 7px;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    transition: all .2s
}

html[dark=true] #footer:not(.payment) .familysite #familylBtn:after,body.thema_dark #footer:not(.payment) .familysite #familylBtn:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 11 7'%3e%3cpath stroke='%239196A1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m10 1.234-4.5 4.5-4.5-4.5'/%3e%3c/svg%3e")
}

#footer:not(.payment) .familysite .flayer {
    position: absolute;
    bottom: 38px;
    left: 50%;
    background: #fff;
    width: fit-content;
    min-width: 100%;
    padding: 6px 0;
    border-radius: 12px;
    border: 1px solid transparent;
    border-color: rgba(117,123,138,0.2);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.04),0px 4px 12px 0px rgba(0,0,0,0.12);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
    transform: translateX(-50%)
}

html[dark=true] #footer:not(.payment) .familysite .flayer,body.thema_dark #footer:not(.payment) .familysite .flayer {
    background: #0C0D0E
}

html[dark=true] #footer:not(.payment) .familysite .flayer,body.thema_dark #footer:not(.payment) .familysite .flayer {
    border-color: rgba(117,123,138,0.3)
}

#footer:not(.payment) .familysite .flayer ul {
    display: block
}

#footer:not(.payment) .familysite .flayer ul li.on a {
    color: #0182FF !important
}

html[dark=true] #footer:not(.payment) .familysite .flayer ul li.on a,body.thema_dark #footer:not(.payment) .familysite .flayer ul li.on a {
    color: #44A3FF !important
}

#footer:not(.payment) .familysite .flayer ul li a {
    display: block;
    width: 100%;
    height: 36px;
    padding: 0 10px;
    color: #525661;
    font-size: 14px;
    line-height: 36px;
    text-align: left;
    transition: all .2s;
    box-sizing: border-box
}

html[dark=true] #footer:not(.payment) .familysite .flayer ul li a,body.thema_dark #footer:not(.payment) .familysite .flayer ul li a {
    color: #D5D7DC
}

#footer:not(.payment) .familysite .flayer ul li a:hover {
    background: #F2F2F4;
    color: #17191C
}

html[dark=true] #footer:not(.payment) .familysite .flayer ul li a:hover,body.thema_dark #footer:not(.payment) .familysite .flayer ul li a:hover {
    background: #17181B
}

html[dark=true] #footer:not(.payment) .familysite .flayer ul li a:hover,body.thema_dark #footer:not(.payment) .familysite .flayer ul li a:hover {
    color: #E2E4E9
}

#footer:not(.payment) .familysite .flayer ul li a:active {
    background: transparent !important;
    color: #0182FF
}

html[dark=true] #footer:not(.payment) .familysite .flayer ul li a:active,body.thema_dark #footer:not(.payment) .familysite .flayer ul li a:active {
    color: #44A3FF
}

#footer:not(.payment) .familysite.on .flayer {
    opacity: 1;
    visibility: visible
}

#footer:not(.payment) .familysite.on #familylBtn::after {
    transform: rotate(180deg)
}

#footer:not(.payment).payment {
    padding: 28px 18px 32px
}

#footer:not(.payment).payment .footer_inner {
    text-align: center
}

#footer:not(.payment).payment .footer_inner>span {
    display: block;
    color: #757B8A;
    font-size: 12px;
    line-height: 1.4
}

#footer:not(.payment).payment .footer_inner>span a {
    color: #757B8A
}

#footer:not(.payment).payment .footer_inner>span address {
    font-style: normal
}

#footer:not(.payment).payment .footer_inner>span>em {
    margin-right: 12px
}

#footer:not(.payment).payment .footer_inner .rule {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-top: 13px
}

#footer:not(.payment).payment .footer_inner .rule li {
    margin-right: 13px
}

#footer:not(.payment).payment .footer_inner .rule li:last-of-type {
    margin-right: 0
}

#footer:not(.payment).payment .footer_inner .rule li a {
    display: block;
    line-height: 1.4;
    color: #525661;
    font-size: 12px;
    font-weight: 500
}

#footer:not(.payment).payment .footer_inner .copyright {
    padding: 13px 0 0 0;
    line-height: 1.4;
    color: #525661;
    font-size: 12px
}

#footer:not(.payment) .global_lang {
    display: none
}

#listWrap #footer {
    min-width: 1280px;
    padding-left: 210px
}

:root {
    --dark-default-bg: #0C0D0E
}

*::-webkit-scrollbar {
    background-color: transparent;
    width: 6px;
    height: 6px;
    border-radius: 6px
}

*::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 6px
}

*::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 6px
}

*:hover::-webkit-scrollbar-thumb {
    background: #bbb !important
}

*::-webkit-scrollbar-thumb:hover {
    background: #afafaf !important
}

html[dark=true] *::-webkit-scrollbar-thumb,body.thema_dark *::-webkit-scrollbar-thumb {
    background: transparent
}

html[dark=true] *:hover::-webkit-scrollbar-thumb,body.thema_dark *:hover::-webkit-scrollbar-thumb {
    background: #4d4d4d !important
}

html[dark=true] *::-webkit-scrollbar-thumb:hover,body.thema_dark *::-webkit-scrollbar-thumb:hover {
    background: #3f3f3f !important
}

html[dark=true] body,body.thema_dark {
    background: var(--dark-default-bg)
}

.nick,.nick span,.nick p,.nick a,.nickname,.rank-list li>a,.nick button,.side_info strong {
    hyphenate-character: ""
}

.st_focus {
    background: #f1f5fc !important
}

.hilight_text {
    margin: -6px 0 10px -66px
}

.hilight_text p {
    display: inline-block;
    height: 18px;
    padding: 0 3px;
    border: 1px solid #eee;
    border-radius: 2px;
    box-sizing: border-box;
    color: #8c8c8c;
    font-size: 12px;
    line-height: 16px
}

.HilightBG {
    background: #f1f5fc;
    animation: hbg 1s 3s forwards
}

.HilightBG .commentMore {
    display: block;
    background: none;
    margin: 10px 0 0;
    padding: 0;
    border: 0;
    color: #8c8c8c;
    font-size: 13px
}

html[dark=true] body .st_focus,body.thema_dark .st_focus {
    background: #272728 !important
}

html[dark=true] body .hilight_text p,body.thema_dark .hilight_text p {
    background: #333;
    border-color: #333;
    color: #8c8c8c
}

html[dark=true] body .HilightBG,body.thema_dark .HilightBG {
    background: #272728;
    animation: hbg_dark 1s 3s forwards
}

html[dark=true] body .HilightBG .commentMore,body.thema_dark .HilightBG .commentMore {
    color: #777
}

@keyframes hbg {
    0% {
        background: #f1f5fc
    }

    100% {
        background: unset
    }
}

@keyframes hbg_dark {
    0% {
        background: #272728
    }

    100% {
        background: unset
    }
}

.badge {
    display: inline-flex;
    align-items: center
}

[class^=grade-badge-] {
    display: inline-block;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    font-size: 0 !important;
    aspect-ratio: 1/1
}

[class^=grade-badge-].grade-badge-streamer {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3e%3crect width='14' height='14' fill='%23F60' rx='3'/%3e%3crect width='3.359' height='6.6' x='5.32' y='1.5' fill='%23fff' rx='1.68'/%3e%3cpath fill='%23fff' d='M6.3 10h1.4v2.75H6.3z'/%3e%3cpath stroke='%23fff' stroke-width='1.4' d='M10.707 6.469c0 1.96-1.66 3.55-3.707 3.55-2.048 0-3.707-1.59-3.707-3.55'/%3e%3c/svg%3e");
    height: 15px
}

[class^=grade-badge-].grade-badge-manager {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none'%3e%3crect width='14' height='14' y='.5' fill='%2353B1AE' rx='3'/%3e%3cpath fill='%23fff' d='M3.155 3.93h2.21l1.67 4.91h.02l1.58-4.91h2.21v7.14h-1.47V6.01h-.02l-1.75 5.06h-1.21l-1.75-5.01h-.02v5.01h-1.47V3.93Z'/%3e%3c/svg%3e")
}

[class^=grade-badge-].grade-badge-vip {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none'%3e%3crect width='14' height='14' y='.5' fill='%23D65B8F' rx='3'/%3e%3cpath fill='%23fff' d='M3 5.323c0 1.282 1.06 2.09 2.395 2.09 1.397 0 2.405-.84 2.405-2.09 0-1.27-1.008-2.174-2.405-2.174C4.008 3.149 3 4.073 3 5.323Zm1.197 0c0-.64.536-1.155 1.198-1.155.745 0 1.197.514 1.197 1.155 0 .567-.462 1.071-1.197 1.071-.714 0-1.198-.451-1.198-1.07ZM11 7.673V2.575H9.8v1.1H8.333l.022 1.135H9.8v1.021H8.355l-.022 1.064H9.8v.778H11Zm0 4.752v-1.02H5.875v-.67H11V8.123H4.525v1.01h5.202v.67H4.58v2.622H11Z'/%3e%3c/svg%3e")
}

[class^=grade-badge-].grade-badge-fan {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 14'%3e%3crect width='14' height='14' x='.615' fill='%2375AA5C' rx='3'/%3e%3cpath fill='%23fff' d='M5.105 3.43h5.02v1.32h-3.45V6.4h2.99v1.22h-2.99v2.95h-1.57V3.43Z'/%3e%3c/svg%3e");
    background-size: cover
}

[class^=grade-badge-].grade-badge-support {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none'%3e%3crect width='14' height='14' y='.5' fill='%239379BD' rx='3'/%3e%3cpath fill='%23fff' d='M5.515 8.705c0 .24.044.443.13.61.087.167.2.303.34.41.147.1.317.177.51.23.194.047.394.07.6.07.14 0 .29-.01.45-.03.16-.027.31-.073.45-.14.14-.067.257-.157.35-.27a.71.71 0 0 0 .14-.45.618.618 0 0 0-.19-.47c-.12-.12-.28-.22-.48-.3a4.84 4.84 0 0 0-.68-.21c-.253-.06-.51-.127-.77-.2a7.55 7.55 0 0 1-.78-.24 2.8 2.8 0 0 1-.68-.38 1.84 1.84 0 0 1-.49-.57 1.817 1.817 0 0 1-.18-.84c0-.367.077-.683.23-.95.16-.273.367-.5.62-.68.254-.18.54-.313.86-.4.32-.087.64-.13.96-.13.374 0 .73.043 1.07.13.347.08.654.213.92.4.267.187.477.427.63.72.16.287.24.637.24 1.05h-1.52a1.213 1.213 0 0 0-.14-.53.845.845 0 0 0-.3-.33 1.29 1.29 0 0 0-.44-.17 2.604 2.604 0 0 0-.53-.05 1.84 1.84 0 0 0-.38.04 1.071 1.071 0 0 0-.35.14.893.893 0 0 0-.25.25c-.066.1-.1.227-.1.38 0 .14.027.253.08.34.054.087.157.167.31.24.16.073.377.147.65.22.28.073.644.167 1.09.28.134.027.317.077.55.15.24.067.477.177.71.33.234.153.434.36.6.62.174.253.26.58.26.98 0 .327-.063.63-.19.91a2 2 0 0 1-.57.73c-.246.2-.556.357-.93.47-.366.113-.793.17-1.28.17-.393 0-.776-.05-1.15-.15a2.866 2.866 0 0 1-.98-.45 2.27 2.27 0 0 1-.67-.79c-.166-.32-.246-.7-.24-1.14h1.52Z'/%3e%3c/svg%3e")
}

[class^=grade-badge-].grade-badge-subscribe {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3ccircle cx='12' cy='12' r='12' fill='%23EF565F'/%3e%3cpath stroke='%23fff' stroke-width='1.17' d='M16.8 14.092c.228.042.446.07.655.07 1.75 0 2.705-1.223 2.705-2.711 0-1.489-.955-2.69-2.705-2.69-.169 0-.345.02-.525.047'/%3e%3cpath fill='%23fff' stroke='%23fff' stroke-linejoin='round' stroke-width='.992' d='M5.418 13.588a5.473 5.473 0 0 0 5.446 5.014c2.392 0 4.573-1.544 5.372-3.688.11-.299.323-1.18.323-1.625V7.445a.843.843 0 0 0-.843-.843H6.242a.843.843 0 0 0-.843.843v5.3l.019.843Z'/%3e%3cpath fill='%23EF565F' fill-rule='evenodd' d='M11.63 9.367a.757.757 0 0 0-1.298 0l-.715 1.19-1.35.312a.759.759 0 0 0-.4 1.236l.908 1.048-.12 1.382a.757.757 0 0 0 1.05.764l1.276-.541 1.276.54a.757.757 0 0 0 1.05-.763l-.12-1.382.908-1.048a.759.759 0 0 0-.401-1.236l-1.35-.313-.715-1.189Z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    font: 0/0 a
}

[class^=grade-badge-].grade-badge-subscribe-tier2 {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 36 36'%3e%3cg clip-path='url(%23a)'%3e%3ccircle cx='18' cy='18' r='18' fill='%23FFD584'/%3e%3cg filter='url(%23b)'%3e%3cellipse cx='10.9' cy='16.765' fill='%23FFC2A3' rx='16.642' ry='15.78'/%3e%3c/g%3e%3cg filter='url(%23c)'%3e%3cellipse cx='13.547' cy='-2.78' fill='%23FEDAAE' rx='16.642' ry='15.78'/%3e%3c/g%3e%3cg filter='url(%23d)'%3e%3cellipse cx='36.898' cy='28.78' fill='%23FFD47D' rx='16.642' ry='15.78'/%3e%3c/g%3e%3cg filter='url(%23e)'%3e%3cellipse cx='10.9' cy='28.78' fill='%23FFA392' rx='16.642' ry='15.78'/%3e%3c/g%3e%3cg filter='url(%23f)'%3e%3cellipse cx='11.991' cy='28.971' fill='%23FF9F90' rx='6.832' ry='15.78' transform='rotate(25.53 11.991 28.97)'/%3e%3c/g%3e%3cg filter='url(%23g)'%3e%3cellipse cx='29.22' cy='13.823' fill='%23FFD585' rx='7.678' ry='7.28'/%3e%3c/g%3e%3cpath fill='url(%23h)' d='M7.349 20.594c.38 4.53 4.267 8.104 8.99 8.104 3.948 0 7.548-2.495 8.866-5.96.183-.483.534-1.909.534-2.627v-9.446c0-.753-.623-1.363-1.391-1.363H8.71c-.768 0-1.391.61-1.391 1.363v8.567l.03 1.362Z'/%3e%3cpath fill='url(%23i)' fill-rule='evenodd' d='M8.71 10.104a.567.567 0 0 0-.572.56v8.56l.029 1.328c.356 4.107 3.887 7.345 8.172 7.345 3.608 0 6.901-2.29 8.099-5.439.071-.188.195-.621.302-1.113.11-.499.18-.965.18-1.234v-9.446a.567.567 0 0 0-.572-.561H8.71Zm-2.21.56C6.5 9.47 7.49 8.5 8.71 8.5h15.638c1.221 0 2.21.97 2.21 2.165v1.365c.215-.025.437-.04.659-.04 1.641 0 2.983.556 3.911 1.522.921.959 1.372 2.253 1.372 3.625 0 1.372-.45 2.674-1.369 3.64-.926.975-2.268 1.544-3.914 1.544-.337 0-.675-.035-1.007-.088a8.11 8.11 0 0 1-.238.785c-1.438 3.78-5.345 6.482-9.633 6.482-5.153 0-9.392-3.898-9.806-8.84a.781.781 0 0 1-.003-.049l-.03-1.379v-8.567Zm20.02 9.993c.254.04.485.06.697.06 1.242 0 2.132-.418 2.716-1.033.592-.623.93-1.512.93-2.547 0-1.033-.337-1.912-.927-2.526-.582-.605-1.472-1.018-2.72-1.018-.197 0-.414.02-.658.054v6.464c0 .165-.014.351-.038.546Z' clip-rule='evenodd'/%3e%3cpath fill='%23fff' fill-rule='evenodd' d='M17.481 13.606a1.267 1.267 0 0 0-2.162 0l-1.191 1.963-2.25.517a1.249 1.249 0 0 0-.668 2.04l1.514 1.73-.2 2.282c-.082.94.874 1.63 1.75 1.261l2.126-.893 2.126.893c.876.368 1.832-.32 1.75-1.26l-.2-2.283 1.514-1.73a1.249 1.249 0 0 0-.668-2.04l-2.25-.517-1.19-1.963Z' clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='b' width='61.285' height='59.56' x='-19.742' y='-13.015' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur result='effect1_foregroundBlur_9244_110139' stdDeviation='7'/%3e%3c/filter%3e%3cfilter id='c' width='61.285' height='59.56' x='-17.096' y='-32.56' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur result='effect1_foregroundBlur_9244_110139' stdDeviation='7'/%3e%3c/filter%3e%3cfilter id='d' width='61.285' height='59.561' x='6.255' y='-1' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur result='effect1_foregroundBlur_9244_110139' stdDeviation='7'/%3e%3c/filter%3e%3cfilter id='e' width='61.285' height='59.561' x='-19.742' y='-1' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur result='effect1_foregroundBlur_9244_110139' stdDeviation='7'/%3e%3c/filter%3e%3cfilter id='f' width='30.359' height='41.087' x='-3.188' y='8.427' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur result='effect1_foregroundBlur_9244_110139' stdDeviation='3'/%3e%3c/filter%3e%3cfilter id='g' width='29.356' height='28.561' x='14.542' y='-.458' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur result='effect1_foregroundBlur_9244_110139' stdDeviation='3.5'/%3e%3c/filter%3e%3clinearGradient id='h' x1='19.5' x2='19.5' y1='8.5' y2='29.5' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23EF565F'/%3e%3cstop offset='1' stop-color='%23EB1521'/%3e%3c/linearGradient%3e%3clinearGradient id='i' x1='19.5' x2='19.5' y1='8.5' y2='29.5' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23EF565F'/%3e%3cstop offset='1' stop-color='%23EB1521'/%3e%3c/linearGradient%3e%3cclipPath id='a'%3e%3crect width='36' height='36' fill='%23fff' rx='18'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    font: 0/0 a
}

[class^=grade-badge-].grade-badge-streamer-global {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='url(%23b)' fill-rule='evenodd' d='M10.811 2.93a1.007 1.007 0 0 0-1.623 0L6.334 6.816a.604.604 0 0 1-.913.07L3.048 4.524c-.404-.402-1.089-.073-1.028.495l1.055 9.759a3.026 3.026 0 0 0 3.006 2.703h7.838a3.026 3.026 0 0 0 3.006-2.703l1.054-9.759c.062-.568-.623-.897-1.027-.495l-2.373 2.363a.604.604 0 0 1-.913-.07L10.81 2.93Z' clip-rule='evenodd'/%3e%3cpath fill='url(%23c)' fill-rule='evenodd' d='M5.421 6.886c.262.26.694.227.913-.07L9.188 2.93a1.007 1.007 0 0 1 1.623 0l2.855 3.884a.604.604 0 0 0 .913.07l2.373-2.362c.404-.402 1.089-.073 1.027.495l-1.054 9.759a3.026 3.026 0 0 1-3.006 2.703H6.08a3.026 3.026 0 0 1-3.006-2.703L2.021 5.018c-.062-.568.623-.897 1.027-.495l2.373 2.363Zm.26-2.589 1.884-2.564a3.02 3.02 0 0 1 4.87 0l1.884 2.565L15.53 3.09c1.752-1.744 4.718-.314 4.452 2.146l-1.054 9.758a5.043 5.043 0 0 1-5.01 4.506H6.08a5.043 5.043 0 0 1-5.01-4.506L.017 5.236c-.266-2.46 2.7-3.89 4.452-2.146L5.68 4.297Z' clip-rule='evenodd'/%3e%3cg filter='url(%23d)'%3e%3cpath fill='url(%23e)' d='M9.764 7.666a.25.25 0 0 1 .472 0l.173.491a3.999 3.999 0 0 0 2.434 2.434l.49.174a.25.25 0 0 1 0 .47l-.49.174a4 4 0 0 0-2.434 2.434l-.174.49a.25.25 0 0 1-.47 0l-.174-.49a3.999 3.999 0 0 0-2.434-2.434l-.49-.174a.25.25 0 0 1 0-.47l.49-.174a3.999 3.999 0 0 0 2.434-2.434l.173-.49Z'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='b' x1='1.837' x2='16.502' y1='4.351' y2='17.125' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23260CD2'/%3e%3cstop offset='1' stop-color='%234536E6'/%3e%3c/linearGradient%3e%3clinearGradient id='c' x1='.816' x2='16.991' y1='3.341' y2='18.151' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23A5A9FC'/%3e%3cstop offset='1' stop-color='%23666DFB'/%3e%3c/linearGradient%3e%3clinearGradient id='e' x1='7.001' x2='13.998' y1='9.001' y2='13.67' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23BCC0FF'/%3e%3cstop offset='1' stop-color='%238C91FD'/%3e%3c/linearGradient%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h20v20H0z'/%3e%3c/clipPath%3e%3cfilter id='d' width='15' height='15' x='2.5' y='3.5' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3e%3cfeOffset/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix values='0 0 0 0 0.0901961 0 0 0 0 0.0980392 0 0 0 0 0.109804 0 0 0 0.3 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_193_19709'/%3e%3cfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3e%3cfeOffset/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix values='0 0 0 0 0.0901961 0 0 0 0 0.0980392 0 0 0 0 0.109804 0 0 0 0.1 0'/%3e%3cfeBlend in2='effect1_dropShadow_193_19709' result='effect2_dropShadow_193_19709'/%3e%3cfeBlend in='SourceGraphic' in2='effect2_dropShadow_193_19709' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 18px;
    height: 18px
}

[class^=grade-badge-].grade-badge-manager-global {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath fill='url(%23a)' fill-rule='evenodd' d='M10.73 1.372a1.032 1.032 0 0 0-1.461 0c-1.219 1.21-3.33 2.896-5.892 2.576C2.69 3.863 1.98 4.35 1.98 5.06v7.38c0 .3.026.6.132.88.574 1.5 2.66 4.18 7.618 5.698a.929.929 0 0 0 .54 0c4.958-1.517 7.044-4.197 7.617-5.698.107-.28.132-.58.132-.88V5.06c0-.71-.708-1.197-1.397-1.112-2.56.32-4.673-1.366-5.891-2.576Z' clip-rule='evenodd'/%3e%3cpath fill='url(%23b)' fill-rule='evenodd' d='M10.049 2.031a.068.068 0 0 0-.098 0C8.707 3.266 6.3 5.261 3.26 4.883a.366.366 0 0 0-.254.067.155.155 0 0 0-.043.045v7.381c0 .254.023.408.064.514.44 1.154 2.249 3.65 6.974 5.098 4.725-1.449 6.534-3.944 6.974-5.098.04-.106.065-.26.065-.514V4.995a.154.154 0 0 0-.044-.045.366.366 0 0 0-.254-.067c-3.04.379-5.448-1.617-6.692-2.852ZM8.587.587a1.995 1.995 0 0 1 2.826 0c1.193 1.183 3.01 2.56 5.091 2.3C17.6 2.75 19 3.514 19 4.997v7.38c0 .345-.027.794-.2 1.246-.705 1.847-3.066 4.708-8.25 6.295-.357.11-.743.11-1.1 0-5.184-1.587-7.545-4.448-8.25-6.295-.173-.452-.2-.901-.2-1.247V4.997c0-1.483 1.4-2.247 2.496-2.11 2.081.26 3.898-1.117 5.091-2.3Z' clip-rule='evenodd'/%3e%3cg filter='url(%23c)'%3e%3cpath fill='url(%23d)' d='M9.764 7.166a.25.25 0 0 1 .472 0l.173.491a3.999 3.999 0 0 0 2.434 2.434l.49.174a.25.25 0 0 1 0 .47l-.49.174a4 4 0 0 0-2.434 2.434l-.174.49a.25.25 0 0 1-.47 0l-.174-.49a3.999 3.999 0 0 0-2.434-2.434l-.49-.174a.25.25 0 0 1 0-.47l.49-.174a3.999 3.999 0 0 0 2.434-2.434l.173-.49Z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='a' x1='3.584' x2='15.066' y1='4.347' y2='18.825' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23C90050'/%3e%3cstop offset='1' stop-color='%23E80079'/%3e%3c/linearGradient%3e%3clinearGradient id='b' x1='5.99' x2='16.803' y1='6.705' y2='19.633' gradientUnits='userSpaceOnUse'%3e%3cstop offset='.272' stop-color='%23FF8EBD'/%3e%3cstop offset='1' stop-color='%23FF42A8'/%3e%3c/linearGradient%3e%3clinearGradient id='d' x1='7.001' x2='13.998' y1='8.501' y2='13.17' gradientUnits='userSpaceOnUse'%3e%3cstop offset='.295' stop-color='%23FFC5DD'/%3e%3cstop offset='1' stop-color='%23FF81C5'/%3e%3c/linearGradient%3e%3cfilter id='c' width='15' height='15' x='2.5' y='3' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3e%3cfeOffset/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix values='0 0 0 0 0.0901961 0 0 0 0 0.0980392 0 0 0 0 0.109804 0 0 0 0.46 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_193_19713'/%3e%3cfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3e%3cfeOffset/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix values='0 0 0 0 0.0901961 0 0 0 0 0.0980392 0 0 0 0 0.109804 0 0 0 0.1 0'/%3e%3cfeBlend in2='effect1_dropShadow_193_19713' result='effect2_dropShadow_193_19713'/%3e%3cfeBlend in='SourceGraphic' in2='effect2_dropShadow_193_19713' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 18px;
    height: 18px
}

.comment_wrap [class^=grade-badge-] {
    margin-right: 3px
}

.comment_wrap [class^=grade-badge-][class^=grade-badge-subscribe] {
    width: 16px;
    height: 16px
}

._replay {
    position: absolute;
    top: 7px;
    left: 7px;
    background-color: #1583da;
    height: 22px;
    padding: 0 8px;
    border-radius: 30px;
    color: #fcfcfd;
    font-size: 12px;
    line-height: 22px;
    box-sizing: border-box;
    z-index: 5
}

._subscribe {
    position: absolute;
    top: 7px;
    left: 7px;
    background-color: #c46ae6;
    padding: 0 8px;
    border-radius: 30px;
    color: #fcfcfd;
    font-size: 12px;
    line-height: 22px;
    box-sizing: border-box;
    z-index: 5
}

._highlight,._hilight {
    position: absolute;
    top: 7px;
    left: 7px;
    background-color: #FF0051;
    padding: 0 8px;
    border-radius: 30px;
    color: #fcfcfd;
    font-size: 12px;
    line-height: 22px;
    box-sizing: border-box;
    z-index: 5;
    transition: all .2s
}

._catch {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 21'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%234279FF' d='M0 6.254v8.494c0 4.907 5.656 7.92 10.01 5.268l6.971-4.247c4.025-2.453 4.025-8.083 0-10.536L10.01.986C5.656-1.665 0 1.347 0 6.254Z'/%3e%3cpath fill='url(%23b)' d='M0 6.254v8.494c0 4.907 5.656 7.92 10.01 5.268l6.971-4.247c4.025-2.453 4.025-8.083 0-10.536L10.01.986C5.656-1.665 0 1.347 0 6.254Z'/%3e%3cpath fill='%23fff' d='M9.573 4.883c.727 0 1.434.16 2.085.467a1.416 1.416 0 0 1 .713 1.823 1.422 1.422 0 0 1-1.791.797l-.135-.056a2.032 2.032 0 0 0-.872-.196c-1.269 0-2.364 1.214-2.364 2.782 0 1.569 1.095 2.783 2.364 2.783.238 0 .47-.042.692-.122l.164-.067a1.422 1.422 0 0 1 1.857.705c.324.699.03 1.528-.664 1.867a4.876 4.876 0 0 1-2.049.452c-2.91 0-5.206-2.546-5.206-5.618 0-3.07 2.295-5.617 5.206-5.617Z'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='b' x1='10' x2='10' y1='0' y2='21.002' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%2377B1FF'/%3e%3cstop offset='1' stop-color='%234279FF'/%3e%3c/linearGradient%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h20v21H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 21px;
    font: 0/0 a;
    z-index: 5
}

[tip] {
    position: relative;
    overflow: visible;
    color: transparent
}

[tip]:before {
    content: "";
    top: calc(100% + 2px);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' fill='none'%3e%3cpath fill='%23525661' d='M5.743.826 9.5 5h-9L4.257.826a1 1 0 0 1 1.486 0Z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 9px 5px;
    width: 100%;
    height: 5px;
    z-index: 10
}

[dark=true] [tip]:before,html[dark=true] [tip]:before,body.thema_dark [tip]:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' fill='none'%3e%3cpath fill='%23525661' d='M5.743.826 9.5 5h-9L4.257.826a1 1 0 0 1 1.486 0Z'/%3e%3c/svg%3e")
}

[tip]:after {
    content: attr(tip) "\a" attr(tip2);
    top: calc(100% + 6px);
    background-color: #525661;
    padding: 7px 10px;
    border-radius: 12px;
    color: #FCFCFD;
    font-size: 13px !important;
    font-weight: 600;
    white-space: nowrap;
    line-height: 1.2;
    z-index: 10
}

[dark=true] [tip]:after,html[dark=true] [tip]:after,body.thema_dark [tip]:after {
    background-color: #525661
}

[dark=true] [tip]:after,html[dark=true] [tip]:after,body.thema_dark [tip]:after {
    color: #FCFCFD
}

[tip]:after,[tip]:before {
    position: absolute;
    visibility: hidden;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-60%);
    -ms-transform: translateX(-60%);
    transform: translateX(-60%);
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    font-family: -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Malgun Gothic","맑은 고딕",helvetica,sans-serif
}

[tip]:hover:after,[tip]:hover:before {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

[tip2]:after {
    bottom: auto;
    top: 100%;
    margin-top: 8px;
    white-space: pre !important;
    text-align: center
}

.toast-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2000;
    pointer-events: none;
    box-sizing: border-box
}

.toast-box>div {
    display: block;
    position: relative;
    background: #525661;
    width: fit-content;
    min-width: 315px;
    margin-bottom: 15px;
    padding: 16px 36px;
    border-radius: 8px;
    z-index: 100;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    transition: all .2s ease;
    pointer-events: auto
}

.toast-box>div p {
    color: #FCFCFD;
    font-size: 15px;
    line-height: 18px;
    text-align: left
}

.toast-box>div p:only-child {
    text-align: center
}

.toast-box>div .btn {
    margin-top: 12px
}

.toast-box>div .btn button,.toast-box>div .btn a {
    display: block;
    margin-left: auto;
    color: #6FB9FF;
    font-size: 13px
}

.toast-box>div.side {
    display: flex
}

.toast-box>div.side .btn {
    flex: 0 0 auto;
    margin: 0 0 0 24px
}

.toast-box>div.side .btn button,.toast-box>div.side .btn a {
    text-align: center
}

.toast-box .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 12px 0 0
}

.toast-box .close span {
    display: block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(232,232,232,0.999)' stroke='%23e8e8e8' viewBox='0 0 12 12'%3e%3cpath fill-rule='evenodd' d='M11.254 12.001L5.978 6.725.702 12.001l-.703-.703 5.276-5.276L-.001.746.702.043l5.276 5.276 5.32-5.32.703.703-5.32 5.32 5.276 5.276-.703.703z'/%3e%3c/svg%3e") 0 0 no-repeat;
    width: 11px;
    height: 11px;
    font: 0/0 a
}

.icon-menu {
    display: flex;
    align-items: center;
    gap: 0 14px;
    position: absolute;
    background: #fff;
    padding: 14px 20px;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 12px;
    z-index: 15;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.04),0px 4px 12px 0px rgba(0,0,0,0.12)
}

[dark=true] .icon-menu,html[dark=true] .icon-menu,body.thema_dark .icon-menu {
    background: #1C1E22
}

[dark=true] .icon-menu,html[dark=true] .icon-menu,body.thema_dark .icon-menu {
    border: 1px solid rgba(117,123,138,0.3)
}

.icon-menu button {
    position: relative !important;
    background: transparent;
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 50%;
    outline: none;
    transition: all .2s
}

.icon-menu button[tip]:before {
    bottom: -3px
}

.icon-menu button span {
    display: block !important;
    width: 100%;
    height: 100%;
    margin: 0 auto !important;
    padding: 0 !important;
    font: 0/0 a !important
}

.icon-menu button span:after,.icon-menu button span:before {
    display: none !important
}

.icon-menu button:hover {
    background-color: #F1F2F4
}

[dark=true] .icon-menu button:hover,html[dark=true] .icon-menu button:hover,body.thema_dark .icon-menu button:hover {
    background-color: #2F3137
}

.icon-menu button:active {
    background-color: #BABABB
}

[dark=true] .icon-menu button:active,html[dark=true] .icon-menu button:active,body.thema_dark .icon-menu button:active {
    background-color: #5E5F63
}

.icon-menu .bj_bs span,.icon-menu .community span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3cpath d='M18.5 15.345V9.744c0-.54 0-1.81-.067-2.06a1.997 1.997 0 0 0-.29-.624c-.148-.215-.355-.393-.77-.748l-4.95-4.24c-.77-.66-1.155-.99-1.588-1.115a2.107 2.107 0 0 0-1.17 0c-.433.125-.818.455-1.586 1.113L3.127 6.312c-.415.355-.622.533-.77.748-.132.19-.23.4-.29.623C2 7.934 2 9.204 2 9.743v5.602c0 .94 0 1.411.157 1.782.21.495.61.889 1.116 1.093.379.154.86.154 1.82.154.961 0 1.443 0 1.822-.154a2.041 2.041 0 0 0 1.115-1.093c.157-.37.158-.841.158-1.782v-2.01c0-1.115.923-2.019 2.062-2.019 1.14 0 2.063.904 2.063 2.02v2.009c0 .94 0 1.411.156 1.782.21.495.611.889 1.116 1.093.38.154.86.154 1.821.154s1.442 0 1.821-.154a2.041 2.041 0 0 0 1.116-1.093c.157-.37.157-.841.157-1.782Z' stroke='%23525661' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px
}

[dark=true] .icon-menu .bj_bs span,html[dark=true] .icon-menu .bj_bs span,body.thema_dark .icon-menu .bj_bs span,[dark=true] .icon-menu .community span,html[dark=true] .icon-menu .community span,body.thema_dark .icon-menu .community span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3cpath d='M18.5 15.345V9.744c0-.54 0-1.81-.067-2.06a1.997 1.997 0 0 0-.29-.624c-.148-.215-.355-.393-.77-.748l-4.95-4.24c-.77-.66-1.155-.99-1.588-1.115a2.107 2.107 0 0 0-1.17 0c-.433.125-.818.455-1.586 1.113L3.127 6.312c-.415.355-.622.533-.77.748-.132.19-.23.4-.29.623C2 7.934 2 9.204 2 9.743v5.602c0 .94 0 1.411.157 1.782.21.495.61.889 1.116 1.093.379.154.86.154 1.82.154.961 0 1.443 0 1.822-.154a2.041 2.041 0 0 0 1.115-1.093c.157-.37.158-.841.158-1.782v-2.01c0-1.115.923-2.019 2.062-2.019 1.14 0 2.063.904 2.063 2.02v2.009c0 .94 0 1.411.156 1.782.21.495.611.889 1.116 1.093.38.154.86.154 1.821.154s1.442 0 1.821-.154a2.041 2.041 0 0 0 1.116-1.093c.157-.37.157-.841.157-1.782Z' stroke='%23D5D7DC' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}

.icon-menu .send_memo span {
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17 13V4.541a1.5 1.5 0 0 0-1.5-1.5h-8a1.5 1.5 0 0 0-1.5 1.5V13.5' stroke='%23525661' stroke-width='1.4'/%3e%3cpath d='M16.55 3.5 4.151 15.44a1.5 1.5 0 0 0-.02 2.14l2.858 2.86a1.5 1.5 0 0 0 2.122 0l7.939-7.94' stroke='%23525661' stroke-width='1.4'/%3e%3cpath d='m6.55 3.5 11.975 11.088a2 2 0 0 1 .055 2.882L16.02 20.03a1.5 1.5 0 0 1-2.021.092L12.05 18.5' stroke='%23525661' stroke-width='1.4'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px
}

[dark=true] .icon-menu .send_memo span,html[dark=true] .icon-menu .send_memo span,body.thema_dark .icon-menu .send_memo span {
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17 13V4.541a1.5 1.5 0 0 0-1.5-1.5h-8a1.5 1.5 0 0 0-1.5 1.5V13.5' stroke='%23D5D7DC' stroke-width='1.4'/%3e%3cpath d='M16.55 3.5 4.151 15.44a1.5 1.5 0 0 0-.02 2.14l2.858 2.86a1.5 1.5 0 0 0 2.122 0l7.939-7.94' stroke='%23D5D7DC' stroke-width='1.4'/%3e%3cpath d='m6.55 3.5 11.975 11.088a2 2 0 0 1 .055 2.882L16.02 20.03a1.5 1.5 0 0 1-2.021.092L12.05 18.5' stroke='%23D5D7DC' stroke-width='1.4'/%3e%3c/svg%3e")
}

.icon-menu .favor span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath d='M11.063 3.306c.399-.741 1.475-.741 1.874 0l2.075 3.856c.153.285.431.484.753.54l4.357.757c.837.145 1.17 1.155.579 1.759l-3.075 3.14a1.039 1.039 0 0 0-.287.873l.617 4.324c.12.83-.751 1.455-1.515 1.087l-3.975-1.916a1.073 1.073 0 0 0-.931 0l-3.976 1.916c-.764.368-1.634-.256-1.515-1.087l.617-4.324c.046-.32-.06-.642-.287-.874l-3.075-3.14c-.59-.603-.258-1.613.58-1.758l4.356-.757c.322-.056.6-.255.753-.54l2.075-3.856Z' stroke='%23525661' stroke-width='1.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px
}

[dark=true] .icon-menu .favor span,html[dark=true] .icon-menu .favor span,body.thema_dark .icon-menu .favor span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath d='M11.063 3.306c.399-.741 1.475-.741 1.874 0l2.075 3.856c.153.285.431.484.753.54l4.357.757c.837.145 1.17 1.155.579 1.759l-3.075 3.14a1.039 1.039 0 0 0-.287.873l.617 4.324c.12.83-.751 1.455-1.515 1.087l-3.975-1.916a1.073 1.073 0 0 0-.931 0l-3.976 1.916c-.764.368-1.634-.256-1.515-1.087l.617-4.324c.046-.32-.06-.642-.287-.874l-3.075-3.14c-.59-.603-.258-1.613.58-1.758l4.356-.757c.322-.056.6-.255.753-.54l2.075-3.856Z' stroke='%23D5D7DC' stroke-width='1.5'/%3e%3c/svg%3e")
}

.icon-menu .favor.on span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath d='M11.063 3.306c.399-.741 1.475-.741 1.874 0l2.075 3.856c.153.285.431.484.753.54l4.357.757c.837.145 1.17 1.155.579 1.759l-3.075 3.14a1.039 1.039 0 0 0-.287.873l.617 4.324c.12.83-.751 1.455-1.515 1.087l-3.975-1.916a1.073 1.073 0 0 0-.931 0l-3.976 1.916c-.764.368-1.634-.256-1.515-1.087l.617-4.324c.046-.32-.06-.642-.287-.874l-3.075-3.14c-.59-.603-.258-1.613.58-1.758l4.356-.757c.322-.056.6-.255.753-.54l2.075-3.856Z' stroke='%23F4BF03' stroke-width='1.5'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px
}

[dark=true] .icon-menu .favor.on span,html[dark=true] .icon-menu .favor.on span,body.thema_dark .icon-menu .favor.on span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath d='M11.063 3.306c.399-.741 1.475-.741 1.874 0l2.075 3.856c.153.285.431.484.753.54l4.357.757c.837.145 1.17 1.155.579 1.759l-3.075 3.14a1.039 1.039 0 0 0-.287.873l.617 4.324c.12.83-.751 1.455-1.515 1.087l-3.975-1.916a1.073 1.073 0 0 0-.931 0l-3.976 1.916c-.764.368-1.634-.256-1.515-1.087l.617-4.324c.046-.32-.06-.642-.287-.874l-3.075-3.14c-.59-.603-.258-1.613.58-1.758l4.356-.757c.322-.056.6-.255.753-.54l2.075-3.856Z' stroke='%23F4BF03' stroke-width='1.5'/%3e%3c/svg%3e")
}

.icon-menu .srh span,.icon-menu .search span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath d='M16.927 16.04 20.4 19.4m-1.12-8.96a7.84 7.84 0 1 1-15.68 0 7.84 7.84 0 0 1 15.68 0Z' stroke='%23525661' stroke-width='1.4' stroke-linecap='round'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px
}

[dark=true] .icon-menu .srh span,html[dark=true] .icon-menu .srh span,body.thema_dark .icon-menu .srh span,[dark=true] .icon-menu .search span,html[dark=true] .icon-menu .search span,body.thema_dark .icon-menu .search span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath d='M16.927 16.04 20.4 19.4m-1.12-8.96a7.84 7.84 0 1 1-15.68 0 7.84 7.84 0 0 1 15.68 0Z' stroke='%23D5D7DC' stroke-width='1.4' stroke-linecap='round'/%3e%3c/svg%3e")
}

.icon-menu .bj_hide span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 21 16'%3e%3cpath fill-rule='evenodd' fill='%23666' d='M20.87 7.96l-.11.22c-.16.32-3.87 7.71-9.9 7.71a8.58 8.58 0 01-5.25-1.96L3.75 15.8a.5.5 0 11-.7-.7L17.95.13c.2-.2.5-.2.7 0 .2.19.2.5 0 .7l-1.79 1.8a18.91 18.91 0 013.9 5.12l.1.21zm-7.75-1.58l-3.84 3.87c.45.31.98.51 1.57.51a2.8 2.8 0 002.79-2.8c0-.59-.2-1.13-.52-1.58zm3.02-3.03l-2.32 2.33c.5.64.8 1.42.8 2.29 0 2.08-1.69 3.79-3.77 3.79a3.7 3.7 0 01-2.27-.8l-2.26 2.26a7.56 7.56 0 004.53 1.68c4.88 0 8.25-5.73 8.9-6.94-.37-.69-1.66-2.88-3.6-4.61zm-4.85.87l-1 1a2.8 2.8 0 00-2.17 2.19l-1 1c-.01-.15-.04-.3-.04-.45 0-2.09 1.7-3.79 3.77-3.79.15 0 .3.03.45.05zm-.44-3.2c-4.9 0-8.25 5.74-8.9 6.94.28.53 1.09 1.93 2.31 3.33l-.7.71A19.32 19.32 0 01.95 8.18l-.11-.21.1-.22C1.1 7.42 4.82.03 10.86.03c1.35 0 2.56.38 3.66.95l-.74.75c-.9-.43-1.87-.7-2.92-.7z'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 21px;
    height: 16px
}

[dark=true] .icon-menu .bj_hide span,html[dark=true] .icon-menu .bj_hide span,body.thema_dark .icon-menu .bj_hide span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 21 16'%3e%3cpath fill-rule='evenodd' fill='%23c8c8c8' d='M20.87 7.96l-.11.22c-.16.32-3.87 7.71-9.9 7.71a8.58 8.58 0 01-5.25-1.96L3.75 15.8a.5.5 0 11-.7-.7L17.95.13c.2-.2.5-.2.7 0 .2.19.2.5 0 .7l-1.79 1.8a18.91 18.91 0 013.9 5.12l.1.21zm-7.75-1.58l-3.84 3.87c.45.31.98.51 1.57.51a2.8 2.8 0 002.79-2.8c0-.59-.2-1.13-.52-1.58zm3.02-3.03l-2.32 2.33c.5.64.8 1.42.8 2.29 0 2.08-1.69 3.79-3.77 3.79a3.7 3.7 0 01-2.27-.8l-2.26 2.26a7.56 7.56 0 004.53 1.68c4.88 0 8.25-5.73 8.9-6.94-.37-.69-1.66-2.88-3.6-4.61zm-4.85.87l-1 1a2.8 2.8 0 00-2.17 2.19l-1 1c-.01-.15-.04-.3-.04-.45 0-2.09 1.7-3.79 3.77-3.79.15 0 .3.03.45.05zm-.44-3.2c-4.9 0-8.25 5.74-8.9 6.94.28.53 1.09 1.93 2.31 3.33l-.7.71A19.32 19.32 0 01.95 8.18l-.11-.21.1-.22C1.1 7.42 4.82.03 10.86.03c1.35 0 2.56.38 3.66.95l-.74.75c-.9-.43-1.87-.7-2.92-.7z'/%3e%3c/svg%3e")
}

.icon-menu .bj_hide:hover span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 21 16'%3e%3cpath fill-rule='evenodd' fill='%235285ff' d='M20.87 7.96l-.11.22c-.16.32-3.87 7.71-9.9 7.71a8.58 8.58 0 01-5.25-1.96L3.75 15.8a.5.5 0 11-.7-.7L17.95.13c.2-.2.5-.2.7 0 .2.19.2.5 0 .7l-1.79 1.8a18.91 18.91 0 013.9 5.12l.1.21zm-7.75-1.58l-3.84 3.87c.45.31.98.51 1.57.51a2.8 2.8 0 002.79-2.8c0-.59-.2-1.13-.52-1.58zm3.02-3.03l-2.32 2.33c.5.64.8 1.42.8 2.29 0 2.08-1.69 3.79-3.77 3.79a3.7 3.7 0 01-2.27-.8l-2.26 2.26a7.56 7.56 0 004.53 1.68c4.88 0 8.25-5.73 8.9-6.94-.37-.69-1.66-2.88-3.6-4.61zm-4.85.87l-1 1a2.8 2.8 0 00-2.17 2.19l-1 1c-.01-.15-.04-.3-.04-.45 0-2.09 1.7-3.79 3.77-3.79.15 0 .3.03.45.05zm-.44-3.2c-4.9 0-8.25 5.74-8.9 6.94.28.53 1.09 1.93 2.31 3.33l-.7.71A19.32 19.32 0 01.95 8.18l-.11-.21.1-.22C1.1 7.42 4.82.03 10.86.03c1.35 0 2.56.38 3.66.95l-.74.75c-.9-.43-1.87-.7-2.92-.7z'/%3e%3c/svg%3e")
}

[dark=true] .icon-menu .bj_hide:hover span,html[dark=true] .icon-menu .bj_hide:hover span,body.thema_dark .icon-menu .bj_hide:hover span {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 21 16'%3e%3cpath fill-rule='evenodd' fill='%235285ff' d='M20.87 7.96l-.11.22c-.16.32-3.87 7.71-9.9 7.71a8.58 8.58 0 01-5.25-1.96L3.75 15.8a.5.5 0 11-.7-.7L17.95.13c.2-.2.5-.2.7 0 .2.19.2.5 0 .7l-1.79 1.8a18.91 18.91 0 013.9 5.12l.1.21zm-7.75-1.58l-3.84 3.87c.45.31.98.51 1.57.51a2.8 2.8 0 002.79-2.8c0-.59-.2-1.13-.52-1.58zm3.02-3.03l-2.32 2.33c.5.64.8 1.42.8 2.29 0 2.08-1.69 3.79-3.77 3.79a3.7 3.7 0 01-2.27-.8l-2.26 2.26a7.56 7.56 0 004.53 1.68c4.88 0 8.25-5.73 8.9-6.94-.37-.69-1.66-2.88-3.6-4.61zm-4.85.87l-1 1a2.8 2.8 0 00-2.17 2.19l-1 1c-.01-.15-.04-.3-.04-.45 0-2.09 1.7-3.79 3.77-3.79.15 0 .3.03.45.05zm-.44-3.2c-4.9 0-8.25 5.74-8.9 6.94.28.53 1.09 1.93 2.31 3.33l-.7.71A19.32 19.32 0 01.95 8.18l-.11-.21.1-.22C1.1 7.42 4.82.03 10.86.03c1.35 0 2.56.38 3.66.95l-.74.75c-.9-.43-1.87-.7-2.92-.7z'/%3e%3c/svg%3e")
}

._moreDot_layer {
    position: absolute;
    background: #fff;
    padding: 6px 0;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 12px;
    z-index: 15;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.04),0px 4px 12px 0px rgba(0,0,0,0.12)
}

[dark=true] ._moreDot_layer,html[dark=true] ._moreDot_layer,body.thema_dark ._moreDot_layer {
    background: #1C1E22
}

[dark=true] ._moreDot_layer,html[dark=true] ._moreDot_layer,body.thema_dark ._moreDot_layer {
    border: 1px solid rgba(117,123,138,0.3)
}

._moreDot_layer button {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 180px;
    height: 36px;
    padding: 0 12px 0 16px;
    color: #525661;
    font-size: 14px;
    transition: all .2s
}

[dark=true] ._moreDot_layer button,html[dark=true] ._moreDot_layer button,body.thema_dark ._moreDot_layer button {
    color: #D5D7DC
}

._moreDot_layer button:hover {
    background: #F1F2F4
}

[dark=true] ._moreDot_layer button:hover,html[dark=true] ._moreDot_layer button:hover,body.thema_dark ._moreDot_layer button:hover {
    background: #2F3137
}

._moreDot_layer button:active {
    background: transparent !important;
    color: #0182FF
}

[dark=true] ._moreDot_layer button:active,html[dark=true] ._moreDot_layer button:active,body.thema_dark ._moreDot_layer button:active {
    color: #44A3FF
}

._moreDot_layer button:disabled {
    color: #ACB0B9
}

[dark=true] ._moreDot_layer button:disabled,html[dark=true] ._moreDot_layer button:disabled,body.thema_dark ._moreDot_layer button:disabled {
    color: #757B8A
}

._moreDot_layer button:disabled:hover {
    background: transparent
}

[dark=true] ._moreDot_layer button:disabled:hover,html[dark=true] ._moreDot_layer button:disabled:hover,body.thema_dark ._moreDot_layer button:disabled:hover {
    background: transparent
}

._moreDot_layer button.act {
    color: #0182FF
}

[dark=true] ._moreDot_layer button.act,html[dark=true] ._moreDot_layer button.act,body.thema_dark ._moreDot_layer button.act {
    color: #44A3FF
}

.select_box_item {
    position: relative
}

.select_box_item.on>.selected::after {
    transform: rotate(180deg)
}

.select_box_item.on .select_list {
    opacity: 1;
    visibility: visible
}

.select_box_item>.selected {
    display: flex;
    align-items: center;
    height: 32px;
    color: #757B8A;
    font-size: 14px
}

[dark=true] .select_box_item>.selected,html[dark=true] .select_box_item>.selected,body.thema_dark .select_box_item>.selected {
    color: #9196A1
}

.select_box_item>.selected:after {
    content: "";
    display: block;
    margin-left: 4px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 11 7'%3e%3cg clip-path='url(%23a)'%3e%3cpath stroke='%23ACB0B9' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m10 1.375-4.5 4.5-4.5-4.5'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 .625h11v6H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 11px 7px;
    width: 20px;
    height: 20px
}

[dark=true] .select_box_item>.selected:after,html[dark=true] .select_box_item>.selected:after,body.thema_dark .select_box_item>.selected:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 11 7'%3e%3cg clip-path='url(%23a)'%3e%3cpath stroke='%239196A1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m10 1.375-4.5 4.5-4.5-4.5'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 .625h11v6H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
}

.select_box_item .select_list {
    position: absolute;
    top: 38px;
    right: 0;
    overflow: hidden;
    background: #fff;
    padding: 6px 0;
    border-radius: 12px;
    border: 1px solid transparent;
    border-color: rgba(117,123,138,0.2);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.04),0px 4px 12px 0px rgba(0,0,0,0.12);
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}

[dark=true] .select_box_item .select_list,html[dark=true] .select_box_item .select_list,body.thema_dark .select_box_item .select_list {
    background: var(--dark-default-bg)
}

[dark=true] .select_box_item .select_list,html[dark=true] .select_box_item .select_list,body.thema_dark .select_box_item .select_list {
    border-color: rgba(117,123,138,0.3)
}

.select_box_item .select_list li.on button {
    color: #0182FF !important
}

[dark=true] .select_box_item .select_list li.on button,html[dark=true] .select_box_item .select_list li.on button,body.thema_dark .select_box_item .select_list li.on button {
    color: #44A3FF !important
}

.select_box_item .select_list li button {
    width: 173px;
    height: 36px;
    padding: 0 10px;
    color: #525661;
    font-size: 14px;
    text-align: left;
    transition: all .2s
}

[dark=true] .select_box_item .select_list li button,html[dark=true] .select_box_item .select_list li button,body.thema_dark .select_box_item .select_list li button {
    color: #D5D7DC
}

.select_box_item .select_list li button:hover {
    background: #F1F2F4
}

[dark=true] .select_box_item .select_list li button:hover,html[dark=true] .select_box_item .select_list li button:hover,body.thema_dark .select_box_item .select_list li button:hover {
    background: #2F3137
}

.select_box_item .select_list li button:active {
    background: #E2E4E9;
    color: #17191C
}

[dark=true] .select_box_item .select_list li button:active,html[dark=true] .select_box_item .select_list li button:active,body.thema_dark .select_box_item .select_list li button:active {
    background: #3B3D45
}

[dark=true] .select_box_item .select_list li button:active,html[dark=true] .select_box_item .select_list li button:active,body.thema_dark .select_box_item .select_list li button:active {
    color: #E2E4E9
}

.select_box_item .select_list li button.on {
    color: #0182FF !important
}

[dark=true] .select_box_item .select_list li button.on,html[dark=true] .select_box_item .select_list li button.on,body.thema_dark .select_box_item .select_list li button.on {
    color: #44A3FF !important
}

.select_box_item.full>.selected {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid #D5D7DC
}

[dark=true] .select_box_item.full>.selected,html[dark=true] .select_box_item.full>.selected,body.thema_dark .select_box_item.full>.selected {
    border: 1px solid #464A53
}

.select_box_item.full>.selected:after {
    margin-left: auto
}

.select_box_item.full .select_list {
    top: calc(100% + 6px);
    width: 100%
}

.select_box_item.full .select_list li button {
    width: 100%
}

._share_layer {
    position: absolute;
    background: #fff;
    min-width: 364px;
    padding-bottom: 32px;
    border-radius: 12px;
    border: 1px solid rgba(117,123,138,0.2);
    border-radius: 12px;
    z-index: 15;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.04),0px 4px 12px 0px rgba(0,0,0,0.12)
}

[dark=true] ._share_layer,html[dark=true] ._share_layer,body.thema_dark ._share_layer {
    background: #1C1E22
}

[dark=true] ._share_layer,html[dark=true] ._share_layer,body.thema_dark ._share_layer {
    border: 1px solid rgba(117,123,138,0.3)
}

._share_layer .title {
    padding: 24px 32px
}

._share_layer .title h3 {
    color: #17191C;
    font-size: 18px;
    font-weight: 600
}

[dark=true] ._share_layer .title h3,html[dark=true] ._share_layer .title h3,body.thema_dark ._share_layer .title h3 {
    color: #E2E4E9
}

._share_layer .close_layer {
    position: absolute;
    top: 23px;
    right: 26px;
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m4.75 4.754 14.5 14.5M19.25 4.754l-14.5 14.5' stroke='%23525661' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    font: 0/0 a
}

[dark=true] ._share_layer .close_layer,html[dark=true] ._share_layer .close_layer,body.thema_dark ._share_layer .close_layer {
    background-image: url("data:image/svg+xml,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m4.75 4.754 14.5 14.5M19.25 4.754l-14.5 14.5' stroke='%23D5D7DC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}

._share_layer .share_tab {
    display: flex;
    margin: 0 32px 24px;
    border-bottom: 1px solid #E3E5E8
}

[dark=true] ._share_layer .share_tab,html[dark=true] ._share_layer .share_tab,body.thema_dark ._share_layer .share_tab {
    border-bottom: 1px solid #373A41
}

._share_layer .share_tab button {
    display: flex;
    align-items: center;
    position: relative;
    height: 40px;
    padding: 0 28px;
    color: #525661;
    font-size: 16px
}

[dark=true] ._share_layer .share_tab button,html[dark=true] ._share_layer .share_tab button,body.thema_dark ._share_layer .share_tab button {
    color: #D5D7DC
}

._share_layer .share_tab button:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #0182FF;
    width: 0;
    height: 2px;
    transition: width 0.2s cubic-bezier(0, 1, 0.66, 1.1)
}

._share_layer .share_tab button.on {
    color: #0182FF;
    font-weight: 600
}

[dark=true] ._share_layer .share_tab button.on,html[dark=true] ._share_layer .share_tab button.on,body.thema_dark ._share_layer .share_tab button.on {
    color: #0182FF
}

._share_layer .share_tab button.on:before {
    width: 100%
}

._share_layer ._share_type ._list {
    padding: 0 32px;
    text-align: center;
    font-size: 0;
    line-height: 0
}

._share_layer ._share_type ._list>button {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

._share_layer ._share_type ._list>button:not(:first-child) {
    margin-left: 20px
}

._share_layer ._share_type ._list .copy_inp {
    margin-top: 24px
}

._share_layer ._share_type ._copy {
    display: none;
    margin: 0 32px
}

._share_layer ._share_type .copy_inp {
    display: flex;
    margin-top: 12px
}

._share_layer ._share_type .copy_inp input[type=text] {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #D5D7DC;
    border-radius: 6px;
    color: #757B8A;
    font-size: 14px
}

[dark=true] ._share_layer ._share_type .copy_inp input[type=text],html[dark=true] ._share_layer ._share_type .copy_inp input[type=text],body.thema_dark ._share_layer ._share_type .copy_inp input[type=text] {
    border: 1px solid #464A53
}

[dark=true] ._share_layer ._share_type .copy_inp input[type=text],html[dark=true] ._share_layer ._share_type .copy_inp input[type=text],body.thema_dark ._share_layer ._share_type .copy_inp input[type=text] {
    color: #9196A1
}

._share_layer ._share_type .copy_inp .btn {
    flex: 0 0 auto;
    background: #F1F2F4;
    height: 42px;
    margin-left: 10px;
    padding: 0 18px;
    border-radius: 10px;
    color: #525661;
    font-size: 16px;
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1)
}

[dark=true] ._share_layer ._share_type .copy_inp .btn,html[dark=true] ._share_layer ._share_type .copy_inp .btn,body.thema_dark ._share_layer ._share_type .copy_inp .btn {
    background: #2F3137
}

[dark=true] ._share_layer ._share_type .copy_inp .btn,html[dark=true] ._share_layer ._share_type .copy_inp .btn,body.thema_dark ._share_layer ._share_type .copy_inp .btn {
    color: #D5D7DC
}

._share_layer ._share_type .copy_inp .btn:hover {
    background: #E7E9EC
}

[dark=true] ._share_layer ._share_type .copy_inp .btn:hover,html[dark=true] ._share_layer ._share_type .copy_inp .btn:hover,body.thema_dark ._share_layer ._share_type .copy_inp .btn:hover {
    background: #43454B
}

._share_layer ._share_type .copy_inp .btn:active {
    background: #C6C7C9
}

[dark=true] ._share_layer ._share_type .copy_inp .btn:active,html[dark=true] ._share_layer ._share_type .copy_inp .btn:active,body.thema_dark ._share_layer ._share_type .copy_inp .btn:active {
    background: #57585E
}

._share_layer ._share_type .copy_inp .btn:disabled {
    background: #F1F2F4;
    color: rgba(23,25,28,0.3)
}

[dark=true] ._share_layer ._share_type .copy_inp .btn:disabled,html[dark=true] ._share_layer ._share_type .copy_inp .btn:disabled,body.thema_dark ._share_layer ._share_type .copy_inp .btn:disabled {
    background: #2F3137
}

[dark=true] ._share_layer ._share_type .copy_inp .btn:disabled,html[dark=true] ._share_layer ._share_type .copy_inp .btn:disabled,body.thema_dark ._share_layer ._share_type .copy_inp .btn:disabled {
    color: rgba(246,246,249,0.3)
}