@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA)
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,swiper-container {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    height:var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none!important
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    left: auto;
    right: var(--swiper-navigation-sides-offset,10px)
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.flicking-viewport {
    overflow: hidden;
    position: relative
}

.flicking-viewport.vertical {
    display: inline-flex
}

.flicking-viewport.vertical>.flicking-camera {
    display: inline-flex;
    flex-direction: column
}

.flicking-viewport.flicking-hidden>.flicking-camera>* {
    visibility: hidden
}

.flicking-camera {
    display: flex;
    flex-direction: row;
    height: 100%;
    position: relative;
    width: 100%;
    will-change: transform;
    z-index: 1
}

.flicking-camera>* {
    flex-shrink: 0
}

html body {
    background-color: #fff;
    font-family: Noto Sans JP,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    position: relative;
    word-break: break-word
}

html body,html body h1,html body h2,html body h3,html body h4,html body h5,html body h6 {
    color: #1a1a19
}

@media (max-width: 575.98px) {
    body.ant-scrolling-effect {
        width:100%!important
    }
}

body code,body kbd,body pre,body samp {
    font-family: Noto Sans JP,sans-serif
}

@media (max-width: 991.98px) {
    body.fixed .main:before {
        background-color:#000000b3;
        content: "";
        display: block;
        height: calc(100vh - 72px);
        left: 0;
        opacity: 1;
        position: fixed;
        right: 0;
        top: 70px;
        width: 100%;
        z-index: 12
    }
}

img {
    vertical-align: middle
}

iframe,img,video {
    max-width: 100%
}

a {
    text-decoration: none
}

button,button:focus,input,input:focus,textarea,textarea:focus {
    outline: none
}

ol,ul {
    list-style: none;
    padding: 0
}

h1,h2,h3,h4,h5,h6,ol,p,ul {
    margin: 0
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width: 576px) {
    .container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1130px
    }
}

.container-auth {
    margin: 0 auto;
    max-width: 348px;
    width: 100%
}

@media (max-width: 575.98px) {
    .container-auth {
        max-width:100%
    }
}

.container-detail {
    margin: 0 auto;
    max-width: 912px;
    width: 100%
}

@media (max-width: 575.98px) {
    .container-detail {
        max-width:100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

.container-large {
    margin: 0 auto;
    max-width: 1100px;
    width: 100%
}

@media (max-width: 991.98px) {
    .container-large {
        max-width:100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

.container-alert {
    text-align: center
}

.container-alert img {
    height: 167px;
    width: 167px
}

@media (max-width: 991.98px) {
    .container-alert img {
        height:100px;
        width: 100px
    }
}

.container-alert .message {
    color: #727272;
    font-size: 1rem;
    line-height: 1.75;
    margin: 1rem 0 2rem;
    text-align: left
}

.container-alert .message span {
    color: #ff2e2e;
    font-weight: 700
}

.container-planner {
    margin: 0 auto;
    max-width: 724px;
    width: 100%
}

.container-left {
    margin-right: calc(50vw - 362px);
    width: calc(100% - 50vw + 362px)
}

::-webkit-scrollbar {
    background-color: inherit;
    height: 2px;
    position: absolute;
    width: 2px
}

::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px
}

.img-responsive {
    display: inline-block;
    height: auto;
    max-width: 100%
}

.position-relative {
    position: relative
}

@keyframes indicator-anim {
    0% {
        background-position-x: left;
        background-size: 0
    }

    25% {
        background-position-x: left;
        background-size: 100%
    }

    25.01% {
        background-position-x: right;
        background-size: 100%
    }

    50% {
        background-position-x: right;
        background-size: 0
    }

    to {
        background-position-x: right;
        background-size: 0
    }
}

@keyframes loading {
    to {
        transform: rotate(1turn)
    }
}

@font-face {
    font-family: Sofia Pro Soft;
    font-style: normal;
    src: url(./sofia-pro-soft.4005985d.ttf)
}

@font-face {
    font-family: MPLUSRounded1c;
    font-weight: 700;
    src: local("MPLUSRounded1c"),local("MPLUSRounded1c-Bold"),url(./MPLUSRounded1c-Bold.174231ec.ttf)
}

@font-face {
    font-family: MPLUSRounded1c;
    font-weight: 500;
    src: local("MPLUSRounded1c"),local("MPLUSRounded1c-Medium"),url(./MPLUSRounded1c-Medium.c2f32ec1.ttf)
}

@font-face {
    font-family: MPLUSRounded1c;
    font-weight: 400;
    src: local("MPLUSRounded1c"),local("MPLUSRounded1c-Regular"),url(./MPLUSRounded1c-Regular.31d6ab0e.ttf)
}

@font-face {
    font-family: MPLUSRounded1c;
    font-weight: 300;
    src: local("MPLUSRounded1c"),local("MPLUSRounded1c-Light"),url(./MPLUSRounded1c-Light.22c607d6.ttf)
}

@font-face {
    font-family: DIN\ 2014;
    font-style: normal;
    font-weight: 400;
    src: url(./DIN2014-Bold.13be0dc6.eot);
    src: url(./DIN2014-Bold.13be0dc6.eot?#iefix) format("embedded-opentype"),url(./DIN2014-Bold.e98a278d.woff) format("woff"),url(./DIN2014-Bold.225e0518.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Noto Sans JP;
    font-weight: 100;
    src: local("NotoSansJP"),local("NotoSansJP-Thin"),url(../fonts/NotoSansJP-Thin.woff2)
}

@font-face {
    font-display: swap;
    font-family: Noto Sans JP;
    font-weight: 300;
    src: local("NotoSansJP"),local("NotoSansJP-Light"),url(../fonts/NotoSansJP-Light.woff2)
}

@font-face {
    font-display: swap;
    font-family: Noto Sans JP;
    font-weight: 400;
    src: local("NotoSansJP"),local("NotoSansJP-Regular"),url(../fonts/NotoSansJP-Regular.woff2)
}

@font-face {
    font-display: swap;
    font-family: Noto Sans JP;
    font-weight: 500;
    src: local("NotoSansJP"),local("NotoSansJP-Medium"),url(../fonts/NotoSansJP-Medium.woff2)
}

@font-face {
    font-display: swap;
    font-family: Noto Sans JP;
    font-weight: 700;
    src: local("NotoSansJP"),local("NotoSansJP-Bold"),url(../fonts/NotoSansJP-Bold.woff2)
}

@font-face {
    font-display: swap;
    font-family: Noto Sans JP;
    font-weight: 900;
    src: local("NotoSansJP"),local("NotoSansJP-Black"),url(../fonts/NotoSansJP-Black.woff2)
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    color: #1a1a19;
    font-weight: 700
}

.h1,h1 {
    font-size: 2.625rem
}

@media (max-width: 991.98px) {
    .h1,h1 {
        font-size:1.625rem
    }
}

.h2,h2 {
    font-size: 2rem
    text-decoration: underline;
}

@media (max-width: 991.98px) {
    .h2,h2 {
        font-size:1.5rem
    }

    .h2.text-regular,h2.text-regular {
        font-size: 1.375rem;
        font-weight: 700
    }
}

.h3,h3 {
    font-size: 1.625rem
}

@media (max-width: 991.98px) {
    .h3,h3 {
        font-size:1.375rem
    }
}

.h4,h4 {
    font-size: 1.375rem
}

@media (max-width: 991.98px) {
    .h4,h4 {
        font-size:1.25rem
    }
}

.h5,h5 {
    font-size: 1.25rem
}

@media (max-width: 991.98px) {
    .h5,h5 {
        font-size:1.125rem
    }
}

.h6,h6 {
    font-size: 1.125rem
}

@media (max-width: 991.98px) {
    .h6,h6 {
        font-size:1rem
    }
}

.text-center,.text-error {
    text-align: center
}

.text-error {
    color: #ff2e2e;
    margin: .5rem 0 0
}

.text-small {
    color: #1a1a19;
    font-size: .75rem;
    letter-spacing: .0125em
}

.text-smaller {
    font-size: .625rem;
    letter-spacing: .0125em
}

.text-regular {
    font-weight: 400
}

.text-bold {
    font-weight: 700
}

.font-en {
    font-family: Noto Sans,sans-serif
}

.text-body-1 {
    font-size: 1rem
}

@media (max-width: 991.98px) {
    .text-body-1 {
        letter-spacing:.005em
    }
}

.text-body-2 {
    font-size: 1rem
}

@media (max-width: 991.98px) {
    .text-body-2 {
        font-size:.875rem
    }
}

.text-sub {
    color: #727272;
    letter-spacing: .0125em;
    line-height: 1.75;
    white-space: break-spaces
}

.text-blue {
    color: #4696f7
}

.text-alert {
    color: #ff2e2e
}

.text-xbase {
    color: #727272;
    font-size: .875rem;
    letter-spacing: .0125em;
    line-height: 1.2;
    white-space: pre-line
}

.text-black {
    color: #000
}

.text-black-2 {
    color: #1a1a19
}

.link-white {
    color: #fff
}

.link-white:hover {
    color: #fff;
    text-decoration: underline
}

.link-blue {
    color: #4696f7
}

.link-blue:hover {
    color: #4696f7;
    text-decoration: underline
}

.d-flex {
    display: flex
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-3 {
    margin-top: 1.5rem
}

.mt-4 {
    margin-top: 2rem
}

.mt-5 {
    margin-top: 1rem
}

.mt-6 {
    margin-top: 4.5rem
}

.mt-7 {
    margin-top: 2.5rem
}

.mt-8 {
    margin-top: 4rem
}

.mt-9 {
    margin-top: .75rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3 {
    margin-bottom: 1.5rem
}

.mb-4 {
    margin-bottom: 2rem
}

.mb-5 {
    margin-bottom: 2.5rem
}

.mb-6 {
    margin-bottom: 1rem
}

.mb-7 {
    margin-bottom: .625rem
}

.mb-8 {
    margin-bottom: 1.75rem
}

.mb-9 {
    margin-bottom: 3rem
}

.mb-10 {
    margin-bottom: 1.25rem
}

.mb-11 {
    margin-bottom: 3.75rem
}

.my-3 {
    margin: 1rem 0
}

.my-4 {
    margin: 2rem 0
}

.my-5 {
    margin: 1.5rem 0
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: 1rem
}

.ml-5 {
    margin-left: 2rem
}

.ml-6 {
    margin-left: 4.5rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-4 {
    margin-right: 1rem
}

.pb-1 {
    padding-bottom: .25rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.justify-content-center,.link {
    justify-content: center
}

.link {
    display: flex;
    margin: .5rem 0 1.5rem
}

.link__blue {
    color: #4696f7;
    font-size: .625rem;
    letter-spacing: .0125em;
    line-height: 1.65
}

.link__blue:hover {
    color: #1560c5;
    text-decoration: none
}

@media (min-width: 992px) {
    .d-lg-none {
        display:none
    }
}

@media (max-width: 991.98px) {
    .text-sp-heading {
        font-size:2rem
    }

    .text-sp-subtitle {
        font-size: .875rem
    }

    .text-sp-xsmall {
        font-size: .625rem;
        letter-spacing: .015em
    }

    .text-sp-xxsmall {
        font-size: .5rem;
        letter-spacing: .015em
    }
}

.title-auth {
    color: #1a1a19;
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 48px;
    margin: 0 0 30px;
    text-align: center
}

@media (max-width: 991.98px) {
    .title-auth {
        color:#1a1a1a;
        font-size: 1.375rem;
        font-weight: 700;
        line-height: 33px
    }
}

.text-note {
    color: #727272;
    font-size: 1rem;
    letter-spacing: .04em;
    line-height: 1.75;
    margin: 32px 0 24px;
    text-align: center
}

@media (max-width: 991.98px) {
    .text-note {
        margin:32px 0 16px
    }
}

.text-small-2 {
    line-height: 1.7
}

.text-noti,.text-small-2 {
    font-size: .75rem;
    letter-spacing: .0125em
}

.text-noti {
    color: #727272;
    line-height: 1.75;
    margin: 32px 0
}

.text-noti__link {
    color: #4696f7
}

.text-noti__link:hover {
    color: #1560c5;
    text-decoration: underline
}

.redirect {
    margin: 32px 0 0;
    text-align: center
}

.redirect__link {
    color: #4696f7;
    font-size: .75rem;
    letter-spacing: .0125em;
    line-height: 1.75
}

.redirect__link:hover {
    color: #1560c5;
    text-decoration: underline
}

.title-register {
    align-items: center;
    color: #727272;
    display: flex;
    font-size: 1.25rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: 1.5;
    margin: 2rem 0
}

.title-register--small {
    font-size: 1rem
}

.title-register .wkt-form-tag.ant-tag {
    font-weight: 400;
    margin-left: .5rem
}

.subtitle-mypage {
    color: #101828;
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.5;
    margin: 0 0 1.5rem
}

.filter-message {
    color: #000;
    font-size: 1.125rem
}

.circle {
    border-radius: 100%
}

.text-underline {
    font-weight: 700;
    position: relative;
    z-index: 1
}

.window .text-underline {
    line-height: 1
}

.text-underline span {
    display: inline-block;
    position: relative;
    z-index: 2
}

.text-underline:after {
    border-bottom: 8px solid #ffc800;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.service__title .text-underline {
    font-size: 1.5rem;
    letter-spacing: .48px;
    line-height: 41px
}

@media (max-width: 991.98px) {
    .service__title .text-underline {
        font-size:1.25rem;
        letter-spacing: .4px;
        line-height: 34px
    }

    .text-underline-bold:after {
        display: none
    }
}

.service__title .text-underline-sp {
    font-size: 19px;
    letter-spacing: .38px;
    line-height: 33px
}

@media (max-width: 991.98px) {
    .service__title .text-underline-sp {
        font-size:20px
    }
}

.text-underline-sp:after {
    display: none
}

@media (max-width: 991.98px) {
    .text-underline-sp:after {
        display:block
    }
}

.text-pre-wrap {
    white-space: pre-wrap
}

.pointer-none {
    pointer-events: none
}

.root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",roboto,"Helvetica Neue",arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: sfmono-regular,menlo,monaco,consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-text-opacity: 1
}

.group-icon {
    align-items: center;
    color: #1a1a19;
    display: flex;
    font-size: .875rem;
    letter-spacing: .0125em;
    line-height: 1.2
}

.group-icon--small {
    font-size: .75rem;
    line-height: 1.7
}

.group-icon--small .anticon {
    font-size: 16px
}

.group-icon--small.text-smaller {
    font-size: .625rem
}

.group-icon--small .avatar {
    height: 32px;
    width: 32px
}

.group-icon--medium {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.5
}

.group-icon--medium .icon-blue.anticon {
    font-size: 1.25rem;
    width: 20px
}

.group-icon--medium .avatar {
    height: 42px;
    width: 42px
}

.group-icon--base {
    color: #1a1a19;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.5
}

.group-icon--base .anticon {
    border-radius: 0;
    font-size: 1.25rem;
    height: auto;
    width: 20px
}

.group-icon--base .anticon--w17 {
    width: 17px
}

.group-icon--base img {
    border-radius: 100%;
    height: 53px;
    width: 53px
}

.group-icon--base-2 {
    font-size: 1rem;
    line-height: 1.75
}

.group-icon--base-2 .anticon {
    font-size: 24px;
    width: 24px
}

.group-icon--base-2 img {
    height: 24px;
    width: 24px
}

.group-icon--gray {
    color: #727272;
    font-size: .875rem;
    letter-spacing: .0125em;
    line-height: 1.2
}

.group-icon--large {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.5
}

.group-icon--large .icon-blue.anticon {
    font-size: 25px;
    width: 25px
}

.group-icon--large img {
    height: 42px;
    width: 42px
}

.group-icon--xlarge img {
    height: 48px;
    width: 48px
}

.group-icon--xbase {
    font-size: 1rem;
    letter-spacing: .64px;
    line-height: 1.5
}

.icon-blue.anticon {
    color: #4696f7;
    font-size: 1.25rem;
    width: 24px
}

.header {
    background-color: #fff;
    box-shadow: 0 1px #0000000d;
    padding: 10px 0;
    position: sticky;
    top: 0;
    transition: all .5s;
    width: 100%;
    z-index: 100
}

.header .logo-default {
    display: block
}

.header .logo-white {
    display: none
}

.header.fixed+main {
    overflow: hidden;
    padding-top: 86px
}

@media (max-width: 991.98px) {
    .header.fixed+main {
        padding-top:56px
    }

    .header.fixed.authenticated+main {
        padding-top: 72px
    }

    .header {
        padding: 10px 0
    }
}

.header__inner {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.header .ant-btn.ant-btn-circle {
    border-color: #e0e0e0;
    box-shadow: none!important;
    color: #727272
}

@media (max-width: 991.98px) {
    .header .ant-btn.ant-btn-circle {
        height:24px;
        min-width: 24px;
        padding: 2px;
        width: 24px
    }
}

@media (max-width: 340.98px) {
    .header .ant-btn.ant-btn-circle {
        height:20px;
        min-width: 20px;
        padding: 2px;
        width: 20px
    }
}

.header .ant-btn.ant-btn-circle:hover {
    border-color: #4696f7;
    color: #4696f7
}

.header .ant-btn.ant-btn-circle span {
    font-size: 1rem
}

.white .header .ant-btn.ant-btn-circle span {
    color: #fff
}

@media (max-width: 991.98px) {
    .header .ant-btn.ant-btn-circle span {
        font-size:.625rem
    }
}

.header__help {
    display: flex;
    margin-right: -3px
}

.header__help .ant-btn-icon-only {
    align-items: center;
    display: flex;
    justify-content: center
}

@media (max-width: 991.98px) {
    .header__help .ant-btn-icon-only img {
        height:17px;
        width: 6px
    }
}

.header__help .ant-btn.ant-btn-circle:hover {
    border-color: #e0e0e0;
    color: #727272
}

.header .drawer-control {
    color: #1a1a19;
    height: 100%;
    padding: 0;
    width: -moz-max-content;
    width: max-content
}

.header .drawer-control__icon {
    height: 24px;
    width: 24px
}

.header .drawer-control__icon--white {
    filter: invert(100%) sepia(100%) saturate(0) hue-rotate(8deg) brightness(101%) contrast(101%)
}

.header .drawer-control--white {
    color: #fff
}

.header__item-group {
    align-items: center;
    display: flex;
    flex-grow: 1;
    height: 100%;
    justify-content: flex-start;
    overflow: hidden
}

@media (max-width: 575.98px) {
    .header__item-group {
        overflow:visible
    }
}

.header__projects__title.ant-btn-text {
    align-items: center;
    color: #1a1a19;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    justify-content: center;
    letter-spacing: .0125em
}

.header__projects__title.ant-btn {
    padding: 0
}

.header__projects__title.ant-btn:focus,.header__projects__title.ant-btn:hover {
    background: transparent;
    color: #1a1a19
}

.white .header__projects__title,.white .header__projects__title:focus,.white .header__projects__title:hover {
    color: #fff
}

@media (max-width: 991.98px) {
    .header__projects__title {
        font-size:.6875rem;
        line-height: 2.55
    }
}

.header__projects__icon {
    margin-left: 6px;
    transition: .2s ease-in-out;
    width: 12px
}

.header__projects__icon--rotate {
    transform: rotate(180deg)
}

.header .pj-item-list {
    border-radius: 4px;
    box-shadow: 0 0 20px #00000026
}

.header .pj-item-list .pj-item {
    border-bottom: 0;
    height: 47px;
    padding: 0 10px 0 15px
}

.header .pj-item-list .pj-item:hover {
    background-color: #efefef
}

.header .pj-item-list .item {
    align-items: center;
    color: #1a1a19;
    display: flex;
    font-size: .75rem;
    gap: 6px;
    height: 100%;
    letter-spacing: .15px;
    line-height: 1.7;
    width: 100%
}

.header .pj-item-list .item--btn {
    padding: 0
}

@media (max-width: 575.98px) {
    .header .container {
        padding-left:12px
    }
}

.header-info {
    align-items: center;
    display: flex
}

@media (max-width: 991.98px) {
    .header-info {
        justify-content:space-between
    }

    .header-info .ant-input-group {
        position: relative
    }

    .header-info .ant-input-group .ant-input {
        height: 63px;
        padding: 0 47px 0 15px
    }

    .header-info .ant-input-group-addon {
        background: transparent;
        border: 0;
        padding: 0;
        position: absolute;
        right: 47px;
        top: calc(50% - 16px);
        z-index: 3
    }

    .header-info .ant-btn:not(.ant-btn-default) {
        background: transparent;
        border: none
    }

    .header-info .ant-input-group-wrapper {
        background: #727272;
        border: 0;
        box-shadow: none;
        margin-top: 20px;
        padding: 0;
        width: 100vw
    }
}

@media (max-width: 991.98px) and (max-width:767.98px) {
    .header-info .ant-input-group-wrapper {
        background-color:#fff
    }
}

@media (max-width: 575.98px) {
    .header-info {
        gap:12px;
        justify-content: flex-start
    }
}

.header-logo {
    flex: 0 0 210px
}

@media (max-width: 991.98px) {
    .header-logo {
        flex:0 0 113px
    }
}

.header-logo__link {
    display: flex
}

.header-logo img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.search-custom {
    flex: 0 0 205px;
    margin: 0 26px 0 40px;
    transition: .25s ease-in-out
}

@media (max-width: 991.98px) {
    .search-custom {
        flex:0 0 auto;
        margin: 0 10px 0 20px
    }
}

@media (max-width: 575.98px) {
    .search-custom {
        margin:0 0 0 20px
    }
}

@media (max-width: 360.98px) {
    .search-custom {
        margin:0 9px
    }
}

@media (max-width: 991.98px) {
    .search-custom .ant-input-search {
        display:none
    }
}

.search-custom .ant-btn-circle {
    display: none
}

@media (max-width: 991.98px) {
    .search-custom .ant-btn-circle {
        display:block
    }
}

.search-custom .ant-input-group {
    position: relative
}

.search-custom .ant-input-group .ant-input {
    border-color: #e0e0e0;
    border-radius: 20px;
    box-shadow: none;
    font-size: .75rem;
    letter-spacing: -.015em;
    line-height: 1.5;
    padding: 10px 40px 10px 15px
}

.search-custom .ant-input-group .ant-input:hover {
    border-color: #e0e0e0
}

.search-custom .ant-input-group .ant-input::-moz-placeholder {
    color: #9d9d9d
}

.search-custom .ant-input-group .ant-input::placeholder {
    color: #9d9d9d
}

.search-custom .ant-input-group>.ant-input:first-child {
    border-radius: 20px
}

.search-custom .ant-input-search>.ant-input-group>.ant-input-group-addon:last-child {
    left: auto;
    right: 15px
}

.search-custom .ant-input-group-addon {
    background-color: transparent;
    border-radius: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    z-index: 2
}

.search-custom .ant-input-search-button {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    font-size: 1rem;
    height: 20px;
    padding: 0;
    width: 20px
}

.search-custom .ant-btn .anticon {
    color: #727272
}

.white .search-custom .ant-btn .anticon {
    color: #fff
}

@media (min-width: 992px) {
    .search-custom--enlarged {
        flex:0 0 400px
    }
}

.header-auth {
    align-items: center;
    display: flex;
    gap: 16px;
    margin: 0 0 0 16px
}

@media (max-width: 991.98px) {
    .header-auth {
        gap:10px;
        margin: 0 0 0 8px
    }
}

@media (max-width: 360.98px) {
    .header-auth {
        margin:0
    }
}

.header-auth__btn {
    display: flex;
    gap: 16px
}

@media (max-width: 991.98px) {
    .header-auth__btn {
        gap:8px
    }
}

.header-auth__buttons {
    align-items: center;
    display: flex
}

.header-auth__buttons .wkt-btn.ant-btn.ant-btn-icon-only:not(.btn-user) {
    margin: 0 16px;
    padding: 0
}

.header-auth__buttons .wkt-btn.ant-btn.ant-btn-icon-only:not(.btn-user):after {
    display: none
}

@media (max-width: 991.98px) {
    .header-auth__buttons .wkt-btn.ant-btn.ant-btn-icon-only:not(.btn-user) {
        margin:0;
        padding: 0 5px;
        width: 30px
    }
}

@media (max-width: 360.98px) {
    .header-auth__buttons .wkt-btn.ant-btn.ant-btn-icon-only:not(.btn-user) {
        margin:0 2px
    }
}

@media (max-width: 340.98px) {
    .header-auth__buttons .wkt-btn.ant-btn.ant-btn-icon-only:not(.btn-user) {
        margin:0;
        width: 26px
    }
}

.header-auth__buttons .ant-btn-circle {
    background-color: #ffc800;
    border: 0;
    color: #fff
}

.header-auth__buttons .ant-btn-circle:hover {
    background-color: #fff
}

.header-auth__buttons .ant-btn-circle[disabled],.header-auth__buttons .ant-btn-circle[disabled]:hover {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    color: #fff;
    cursor: default
}

.header-auth__link {
    color: #1a1a19;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .0125em;
    line-height: 2;
    margin-left: 22px;
    width: -moz-max-content;
    width: max-content;
    word-break: keep-all
}

.white .header-auth__link,.white .header-auth__link:hover {
    color: #fff
}

@media (max-width: 991.98px) {
    .header-auth__link {
        font-size:.6875rem;
        line-height: 2.55
    }
}

.header-auth__link:hover {
    color: #1a1a19
}

.header-auth__notice {
    align-items: center;
    display: flex;
    position: relative;
    z-index: 9
}

.header-auth__notice .btn-bell {
    margin-right: 10px!important
}

@media (max-width: 575.98px) {
    .header-auth__notice .btn-bell {
        margin-right:0!important
    }
}

.header-auth__notice .wkt-btn.ant-btn.btn-icon {
    background-color: transparent
}

.header-auth__notice .wkt-btn.ant-btn.btn-icon .notice {
    background-color: transparent;
    max-height: 32px;
    width: auto
}

.header-auth__notice .wkt-btn.ant-btn.btn-icon .notice__icon>svg {
    height: 34px;
    width: auto
}

@media (max-width: 767.98px) {
    .header-auth__notice .wkt-btn.ant-btn.btn-icon .notice__icon>svg {
        height:20px
    }
}

.header-auth__notice .btn-icon__active img {
    filter: invert(82%) sepia(44%) saturate(4327%) hue-rotate(3deg) brightness(107%) contrast(105%)
}

.header-auth__count,.header-auth__notice .ant-btn {
    align-items: center;
    display: flex
}

.header-auth__count {
    background-color: #ff2e2e;
    border-radius: 50%;
    color: #fff;
    font-size: .5rem;
    height: 16px;
    justify-content: center;
    line-height: 1;
    min-width: 16px;
    position: absolute;
    text-align: center;
    top: -6px;
    white-space: pre
}

.header-auth__count--heart,.header-auth__count--ring {
    right: 8px
}

.header-auth__count--messages {
    right: 10px;
    top: -5px
}

@media (max-width: 991.98px) {
    .header-auth__count {
        right:-2px;
        top: -8px
    }
}

.ant-btn.btn-auth {
    border-color: #ffc800;
    border-radius: 20px;
    box-shadow: none;
    color: #000;
    font-size: .875rem;
    height: 40px;
    letter-spacing: -.015em;
    line-height: 1.7;
    min-width: 110px;
    padding: 8px 15px
}

@media (max-width: 991.98px) {
    .ant-btn.btn-auth {
        border-radius:30px;
        color: #1a1a19;
        font-size: .625rem;
        height: 26px;
        letter-spacing: 0;
        line-height: 1.4;
        min-width: 68px;
        padding: 5px 10px
    }
}

@media (max-width: 340.98px) {
    .ant-btn.btn-auth {
        min-width:50px;
        padding: 5px 0
    }
}

.ant-btn.btn-auth:focus,.ant-btn.btn-auth:hover {
    border-color: #ffdc5a;
    color: #9f9f9f
}

.ant-btn.btn-auth:active {
    border-color: #ffc800;
    color: #000
}

.ant-btn.btn-auth:active:hover {
    border-color: #ffdc5a;
    color: #9f9f9f
}

.ant-btn.btn-auth--login {
    background-color: #ffc800
}

.ant-btn.btn-auth--login:focus,.ant-btn.btn-auth--login:hover {
    background-color: #ffdc5a;
    color: #1a1a19
}

.footer ol,.footer p,.footer ul {
    margin-bottom: 0
}

.footer-top {
    background-color: #ffc800;
    padding: 64px 0
}

@media (max-width: 991.98px) {
    .footer-top {
        padding:32px 0 30px
    }
}

.footer-top__inner {
    display: flex;
    justify-content: space-between
}

@media (max-width: 991.98px) {
    .footer-top__inner {
        flex-direction:column
    }
}

.footer-top__btn {
    flex: 0 0 348px;
    margin: 0 122px 0 0;
    overflow: hidden
}

@media (max-width: 991.98px) {
    .footer-top__btn {
        flex:1;
        margin: 0 0 14px
    }
}

.footer-top__column {
    flex: 0 0 150px;
    overflow: hidden
}

@media (max-width: 991.98px) {
    .footer-top__column {
        flex:1
    }
}

.footer-top__column:not(:last-child) {
    margin: 0 124px 0 0
}

@media (max-width: 1199.98px) {
    .footer-top__column:not(:last-child) {
        margin:0 30px 0 0
    }
}

@media (max-width: 991.98px) {
    .footer-top__column:not(:last-child) {
        margin:0 0 28px
    }
}

.footer-top__column--auto {
    flex: 1
}

.footer-top__column--auto .footer-top__detail {
    flex-direction: row
}

.footer-top__column--auto .footer-top__list {
    flex: 0 0 152px
}

.footer-top__column--auto .footer-top__list:not(:first-child) {
    flex: 1;
    margin-left: 36px
}

.footer-top__sub {
    color: #1a1a19;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .64px;
    line-height: 1.5;
    margin: 0 0 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 991.98px) {
    .footer-top__sub {
        letter-spacing:0;
        margin: 0 0 8px
    }
}

.footer-top__detail {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 991.98px) {
    .footer-top__detail {
        flex-direction:row
    }
}

.footer-top__list {
    flex: 1
}

@media (max-width: 991.98px) {
    .footer-top__list {
        flex:0 0 152px
    }

    .footer-top__list:not(:first-child) {
        flex: 1;
        margin-left: 36px
    }
}

.footer-top__item {
    display: flex
}

.footer-top__link {
    color: #1a1a19;
    font-size: .75rem;
    letter-spacing: .15px;
    line-height: 2
}

@media (max-width: 991.98px) {
    .footer-top__link {
        letter-spacing:.18px;
        line-height: 2.5
    }
}

.footer-top a:active,.footer-top a:focus,.footer-top a:hover {
    color: #4696f7
}

.footer-last {
    background-color: #000;
    padding: 16px 0
}

@media (max-width: 991.98px) {
    .footer-last {
        padding:32px 0
    }
}

.footer-last__inner {
    display: flex;
    justify-content: space-between
}

@media (max-width: 991.98px) {
    .footer-last__inner {
        align-items:center;
        flex-direction: column
    }
}

.footer-last__info {
    align-items: center;
    display: flex
}

@media (max-width: 991.98px) {
    .footer-last__info {
        flex-direction:column;
        margin: 24px 0 0;
        order: 2
    }
}

.footer-copyright {
    color: #fff;
    font-size: .625rem;
    font-weight: 400;
    letter-spacing: .0125em;
    line-height: 1.65;
    margin-left: 53px
}

@media (max-width: 991.98px) {
    .footer-copyright {
        letter-spacing:0;
        line-height: 1.75;
        margin: 16px 0 0;
        order: 2
    }
}

.footer-static {
    align-items: center;
    display: flex;
    margin: 0
}

@media (max-width: 991.98px) {
    .footer-static {
        margin:0
    }
}

.footer-static__item {
    line-height: 1
}

.footer-static__item:not(:last-child) {
    margin: 0 35px 0 0
}

@media (max-width: 991.98px) {
    .footer-static__item:not(:last-child) {
        margin:0 25px 0 0
    }
}

.footer-static__link {
    color: #fff;
    font-size: .625rem;
    font-weight: 400;
    letter-spacing: .0125em;
    line-height: 1.65
}

@media (max-width: 991.98px) {
    .footer-static__link {
        font-size:.625rem;
        letter-spacing: .015em;
        line-height: 1.75
    }
}

.footer-static__link:hover {
    color: #ffc800
}

.footer-social {
    align-items: center;
    display: flex;
    margin: 0
}

.footer-social__item:not(:last-child) {
    margin: 0 24px 0 0
}

.footer-social__link {
    display: flex
}

.footer-social__link img {
    height: 20px
}

.footer-social__link img:hover {
    opacity: .8
}

.footer-btn.wkt-btn.ant-btn {
    align-items: center;
    background-color: #ffde66;
    border: none;
    border-radius: 4px;
    color: #1a1a19;
    display: flex;
    height: 44px;
    justify-content: center;
    margin-bottom: 16px;
    width: 100%
}

.footer-btn.wkt-btn.ant-btn:focus,.footer-btn.wkt-btn.ant-btn:hover {
    background: #ffe999
}

.footer-btn.wkt-btn.ant-btn:disabled {
    background: #e0e0e0;
    cursor: default
}

.main {
    min-height: calc(100vh - 502px);
    padding: 40px 0 64px;
    position: relative
}

.main--without-footer {
    padding-bottom: 0
}

.main--only-last-footer {
    min-height: calc(100vh - 142px)
}

.white .main {
    min-height: calc(100vh - 418px)
}

.custom .main {
    padding-top: 0
}

@media (max-width: 991.98px) {
    .main {
        min-height:calc(100vh - 72px);
        padding: 30px 0 40px
    }

    .main--fit-height {
        min-height: auto
    }
}

.wkt-page-complete .ant-result {
    padding: 0
}

.wkt-page-complete .ant-result-icon {
    margin-bottom: 16px
}

.wkt-page-complete .ant-result-subtitle,.wkt-page-complete .ant-result-title {
    color: #727272;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.75;
    margin-bottom: 32px
}

.wkt-page-complete .ant-result-subtitle {
    margin-bottom: 24px
}

@media (max-width: 991.98px) {
    .sidebar--responsive {
        display:none
    }

    .sidebar--responsive~.ant-spin-nested-loading .layout-content__container {
        margin-top: 0
    }
}

.ant-input-password-icon svg {
    height: 24px;
    width: 24px
}

.wkt-form-tag.ant-tag {
    border-radius: 1px;
    font-size: .625rem;
    line-height: 1.4;
    padding: 0 8px
}

.wkt-form-tag.ant-tag-error,.wkt-form-tag.canceled,.wkt-form-tag.pj_canceled,.wkt-form-tag.pj_rejected {
    background-color: #fff;
    border-color: red;
    color: #ff2e2e
}

.wkt-form-tag.ant-tag-arbitrarily,.wkt-form-tag.draft,.wkt-form-tag.pj_page_reviewing,.wkt-form-tag.pj_reviewing,.wkt-form-tag.stream_ended {
    border: 1px solid #9f9f9f;
    border-radius: 1px;
    color: #9f9f9f;
    letter-spacing: .0125em
}

.wkt-form-tag.ant-tag-purple,.wkt-form-tag.live_ended,.wkt-form-tag.pj_draft,.wkt-form-tag.pj_page_draft,.wkt-form-tag.pj_page_send_back,.wkt-form-tag.pj_send_back {
    background-color: #fff;
    border-color: #a253f1;
    color: #a253f1
}

.wkt-form-tag.ant-tag-yellow,.wkt-form-tag.pj_approved,.wkt-form-tag.recommend,.wkt-form-tag.waiting_for_public_pj {
    background-color: #fff;
    border-color: #ffc800;
    color: #ffc800
}

.wkt-form-tag.ant-tag-green,.wkt-form-tag.pj_is_now_open,.wkt-form-tag.stream_starting_soon {
    background-color: #fff;
    border-color: #8fd30d;
    color: #8fd30d
}

.wkt-form-tag.ant-tag-blue,.wkt-form-tag.delivered,.wkt-form-tag.preparing_for_delivery,.wkt-form-tag.shipping,.wkt-form-tag.stream_registered {
    background-color: #fff;
    border-color: #4696f7;
    color: #4696f7
}

.wkt-form-tag.ant-tag-progress,.wkt-form-tag.processing_for_refund,.wkt-form-tag.refund_completed,.wkt-form-tag.released {
    background-color: #9f9f9f;
    color: #fff
}

.wkt-form-tag.ant-tag-gray {
    background: #727272;
    border-color: #727272;
    border-radius: 4px;
    color: #fff;
    font-weight: 400
}

.wkt-form-tag.now_open,.wkt-form-tag.schedule_live {
    line-height: 1.65
}

.wkt-form-tag.live,.wkt-form-tag.live_now,.wkt-form-tag.now_open,.wkt-form-tag.schedule_live {
    background-color: #fff;
    border-color: #ff2e2e;
    color: #ff2e2e
}

.wkt-form-tag.pj_failed {
    border-color: #1a1a19;
    color: #1a1a19
}

.wkt-form-tag.delivered,.wkt-form-tag.pj_approved,.wkt-form-tag.pj_canceled,.wkt-form-tag.pj_draft,.wkt-form-tag.pj_failed,.wkt-form-tag.pj_is_now_open,.wkt-form-tag.pj_page_draft,.wkt-form-tag.pj_page_reviewing,.wkt-form-tag.pj_page_send_back,.wkt-form-tag.pj_rejected,.wkt-form-tag.pj_reviewing,.wkt-form-tag.pj_send_back,.wkt-form-tag.preparing_for_delivery,.wkt-form-tag.shipping,.wkt-form-tag.waiting_for_public_pj {
    background-color: transparent
}

.ant-form .wkt-btn {
    display: block;
    margin: 15px 0 0
}

.wkt-btn.ant-btn {
    background-color: #fff;
    border: 2px solid #4696f7;
    border-radius: 54px;
    box-shadow: none;
    color: #4696f7;
    font-size: 1rem;
    font-weight: 700;
    height: 44px;
    letter-spacing: .04em;
    line-height: 1.5;
    padding: 8px 16px;
    text-shadow: none
}

.wkt-btn.ant-btn[disabled] {
    cursor: default
}

.wkt-btn.ant-btn.btn-icon {
    border: none;
    box-shadow: none;
    color: #9d9d9d;
    height: auto;
    padding: 5px
}

.wkt-btn.ant-btn.btn-icon span>svg {
    height: 44px;
    width: 44px
}

.wkt-btn.ant-btn.btn-icon__active {
    color: #ffc800
}

.wkt-btn.ant-btn.btn-icon-only {
    border: none;
    box-shadow: none;
    color: #9d9d9d;
    height: auto;
    padding: 0
}

.wkt-btn.ant-btn-primary {
    background-color: #4696f7;
    border: 0;
    color: #fff
}

.wkt-btn.ant-btn-primary:hover {
    background-color: #6eb9f7
}

.wkt-btn.ant-btn-primary[disabled],.wkt-btn.ant-btn-primary[disabled]:hover {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    color: #fff
}

.wkt-btn.ant-btn-secondary {
    background-color: #fff;
    border: 2px solid #4696f7;
    color: #4696f7
}

.wkt-btn.ant-btn-secondary:hover {
    border-color: #6eb9f7;
    color: #6eb9f7
}

.wkt-btn.ant-btn-secondary[disabled],.wkt-btn.ant-btn-secondary[disabled]:hover {
    background-color: #fff;
    border-color: #e0e0e0;
    color: #e0e0e0
}

.wkt-btn.ant-btn-tertiary {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: none;
    color: #727272;
    font-size: .75rem;
    width: 180px
}

.wkt-btn.ant-btn-tertiary:focus,.wkt-btn.ant-btn-tertiary:hover {
    background-color: #fff;
    border: 1px solid #9f9f9f;
    color: #1a1a19
}

.wkt-btn.ant-btn-tertiary[disabled],.wkt-btn.ant-btn-tertiary[disabled]:hover {
    background-color: #fff;
    border-color: #e0e0e0;
    color: #e0e0e0
}

.wkt-btn.ant-btn-gray {
    background-color: #e0e0e0;
    border: 1px solid #e0e0e0;
    color: #727272
}

.wkt-btn.ant-btn-gray:focus,.wkt-btn.ant-btn-gray:hover {
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #1a1a19
}

.wkt-btn.ant-btn-gray[disabled],.wkt-btn.ant-btn-gray[disabled]:hover {
    background-color: #fff;
    border-color: #e0e0e0;
    color: #e0e0e0
}

.wkt-btn.ant-btn--red {
    background-color: #b2242d;
    border: 1px solid #b2242d;
    color: #fff
}

.wkt-btn.ant-btn--red:hover {
    background-color: #bf4e55;
    border: 1px solid #bf4e55;
    color: #fff
}

.wkt-btn.ant-btn--red:active,.wkt-btn.ant-btn--red:focus {
    background-color: #b2242d;
    border: 1px solid #b2242d;
    color: #fff
}

.wkt-btn.ant-btn--red[disabled],.wkt-btn.ant-btn--red[disabled]:hover {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    color: #fff
}

.wkt-btn.ant-btn--red-2 {
    background-color: #ff2e2e;
    border: 1px solid #ff2e2e;
    color: #fff
}

.wkt-btn.ant-btn--red-2:active,.wkt-btn.ant-btn--red-2:focus,.wkt-btn.ant-btn--red-2:hover {
    background-color: #ff564c;
    border: 1px solid #ff564c;
    color: #fff
}

.wkt-btn.ant-btn--red-2[disabled],.wkt-btn.ant-btn--red-2[disabled]:hover {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    color: #fff
}

.wkt-btn.ant-btn--gray-2 {
    background-color: #fbfbfb;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #1a1a19
}

.wkt-btn.ant-btn--gray-2:focus,.wkt-btn.ant-btn--gray-2:hover {
    background-color: #f6f6f6;
    border: 1px solid #e0e0e0;
    color: #1a1a19
}

.wkt-btn.ant-btn--gray-2:active,.wkt-btn.ant-btn--gray-2:focus {
    background-color: #fbfbfb;
    border: 1px solid #e0e0e0;
    color: #1a1a19
}

.wkt-btn.ant-btn--gray-2[disabled],.wkt-btn.ant-btn--gray-2[disabled]:hover {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    color: #1a1a19
}

.wkt-btn.ant-btn--gray {
    background-color: #ffffffe6;
    border: 0
}

.wkt-btn.ant-btn--back {
    background: #1a1a19;
    border: 1px solid #727272;
    border-radius: 20px;
    color: #fff
}

.wkt-btn.ant-btn--back:focus,.wkt-btn.ant-btn--back:hover {
    background: #1a1a19;
    border: 1px solid #727272;
    color: #fff
}

.wkt-btn.ant-btn--back-3 {
    background: rgba(0,0,0,.5);
    border: 0;
    border-radius: 20px
}

.wkt-btn.ant-btn--back-3 .anticon svg {
    color: #fff;
    opacity: 1
}

.wkt-btn.ant-btn--back-3:focus,.wkt-btn.ant-btn--back-3:hover {
    background: rgba(26,26,25,.5);
    border: 0
}

.wkt-btn.ant-btn--back-3:focus .anticon svg,.wkt-btn.ant-btn--back-3:hover .anticon svg {
    color: #fff;
    opacity: 1
}

.wkt-btn.ant-btn--back-2 {
    background: rgba(26,26,25,.7);
    border: 0;
    border-radius: 30px
}

.wkt-btn.ant-btn--back-2 .anticon svg {
    color: #fff;
    opacity: 1
}

.wkt-btn.ant-btn--back-2:focus,.wkt-btn.ant-btn--back-2:hover {
    background: rgba(26,26,25,.6);
    border: 0
}

.wkt-btn.ant-btn--back-2:focus .anticon svg,.wkt-btn.ant-btn--back-2:hover .anticon svg {
    color: #fff;
    opacity: 1
}

.wkt-btn.ant-btn--back-2.ant-btn:disabled,.wkt-btn.ant-btn--back-2.ant-btn:disabled:hover {
    background: hsla(0,0%,88%,.7);
    border: 0;
    cursor: default
}

.wkt-btn.ant-btn.ant-btn-circle {
    height: 44px;
    width: 44px
}

.wkt-btn.ant-btn-lg {
    height: 56px
}

.wkt-btn.ant-btn-lg.ant-btn-circle {
    height: 56px;
    width: 56px
}

.wkt-btn.ant-btn-sm {
    height: 36px;
    max-width: 140px
}

.wkt-btn.ant-btn-xs {
    align-items: center;
    display: flex;
    font-size: .75rem;
    font-weight: 700;
    height: 30px;
    justify-content: center;
    letter-spacing: .0125em;
    line-height: 1.7
}

.wkt-btn.ant-btn--full {
    width: 100%
}

.wkt-btn.ant-btn--dark-line {
    background: #fbfbfb;
    border: 2px solid #1a1a19;
    color: #1a1a19;
    font-weight: 700
}

.wkt-btn.ant-btn--dark-line:focus,.wkt-btn.ant-btn--dark-line:hover {
    background: #fbfbfb;
    border: 2px solid rgba(26,26,25,.8);
    color: #1a1a19cc
}

.wkt-btn.ant-btn--dark-line[disabled],.wkt-btn.ant-btn--dark-line[disabled]:hover {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    color: #fff
}

@media (max-width: 991.98px) {
    .wkt-btn.ant-btn {
        max-width:100%
    }
}

.wkt-btn-group .wkt-btn:not(:last-child) {
    margin: 0 0 16px
}

.wkt-btn span.no-spacing {
    letter-spacing: .04em;
    margin-right: 0
}

.wkt-btn.shopify-button {
    background-image: linear-gradient(90deg,#98d534,#68add7)!important;
    border: none!important
}

.wkt-btn.shopify-button:hover {
    opacity: .85
}

.ant-btn[disabled] {
    cursor: default!important
}

.wkt-pagination {
    align-items: center;
    display: flex;
    justify-content: center
}

.wkt-pagination .ant-pagination-item,.wkt-pagination .ant-pagination-jump-next,.wkt-pagination .ant-pagination-jump-prev,.wkt-pagination .ant-pagination-next,.wkt-pagination .ant-pagination-next .ant-pagination-item-link,.wkt-pagination .ant-pagination-prev,.wkt-pagination .ant-pagination-prev .ant-pagination-item-link {
    border-radius: 30px;
    color: #727272;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    letter-spacing: .0025em;
    line-height: 28px;
    margin-bottom: .5rem;
    min-width: 30px;
    width: 30px
}

.wkt-pagination .ant-pagination-next .ant-pagination-item-link,.wkt-pagination .ant-pagination-prev .ant-pagination-item-link {
    align-items: center;
    display: flex;
    justify-content: center
}

.wkt-pagination .ant-pagination-item:hover,.wkt-pagination .ant-pagination-next:hover .ant-pagination-item-link,.wkt-pagination .ant-pagination-prev:hover .ant-pagination-item-link {
    border-color: #1a1a19
}

.wkt-pagination .ant-pagination-next:hover path,.wkt-pagination .ant-pagination-prev:hover path {
    stroke: #fff
}

.wkt-pagination .ant-pagination-item:hover a,.wkt-pagination .ant-pagination-next:hover .ant-pagination-item-link,.wkt-pagination .ant-pagination-prev:hover .ant-pagination-item-link {
    color: #1a1a19
}

.wkt-pagination .ant-pagination-jump-next .anticon-double-right svg,.wkt-pagination .ant-pagination-jump-prev .anticon-double-left svg {
    fill: #1a1a19
}

.wkt-pagination .ant-pagination-disabled .ant-pagination-item-link,.wkt-pagination .ant-pagination-disabled:hover .ant-pagination-item-link {
    background: #fff;
    border-color: #e0e0e0;
    color: #ccc;
    cursor: default
}

.wkt-pagination .ant-pagination-item a {
    color: #1a1a19;
    display: inline-block;
    font-family: Noto Sans JP,sans-serif;
    padding: 0
}

.wkt-pagination .ant-pagination-item-active {
    background: #1a1a19;
    border-color: #1a1a19
}

.wkt-pagination .ant-pagination-item-active a,.wkt-pagination .ant-pagination-item-active:hover a {
    color: #fff
}

.wkt-input.ant-input,.wkt-input.ant-input-password {
    background-color: #fbfbfb;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #1a1a19;
    font-size: .75rem;
    letter-spacing: .0125em;
    line-height: 1.5;
    padding: 12px 16px
}

.wkt-input.ant-input-password:focus,.wkt-input.ant-input-password:hover,.wkt-input.ant-input:focus,.wkt-input.ant-input:hover {
    border-color: #4696f7
}

.wkt-input.ant-input-password::-moz-placeholder,.wkt-input.ant-input::-moz-placeholder {
    color: #9f9f9f
}

.wkt-input.ant-input-password::placeholder,.wkt-input.ant-input::placeholder {
    color: #9f9f9f
}

.wkt-input.ant-input-password[disabled],.wkt-input.ant-input[disabled] {
    background-color: #efefef;
    border-color: #e0e0e0;
    color: #9f9f9f
}

.wkt-input.ant-input-password[disabled]:hover,.wkt-input.ant-input[disabled]:hover {
    border-color: #e0e0e0
}

.wkt-input.ant-input-password {
    padding: 10px 16px
}

.wkt-input.ant-input-password .ant-input {
    background-color: transparent;
    font-size: .75rem;
    line-height: 1.5
}

.wkt-input.ant-input-password .ant-input::-moz-placeholder {
    color: #9f9f9f
}

.wkt-input.ant-input-password .ant-input::placeholder {
    color: #9f9f9f
}

.wkt-input.ant-input-password .ant-input-password-icon {
    color: #1a1a19
}

.wkt-input.ant-input-password .ant-input-password-icon svg {
    height: 22px;
    width: 22px
}

.wkt-input.ant-input-affix-wrapper-disabled {
    background-color: #efefef;
    border-color: #e0e0e0;
    color: #9f9f9f
}

.wkt-input.ant-input-affix-wrapper-disabled:hover {
    border-color: #e0e0e0
}

.wkt-input.ant-input-affix-wrapper-disabled .ant-input-password-icon {
    color: #9f9f9f;
    cursor: not-allowed
}

.wkt-textarea.ant-input {
    background-color: #fbfbfb;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-size: .75rem;
    height: 120px;
    line-height: 1.7;
    padding: .5rem 1rem;
    resize: none
}

.wkt-textarea.ant-input.wkt-textarea--large {
    height: 440px
}

.wkt-textarea.ant-input::-moz-placeholder {
    color: #9f9f9f
}

.wkt-textarea.ant-input::placeholder {
    color: #9f9f9f
}

.wkt-textarea.ant-input[disabled] {
    background-color: #efefef;
    border-color: #e0e0e0;
    color: #9f9f9f
}

.wkt-textarea.ant-input[disabled]:hover {
    border-color: #e0e0e0
}

.search {
    border-radius: 4px;
    width: 100%
}

.search .ant-btn-circle {
    display: none
}

.search .ant-input-group {
    position: relative
}

.search .ant-input {
    background: #fbfbfb;
    border-radius: 4px;
    box-shadow: none;
    font-size: .75rem;
    letter-spacing: -.015em;
    line-height: 1.5;
    padding: 12px 40px 12px 15px
}

.search .ant-input-group>.ant-input:first-child {
    border-radius: 4px
}

.search .ant-input-group-addon {
    background-color: transparent;
    border-radius: 0;
    left: auto;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    z-index: 2
}

.search .ant-input-search>.ant-input-group>.ant-input-group-addon:last-child {
    left: auto;
    right: 15px
}

.search .ant-input-search-button {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    font-size: 1rem;
    height: 20px;
    padding: 0;
    width: 20px
}

.search-group .ant-input-group-addon {
    align-items: center;
    background: #4696f7;
    border: none;
    border-radius: 0 4px 4px 0;
    bottom: 0;
    color: #fff;
    display: flex;
    height: 44px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 2
}

.search-group .ant-input-search>.ant-input-group>.ant-input-group-addon:last-child {
    left: inherit
}

.search-group .ant-btn-circle {
    display: none
}

.search-group .ant-input-group {
    position: relative
}

.search-group .ant-input {
    background: #fbfbfb;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    font-size: .75rem;
    height: 44px;
    letter-spacing: -.015em;
    line-height: 1.5;
    padding: 12px 52px 12px 15px
}

.search-group .ant-input-group>.ant-input:first-child {
    border-radius: 4px
}

.search-group .ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
    background: transparent;
    border: none;
    color: #fff
}

.search-group .ant-btn-icon-only>* {
    font-size: 1.125rem
}

.wkt-checkbox.ant-checkbox-wrapper .ant-checkbox:hover .ant-checkbox-inner,.wkt-checkbox.ant-checkbox-wrapper .ant-checkbox:hover .ant-checkbox-input:focus+.ant-checkbox-inner {
    border-color: #1a1a19
}

.wkt-checkbox.ant-checkbox-wrapper .ant-checkbox+span {
    font-size: 1rem;
    line-height: 1.75;
    padding-left: 11px
}

.wkt-checkbox.ant-checkbox-wrapper .ant-checkbox-inner {
    border: 2px solid #1a1a19;
    height: 18px;
    width: 18px
}

.wkt-checkbox.ant-checkbox-wrapper .ant-checkbox-checked:after {
    border-color: #1a1a19
}

.wkt-checkbox.ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #1a1a19;
    border-color: #1a1a19
}

.wkt-checkbox--white.ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #fff
}

.wkt-checkbox--white.ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner:after {
    border-color: #1a1a19
}

.wkt-radio.ant-radio-group .ant-radio-wrapper .ant-radio+span {
    font-size: 1rem;
    line-height: 1.75
}

.wkt-radio.ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner {
    background-color: #fff;
    border-color: #1a1a19;
    border-width: 2px;
    height: 20px;
    width: 20px
}

.wkt-radio.ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner:after {
    background-color: #1a1a19;
    border-radius: 20px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px
}

.wkt-radio.ant-radio-group .ant-radio-wrapper-disabled .ant-radio+span {
    color: #9f9f9f
}

.wkt-radio.ant-radio-group .ant-radio-wrapper-disabled .ant-radio .ant-radio-inner {
    border-color: #9f9f9f!important
}

.wkt-radio.ant-radio-group .ant-radio-wrapper-disabled .ant-radio .ant-radio-inner:after {
    background-color: #9f9f9f
}

.gray-label-radio.ant-radio-group .ant-radio-wrapper .ant-radio+span {
    color: #727272
}

.wkt-select.ant-select {
    font-size: .75rem
}

.wkt-select.ant-select .ant-select-arrow {
    color: #1a1a19;
    height: 24px;
    margin-top: -12px;
    width: 24px
}

.wkt-select.ant-select-single .ant-select-selector .ant-select-selection-item {
    line-height: 1.7
}

.wkt-select.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    color: #9f9f9f;
    line-height: 1.85
}

.wkt-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    background-color: #fbfbfb;
    border-color: #e0e0e0;
    border-radius: 4px;
    height: 44px;
    padding: 10px 16px
}

.wkt-select.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    background-color: #efefef;
    border-color: #e0e0e0;
    color: #9f9f9f
}

.wkt-select.ant-select-disabled .ant-select-arrow {
    color: #9f9f9f
}

.wkt-select.z-1010 {
    z-index: 1010
}

body .ant-select-dropdown {
    z-index: 2
}

body .ant-select-dropdown .ant-select-item-option-content {
    color: #1a1a19;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .0125em;
    line-height: 1.7;
    overflow: initial;
    text-overflow: clip;
    white-space: normal
}

body .ant-select-item-empty {
    color: #000
}

.thread-search-result {
    max-height: 308px;
    overflow: auto;
    width: 347px
}

.thread-search-result a {
    white-space: pre-line
}

.wkt-form-horizontal .ant-form-item {
    display: flex;
    justify-content: space-between
}

.wkt-form-horizontal .ant-form-item .ant-upload.ant-upload-drag {
    background-color: #fbfbfb
}

.wkt-form-horizontal .ant-form-item-label {
    flex: 0 0 272px;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: left
}

.wkt-form-horizontal .ant-form-item-control {
    flex: 1
}

.wkt-form-horizontal .ant-select-selection-placeholder {
    color: #9f9f9f;
    line-height: 1.7
}

.wkt-form-horizontal.form-mypage .ant-form-item-label {
    flex: 0 0 175px
}

.wkt-form-horizontal.form-mypage .wkt-form-item__label {
    color: #000
}

.wkt-form-horizontal.form-mypage .wkt-form-item__value {
    color: #000;
    font-size: 1rem;
    line-height: 1.75
}

.wkt-form-horizontal.form-mypage .wkt-form-item__value.alert {
    color: #ff2e2e
}

.wkt-form-item .ant-input,.wkt-form-item .ant-picker-input>input,.wkt-form-item .ant-radio-wrapper,.wkt-form-item .ant-select,.wkt-form-item .ant-typography {
    color: #1a1a19
}

.wkt-form-item .ant-input {
    border-color: #e0e0e0
}

.wkt-form-item .ant-input::-moz-placeholder {
    color: #9f9f9f
}

.wkt-form-item .ant-input::placeholder {
    color: #9f9f9f
}

.wkt-form-item__label.ant-typography {
    color: #1a1a19;
    font-size: 1rem;
    letter-spacing: .04em;
    line-height: 1.75;
    overflow: hidden;
    padding-right: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.wkt-form-item__hint.ant-typography {
    color: #727272;
    font-size: .625rem;
    letter-spacing: .0125em;
    line-height: 1.65;
    margin: 0 0 8px;
    white-space: break-spaces
}

.wkt-form-item__label--above-hint.ant-typography {
    margin-bottom: 8px
}

.wkt-form-item__preset_val.ant-typography {
    color: #000;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 8px
}

.wkt-form-item.ant-form-item .ant-form-item-label>label.ant-form-item-required:before {
    display: none
}

.wkt-form-item.ant-form-item .ant-form-item-explain {
    margin-top: 5px
}

.wkt-form-item.ant-form-item .ant-form-item-explain-error {
    color: #ff2e2e;
    font-size: .625rem;
    letter-spacing: .0125em;
    line-height: 1.6;
    white-space: pre-line
}

.wkt-form-item .ant-form-item-label>label:after {
    display: none
}

.wkt-form-item.ant-form-item-has-error :not(.ant-input-disabled,.ant-input-borderless).ant-input {
    background-color: #ffe8e5;
    border-color: #ff2e2e;
    color: #ff2e2e
}

.wkt-form-item.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled,.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,.wkt-form-item.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled,.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover,.wkt-form-item.ant-form-item-has-error :not(.ant-input-disabled,.ant-input-borderless).ant-input:hover {
    background-color: #ffe8e5;
    border-color: #ff2e2e
}

.wkt-form-item__value {
    color: #1a1a19;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.5;
    margin: 0;
    white-space: pre-line
}

.wkt-form-item__value.alert {
    background-color: #ffe8e5;
    border: 1px solid #ff2e2e;
    padding: 0 6px
}

.wkt-form-item--textarea {
    align-items: center;
    flex-direction: column
}

.wkt-form-item--textarea .ant-form-item-label {
    flex: 0 0 100%;
    margin: 0 0 8px;
    text-align: center;
    width: 100%
}

.ant-form-horizontal .wkt-form-item--textarea .ant-form-item-control {
    flex: 0 100%;
    position: relative;
    width: 100%
}

.wkt-form-item--textarea .ant-form-item-control:before {
    background: #fff;
    border: solid #e0e0e0;
    border-width: 0 1px 1px 0;
    content: "";
    display: inline-block;
    height: 10px;
    left: calc(50% - 10px);
    padding: 3px;
    position: absolute;
    top: -5px;
    transform: rotate(-135deg);
    width: 10px;
    z-index: 2
}

.wkt-form-item--textarea .ant-typography.wkt-form-item__label {
    padding: 0
}

.ant-select-dropdown .ant-select-item,.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled),.ant-select-dropdown .ant-select-single.ant-select-open .ant-select-selection-item {
    color: #000
}

.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
    background-color: #efefef
}

.ant-select-dropdown .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border-color: #4696f7
}

.ant-picker-dropdown {
    color: #1a1a19
}

.ant-picker-dropdown .ant-picker-cell,.ant-picker-dropdown .ant-picker-header button {
    color: #9f9f9f
}

.ant-picker-dropdown .ant-picker-cell-in-view,.ant-picker-dropdown .ant-picker-header-view button {
    color: #1a1a19
}

hr {
    border: 0;
    border-top: 1px solid #e0e0e0
}

.wkt-editor {
    position: relative;
    z-index: 2
}

.wkt-editor .ck-editor__editable {
    max-height: 572px;
    overflow: auto
}

.ck.ck-balloon-panel.ck-balloon-panel_visible {
    z-index: 10
}

.wkt-picker.ant-picker {
    background: #fbfbfb;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    height: 44px;
    width: 100%
}

.wkt-picker.ant-picker-focused,.wkt-picker.ant-picker:hover {
    border-color: #4696f7;
    box-shadow: none
}

.wkt-picker.ant-picker .ant-picker-input>input {
    font-size: .75rem
}

.wkt-picker.ant-picker .ant-picker-input>input::-moz-placeholder {
    color: #9f9f9f
}

.wkt-picker.ant-picker .ant-picker-input>input::placeholder {
    color: #9f9f9f
}

.wkt-picker.ant-picker .ant-picker-suffix {
    color: #1a1a19
}

.wkt-picker.ant-picker .ant-picker-clear svg,.wkt-picker.ant-picker .ant-picker-suffix svg {
    height: 20px;
    width: 17px
}

.wkt-picker.ant-picker.ant-picker-disabled {
    background-color: #efefef;
    border-color: #e0e0e0;
    color: #9f9f9f
}

.ant-picker-dropdown {
    height: 273px
}

.ant-picker-dropdown .ant-picker-panel-container {
    background-color: #fbfbfb;
    box-shadow: none
}

.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel {
    border: none
}

.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel,.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel,.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel {
    width: 348px
}

@media (max-width: 767.98px) {
    .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel,.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel,.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel {
        width:383px
    }
}

.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-content,.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-content,.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-content {
    width: 330px
}

@media (max-width: 767.98px) {
    .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-date-panel .ant-picker-content,.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-month-panel .ant-picker-content,.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-year-panel .ant-picker-content {
        width:380px
    }
}

.ant-picker-time-panel-column:after {
    height: 0!important
}

.ant-modal-root .order-modal-wrapper {
    overflow: hidden
}

.ant-modal-root .order-modal-wrapper.ant-modal-wrap {
    z-index: 1001
}

.ant-modal-root .ant-modal-wrap {
    z-index: 1002
}

.ant-modal .ant-modal-content {
    border-radius: 4px
}

.ant-modal.succeed-register-livestream-COPA-modal,.ant-modal.succeed-register-livestream-modal {
    color: #1a1a19;
    text-align: center
}

.ant-modal.succeed-register-livestream-COPA-modal .title,.ant-modal.succeed-register-livestream-modal .title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5
}

.ant-modal.succeed-register-livestream-COPA-modal .message,.ant-modal.succeed-register-livestream-modal .message {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.7;
    white-space: pre-line
}

.ant-modal.succeed-register-livestream-COPA-modal .wkt-btn,.ant-modal.succeed-register-livestream-modal .wkt-btn {
    margin-top: 1.5rem;
    width: 348px
}

.ant-modal.succeed-register-livestream-COPA-modal .sns-btn img,.ant-modal.succeed-register-livestream-modal .sns-btn img {
    cursor: pointer;
    margin: 0 20px
}

.ant-modal.succeed-register-livestream-COPA-modal.succeed-register-livestream-COPA-modal .title,.ant-modal.succeed-register-livestream-modal.succeed-register-livestream-COPA-modal .title {
    font-size: 1.375rem;
    letter-spacing: .04em;
    line-height: 33px;
    margin-bottom: 8px
}

.ant-modal.succeed-register-livestream-COPA-modal.succeed-register-livestream-COPA-modal .message,.ant-modal.succeed-register-livestream-modal.succeed-register-livestream-COPA-modal .message {
    margin-bottom: 24px
}

.ant-modal.succeed-register-livestream-COPA-modal.succeed-register-livestream-COPA-modal .wkt-btn,.ant-modal.succeed-register-livestream-modal.succeed-register-livestream-COPA-modal .wkt-btn {
    margin-top: 0
}

.ant-modal.succeed-register-livestream-COPA-modal.succeed-register-livestream-COPA-modal .ant-modal-content,.ant-modal.succeed-register-livestream-modal.succeed-register-livestream-COPA-modal .ant-modal-content {
    border-radius: 4px
}

.ant-modal.succeed-register-livestream-COPA-modal.succeed-register-livestream-COPA-modal .ant-modal-body,.ant-modal.succeed-register-livestream-modal.succeed-register-livestream-COPA-modal .ant-modal-body {
    display: flex;
    flex-direction: column;
    height: 310px;
    justify-content: center
}

.ant-modal.modal-confirm .modal-confirm__title {
    color: #1a1a19;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.5;
    margin-bottom: 24px;
    text-align: center;
    white-space: pre-line
}

.ant-modal.modal-confirm .wkt-btn {
    height: 44px;
    max-width: 348px;
    width: 100%
}

.ant-modal.modal-confirm .ant-modal-body {
    background: #fbfbfb;
    border-radius: 4px;
    padding: 43px 98px 48px;
    text-align: center
}

@media (max-width: 991.98px) {
    .ant-modal.modal-confirm .ant-modal-body {
        padding:38px 16px 40px
    }
}

.ant-modal.modal-edit-category {
    width: 732px!important
}

@media (max-width: 767.98px) {
    .ant-modal.modal-edit-category {
        bottom:0;
        height: auto;
        margin: 0;
        max-width: 100vw;
        position: absolute;
        top: auto!important;
        width: 100vw!important
    }
}

.ant-modal.modal-edit-category .ant-modal-content {
    height: 80vh
}

.ant-modal.modal-edit-category .modal-edit-category__title {
    font-size: 1.25rem;
    letter-spacing: .04em;
    line-height: 30px;
    margin-bottom: 16px;
    margin-top: 56px;
    text-align: center
}

.ant-modal.modal-edit-category .modal-edit-category__sub--title {
    color: #1a1a19;
    font-size: 1rem;
    letter-spacing: .04em;
    line-height: 28px;
    margin-bottom: 8px
}

.ant-modal.modal-edit-category .description {
    color: #727272;
    font-size: .75rem;
    letter-spacing: .15px;
    line-height: 1.7;
    margin-bottom: 0
}

.ant-modal.modal-edit-category p {
    text-align: start
}

@media (max-width: 767.98px) {
    .ant-modal.modal-edit-category .ant-form {
        height:500px
    }
}

.ant-modal.modal-edit-category .ant-form .ant-row {
    margin-bottom: 0
}

.ant-modal.modal-edit-category .ant-form-item-control-input-content {
    display: flex;
    justify-content: center
}

.ant-modal.modal-edit-category .ant-modal-header {
    border: none;
    padding: 0 68px
}

@media (max-width: 767.98px) {
    .ant-modal.modal-edit-category .ant-modal-header {
        padding:0 15px
    }
}

.ant-modal.modal-edit-category .ant-modal-body {
    border-radius: 4px;
    margin: 8px 44px 0;
    max-height: calc(100% - 306px);
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0 24px;
    text-align: center
}

@media (max-width: 767.98px) {
    .ant-modal.modal-edit-category .ant-modal-body {
        margin:0;
        max-height: calc(100% - 270px);
        padding: 0 9px;
        width: 100%
    }
}

.ant-modal.modal-edit-category .ant-modal-footer {
    background-color: #fff;
    border: none;
    bottom: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.ant-modal.modal-edit-category .ant-modal-footer .ant-form-item {
    margin-bottom: 40px;
    margin-top: 24px
}

@media (max-width: 767.98px) {
    .ant-modal.modal-edit-category .ant-modal-footer .ant-form-item {
        margin:16px 15px
    }
}

.ant-modal.modal-edit-category .ant-modal-footer .wkt-btn {
    height: 44px;
    width: 348px
}

@media (max-width: 767.98px) {
    .ant-modal.modal-edit-category .ant-modal-footer .wkt-btn {
        width:100%
    }
}

.ant-modal.modal-cancel .ant-modal-content,.ant-modal.modal-confirm-end .ant-modal-content,.ant-modal.modal-edit-category .ant-modal-content,.ant-modal.modal-end .ant-modal-content,.ant-modal.modal-session-end .ant-modal-content,.ant-modal.modal-settings .ant-modal-content {
    border-radius: 4px;
    overflow: hidden
}

.ant-modal.modal-confirm-end .ant-modal-body {
    padding: 43px 24px 48px
}

@media (max-width: 575.98px) {
    .ant-modal.modal-end.modal-end--force .ant-modal-body {
        height:225px
    }

    .ant-modal.modal-end {
        max-width: calc(100vw - 30px)
    }
}

.ant-modal.modal-end .ant-modal-body {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px 0
}

@media (max-width: 575.98px) {
    .ant-modal.modal-end .ant-modal-body {
        height:157px
    }
}

.ant-modal.modal-end .modal-end__title {
    color: #1a1a19;
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.5;
    white-space: pre-line
}

@media (max-width: 575.98px) {
    .ant-modal.modal-end .modal-end__title {
        font-size:1.125rem
    }
}

.ant-modal.modal-end .modal-end__content {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (max-width: 575.98px) {
    .ant-modal.modal-end .modal-end__content .wkt-btn {
        width:290px
    }
}

.ant-modal.modal-end .modal-end__desc {
    color: #1a1a19;
    line-height: 1.7;
    white-space: pre-line
}

@media (max-width: 575.98px) {
    .ant-modal.modal-session-end {
        max-width:calc(100vw - 30px)
    }
}

.ant-modal.modal-session-end .ant-modal-body {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 310px;
    justify-content: center;
    padding: 0
}

@media (max-width: 575.98px) {
    .ant-modal.modal-session-end .ant-modal-body {
        height:225px
    }
}

.ant-modal.modal-session-end .modal-session-end__title {
    color: #1a1a19;
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.5;
    white-space: pre-line
}

@media (max-width: 575.98px) {
    .ant-modal.modal-session-end .modal-session-end__title {
        font-size:1.125rem
    }
}

.ant-modal.modal-session-end .modal-session-end__content {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (max-width: 575.98px) {
    .ant-modal.modal-session-end .modal-session-end__content .wkt-btn {
        width:290px
    }

    .ant-modal.modal-cancel {
        max-width: calc(100vw - 30px)
    }
}

.ant-modal.modal-cancel .ant-modal-body {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 310px;
    justify-content: center;
    padding: 0
}

@media (max-width: 575.98px) {
    .ant-modal.modal-cancel .ant-modal-body {
        height:215px
    }
}

.ant-modal.modal-cancel .modal-cancel__title {
    color: #1a1a19;
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.5;
    white-space: pre-line
}

@media (max-width: 575.98px) {
    .ant-modal.modal-cancel .modal-cancel__title {
        font-size:1.125rem;
        width: 206px
    }
}

.ant-modal.modal-cancel .modal-cancel__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (max-width: 575.98px) {
    .ant-modal.modal-cancel .modal-cancel__content .wkt-btn {
        width:290px
    }
}

.ant-modal.modal-cancel .modal-cancel__desc {
    color: #1a1a19;
    line-height: 1.7;
    white-space: pre-line
}

.ant-modal.modal-settings .ant-modal-body {
    padding: 43px 30px 40px
}

.ant-modal.modal-settings .ant-form-item {
    margin-bottom: 1rem
}

.ant-modal.modal-settings .wkt-btn {
    margin: 40px auto 0
}

.ant-modal.modal-confirm-custom .ant-modal-body {
    background: #fbfbfb;
    border-radius: 4px;
    padding: 43px 40px 40px;
    text-align: left
}

@media (max-width: 991.98px) {
    .ant-modal.modal-confirm-custom .ant-modal-body {
        padding:40px 12px
    }
}

.ant-modal.modal-confirm-custom .modal-confirm__error {
    margin-left: 42px
}

.ant-modal .modal__header-close {
    border: 0;
    color: #727272;
    font-size: .875rem;
    height: 14px;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 14px;
    width: 14px;
    z-index: 2
}

.ant-modal-wrap {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.ant-modal-wrap .ant-modal {
    padding: 0;
    top: 0
}

.ant-modal .error-upload-list {
    max-height: 69vh;
    overflow: auto
}

.ant-modal.modal-preview {
    background-color: #fff;
    max-height: 85vh;
    overflow-y: scroll;
    padding: 0
}

.ant-modal.modal-preview .ant-modal-body {
    padding: 0 16px 24px
}

.ant-modal.modal-info {
    bottom: 0;
    height: auto;
    margin: 0;
    max-width: 100vw;
    position: absolute;
    top: auto;
    width: 100vw
}

.ant-modal.modal-info .ant-modal-body {
    padding: 15px
}

.ant-modal.modal-info .ant-modal-close {
    color: #727272
}

.ant-modal.modal-info .ant-modal-close-x {
    height: 40px;
    line-height: 40px;
    width: 40px
}

.ant-modal.modal-expired {
    max-width: 100vw;
    width: 100vw
}

@media (max-width: 991.98px) {
    .ant-modal.modal-expired {
        padding:0 15px
    }
}

.ant-modal.modal-expired .ant-modal-body {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 310px;
    padding: 106px 15px
}

@media (max-width: 991.98px) {
    .ant-modal.modal-expired .ant-modal-body {
        min-height:157px;
        padding: 30px 15px 32px
    }
}

.ant-modal.modal-expired .ant-modal-body p {
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.5;
    margin-bottom: 24px
}

@media (max-width: 991.98px) {
    .ant-modal.modal-expired .ant-modal-body p {
        font-size:1.125rem
    }
}

.ant-modal.modal-expired .ant-modal-body a {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.ant-modal.modal-expired .ant-modal-body .ant-btn {
    height: 44px;
    width: 348px
}

@media (max-width: 991.98px) {
    .ant-modal.modal-expired .ant-modal-body .ant-btn {
        width:100%
    }
}

.ant-modal.modal-expired .ant-modal-close {
    color: #727272
}

.ant-modal.modal-expired .ant-modal-close-x {
    height: 40px;
    line-height: 40px;
    width: 40px
}

.ant-modal.modal-livestream-custom .ant-modal-body {
    background-color: #fbfbfb;
    border-radius: 4px;
    padding: 10px 32px 32px
}

.ant-modal.modal-livestream-custom .ant-modal-body .modal__content {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media (max-width: 767.98px) {
    .ant-modal.modal-livestream-custom.report-modal {
        max-width:370px
    }

    .ant-modal.modal-livestream-custom.order,.ant-modal.modal-livestream-custom.pj_return_info,.ant-modal.modal-livestream-custom.sns-share {
        bottom: 0;
        height: 330px;
        margin: 0;
        max-width: 100vw;
        position: absolute;
        top: auto;
        width: 100vw
    }

    .ant-modal.modal-livestream-custom.order,.ant-modal.modal-livestream-custom.pj_return_info {
        bottom: 0;
        height: auto;
        margin: 0;
        max-width: 100vw;
        position: absolute;
        top: auto;
        width: 100vw
    }

    .ant-modal.modal-livestream-custom.order .ant-modal-body,.ant-modal.modal-livestream-custom.pj_return_info .ant-modal-body {
        padding: 10px 13px 15px
    }
}

.ant-modal.modal-livestream-custom.order .ant-modal-body {
    background-color: #fff;
    height: 620px;
    overflow: auto;
    padding: 0
}

.ant-modal.modal-livestream-custom.order .ant-modal-body::-webkit-scrollbar {
    display: none
}

.ant-modal.modal-livestream-custom.order .ant-modal-body .modal__content {
    padding-top: 124px
}

.ant-modal.modal-livestream-custom.order .ant-modal-body .modal__content.pt-2 {
    padding-top: 48px
}

@media (max-width: 575.98px) {
    .ant-modal.modal-livestream-custom.order .ant-modal-body .modal__content--register {
        padding-top:132px
    }
}

.ant-modal.modal-livestream-custom.order .btn-back {
    visibility: hidden
}

.ant-modal.modal-livestream-custom.order .header {
    position: relative
}

@media (max-width: 575.98px) {
    .ant-modal.modal-livestream-custom.order {
        left:0;
        top: 337px;
        transition: .2s ease-in-out
    }

    .ant-modal.modal-livestream-custom.order .ant-modal-body {
        height: calc(var(--vh, 1vh)*93)
    }

    .ant-modal.modal-livestream-custom.order.up {
        top: calc(var(--vh, 1vh)*10)
    }

    .ant-modal.modal-livestream-custom.order h1 {
        font-size: 22px
    }
}

.ant-modal.modal-confirm-reply .ant-modal-content,.ant-modal.modal-delete .ant-modal-content,.ant-modal.modal-reply .ant-modal-content {
    border-radius: 10px;
    box-shadow: 0 11px 15px #0003
}

.ant-modal.modal-confirm-reply .ant-modal-body,.ant-modal.modal-delete .ant-modal-body,.ant-modal.modal-reply .ant-modal-body {
    border-radius: 10px
}

.ant-modal.modal-reply .ant-modal-body {
    padding: 24px
}

.ant-modal.modal-delete .ant-modal-body {
    padding: 24px 50px
}

.ant-modal.modal-delete-question .ant-modal-body {
    padding: 56px 50px
}

.ant-modal.cancel-order-modal .ant-modal-body {
    border-radius: 10px;
    padding: 24px 33px 31px
}

.ant-modal.cancel-order-modal .ant-modal-content {
    border-radius: 10px
}

.ant-modal.modal-report.modal-report--preview .ant-modal-body {
    padding: 38px 32px 32px
}

.ant-modal.modal-report .ant-modal-body {
    padding: 10px 32px 32px
}

.ant-modal.modal-report .ant-modal-close-x {
    font-size: 1.25rem;
    height: 48px;
    line-height: 48px
}

.ant-modal.modal-confirm-full .ant-modal-content {
    border-radius: 4px
}

.ant-modal.modal-confirm-full .modal-confirm__title {
    margin-right: 0
}

.ant-modal.modal-confirm-full .modal__header-close {
    height: 20px;
    width: 20px
}

.ant-modal.modal-confirm-full .ant-modal-body {
    padding: 43px 16px 33px
}

.ant-modal.modal-banner {
    max-height: 500px;
    max-width: 400px
}

.ant-modal.modal-banner .ant-modal-content {
    border-radius: 8px;
    overflow: hidden
}

.ant-modal.modal-banner .ant-modal-content .ant-modal-body {
    display: flex;
    flex-direction: column
}

@media (max-width: 767.98px) {
    .ant-modal.modal-banner {
        margin:0 15px
    }
}

.ant-modal.modal-order-preview .ant-modal-body {
    background-color: #fbfbfb;
    border-radius: 4px;
    padding: 0 0 40px
}

.ant-modal.modal-order-preview .ant-modal-body .modal__header {
    background-color: #fbfbfb
}

.ant-modal.modal-signup-complete .container-detail {
    margin: 0;
    max-height: 72vh;
    max-width: -moz-fit-content;
    max-width: fit-content;
    overflow: auto;
    padding: 0
}

.ant-modal.modal-signup-complete .container-detail header {
    background-color: #fff;
    position: sticky;
    top: 0
}

.ant-modal.modal-signup-complete .container-detail header h1 {
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: 1.04px;
    line-height: 1.5;
    text-align: center
}

@media (max-width: 575.98px) {
    .ant-modal.modal-signup-complete .container-detail header h1 {
        font-size:1.375rem
    }
}

.ant-modal.modal-signup-complete .container-detail::-webkit-scrollbar {
    display: none
}

.ant-modal.custom-preview .ant-modal-body {
    padding: 48px 24px 0
}

.ant-modal.modal-login .container {
    max-height: calc(var(--vh, 1vh)*82);
    overflow: auto
}

.ant-modal.modal-login .container .title-header {
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 2
}

.ant-modal.modal-login .container .title-header .title-auth {
    margin: 0;
    padding-bottom: 30px
}

.ant-modal.modal-login .container::-webkit-scrollbar {
    display: none
}

.ant-modal.modal-search .modal__content {
    max-height: 82vh;
    overflow: auto
}

.ant-modal.modal-search .modal__content .title-header {
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 2
}

.ant-modal.modal-search .modal__content .title-header .title-auth {
    margin: 0;
    padding-bottom: 30px
}

.ant-modal.modal-search .modal__content::-webkit-scrollbar {
    display: none
}

.ant-modal .container-detail {
    margin-left: 40px;
    margin-right: 40px;
    max-width: 950px
}

.wkt-ant-carousel.ant-carousel .slick-arrow.custom-slick-arrow {
    background-color: #fff;
    border-radius: 50%;
    color: #e0e0e0;
    font-size: 24px;
    height: 24px;
    opacity: .8;
    width: 24px;
    z-index: 1
}

.wkt-ant-carousel.ant-carousel .custom-slick-arrow:before {
    display: none
}

.wkt-ant-carousel.ant-carousel .custom-slick-arrow:hover {
    opacity: .5
}

.wkt-ant-carousel.ant-carousel .slick-dots li,.wkt-ant-carousel.ant-carousel .slick-dots li button {
    background: #e0e0e0;
    border-radius: 40px;
    height: 9px;
    width: 9px
}

.wkt-ant-carousel.ant-carousel .slick-dots li button {
    opacity: 1
}

.wkt-ant-carousel.ant-carousel .slick-dots li.slick-active {
    background: #727272;
    width: 9px
}

.wkt-ant-carousel.ant-carousel .slick-dots li.slick-active button {
    background: #727272
}

.wkt-ant-carousel.ant-carousel .slick-dots {
    margin-top: 6px;
    position: static
}

.ant-tooltip .ant-tooltip-placement-right .ant-tooltip-arrow-content,.ant-tooltip .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content,.ant-tooltip .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content {
    box-shadow: 0 0 20px #00000026
}

.ant-tooltip .ant-tooltip-arrow-content {
    background-color: #fff;
    height: 10px;
    width: 10px
}

.ant-tooltip .ant-tooltip-inner {
    background-color: #fff;
    box-shadow: 0 0 20px #00000026;
    color: #1a1a19;
    padding: 14px 18px;
    white-space: pre-line
}

.ant-tooltip.tooltip--medium {
    max-width: 348px;
    z-index: 2
}

.ant-tooltip.cancel-order-tooltip {
    max-width: 348px
}

.ant-tooltip.tooltip--popup {
    z-index: 1000
}

@media (max-width: 991.98px) {
    .ant-tooltip.tooltip--popup {
        max-width:calc(50% - 20px)
    }
}

.ant-tooltip.report-tooltip {
    left: 15px!important;
    z-index: 1002!important
}

.ant-tooltip.report-tooltip .ant-tooltip-inner {
    align-items: center;
    border-radius: 5px;
    display: flex;
    height: 30px;
    justify-content: center;
    min-width: 89px;
    padding: 5px 30px;
    position: relative
}

.ant-tooltip.report-tooltip .ant-tooltip-inner .btn-report {
    background-color: transparent;
    border: none;
    color: #000;
    line-height: 1;
    padding: 0
}

.ant-tooltip.report-tooltip .ant-tooltip-arrow {
    right: 15px!important;
    z-index: 1
}

body .ant-tooltip-placement-top {
    max-width: 215px
}

:root {
    --ck-color-image-caption-background: #f7f7f7;
    --ck-color-image-caption-text: #333;
    --ck-color-mention-background: rgba(153,0,48,.1);
    --ck-color-mention-text: #990030;
    --ck-color-table-caption-background: #f7f7f7;
    --ck-color-table-caption-text: #333;
    --ck-highlight-marker-blue: #72ccfd;
    --ck-highlight-marker-green: #62f962;
    --ck-highlight-marker-pink: #fc7899;
    --ck-highlight-marker-yellow: #fdfd77;
    --ck-highlight-pen-green: #128a00;
    --ck-highlight-pen-red: #e71313;
    --ck-image-style-spacing: 1.5em;
    --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing)/2);
    --ck-todo-list-checkmark-size: 16px
}

.ck-content .text-tiny {
    font-size: .7em
}

.ck-content .text-small {
    font-size: .85em
}

.ck-content .text-big {
    font-size: 1.4em
}

.ck-content .text-huge {
    font-size: 1.8em
}

.ck-content code {
    background-color: #c7c7c74d;
    border-radius: 2px;
    padding: .15em
}

.ck-content blockquote {
    border-left: 5px solid #ccc;
    font-style: italic;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding-left: 1.5em;
    padding-right: 1.5em
}

.ck-content[dir=rtl] blockquote {
    border-left: 0;
    border-right: 5px solid #ccc
}

.ck-content .marker-yellow {
    background-color: var(--ck-highlight-marker-yellow)
}

.ck-content .marker-green {
    background-color: var(--ck-highlight-marker-green)
}

.ck-content .marker-pink {
    background-color: var(--ck-highlight-marker-pink)
}

.ck-content .marker-blue {
    background-color: var(--ck-highlight-marker-blue)
}

.ck-content .pen-red {
    background-color: transparent;
    color: var(--ck-highlight-pen-red)
}

.ck-content .pen-green {
    background-color: transparent;
    color: var(--ck-highlight-pen-green)
}

.ck-content .image {
    clear: both;
    display: table;
    margin: .9em auto;
    min-width: 50px;
    text-align: center
}

.ck-content .image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%
}

.ck-content .image-inline {
    align-items: flex-start;
    display: inline-flex;
    max-width: 100%
}

.ck-content .image-inline picture {
    display: flex
}

.ck-content .image-inline img,.ck-content .image-inline picture {
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 100%
}

.ck-content .image.image_resized {
    box-sizing: border-box;
    display: block;
    max-width: 100%
}

.ck-content .image.image_resized img {
    width: 100%
}

.ck-content .image.image_resized>figcaption {
    display: block
}

.ck-content .image-style-block-align-left,.ck-content .image-style-block-align-right {
    max-width: calc(100% - var(--ck-image-style-spacing))
}

.ck-content .image-style-align-left,.ck-content .image-style-align-right {
    clear: none
}

.ck-content .image-style-side {
    float: right;
    margin-left: var(--ck-image-style-spacing);
    max-width: 50%
}

.ck-content .image-style-align-left {
    float: left;
    margin-right: var(--ck-image-style-spacing)
}

.ck-content .image-style-align-center {
    margin-left: auto;
    margin-right: auto
}

.ck-content .image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing)
}

.ck-content .image-style-block-align-right {
    margin-left: auto;
    margin-right: 0
}

.ck-content .image-style-block-align-left {
    margin-left: 0;
    margin-right: auto
}

.ck-content p+.image-style-align-left,.ck-content p+.image-style-align-right,.ck-content p+.image-style-side {
    margin-top: 0
}

.ck-content .image-inline.image-style-align-left,.ck-content .image-inline.image-style-align-right {
    margin-bottom: var(--ck-inline-image-style-spacing);
    margin-top: var(--ck-inline-image-style-spacing)
}

.ck-content .image-inline.image-style-align-left {
    margin-right: var(--ck-inline-image-style-spacing)
}

.ck-content .image-inline.image-style-align-right {
    margin-left: var(--ck-inline-image-style-spacing)
}

.ck-content .image>figcaption {
    background-color: var(--ck-color-image-caption-background);
    caption-side: bottom;
    color: var(--ck-color-image-caption-text);
    display: table-caption;
    font-size: .75em;
    outline-offset: -1px;
    padding: .6em;
    word-break: break-word
}

.ck-content span[lang] {
    font-style: italic
}

.ck-content .todo-list {
    list-style: none
}

.ck-content .todo-list li {
    margin-bottom: 5px
}

.ck-content .todo-list li .todo-list {
    margin-top: 5px
}

.ck-content .todo-list .todo-list__label>input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    display: inline-block;
    height: var(--ck-todo-list-checkmark-size);
    left: -25px;
    margin-left: 0;
    margin-right: -15px;
    position: relative;
    right: 0;
    vertical-align: middle;
    width: var(--ck-todo-list-checkmark-size)
}

.ck-content .todo-list .todo-list__label>input:before {
    border: 1px solid #333;
    border-radius: 2px;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transition: box-shadow .25s ease-in-out,background .25s ease-in-out,border .25s ease-in-out;
    width: 100%
}

.ck-content .todo-list .todo-list__label>input:after {
    border-color: transparent;
    border-style: solid;
    border-width: 0 calc(var(--ck-todo-list-checkmark-size)/8) calc(var(--ck-todo-list-checkmark-size)/8) 0;
    box-sizing: content-box;
    content: "";
    display: block;
    height: calc(var(--ck-todo-list-checkmark-size)/2.6);
    left: calc(var(--ck-todo-list-checkmark-size)/3);
    pointer-events: none;
    position: absolute;
    top: calc(var(--ck-todo-list-checkmark-size)/5.3);
    transform: rotate(45deg);
    width: calc(var(--ck-todo-list-checkmark-size)/5.3)
}

.ck-content .todo-list .todo-list__label>input[checked]:before {
    background: #26ab33;
    border-color: #26ab33
}

.ck-content .todo-list .todo-list__label>input[checked]:after {
    border-color: #fff
}

.ck-content .todo-list .todo-list__label .todo-list__label__description {
    vertical-align: middle
}

.ck-content ol {
    list-style-type: decimal
}

.ck-content ol ol {
    list-style-type: lower-latin
}

.ck-content ol ol ol {
    list-style-type: lower-roman
}

.ck-content ol ol ol ol {
    list-style-type: upper-latin
}

.ck-content ol ol ol ol ol {
    list-style-type: upper-roman
}

.ck-content ul {
    list-style-type: disc
}

.ck-content ul ul {
    list-style-type: circle
}

.ck-content ul ul ul,.ck-content ul ul ul ul {
    list-style-type: square
}

.ck-content .media {
    clear: both;
    display: block;
    margin: .9em 0;
    min-width: 15em
}

.ck-content .page-break {
    align-items: center;
    clear: both;
    display: flex;
    justify-content: center;
    padding: 5px 0;
    position: relative
}

.ck-content .page-break:after {
    border-bottom: 2px dashed #c4c4c4;
    content: "";
    position: absolute;
    width: 100%
}

.ck-content .page-break__label {
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 2px;
    box-shadow: 2px 2px 1px #00000026;
    color: #333;
    display: block;
    font-family: Helvetica,Arial,Tahoma,Verdana,sans-serif;
    font-size: .75em;
    font-weight: 700;
    padding: .3em .6em;
    position: relative;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

.ck-content .table>figcaption {
    background-color: var(--ck-color-table-caption-background);
    caption-side: top;
    color: var(--ck-color-table-caption-text);
    display: table-caption;
    font-size: .75em;
    outline-offset: -1px;
    padding: .6em;
    text-align: center;
    word-break: break-word
}

.ck-content .table {
    display: table;
    margin: .9em auto
}

.ck-content .table table {
    border: 1px double #b3b3b3;
    border-collapse: collapse;
    border-spacing: 0;
    height: 100%;
    width: 100%
}

.ck-content .table table td,.ck-content .table table th {
    border: 1px solid #bfbfbf;
    min-width: 2em;
    padding: .4em
}

.ck-content .table table th {
    background: rgba(0,0,0,.05);
    font-weight: 700
}

.ck-content[dir=rtl] .table th {
    text-align: right
}

.ck-content[dir=ltr] .table th {
    text-align: left
}

.ck-content .table .ck-table-resized {
    table-layout: fixed
}

.ck-content .table table {
    overflow: hidden
}

.ck-content .table td,.ck-content .table th {
    position: relative
}

.ck-content pre {
    background: hsla(0,0%,78%,.3);
    border: 1px solid #c4c4c4;
    border-radius: 2px;
    color: #353535;
    direction: ltr;
    font-style: normal;
    min-width: 200px;
    padding: 1em;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    text-align: left;
    white-space: pre-wrap
}

.ck-content pre code {
    background: unset;
    border-radius: 0;
    padding: 0
}

.ck-content hr {
    background: #dedede;
    border: 0;
    height: 4px;
    margin: 15px 0
}

.ck-content .mention {
    background: var(--ck-color-mention-background);
    color: var(--ck-color-mention-text)
}

@media print {
    .ck-content .page-break {
        padding: 0
    }

    .ck-content .page-break:after {
        display: none
    }
}

.ck.ck-editor {
    position: relative;
    z-index: 1
}

.ck-content .hide-detail {
    background-color: #ffafa5
}

.ck-content .show-detail {
    background-color: #ff2e2e
}

.ck-content {
    width: 100%
}

.ck-content.ck-editor__editable {
    height: 700px
}

.ck-content ol,.ck-content ul {
    padding: revert
}

.page-loader {
    background-color: #e0e0e0cc;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.page-loader .ant-spin {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.ant-spin-text {
    color: #9f9f9f;
    font-size: .625rem;
    font-weight: 400;
    line-height: 1.6;
    padding-top: 10px;
    text-shadow: none
}

@media (max-width: 575.98px) {
    .ant-spin-text {
        font-size:.5rem;
        padding-top: 4px
    }
}

.top-page-loading {
    height: 100%;
    position: relative;
    width: 100%
}

.top-page-loading .ant-spin-spinning {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.top-page-loading .ant-spin-nested-loading>div>.ant-spin .ant-spin-text,.top-page-loading .ant-spin-show-text .ant-spin-text {
    position: absolute;
    top: calc(50% + 40px)
}

@media (max-width: 575.98px) {
    .top-page-loading .ant-spin-nested-loading>div>.ant-spin .ant-spin-text,.top-page-loading .ant-spin-show-text .ant-spin-text {
        top:calc(50% + 24px)
    }
}

.top-page-loading .ant-spin-nested-loading>div>.ant-spin .ant-spin-dot {
    bottom: 0;
    left: 0;
    margin: auto!important;
    right: 0;
    top: 0
}

.wkt-table--gray .ant-table-thead .ant-table-cell {
    color: #1a1a19
}

.wkt-table--gray .ant-table-tbody .ant-table-cell {
    color: #727272;
    font-size: .75rem
}

.wkt-table .ant-table-cell {
    color: #1a1a1a
}

.wkt-table .col-icon {
    align-items: center;
    display: flex;
    white-space: pre-line
}

.wkt-table .col-icon .ant-table-icon-trigger {
    align-items: center;
    border-radius: 2px;
    color: #bfbfbf;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 24px;
    margin: -4px -8px -4px 4px;
    position: relative;
    transition: all .3s
}

.wkt-table .col-icon .ant-table-icon-trigger:hover {
    background: rgba(0,0,0,.04);
    color: #00000073
}

.wkt-table .row-gray td {
    background-color: #1a1a194d
}

.wkt-table .clickable {
    cursor: pointer
}

.wkt-table thead.ant-table-thead th {
    background-color: #efefef;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .15px;
    line-height: 1.75;
    padding: 12px 0 12px 8px;
    white-space: pre-line
}

.wkt-table thead.ant-table-thead th:before {
    display: none
}

.wkt-table thead.ant-table-thead th:first-child {
    padding-left: 10px
}

.wkt-table thead.ant-table-thead th:last-child {
    padding-right: 4px
}

.wkt-table .ant-table-tbody>tr>td {
    border-bottom-color: #e0e0e0;
    padding: 12px 0 12px 8px
}

.wkt-table .ant-table-tbody>tr>td:first-child {
    padding-left: 20px
}

.wkt-table .ant-table-empty .ant-table-placeholder .ant-table-cell {
    border-bottom: none;
    color: #000;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 0;
    padding-top: 31px;
    text-align: left
}

.wkt-table .ant-table-pagination.ant-pagination {
    margin: 24px 0 0
}

.wkt-table--order thead.ant-table-thead th {
    line-height: 1.2;
    padding: 6px 0 6px 8px
}

.wkt-table--order thead.ant-table-thead th:first-child {
    padding-left: 8px
}

.wkt-table--order thead.ant-table-thead th:nth-child(4),.wkt-table--order thead.ant-table-thead th:nth-child(6) {
    padding-left: 16px
}

.wkt-table--order thead.ant-table-thead th:nth-child(10),.wkt-table--order thead.ant-table-thead th:nth-child(9) {
    padding-left: 24px
}

.wkt-table--order .ant-table-tbody>tr>td:first-child {
    padding-left: 8px
}

.wkt-table--order .ant-table-tbody>tr>td:nth-child(4),.wkt-table--order .ant-table-tbody>tr>td:nth-child(6) {
    padding-left: 16px
}

.wkt-table--order .ant-table-tbody>tr>td:nth-child(10),.wkt-table--order .ant-table-tbody>tr>td:nth-child(9) {
    padding-left: 24px
}

.detail-pj__title {
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 8px
}

.detail-pj__note {
    color: #727272;
    letter-spacing: .0125em
}

.detail-pj .wkt-pagination {
    margin-top: 32px
}

.detail-pj .wkt-form-tag.ant-tag-gray {
    margin: 0 0 0 8px
}

.detail-pj .wkt-btn.ant-btn--gray-2 {
    align-items: center;
    display: flex;
    justify-content: center
}

.detail-pj .wkt-btn--add .anticon.anticon-right {
    color: #727272;
    font-size: .875rem;
    margin-left: 8px
}

.detail-pj .wkt-btn--add .anticon.anticon-right path {
    stroke-width: 20px;
    fill: #727272;
    stroke: #727272
}

.detail-pj .anticon-heart--pink {
    color: #f75e95
}

.detail-pj .ant-tabs-nav-list {
    align-items: center;
    justify-content: center;
    width: 100%
}

.detail-pj .ant-tabs-tab {
    align-items: center;
    flex: 1;
    justify-content: center;
    padding: 8px 0
}

.detail-pj .ant-tabs-tab .ant-tag-gray {
    padding: 0 4px
}

.detail-pj .ant-tabs-tab+.ant-tabs-tab {
    margin: 0
}

.detail-pj .ant-tabs-tab .ant-tabs-tab-btn {
    align-items: center;
    color: #727272;
    display: flex;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .0125em;
    line-height: 1.7;
    text-align: center;
    width: 100%
}

.detail-pj .ant-tabs-tab .ant-tabs-tab-btn a {
    color: #727272;
    width: 100%
}

.detail-pj .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #4696f7;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .0125em;
    line-height: 1.7
}

.detail-pj .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn a {
    color: #4696f7
}

.detail-pj .ant-tabs-tab-active .wkt-form-tag {
    background-color: #4696f7;
    border-color: #4696f7;
    color: #fff
}

.detail-pj .ant-tabs-ink-bar {
    height: 3px
}

.detail-pj .ant-tabs-bottom>.ant-tabs-nav,.detail-pj .ant-tabs-bottom>div>.ant-tabs-nav,.detail-pj .ant-tabs-top>.ant-tabs-nav,.detail-pj .ant-tabs-top>div>.ant-tabs-nav {
    margin-bottom: 32px
}

.detail-pj .ant-tabs-bottom>.ant-tabs-nav:before,.detail-pj .ant-tabs-bottom>div>.ant-tabs-nav:before,.detail-pj .ant-tabs-top>.ant-tabs-nav:before,.detail-pj .ant-tabs-top>div>.ant-tabs-nav:before {
    border-color: #727272
}

.detail-pj .ant-tabs-tabpane {
    display: flex
}

.detail-pj .wkt-select-activity {
    max-width: 137px
}

.detail-pj .wkt-select-activity .ant-select-arrow svg {
    width: 16px
}

.detail-pj .price {
    margin: 0 0 14px
}

@media (max-width: 991.98px) {
    .detail-pj .price {
        margin:8px 0 24px
    }
}

.detail-pj .price__sale {
    color: #1a1a19;
    font-size: 2.625rem;
    font-weight: 700;
    letter-spacing: 1.68px;
    line-height: 52px;
    margin: 0 0 4px
}

@media (max-width: 991.98px) {
    .detail-pj .price__sale {
        line-height:45px;
        margin: 0 0 8px
    }
}

.detail-pj .price__target {
    color: #727272;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 1.5
}

@media (max-width: 991.98px) {
    .detail-pj .price__target {
        font-size:1.125rem;
        font-weight: 400;
        letter-spacing: .72px
    }
}

.detail-pj .progress {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.detail-pj .progress__item {
    align-items: center;
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    position: relative
}

.detail-pj .progress__ic-top {
    position: absolute;
    right: -16px;
    top: -16px;
    z-index: 2
}

.detail-pj .flex-between {
    display: flex;
    justify-content: space-between
}

@media (max-width: 991.98px) {
    .detail-pj .flex-between {
        margin:36px 0 32px
    }
}

.detail-pj .flex-between .wkt-btn {
    font-size: .875rem;
    height: 40px;
    line-height: 1;
    max-width: calc(50% - 4px)
}

.detail-pj .sp-project-detail__follow {
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: 1.04px;
    line-height: 1.5;
    margin: 2px 0 0
}

.detail-pj .sp-project-detail__follow.text-value {
    font-size: 2rem;
    letter-spacing: 1.28px;
    margin: 0;
    text-align: center
}

@media (max-width: 991.98px) {
    .detail-pj .sp-project-detail__follow.text-value {
        font-size:1.625rem;
        letter-spacing: 1.04px
    }

    .detail-pj .sp-project-detail__follow {
        font-size: 1.25rem;
        letter-spacing: .8px;
        margin: 4px 0 0
    }
}

.detail-pj .sp-project-detail .ant-btn--red {
    font-size: 1.125rem;
    height: 56px;
    margin-top: 14px;
    padding: 0
}

.detail-pj .livestream-pj__status {
    font-size: .75rem;
    line-height: 1
}

.detail-pj .nodata .wkt-btn {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 auto
}

.detail-pj .question {
    padding-left: 14px
}

.detail-pj .question__desc {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #1a1a19;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.detail-pj .question__link {
    align-items: center;
    color: #4696f7;
    display: flex;
    justify-content: center
}

.detail-pj .question__user {
    color: #1a1a19;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.5
}

.detail-pj .question__user img {
    height: 32px;
    width: 32px
}

.detail-pj .tab__title {
    color: #000;
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 16px
}

.detail-pj .tab__desc {
    line-height: 1.7;
    margin: 16px 0
}

.detail-pj .tab__label {
    line-height: 1.7
}

.detail-pj .tab__label.text-noti {
    margin: 0 0 5px
}

.detail-pj .tab__btn {
    margin: 24px auto;
    max-width: 255px
}

@media (max-width: 575.98px) {
    .detail-pj .tab__btn {
        margin:24px 0;
        max-width: 100%
    }

    .detail-pj .tab__btn button {
        width: 100%
    }
}

.detail-pj .tab__report-content {
    color: #1a1a19;
    font-weight: 400;
    white-space: pre-line
}

.detail-pj .tab__report-image {
    display: flex;
    gap: 11px;
    justify-content: flex-start;
    margin: 24px 0
}

.detail-pj .tab__report-image li {
    cursor: pointer;
    width: calc(20% - 12px)
}

.detail-pj .tab__report-image li .wkt-image {
    height: 100%
}

.detail-pj .tab__report-image li .wkt-image__img,.detail-pj .tab__report-image li .wkt-image__video {
    height: 100%;
    width: 100%
}

.detail-pj .tab__report--empty p:first-child {
    color: #1a1a19;
    font-size: 18px;
    letter-spacing: .72px;
    line-height: 27px;
    margin-bottom: 8px
}

.detail-pj .tab__report--empty p:last-child {
    color: #727272;
    font-size: 14px;
    letter-spacing: .035px;
    line-height: 24.5px
}

@media (max-width: 575.98px) {
    .detail-pj .tab .ant-tabs-tabpane {
        display:block
    }

    .detail-pj .tab__content {
        width: 100%
    }

    .detail-pj .tab__report-image {
        display: grid;
        gap: 15px;
        grid-template-columns: 1fr 1fr
    }

    .detail-pj .tab__report-image li {
        cursor: pointer;
        width: 100%
    }
}

.detail-pj .item {
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    margin: 24px 0;
    padding: 0 0 24px
}

.detail-pj .item--large {
    margin: 0 0 24px;
    padding: 0 0 32px
}

.detail-pj .item__image {
    border-radius: 4px;
    flex-shrink: 0;
    margin-right: 28px;
    overflow: hidden
}

.detail-pj .item__content {
    line-height: 1
}

.detail-pj .item__title {
    color: #1a1a19;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.5;
    margin: 3px 0
}

.detail-pj .item__two-line {
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .0025em;
    line-height: 1.75;
    margin: 8px 0;
    white-space: normal
}

.detail-pj .item__desc,.detail-pj .item__two-line {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #1a1a19;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.detail-pj .item__desc {
    font-weight: 400;
    margin: 0;
    white-space: pre-line
}

@media (max-width: 575.98px) {
    .detail-pj .item--large {
        flex-direction:column;
        gap: 16px;
        margin-bottom: 16px;
        padding-bottom: 0
    }

    .detail-pj .item--large .item__image {
        margin-right: 0;
        width: 100%
    }

    .detail-pj .item--large .item__image img {
        height: auto;
        width: 100%
    }
}

.detail-pj .thread {
    border-bottom: 1px solid #e0e0e0;
    padding: 24px 0
}

.detail-pj .comment {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative
}

.detail-pj .comment--reply {
    margin-right: 3px;
    margin-top: 8px;
    padding-left: 13px
}

.detail-pj .comment--reply:before {
    background: #4696f7;
    border-radius: 30px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
    z-index: 2
}

.detail-pj .comment--reply .comment__info {
    align-items: flex-end
}

.detail-pj .comment__info {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.detail-pj .comment__content {
    flex: 0 0 calc(100% - 36px);
    max-width: calc(100% - 36px)
}

.detail-pj .comment__favorite {
    align-items: center;
    display: flex;
    flex: 0 0 24px;
    flex-direction: column;
    justify-content: center;
    margin-left: 12px;
    max-width: 24px
}

.detail-pj .comment__favorite button {
    border: none;
    height: auto;
    padding: 0
}

.detail-pj .comment__favorite button+span {
    margin-top: 0;
    white-space: pre
}

.detail-pj .comment__favorite .anticon {
    cursor: pointer;
    font-size: 16px
}

.detail-pj .comment__favorite .anticon+span {
    margin-left: 0
}

.detail-pj .comment__favorite .anticon.anticon-heart {
    color: #727272
}

.detail-pj .comment__favorite .anticon.anticon-heart--pink {
    color: #f75e95
}

.detail-pj .comment__public-time {
    color: #727272
}

.detail-pj .comment__note {
    color: #1a1a19;
    font-weight: 400;
    margin: 8px 0 0;
    white-space: pre-line
}

.detail-pj .comment__user {
    color: #1a1a19;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.5
}

.detail-pj .comment__image {
    align-items: center;
    display: flex
}

.detail-pj .comment__image img {
    flex-shrink: 0
}

.detail-pj .number {
    color: #727272;
    font-size: .625rem;
    font-weight: 400;
    letter-spacing: .0125em;
    line-height: 1.65;
    margin-top: 2px;
    text-align: center
}

.detail-pj .navigation {
    align-items: center;
    border: 1px solid #d9d9d9;
    border-left: 0;
    border-right: 0;
    display: flex;
    justify-content: space-between;
    padding: 8px 0
}

.detail-pj .navigation__btn {
    color: #1a1a19;
    cursor: pointer;
    flex: 0 0 50%;
    padding: 8px 0
}

.detail-pj .navigation__btn .group-icon {
    font-size: 1rem;
    letter-spacing: .04em;
    line-height: 1.4
}

.detail-pj .navigation__btn:last-child {
    border-left: 1px solid #e0e0e0;
    min-height: 40px
}

.detail-pj .navigation__btn:last-child .group-icon {
    justify-content: flex-end
}

.detail-pj .navigation__btn:last-child button {
    float: right
}

.detail-pj .section__title {
    color: #1a1a19;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.5;
    text-align: center
}

.detail-pj .section__number {
    color: #000;
    font-size: .625rem;
    font-weight: 400;
    letter-spacing: .0125em;
    line-height: 1.65;
    margin-top: 8px
}

.detail-pj .section__desc {
    color: #000;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .0125em;
    line-height: 1.2
}

.detail-pj .section__link {
    margin-top: 8px;
    text-align: center
}

.detail-pj .section__link .link__blue {
    font-size: .75rem;
    line-height: 1.7
}

.detail-pj .rating {
    flex-basis: 74px
}

.detail-pj .rating__title {
    color: #000;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .0125em;
    line-height: 1.2
}

.detail-pj .rating__number {
    color: #000;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.5;
    margin: 12px 0
}

.detail-pj .rating__list {
    display: flex;
    justify-content: space-between
}

.detail-pj .rating__list .anticon {
    color: #e0e0e0;
    cursor: pointer
}

.detail-pj .rating__list .anticon.active {
    color: #ffc800
}

.detail-pj .bg-gray,.detail-pj .bg-gray.ant-form {
    background-color: #fbfbfb;
    border-radius: 10px
}

.detail-pj .bg-gray.ant-form {
    text-align: center
}

.detail-pj .text-noti {
    margin: 16px 0;
    white-space: pre-line
}

.detail-pj .store {
    align-items: center;
    display: flex
}

.detail-pj .store__image {
    border-radius: 100%;
    flex-shrink: 0;
    margin-right: 12px;
    overflow: hidden
}

.detail-pj .store__info {
    color: #1a1a19;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .0025em;
    line-height: 1.75
}

.detail-pj .product__title {
    letter-spacing: .04em;
    margin-bottom: 16px
}

.detail-pj .product__price,.detail-pj .product__title {
    color: #1a1a19;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5
}

.detail-pj .product__price {
    align-items: flex-end;
    display: flex;
    letter-spacing: .72px;
    margin-bottom: 8px
}

@media (max-width: 991.98px) {
    .detail-pj .product__price {
        font-size:1.375rem;
        letter-spacing: .88px
    }
}

.detail-pj .product__price span {
    font-size: .875rem;
    letter-spacing: .56px;
    position: relative;
    top: -2px
}

@media (max-width: 991.98px) {
    .detail-pj .product__price span {
        font-size:1.125rem;
        letter-spacing: .72px
    }
}

.detail-pj .product__sale-price {
    color: #1a1a19;
    margin-bottom: 8px
}

@media (max-width: 991.98px) {
    .detail-pj .product__sale-price {
        font-size:.875rem;
        letter-spacing: .035px;
        line-height: 1.75
    }
}

.detail-pj .product__item-quantity {
    color: #1a1a19;
    font-weight: 400;
    margin-bottom: 16px
}

.detail-pj .ant-carousel .slick-slide img {
    width: 100%
}

.detail-pj .image--round {
    border-radius: 4px
}

.detail-pj .image--rounder {
    border-radius: 6px
}

.detail-pj .image--circle {
    border-radius: 100%
}

.detail-pj .image--medium {
    height: 90px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 160px
}

.detail-pj .image--large {
    height: 143px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 254px
}

.detail-pj .list-social {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.breadcrumb-detail .ant-breadcrumb-separator {
    align-items: center;
    display: flex;
    margin: 0
}

.wkt-404 .title {
    font-weight: 400;
    line-height: 1.5;
    margin: 16px 0 0
}

.wkt-404 .content {
    line-height: 1.5;
    margin: 0 0 16px
}

.wkt-404 .message {
    font-size: .75rem;
    line-height: 1.7;
    margin: 0 0 32px;
    text-align: center
}

[class*=ant-] input::-ms-clear,[class*=ant-] input::-ms-reveal,[class*=ant-]::-ms-clear,[class^=ant-] input::-ms-clear,[class^=ant-] input::-ms-reveal,[class^=ant-]::-ms-clear {
    display: none
}

body,html {
    height: 100%;
    width: 100%
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

*,:after,:before {
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: sans-serif;
    line-height: 1.15
}

body {
    font-feature-settings: "tnum";
    background-color: #fff;
    color: #000000d9;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    margin: 0
}

[tabindex="-1"]:focus {
    outline: none!important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,h2,h3,h4,h5,h6 {
    color: #000000d9;
    font-weight: 500;
    margin-bottom: .5em;
    margin-top: 0
}

p {
    margin-bottom: 1em;
    margin-top: 0
}

abbr[data-original-title],abbr[title] {
    border-bottom: 0;
    cursor: help;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1em
}

input[type=number],input[type=password],input[type=text],textarea {
    -webkit-appearance: none
}

dl,ol,ul {
    margin-bottom: 1em;
    margin-top: 0
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 500
}

dd {
    margin-bottom: .5em;
    margin-left: 0
}

blockquote {
    margin: 0 0 1em
}

dfn {
    font-style: italic
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    -webkit-text-decoration-skip: objects;
    background-color: transparent;
    color: #1890ff;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    transition: color .3s
}

a:hover {
    color: #40a9ff
}

a:active {
    color: #096dd9
}

a:active,a:focus,a:hover {
    outline: 0;
    text-decoration: none
}

a[disabled] {
    color: #00000040;
    cursor: not-allowed
}

code,kbd,pre,samp {
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
    font-size: 1em
}

pre {
    margin-bottom: 1em;
    margin-top: 0;
    overflow: auto
}

figure {
    margin: 0 0 1em
}

img {
    border-style: none;
    vertical-align: middle
}

[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea {
    touch-action: manipulation
}

table {
    border-collapse: collapse
}

caption {
    caption-side: bottom;
    color: #00000073;
    padding-bottom: .3em;
    padding-top: .75em;
    text-align: left
}

button,input,optgroup,select,textarea {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

legend {
    color: inherit;
    display: block;
    font-size: 1.5em;
    line-height: inherit;
    margin-bottom: .5em;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    width: 100%
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: none;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

output {
    display: inline-block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none!important
}

mark {
    background-color: #feffe6;
    padding: .2em
}

::-moz-selection {
    background: #1890ff;
    color: #fff
}

::selection {
    background: #1890ff;
    color: #fff
}

.clearfix:after,.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.anticon {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    display: inline-block;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-rendering: optimizelegibility;
    text-transform: none;
    vertical-align: -.125em
}

.anticon>* {
    line-height: 1
}

.anticon svg {
    display: inline-block
}

.anticon:before {
    display: none
}

.anticon .anticon-icon {
    display: block
}

.anticon>.anticon {
    line-height: 0;
    vertical-align: 0
}

.anticon[tabindex] {
    cursor: pointer
}

.anticon-spin,.anticon-spin:before {
    animation: loadingCircle 1s linear infinite;
    display: inline-block
}

.ant-fade-appear,.ant-fade-enter,.ant-fade-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-fade-appear.ant-fade-appear-active,.ant-fade-enter.ant-fade-enter-active {
    animation-name: antFadeIn;
    animation-play-state: running
}

.ant-fade-leave.ant-fade-leave-active {
    animation-name: antFadeOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-fade-appear,.ant-fade-enter {
    animation-timing-function: linear;
    opacity: 0
}

.ant-fade-leave {
    animation-timing-function: linear
}

.fade-appear,.fade-enter,.fade-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.fade-appear.fade-appear-active,.fade-enter.fade-enter-active {
    animation-name: antFadeIn;
    animation-play-state: running
}

.fade-leave.fade-leave-active {
    animation-name: antFadeOut;
    animation-play-state: running;
    pointer-events: none
}

.fade-appear,.fade-enter {
    opacity: 0
}

.fade-appear,.fade-enter,.fade-leave {
    animation-timing-function: linear
}

@keyframes antFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes antFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.ant-move-up-appear,.ant-move-up-enter,.ant-move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-move-up-appear.ant-move-up-appear-active,.ant-move-up-enter.ant-move-up-enter-active {
    animation-name: antMoveUpIn;
    animation-play-state: running
}

.ant-move-up-leave.ant-move-up-leave-active {
    animation-name: antMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-up-appear,.ant-move-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.ant-move-up-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-up-appear,.move-up-enter,.move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active {
    animation-name: antMoveUpIn;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    animation-name: antMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.move-up-appear,.move-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-up-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.ant-move-down-appear,.ant-move-down-enter,.ant-move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-move-down-appear.ant-move-down-appear-active,.ant-move-down-enter.ant-move-down-enter-active {
    animation-name: antMoveDownIn;
    animation-play-state: running
}

.ant-move-down-leave.ant-move-down-leave-active {
    animation-name: antMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-down-appear,.ant-move-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.ant-move-down-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-down-appear,.move-down-enter,.move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active {
    animation-name: antMoveDownIn;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    animation-name: antMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.move-down-appear,.move-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-down-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.ant-move-left-appear,.ant-move-left-enter,.ant-move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-move-left-appear.ant-move-left-appear-active,.ant-move-left-enter.ant-move-left-enter-active {
    animation-name: antMoveLeftIn;
    animation-play-state: running
}

.ant-move-left-leave.ant-move-left-leave-active {
    animation-name: antMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-left-appear,.ant-move-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.ant-move-left-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-left-appear,.move-left-enter,.move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active {
    animation-name: antMoveLeftIn;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    animation-name: antMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.move-left-appear,.move-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-left-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.ant-move-right-appear,.ant-move-right-enter,.ant-move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-move-right-appear.ant-move-right-appear-active,.ant-move-right-enter.ant-move-right-enter-active {
    animation-name: antMoveRightIn;
    animation-play-state: running
}

.ant-move-right-leave.ant-move-right-leave-active {
    animation-name: antMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-right-appear,.ant-move-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.ant-move-right-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-right-appear,.move-right-enter,.move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active {
    animation-name: antMoveRightIn;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    animation-name: antMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.move-right-appear,.move-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-right-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

@keyframes antMoveDownIn {
    0% {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes antMoveDownOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }
}

@keyframes antMoveLeftIn {
    0% {
        opacity: 0;
        transform: translate(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translate(0);
        transform-origin: 0 0
    }
}

@keyframes antMoveLeftOut {
    0% {
        opacity: 1;
        transform: translate(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translate(-100%);
        transform-origin: 0 0
    }
}

@keyframes antMoveRightIn {
    0% {
        opacity: 0;
        transform: translate(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translate(0);
        transform-origin: 0 0
    }
}

@keyframes antMoveRightOut {
    0% {
        opacity: 1;
        transform: translate(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translate(100%);
        transform-origin: 0 0
    }
}

@keyframes antMoveUpIn {
    0% {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes antMoveUpOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }
}

@keyframes loadingCircle {
    to {
        transform: rotate(1turn)
    }
}

[ant-click-animating-without-extra-node=true],[ant-click-animating=true] {
    position: relative
}

html {
    --antd-wave-shadow-color: #1890ff;
    --scroll-bar: 0
}

.ant-click-animating-node,[ant-click-animating-without-extra-node=true]:after {
    animation: fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1);
    animation-fill-mode: forwards;
    border-radius: inherit;
    bottom: 0;
    box-shadow: 0 0 #1890ff;
    box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
    content: "";
    display: block;
    left: 0;
    opacity: .2;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

@keyframes waveEffect {
    to {
        box-shadow: 0 0 #1890ff;
        box-shadow: 0 0 0 6px var(--antd-wave-shadow-color)
    }
}

@keyframes fadeEffect {
    to {
        opacity: 0
    }
}

.slide-up-appear,.slide-up-enter,.slide-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-up-appear.slide-up-appear-active,.slide-up-enter.slide-up-enter-active {
    animation-name: antSlideUpIn;
    animation-play-state: running
}

.slide-up-leave.slide-up-leave-active {
    animation-name: antSlideUpOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-up-appear,.slide-up-enter {
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    opacity: 0
}

.slide-up-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.slide-down-appear,.slide-down-enter,.slide-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-down-appear.slide-down-appear-active,.slide-down-enter.slide-down-enter-active {
    animation-name: antSlideDownIn;
    animation-play-state: running
}

.slide-down-leave.slide-down-leave-active {
    animation-name: antSlideDownOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-down-appear,.slide-down-enter {
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    opacity: 0
}

.slide-down-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.slide-left-appear,.slide-left-enter,.slide-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-left-appear.slide-left-appear-active,.slide-left-enter.slide-left-enter-active {
    animation-name: antSlideLeftIn;
    animation-play-state: running
}

.slide-left-leave.slide-left-leave-active {
    animation-name: antSlideLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-left-appear,.slide-left-enter {
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    opacity: 0
}

.slide-left-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.slide-right-appear,.slide-right-enter,.slide-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-right-appear.slide-right-appear-active,.slide-right-enter.slide-right-enter-active {
    animation-name: antSlideRightIn;
    animation-play-state: running
}

.slide-right-leave.slide-right-leave-active {
    animation-name: antSlideRightOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-right-appear,.slide-right-enter {
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    opacity: 0
}

.slide-right-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.ant-slide-up-appear,.ant-slide-up-enter,.ant-slide-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-slide-up-appear.ant-slide-up-appear-active,.ant-slide-up-enter.ant-slide-up-enter-active {
    animation-name: antSlideUpIn;
    animation-play-state: running
}

.ant-slide-up-leave.ant-slide-up-leave-active {
    animation-name: antSlideUpOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-up-appear,.ant-slide-up-enter {
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    opacity: 0
}

.ant-slide-up-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.ant-slide-down-appear,.ant-slide-down-enter,.ant-slide-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-slide-down-appear.ant-slide-down-appear-active,.ant-slide-down-enter.ant-slide-down-enter-active {
    animation-name: antSlideDownIn;
    animation-play-state: running
}

.ant-slide-down-leave.ant-slide-down-leave-active {
    animation-name: antSlideDownOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-down-appear,.ant-slide-down-enter {
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    opacity: 0
}

.ant-slide-down-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.ant-slide-left-appear,.ant-slide-left-enter,.ant-slide-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-slide-left-appear.ant-slide-left-appear-active,.ant-slide-left-enter.ant-slide-left-enter-active {
    animation-name: antSlideLeftIn;
    animation-play-state: running
}

.ant-slide-left-leave.ant-slide-left-leave-active {
    animation-name: antSlideLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-left-appear,.ant-slide-left-enter {
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    opacity: 0
}

.ant-slide-left-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.ant-slide-right-appear,.ant-slide-right-enter,.ant-slide-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-slide-right-appear.ant-slide-right-appear-active,.ant-slide-right-enter.ant-slide-right-enter-active {
    animation-name: antSlideRightIn;
    animation-play-state: running
}

.ant-slide-right-leave.ant-slide-right-leave-active {
    animation-name: antSlideRightOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-right-appear,.ant-slide-right-enter {
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    opacity: 0
}

.ant-slide-right-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

@keyframes antSlideUpIn {
    0% {
        opacity: 0;
        transform: scaleY(.8);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 0 0
    }
}

@keyframes antSlideUpOut {
    0% {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: scaleY(.8);
        transform-origin: 0 0
    }
}

@keyframes antSlideDownIn {
    0% {
        opacity: 0;
        transform: scaleY(.8);
        transform-origin: 100% 100%
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 100%
    }
}

@keyframes antSlideDownOut {
    0% {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 100%
    }

    to {
        opacity: 0;
        transform: scaleY(.8);
        transform-origin: 100% 100%
    }
}

@keyframes antSlideLeftIn {
    0% {
        opacity: 0;
        transform: scaleX(.8);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 0 0
    }
}

@keyframes antSlideLeftOut {
    0% {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: scaleX(.8);
        transform-origin: 0 0
    }
}

@keyframes antSlideRightIn {
    0% {
        opacity: 0;
        transform: scaleX(.8);
        transform-origin: 100% 0
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 100% 0
    }
}

@keyframes antSlideRightOut {
    0% {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 100% 0
    }

    to {
        opacity: 0;
        transform: scaleX(.8);
        transform-origin: 100% 0
    }
}

.ant-zoom-appear,.ant-zoom-enter,.ant-zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-appear.ant-zoom-appear-active,.ant-zoom-enter.ant-zoom-enter-active {
    animation-name: antZoomIn;
    animation-play-state: running
}

.ant-zoom-leave.ant-zoom-leave-active {
    animation-name: antZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-appear,.ant-zoom-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.ant-zoom-appear-prepare,.ant-zoom-enter-prepare {
    transform: none
}

.ant-zoom-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-appear,.zoom-enter,.zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-appear.zoom-appear-active,.zoom-enter.zoom-enter-active {
    animation-name: antZoomIn;
    animation-play-state: running
}

.zoom-leave.zoom-leave-active {
    animation-name: antZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-appear,.zoom-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.zoom-appear-prepare,.zoom-enter-prepare {
    transform: none
}

.zoom-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-zoom-big-appear,.ant-zoom-big-enter,.ant-zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-big-appear.ant-zoom-big-appear-active,.ant-zoom-big-enter.ant-zoom-big-enter-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.ant-zoom-big-leave.ant-zoom-big-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-big-appear,.ant-zoom-big-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.ant-zoom-big-appear-prepare,.ant-zoom-big-enter-prepare {
    transform: none
}

.ant-zoom-big-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-big-appear,.zoom-big-enter,.zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-big-appear.zoom-big-appear-active,.zoom-big-enter.zoom-big-enter-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.zoom-big-leave.zoom-big-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-appear,.zoom-big-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.zoom-big-appear-prepare,.zoom-big-enter-prepare {
    transform: none
}

.zoom-big-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-zoom-big-fast-appear,.ant-zoom-big-fast-enter,.ant-zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active,.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-big-fast-appear,.ant-zoom-big-fast-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.ant-zoom-big-fast-appear-prepare,.ant-zoom-big-fast-enter-prepare {
    transform: none
}

.ant-zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-big-fast-appear,.zoom-big-fast-enter,.zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-big-fast-appear.zoom-big-fast-appear-active,.zoom-big-fast-enter.zoom-big-fast-enter-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.zoom-big-fast-leave.zoom-big-fast-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-fast-appear,.zoom-big-fast-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.zoom-big-fast-appear-prepare,.zoom-big-fast-enter-prepare {
    transform: none
}

.zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-zoom-up-appear,.ant-zoom-up-enter,.ant-zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-up-appear.ant-zoom-up-appear-active,.ant-zoom-up-enter.ant-zoom-up-enter-active {
    animation-name: antZoomUpIn;
    animation-play-state: running
}

.ant-zoom-up-leave.ant-zoom-up-leave-active {
    animation-name: antZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-up-appear,.ant-zoom-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.ant-zoom-up-appear-prepare,.ant-zoom-up-enter-prepare {
    transform: none
}

.ant-zoom-up-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-up-appear,.zoom-up-enter,.zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-up-appear.zoom-up-appear-active,.zoom-up-enter.zoom-up-enter-active {
    animation-name: antZoomUpIn;
    animation-play-state: running
}

.zoom-up-leave.zoom-up-leave-active {
    animation-name: antZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-up-appear,.zoom-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.zoom-up-appear-prepare,.zoom-up-enter-prepare {
    transform: none
}

.zoom-up-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-zoom-down-appear,.ant-zoom-down-enter,.ant-zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-down-appear.ant-zoom-down-appear-active,.ant-zoom-down-enter.ant-zoom-down-enter-active {
    animation-name: antZoomDownIn;
    animation-play-state: running
}

.ant-zoom-down-leave.ant-zoom-down-leave-active {
    animation-name: antZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-down-appear,.ant-zoom-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.ant-zoom-down-appear-prepare,.ant-zoom-down-enter-prepare {
    transform: none
}

.ant-zoom-down-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-down-appear,.zoom-down-enter,.zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-down-appear.zoom-down-appear-active,.zoom-down-enter.zoom-down-enter-active {
    animation-name: antZoomDownIn;
    animation-play-state: running
}

.zoom-down-leave.zoom-down-leave-active {
    animation-name: antZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-down-appear,.zoom-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.zoom-down-appear-prepare,.zoom-down-enter-prepare {
    transform: none
}

.zoom-down-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-zoom-left-appear,.ant-zoom-left-enter,.ant-zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-left-appear.ant-zoom-left-appear-active,.ant-zoom-left-enter.ant-zoom-left-enter-active {
    animation-name: antZoomLeftIn;
    animation-play-state: running
}

.ant-zoom-left-leave.ant-zoom-left-leave-active {
    animation-name: antZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-left-appear,.ant-zoom-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.ant-zoom-left-appear-prepare,.ant-zoom-left-enter-prepare {
    transform: none
}

.ant-zoom-left-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-left-appear,.zoom-left-enter,.zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-left-appear.zoom-left-appear-active,.zoom-left-enter.zoom-left-enter-active {
    animation-name: antZoomLeftIn;
    animation-play-state: running
}

.zoom-left-leave.zoom-left-leave-active {
    animation-name: antZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-left-appear,.zoom-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.zoom-left-appear-prepare,.zoom-left-enter-prepare {
    transform: none
}

.zoom-left-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ant-zoom-right-appear,.ant-zoom-right-enter,.ant-zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-right-appear.ant-zoom-right-appear-active,.ant-zoom-right-enter.ant-zoom-right-enter-active {
    animation-name: antZoomRightIn;
    animation-play-state: running
}

.ant-zoom-right-leave.ant-zoom-right-leave-active {
    animation-name: antZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-right-appear,.ant-zoom-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.ant-zoom-right-appear-prepare,.ant-zoom-right-enter-prepare {
    transform: none
}

.ant-zoom-right-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-right-appear,.zoom-right-enter,.zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-right-appear.zoom-right-appear-active,.zoom-right-enter.zoom-right-enter-active {
    animation-name: antZoomRightIn;
    animation-play-state: running
}

.zoom-right-leave.zoom-right-leave-active {
    animation-name: antZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-right-appear,.zoom-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.zoom-right-appear-prepare,.zoom-right-enter-prepare {
    transform: none
}

.zoom-right-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

@keyframes antZoomIn {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes antZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.2)
    }
}

@keyframes antZoomBigIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes antZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes antZoomUpIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@keyframes antZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }
}

@keyframes antZoomLeftIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }

    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@keyframes antZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }
}

@keyframes antZoomRightIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes antZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }
}

@keyframes antZoomDownIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes antZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }
}

.ant-motion-collapse-legacy {
    overflow: hidden
}

.ant-motion-collapse,.ant-motion-collapse-legacy-active {
    transition: height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important
}

.ant-motion-collapse {
    overflow: hidden
}

.ant-notification {
    font-feature-settings: "tnum";
    box-sizing: border-box;
    color: #000000d9;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    margin: 0 24px 0 0;
    padding: 0;
    position: fixed;
    z-index: 1010
}

.ant-notification-bottomLeft,.ant-notification-topLeft {
    margin-left: 24px;
    margin-right: 0
}

.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active {
    animation-name: NotificationLeftFadeIn
}

.ant-notification-close-icon {
    cursor: pointer;
    font-size: 14px
}

.ant-notification-hook-holder {
    position: relative
}

.ant-notification-notice {
    word-wrap: break-word;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;
    line-height: 1.5715;
    margin-bottom: 16px;
    margin-left: auto;
    max-width: calc(100vw - 48px);
    overflow: hidden;
    padding: 16px 24px;
    position: relative;
    width: 384px
}

.ant-notification-bottomLeft .ant-notification-notice,.ant-notification-topLeft .ant-notification-notice {
    margin-left: 0;
    margin-right: auto
}

.ant-notification-notice-message {
    color: #000000d9;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px
}

.ant-notification-notice-message-single-line-auto-margin {
    background-color: transparent;
    display: block;
    max-width: 4px;
    pointer-events: none;
    width: calc(264px - 100%)
}

.ant-notification-notice-message-single-line-auto-margin:before {
    content: "";
    display: block
}

.ant-notification-notice-description {
    font-size: 14px
}

.ant-notification-notice-closable .ant-notification-notice-message {
    padding-right: 24px
}

.ant-notification-notice-with-icon .ant-notification-notice-message {
    font-size: 16px;
    margin-bottom: 4px;
    margin-left: 48px
}

.ant-notification-notice-with-icon .ant-notification-notice-description {
    font-size: 14px;
    margin-left: 48px
}

.ant-notification-notice-icon {
    font-size: 24px;
    line-height: 24px;
    margin-left: 4px;
    position: absolute
}

.anticon.ant-notification-notice-icon-success {
    color: #52c41a
}

.anticon.ant-notification-notice-icon-info {
    color: #1890ff
}

.anticon.ant-notification-notice-icon-warning {
    color: #faad14
}

.anticon.ant-notification-notice-icon-error {
    color: #ff4d4f
}

.ant-notification-notice-close {
    color: #00000073;
    outline: none;
    position: absolute;
    right: 22px;
    top: 16px
}

.ant-notification-notice-close:hover {
    color: #000000ab
}

.ant-notification-notice-btn {
    float: right;
    margin-top: 16px
}

.ant-notification .notification-fade-effect {
    animation-duration: .24s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.645,.045,.355,1)
}

.ant-notification-fade-appear,.ant-notification-fade-enter {
    animation-play-state: paused;
    opacity: 0
}

.ant-notification-fade-appear,.ant-notification-fade-enter,.ant-notification-fade-leave {
    animation-duration: .24s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.645,.045,.355,1)
}

.ant-notification-fade-leave {
    animation-duration: .2s;
    animation-play-state: paused
}

.ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-fade-enter.ant-notification-fade-enter-active {
    animation-name: NotificationFadeIn;
    animation-play-state: running
}

.ant-notification-fade-leave.ant-notification-fade-leave-active {
    animation-name: NotificationFadeOut;
    animation-play-state: running
}

@keyframes NotificationFadeIn {
    0% {
        left: 384px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

@keyframes NotificationLeftFadeIn {
    0% {
        opacity: 0;
        right: 384px
    }

    to {
        opacity: 1;
        right: 0
    }
}

@keyframes NotificationFadeOut {
    0% {
        margin-bottom: 16px;
        max-height: 150px;
        opacity: 1
    }

    to {
        margin-bottom: 0;
        max-height: 0;
        opacity: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

.ant-notification-rtl {
    direction: rtl
}

.ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message {
    padding-left: 24px;
    padding-right: 0
}

.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description,.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message {
    margin-left: 0;
    margin-right: 48px
}

.ant-notification-rtl .ant-notification-notice-icon {
    margin-left: 0;
    margin-right: 4px
}

.ant-notification-rtl .ant-notification-notice-close {
    left: 22px;
    right: auto
}

.ant-notification-rtl .ant-notification-notice-btn {
    float: left
}

.ant-btn {
    background-image: none;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    box-shadow: 0 2px #00000004;
    color: #000000d9;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    line-height: 1.5715;
    padding: 4px 15px;
    position: relative;
    text-align: center;
    touch-action: manipulation;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.ant-btn>.anticon {
    line-height: 1
}

.ant-btn,.ant-btn:active,.ant-btn:focus {
    outline: 0
}

.ant-btn:not([disabled]):hover {
    text-decoration: none
}

.ant-btn:not([disabled]):active {
    box-shadow: none;
    outline: 0
}

.ant-btn[disabled] {
    cursor: not-allowed
}

.ant-btn[disabled]>* {
    pointer-events: none
}

.ant-btn-lg {
    border-radius: 2px;
    font-size: 16px;
    height: 40px;
    padding: 6.4px 15px
}

.ant-btn-sm {
    border-radius: 2px;
    font-size: 14px;
    height: 24px;
    padding: 0 7px
}

.ant-btn>a:only-child {
    color: currentcolor
}

.ant-btn>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn:focus,.ant-btn:hover {
    background: #fff;
    border-color: #40a9ff;
    color: #40a9ff
}

.ant-btn:focus>a:only-child,.ant-btn:hover>a:only-child {
    color: currentcolor
}

.ant-btn:focus>a:only-child:after,.ant-btn:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn:active {
    background: #fff;
    border-color: #096dd9;
    color: #096dd9
}

.ant-btn:active>a:only-child {
    color: currentcolor
}

.ant-btn:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn[disabled],.ant-btn[disabled]:active,.ant-btn[disabled]:focus,.ant-btn[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: #00000040;
    text-shadow: none
}

.ant-btn[disabled]:active>a:only-child,.ant-btn[disabled]:focus>a:only-child,.ant-btn[disabled]:hover>a:only-child,.ant-btn[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn[disabled]:active>a:only-child:after,.ant-btn[disabled]:focus>a:only-child:after,.ant-btn[disabled]:hover>a:only-child:after,.ant-btn[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn:active,.ant-btn:focus,.ant-btn:hover {
    background: #fff;
    text-decoration: none
}

.ant-btn>span {
    display: inline-block
}

.ant-btn-primary {
    background: #1890ff;
    border-color: #1890ff;
    box-shadow: 0 2px #0000000b;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.12)
}

.ant-btn-primary>a:only-child {
    color: currentcolor
}

.ant-btn-primary>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-primary:focus,.ant-btn-primary:hover {
    background: #40a9ff;
    border-color: #40a9ff;
    color: #fff
}

.ant-btn-primary:focus>a:only-child,.ant-btn-primary:hover>a:only-child {
    color: currentcolor
}

.ant-btn-primary:focus>a:only-child:after,.ant-btn-primary:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-primary:active {
    background: #096dd9;
    border-color: #096dd9;
    color: #fff
}

.ant-btn-primary:active>a:only-child {
    color: currentcolor
}

.ant-btn-primary:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-primary[disabled],.ant-btn-primary[disabled]:active,.ant-btn-primary[disabled]:focus,.ant-btn-primary[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: #00000040;
    text-shadow: none
}

.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-primary[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-primary[disabled]:active>a:only-child:after,.ant-btn-primary[disabled]:focus>a:only-child:after,.ant-btn-primary[disabled]:hover>a:only-child:after,.ant-btn-primary[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
    border-left-color: #40a9ff;
    border-right-color: #40a9ff
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
    border-color: #d9d9d9
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
    border-right-color: #40a9ff
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
    border-right-color: #d9d9d9
}

.ant-btn-group .ant-btn-primary+.ant-btn-primary,.ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
    border-left-color: #40a9ff
}

.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] {
    border-left-color: #d9d9d9
}

.ant-btn-ghost {
    background: transparent;
    border-color: #d9d9d9;
    color: #000000d9
}

.ant-btn-ghost>a:only-child {
    color: currentcolor
}

.ant-btn-ghost>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-ghost:focus,.ant-btn-ghost:hover {
    background: transparent;
    border-color: #40a9ff;
    color: #40a9ff
}

.ant-btn-ghost:focus>a:only-child,.ant-btn-ghost:hover>a:only-child {
    color: currentcolor
}

.ant-btn-ghost:focus>a:only-child:after,.ant-btn-ghost:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-ghost:active {
    background: transparent;
    border-color: #096dd9;
    color: #096dd9
}

.ant-btn-ghost:active>a:only-child {
    color: currentcolor
}

.ant-btn-ghost:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-ghost[disabled],.ant-btn-ghost[disabled]:active,.ant-btn-ghost[disabled]:focus,.ant-btn-ghost[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: #00000040;
    text-shadow: none
}

.ant-btn-ghost[disabled]:active>a:only-child,.ant-btn-ghost[disabled]:focus>a:only-child,.ant-btn-ghost[disabled]:hover>a:only-child,.ant-btn-ghost[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-ghost[disabled]:active>a:only-child:after,.ant-btn-ghost[disabled]:focus>a:only-child:after,.ant-btn-ghost[disabled]:hover>a:only-child:after,.ant-btn-ghost[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dashed {
    background: #fff;
    border-color: #d9d9d9;
    border-style: dashed;
    color: #000000d9
}

.ant-btn-dashed>a:only-child {
    color: currentcolor
}

.ant-btn-dashed>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dashed:focus,.ant-btn-dashed:hover {
    background: #fff;
    border-color: #40a9ff;
    color: #40a9ff
}

.ant-btn-dashed:focus>a:only-child,.ant-btn-dashed:hover>a:only-child {
    color: currentcolor
}

.ant-btn-dashed:focus>a:only-child:after,.ant-btn-dashed:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dashed:active {
    background: #fff;
    border-color: #096dd9;
    color: #096dd9
}

.ant-btn-dashed:active>a:only-child {
    color: currentcolor
}

.ant-btn-dashed:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dashed[disabled],.ant-btn-dashed[disabled]:active,.ant-btn-dashed[disabled]:focus,.ant-btn-dashed[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: #00000040;
    text-shadow: none
}

.ant-btn-dashed[disabled]:active>a:only-child,.ant-btn-dashed[disabled]:focus>a:only-child,.ant-btn-dashed[disabled]:hover>a:only-child,.ant-btn-dashed[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-dashed[disabled]:active>a:only-child:after,.ant-btn-dashed[disabled]:focus>a:only-child:after,.ant-btn-dashed[disabled]:hover>a:only-child:after,.ant-btn-dashed[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-danger {
    background: #ff4d4f;
    border-color: #ff4d4f;
    box-shadow: 0 2px #0000000b;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.12)
}

.ant-btn-danger>a:only-child {
    color: currentcolor
}

.ant-btn-danger>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-danger:focus,.ant-btn-danger:hover {
    background: #ff7875;
    border-color: #ff7875;
    color: #fff
}

.ant-btn-danger:focus>a:only-child,.ant-btn-danger:hover>a:only-child {
    color: currentcolor
}

.ant-btn-danger:focus>a:only-child:after,.ant-btn-danger:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-danger:active {
    background: #d9363e;
    border-color: #d9363e;
    color: #fff
}

.ant-btn-danger:active>a:only-child {
    color: currentcolor
}

.ant-btn-danger:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-danger[disabled],.ant-btn-danger[disabled]:active,.ant-btn-danger[disabled]:focus,.ant-btn-danger[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: #00000040;
    text-shadow: none
}

.ant-btn-danger[disabled]:active>a:only-child,.ant-btn-danger[disabled]:focus>a:only-child,.ant-btn-danger[disabled]:hover>a:only-child,.ant-btn-danger[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-danger[disabled]:active>a:only-child:after,.ant-btn-danger[disabled]:focus>a:only-child:after,.ant-btn-danger[disabled]:hover>a:only-child:after,.ant-btn-danger[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-link {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #1890ff
}

.ant-btn-link>a:only-child {
    color: currentcolor
}

.ant-btn-link>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-link:focus,.ant-btn-link:hover {
    background: transparent;
    border-color: #40a9ff;
    color: #40a9ff
}

.ant-btn-link:focus>a:only-child,.ant-btn-link:hover>a:only-child {
    color: currentcolor
}

.ant-btn-link:focus>a:only-child:after,.ant-btn-link:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-link:active {
    background: transparent;
    border-color: #096dd9;
    color: #096dd9
}

.ant-btn-link:active>a:only-child {
    color: currentcolor
}

.ant-btn-link:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-link[disabled],.ant-btn-link[disabled]:active,.ant-btn-link[disabled]:focus,.ant-btn-link[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9
}

.ant-btn-link:hover {
    background: transparent
}

.ant-btn-link:active,.ant-btn-link:focus,.ant-btn-link:hover {
    border-color: transparent
}

.ant-btn-link[disabled],.ant-btn-link[disabled]:active,.ant-btn-link[disabled]:focus,.ant-btn-link[disabled]:hover {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #00000040;
    text-shadow: none
}

.ant-btn-link[disabled]:active>a:only-child,.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-link[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-link[disabled]:active>a:only-child:after,.ant-btn-link[disabled]:focus>a:only-child:after,.ant-btn-link[disabled]:hover>a:only-child:after,.ant-btn-link[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-text {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #000000d9
}

.ant-btn-text>a:only-child {
    color: currentcolor
}

.ant-btn-text>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-text:focus,.ant-btn-text:hover {
    background: transparent;
    border-color: #40a9ff;
    color: #40a9ff
}

.ant-btn-text:focus>a:only-child,.ant-btn-text:hover>a:only-child {
    color: currentcolor
}

.ant-btn-text:focus>a:only-child:after,.ant-btn-text:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-text:active {
    background: transparent;
    border-color: #096dd9;
    color: #096dd9
}

.ant-btn-text:active>a:only-child {
    color: currentcolor
}

.ant-btn-text:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-text[disabled],.ant-btn-text[disabled]:active,.ant-btn-text[disabled]:focus,.ant-btn-text[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9
}

.ant-btn-text:focus,.ant-btn-text:hover {
    background: rgba(0,0,0,.018);
    border-color: transparent;
    color: #000000d9
}

.ant-btn-text:active {
    background: rgba(0,0,0,.028);
    border-color: transparent;
    color: #000000d9
}

.ant-btn-text[disabled],.ant-btn-text[disabled]:active,.ant-btn-text[disabled]:focus,.ant-btn-text[disabled]:hover {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #00000040;
    text-shadow: none
}

.ant-btn-text[disabled]:active>a:only-child,.ant-btn-text[disabled]:focus>a:only-child,.ant-btn-text[disabled]:hover>a:only-child,.ant-btn-text[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-text[disabled]:active>a:only-child:after,.ant-btn-text[disabled]:focus>a:only-child:after,.ant-btn-text[disabled]:hover>a:only-child:after,.ant-btn-text[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous {
    background: #fff;
    border-color: #ff4d4f;
    color: #ff4d4f
}

.ant-btn-dangerous>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous:focus,.ant-btn-dangerous:hover {
    background: #fff;
    border-color: #ff7875;
    color: #ff7875
}

.ant-btn-dangerous:focus>a:only-child,.ant-btn-dangerous:hover>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous:focus>a:only-child:after,.ant-btn-dangerous:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous:active {
    background: #fff;
    border-color: #d9363e;
    color: #d9363e
}

.ant-btn-dangerous:active>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous[disabled],.ant-btn-dangerous[disabled]:active,.ant-btn-dangerous[disabled]:focus,.ant-btn-dangerous[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: #00000040;
    text-shadow: none
}

.ant-btn-dangerous[disabled]:active>a:only-child,.ant-btn-dangerous[disabled]:focus>a:only-child,.ant-btn-dangerous[disabled]:hover>a:only-child,.ant-btn-dangerous[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous[disabled]:active>a:only-child:after,.ant-btn-dangerous[disabled]:focus>a:only-child:after,.ant-btn-dangerous[disabled]:hover>a:only-child:after,.ant-btn-dangerous[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-primary {
    background: #ff4d4f;
    border-color: #ff4d4f;
    box-shadow: 0 2px #0000000b;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.12)
}

.ant-btn-dangerous.ant-btn-primary>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-primary:focus,.ant-btn-dangerous.ant-btn-primary:hover {
    background: #ff7875;
    border-color: #ff7875;
    color: #fff
}

.ant-btn-dangerous.ant-btn-primary:focus>a:only-child,.ant-btn-dangerous.ant-btn-primary:hover>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-primary:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-primary:active {
    background: #d9363e;
    border-color: #d9363e;
    color: #fff
}

.ant-btn-dangerous.ant-btn-primary:active>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-primary[disabled],.ant-btn-dangerous.ant-btn-primary[disabled]:active,.ant-btn-dangerous.ant-btn-primary[disabled]:focus,.ant-btn-dangerous.ant-btn-primary[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: #00000040;
    text-shadow: none
}

.ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child:after,.ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child:after,.ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-link {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #ff4d4f
}

.ant-btn-dangerous.ant-btn-link>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-link>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-link:focus,.ant-btn-dangerous.ant-btn-link:hover {
    border-color: #40a9ff;
    color: #40a9ff
}

.ant-btn-dangerous.ant-btn-link:active {
    border-color: #096dd9;
    color: #096dd9
}

.ant-btn-dangerous.ant-btn-link[disabled],.ant-btn-dangerous.ant-btn-link[disabled]:active,.ant-btn-dangerous.ant-btn-link[disabled]:focus,.ant-btn-dangerous.ant-btn-link[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9
}

.ant-btn-dangerous.ant-btn-link:focus,.ant-btn-dangerous.ant-btn-link:hover {
    background: transparent;
    border-color: transparent;
    color: #ff7875
}

.ant-btn-dangerous.ant-btn-link:focus>a:only-child,.ant-btn-dangerous.ant-btn-link:hover>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-link:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-link:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-link:active {
    background: transparent;
    border-color: transparent;
    color: #d9363e
}

.ant-btn-dangerous.ant-btn-link:active>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-link:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-link[disabled],.ant-btn-dangerous.ant-btn-link[disabled]:active,.ant-btn-dangerous.ant-btn-link[disabled]:focus,.ant-btn-dangerous.ant-btn-link[disabled]:hover {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #00000040;
    text-shadow: none
}

.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child:after,.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child:after,.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-text {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #ff4d4f
}

.ant-btn-dangerous.ant-btn-text>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-text>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-text:focus,.ant-btn-dangerous.ant-btn-text:hover {
    background: transparent;
    border-color: #40a9ff;
    color: #40a9ff
}

.ant-btn-dangerous.ant-btn-text:active {
    background: transparent;
    border-color: #096dd9;
    color: #096dd9
}

.ant-btn-dangerous.ant-btn-text[disabled],.ant-btn-dangerous.ant-btn-text[disabled]:active,.ant-btn-dangerous.ant-btn-text[disabled]:focus,.ant-btn-dangerous.ant-btn-text[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9
}

.ant-btn-dangerous.ant-btn-text:focus,.ant-btn-dangerous.ant-btn-text:hover {
    background: rgba(0,0,0,.018);
    border-color: transparent;
    color: #ff7875
}

.ant-btn-dangerous.ant-btn-text:focus>a:only-child,.ant-btn-dangerous.ant-btn-text:hover>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-text:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-text:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-text:active {
    background: rgba(0,0,0,.028);
    border-color: transparent;
    color: #d9363e
}

.ant-btn-dangerous.ant-btn-text:active>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-text:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-text[disabled],.ant-btn-dangerous.ant-btn-text[disabled]:active,.ant-btn-dangerous.ant-btn-text[disabled]:focus,.ant-btn-dangerous.ant-btn-text[disabled]:hover {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #00000040;
    text-shadow: none
}

.ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child:after,.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child:after,.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-icon-only {
    border-radius: 2px;
    font-size: 16px;
    height: 32px;
    padding: 2.4px 0;
    vertical-align: -3px;
    width: 32px
}

.ant-btn-icon-only>* {
    font-size: 16px
}

.ant-btn-icon-only.ant-btn-lg {
    border-radius: 2px;
    font-size: 18px;
    height: 40px;
    padding: 4.9px 0;
    width: 40px
}

.ant-btn-icon-only.ant-btn-lg>* {
    font-size: 18px
}

.ant-btn-icon-only.ant-btn-sm {
    border-radius: 2px;
    font-size: 14px;
    height: 24px;
    padding: 0;
    width: 24px
}

.ant-btn-icon-only.ant-btn-sm>* {
    font-size: 14px
}

.ant-btn-icon-only>.anticon {
    display: flex;
    justify-content: center
}

a.ant-btn-icon-only {
    vertical-align: -1px
}

a.ant-btn-icon-only>.anticon {
    display: inline
}

.ant-btn-round {
    border-radius: 32px;
    font-size: 14px;
    height: 32px;
    padding: 4px 16px
}

.ant-btn-round.ant-btn-lg {
    border-radius: 40px;
    font-size: 16px;
    height: 40px;
    padding: 6.4px 20px
}

.ant-btn-round.ant-btn-sm {
    border-radius: 24px;
    font-size: 14px;
    height: 24px;
    padding: 0 12px
}

.ant-btn-round.ant-btn-icon-only {
    width: auto
}

.ant-btn-circle {
    border-radius: 50%;
    min-width: 32px;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.ant-btn-circle.ant-btn-lg {
    border-radius: 50%;
    min-width: 40px
}

.ant-btn-circle.ant-btn-sm {
    border-radius: 50%;
    min-width: 24px
}

.ant-btn:before {
    background: #fff;
    border-radius: inherit;
    bottom: -1px;
    content: "";
    display: none;
    left: -1px;
    opacity: .35;
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: -1px;
    transition: opacity .2s;
    z-index: 1
}

.ant-btn .anticon {
    transition: margin-left .3s cubic-bezier(.645,.045,.355,1)
}

.ant-btn .anticon.anticon-minus>svg,.ant-btn .anticon.anticon-plus>svg {
    shape-rendering: optimizespeed
}

.ant-btn.ant-btn-loading {
    cursor: default;
    position: relative
}

.ant-btn.ant-btn-loading:before {
    display: block
}

.ant-btn>.ant-btn-loading-icon {
    transition: width .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1)
}

.ant-btn>.ant-btn-loading-icon .anticon {
    animation: none;
    padding-right: 8px
}

.ant-btn>.ant-btn-loading-icon .anticon svg {
    animation: loadingCircle 1s linear infinite
}

.ant-btn-group {
    display: inline-flex
}

.ant-btn-group,.ant-btn-group>.ant-btn,.ant-btn-group>span>.ant-btn {
    position: relative
}

.ant-btn-group>.ant-btn:active,.ant-btn-group>.ant-btn:focus,.ant-btn-group>.ant-btn:hover,.ant-btn-group>span>.ant-btn:active,.ant-btn-group>span>.ant-btn:focus,.ant-btn-group>span>.ant-btn:hover {
    z-index: 2
}

.ant-btn-group>.ant-btn[disabled],.ant-btn-group>span>.ant-btn[disabled] {
    z-index: 0
}

.ant-btn-group .ant-btn-icon-only {
    font-size: 14px
}

.ant-btn-group-lg>.ant-btn,.ant-btn-group-lg>span>.ant-btn {
    border-radius: 0;
    font-size: 16px;
    height: 40px;
    padding: 6.4px 15px
}

.ant-btn-group-lg .ant-btn.ant-btn-icon-only {
    height: 40px;
    padding-left: 0;
    padding-right: 0;
    width: 40px
}

.ant-btn-group-sm>.ant-btn,.ant-btn-group-sm>span>.ant-btn {
    border-radius: 0;
    font-size: 14px;
    height: 24px;
    padding: 0 7px
}

.ant-btn-group-sm>.ant-btn>.anticon,.ant-btn-group-sm>span>.ant-btn>.anticon {
    font-size: 14px
}

.ant-btn-group-sm .ant-btn.ant-btn-icon-only {
    height: 24px;
    padding-left: 0;
    padding-right: 0;
    width: 24px
}

.ant-btn+.ant-btn-group,.ant-btn-group .ant-btn+.ant-btn,.ant-btn-group .ant-btn+span,.ant-btn-group span+.ant-btn,.ant-btn-group+.ant-btn,.ant-btn-group+.ant-btn-group,.ant-btn-group>span+span {
    margin-left: -1px
}

.ant-btn-group .ant-btn-primary+.ant-btn:not(.ant-btn-primary):not([disabled]) {
    border-left-color: transparent
}

.ant-btn-group .ant-btn {
    border-radius: 0
}

.ant-btn-group>.ant-btn:first-child,.ant-btn-group>span:first-child>.ant-btn {
    margin-left: 0
}

.ant-btn-group>.ant-btn:only-child,.ant-btn-group>span:only-child>.ant-btn {
    border-radius: 2px
}

.ant-btn-group>.ant-btn:first-child:not(:last-child),.ant-btn-group>span:first-child:not(:last-child)>.ant-btn {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.ant-btn-group>.ant-btn:last-child:not(:first-child),.ant-btn-group>span:last-child:not(:first-child)>.ant-btn {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.ant-btn-group-sm>.ant-btn:only-child,.ant-btn-group-sm>span:only-child>.ant-btn {
    border-radius: 2px
}

.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.ant-btn-group>.ant-btn-group {
    float: left
}

.ant-btn-group>.ant-btn-group:not(:first-child):not(:last-child)>.ant-btn {
    border-radius: 0
}

.ant-btn-group>.ant-btn-group:first-child:not(:last-child)>.ant-btn:last-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding-right: 8px
}

.ant-btn-group>.ant-btn-group:last-child:not(:first-child)>.ant-btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 8px
}

.ant-btn-group-rtl.ant-btn+.ant-btn-group,.ant-btn-group-rtl.ant-btn-group .ant-btn+.ant-btn,.ant-btn-group-rtl.ant-btn-group .ant-btn+span,.ant-btn-group-rtl.ant-btn-group span+.ant-btn,.ant-btn-group-rtl.ant-btn-group+.ant-btn,.ant-btn-group-rtl.ant-btn-group+.ant-btn-group,.ant-btn-group-rtl.ant-btn-group>span+span,.ant-btn-rtl.ant-btn+.ant-btn-group,.ant-btn-rtl.ant-btn-group .ant-btn+.ant-btn,.ant-btn-rtl.ant-btn-group .ant-btn+span,.ant-btn-rtl.ant-btn-group span+.ant-btn,.ant-btn-rtl.ant-btn-group+.ant-btn,.ant-btn-rtl.ant-btn-group+.ant-btn-group,.ant-btn-rtl.ant-btn-group>span+span {
    margin-left: auto;
    margin-right: -1px
}

.ant-btn-group.ant-btn-group-rtl {
    direction: rtl
}

.ant-btn-group-rtl.ant-btn-group>.ant-btn:first-child:not(:last-child),.ant-btn-group-rtl.ant-btn-group>span:first-child:not(:last-child)>.ant-btn {
    border-radius: 0 2px 2px 0
}

.ant-btn-group-rtl.ant-btn-group>.ant-btn:last-child:not(:first-child),.ant-btn-group-rtl.ant-btn-group>span:last-child:not(:first-child)>.ant-btn {
    border-radius: 2px 0 0 2px
}

.ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),.ant-btn-group-rtl.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn {
    border-radius: 0 2px 2px 0
}

.ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),.ant-btn-group-rtl.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn {
    border-radius: 2px 0 0 2px
}

.ant-btn:active>span,.ant-btn:focus>span {
    position: relative
}

.ant-btn>.anticon+span,.ant-btn>span+.anticon {
    margin-left: 8px
}

.ant-btn.ant-btn-background-ghost {
    border-color: #fff;
    color: #fff
}

.ant-btn.ant-btn-background-ghost,.ant-btn.ant-btn-background-ghost:active,.ant-btn.ant-btn-background-ghost:focus,.ant-btn.ant-btn-background-ghost:hover {
    background: transparent
}

.ant-btn.ant-btn-background-ghost:focus,.ant-btn.ant-btn-background-ghost:hover {
    border-color: #40a9ff;
    color: #40a9ff
}

.ant-btn.ant-btn-background-ghost:active {
    border-color: #096dd9;
    color: #096dd9
}

.ant-btn.ant-btn-background-ghost[disabled] {
    background: transparent;
    border-color: #d9d9d9;
    color: #00000040
}

.ant-btn-background-ghost.ant-btn-primary {
    border-color: #1890ff;
    color: #1890ff;
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-primary>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-primary:focus,.ant-btn-background-ghost.ant-btn-primary:hover {
    border-color: #40a9ff;
    color: #40a9ff
}

.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-primary:active {
    border-color: #096dd9;
    color: #096dd9
}

.ant-btn-background-ghost.ant-btn-primary:active>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-primary[disabled],.ant-btn-background-ghost.ant-btn-primary[disabled]:active,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: #00000040;
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-danger {
    border-color: #ff4d4f;
    color: #ff4d4f;
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-danger>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-danger:focus,.ant-btn-background-ghost.ant-btn-danger:hover {
    border-color: #ff7875;
    color: #ff7875
}

.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-danger:active {
    border-color: #d9363e;
    color: #d9363e
}

.ant-btn-background-ghost.ant-btn-danger:active>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-danger[disabled],.ant-btn-background-ghost.ant-btn-danger[disabled]:active,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: #00000040;
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous {
    border-color: #ff4d4f;
    color: #ff4d4f;
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous:focus,.ant-btn-background-ghost.ant-btn-dangerous:hover {
    border-color: #ff7875;
    color: #ff7875
}

.ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous:active {
    border-color: #d9363e;
    color: #d9363e
}

.ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled],.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: #00000040;
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
    border-color: transparent;
    color: #ff4d4f;
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover {
    border-color: transparent;
    color: #ff7875
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
    border-color: transparent;
    color: #d9363e
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: #00000040;
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-two-chinese-chars:first-letter {
    letter-spacing: .34em
}

.ant-btn-two-chinese-chars>:not(.anticon) {
    letter-spacing: .34em;
    margin-right: -.34em
}

.ant-btn.ant-btn-block {
    width: 100%
}

.ant-btn:empty {
    content: "\a0";
    display: inline-block;
    visibility: hidden;
    width: 0
}

a.ant-btn {
    line-height: 30px;
    padding-top: .01px!important
}

a.ant-btn-lg {
    line-height: 38px
}

a.ant-btn-sm {
    line-height: 22px
}

.ant-btn-rtl {
    direction: rtl
}

.ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary,.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
    border-left-color: #d9d9d9;
    border-right-color: #40a9ff
}

.ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] {
    border-left-color: #40a9ff;
    border-right-color: #d9d9d9
}

.ant-btn-rtl.ant-btn>.ant-btn-loading-icon .anticon {
    padding-left: 8px;
    padding-right: 0
}

.ant-btn>.ant-btn-loading-icon:only-child .anticon {
    padding-left: 0;
    padding-right: 0
}

.ant-btn-rtl.ant-btn>.anticon+span,.ant-btn-rtl.ant-btn>span+.anticon {
    margin-left: 0;
    margin-right: 8px
}

.volume[data-v-3a2472d5] {
    align-items: center;
    bottom: 16px;
    display: flex;
    height: 38px;
    justify-content: center;
    left: 21px;
    padding: 0;
    position: absolute;
    width: 38px
}

@media (max-width: 991.98px) {
    .volume[data-v-3a2472d5] {
        height:45px;
        left: unset;
        position: fixed;
        right: 15px;
        top: 75px;
        width: 45px
    }
}

@media (max-width: 360.98px) {
    .preview .video-js[data-v-3a2472d5] {
        height:341px
    }
}

@media (max-width: 991.98px) {
    .preview .volume[data-v-3a2472d5] {
        bottom:16px;
        height: 30px;
        left: 10px;
        padding: 0;
        position: absolute;
        top: unset;
        width: 30px
    }
}

[data-v-3a2472d5] .video-js .vjs-has-started.vjs-paused .vjs-poster {
    display: inline-block
}

[data-v-3a2472d5] .new-design .video-js.vjs-fluid.vjs-layout-small,[data-v-3a2472d5] .new-design .video-js.vjs-fluid.vjs-layout-tiny,[data-v-3a2472d5] .new-design .video-js.vjs-fluid.vjs-layout-x-small {
    height: 100%;
    padding-top: 0
}

[data-v-3a2472d5] .new-design .video-js.vjs-fluid.vjs-layout-medium {
    padding-top: 56.25%
}

[data-v-3a2472d5] .new-design .video-js.vjs-fluid.vjs-ended .vjs-play-control.vjs-playing {
    background-image: url(../images/icons/ic-play-yellow.png)
}

[data-v-3a2472d5] .new-design .video-js .vjs-control-bar {
    align-items: center;
    background: linear-gradient(180deg,rgba(26,26,25,.12),rgba(26,26,25,.728) 54.17%);
    height: 63px;
    justify-content: flex-start;
    padding: 0 16px;
    z-index: 1
}

@media (max-width: 767.98px) {
    [data-v-3a2472d5] .new-design .video-js .vjs-control-bar {
        background:rgba(26,26,25,.5);
        box-shadow: 0 0 10px #00000080;
        height: 53px;
        padding: 0 14px
    }
}

[data-v-3a2472d5] .new-design .video-js .vjs-control {
    height: 26px;
    width: 26px
}

[data-v-3a2472d5] .new-design .video-js .vjs-play-control {
    background-position: 50%;
    background-repeat: no-repeat;
    margin-right: 30px
}

[data-v-3a2472d5] .new-design .video-js .vjs-play-control.vjs-playing {
    background-image: url(../images/icons/ic-pause-yellow.png);
    background-size: contain
}

[data-v-3a2472d5] .new-design .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: ""
}

[data-v-3a2472d5] .new-design .video-js .vjs-play-control.vjs-paused {
    background-image: url(../images/icons/ic-play-yellow.png);
    background-size: contain
}

[data-v-3a2472d5] .new-design .video-js .vjs-play-control.vjs-paused .vjs-icon-placeholder:before {
    content: ""
}

@media (max-width: 767.98px) {
    [data-v-3a2472d5] .new-design .video-js .vjs-play-control {
        margin-right:24px
    }
}

@media (max-width: 575.98px) {
    [data-v-3a2472d5] .new-design .video-js .vjs-play-control {
        margin-right:16px
    }
}

[data-v-3a2472d5] .new-design .video-js .vjs-slider:focus {
    box-shadow: none
}

[data-v-3a2472d5] .new-design .video-js .vjs-volume-panel {
    align-items: center;
    display: flex;
    width: -moz-max-content;
    width: max-content
}

[data-v-3a2472d5] .new-design .video-js .vjs-volume-panel .vjs-volume-control {
    align-items: center;
    margin-left: 5px
}

[data-v-3a2472d5] .new-design .video-js .vjs-volume-panel .vjs-volume-control .vjs-volume-bar {
    background-color: #9d9d9d;
    margin: 0;
    text-shadow: none
}

[data-v-3a2472d5] .new-design .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal {
    width: 47px
}

@media (max-width: 767.98px) {
    [data-v-3a2472d5] .new-design .video-js .vjs-volume-panel {
        margin-right:14px
    }

    [data-v-3a2472d5] .new-design .video-js .vjs-volume-panel .vjs-volume-control {
        transition: none
    }

    [data-v-3a2472d5] .new-design .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
        transition: none;
        width: -moz-max-content;
        width: max-content
    }

    [data-v-3a2472d5] .new-design .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
        flex-grow: 1;
        transition: none;
        width: 90px
    }

    [data-v-3a2472d5] .new-design .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover .vjs-volume-control.vjs-control.vjs-volume-horizontal .vjs-volume-bar.vjs-slider-horizontal {
        width: 100%
    }
}

@media (max-width: 575.98px) {
    [data-v-3a2472d5] .new-design .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
        width:auto
    }

    [data-v-3a2472d5] .new-design .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
        flex-grow: 1;
        width: auto
    }
}

[data-v-3a2472d5] .new-design .video-js .vjs-mute-control,[data-v-3a2472d5] .new-design .video-js .vjs-mute-control.vjs-vol-0,[data-v-3a2472d5] .new-design .video-js .vjs-mute-control.vjs-vol-1,[data-v-3a2472d5] .new-design .video-js .vjs-mute-control.vjs-vol-2 {
    background-image: url(../images/icons/ic-speaker-yellow.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

[data-v-3a2472d5] .new-design .video-js .vjs-mute-control .vjs-icon-placeholder:before,[data-v-3a2472d5] .new-design .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,[data-v-3a2472d5] .new-design .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,[data-v-3a2472d5] .new-design .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: ""
}

[data-v-3a2472d5] .new-design .video-js .vjs-mute-control {
    height: 24px;
    width: 24px
}

[data-v-3a2472d5] .new-design .video-js .vjs-mute-control.vjs-vol-0 {
    background-image: url(../images/icons/ic-muted-yellow.png);
    background-size: contain
}

[data-v-3a2472d5] .new-design .video-js .vjs-volume-control .vjs-mouse-display,[data-v-3a2472d5] .new-design .video-js .vjs-volume-control .vjs-volume-level {
    background-color: #ffc800
}

[data-v-3a2472d5] .new-design .video-js .vjs-volume-control .vjs-mouse-display:before,[data-v-3a2472d5] .new-design .video-js .vjs-volume-control .vjs-volume-level:before {
    color: #ffc800
}

[data-v-3a2472d5] .new-design .video-js .vjs-time-control {
    padding: 0
}

[data-v-3a2472d5] .new-design .video-js .vjs-time-control {
    min-width: 0
}

[data-v-3a2472d5] .new-design .video-js .vjs-current-time,[data-v-3a2472d5] .new-design .video-js .vjs-duration,[data-v-3a2472d5] .new-design .video-js .vjs-time-divider {
    display: block;
    min-width: -moz-fit-content;
    min-width: fit-content
}

[data-v-3a2472d5] .new-design .video-js .vjs-current-time span,[data-v-3a2472d5] .new-design .video-js .vjs-duration span,[data-v-3a2472d5] .new-design .video-js .vjs-time-divider span {
    font-family: Noto Sans JP,sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .15px;
    line-height: 1.7;
    text-shadow: 0 0 20px rgba(0,0,0,.15);
    vertical-align: middle
}

@media (max-width: 767.98px) {
    [data-v-3a2472d5] .new-design .video-js .vjs-current-time span,[data-v-3a2472d5] .new-design .video-js .vjs-duration span,[data-v-3a2472d5] .new-design .video-js .vjs-time-divider span {
        font-size:10px
    }
}

[data-v-3a2472d5] .new-design .video-js .vjs-current-time {
    order: 6
}

@media (max-width: 767.98px) {
    [data-v-3a2472d5] .new-design .video-js .vjs-current-time {
        display:none
    }
}

[data-v-3a2472d5] .new-design .video-js .vjs-time-divider {
    order: 7;
    padding: 0 2.5px
}

@media (max-width: 767.98px) {
    [data-v-3a2472d5] .new-design .video-js .vjs-time-divider {
        display:none
    }
}

[data-v-3a2472d5] .new-design .video-js .vjs-duration {
    order: 8
}

@media (max-width: 767.98px) {
    [data-v-3a2472d5] .new-design .video-js .vjs-duration {
        min-width:0;
        order: 5;
        right: 38px;
        top: 13px;
        width: 0;
        z-index: -1
    }
}

[data-v-3a2472d5] .new-design .video-js .vjs-remaining-time {
    display: none
}

[data-v-3a2472d5] .new-design .video-js .vjs-progress-control {
    bottom: 62px;
    height: 3px;
    left: 50%;
    margin: auto;
    position: absolute;
    transform: translate(-50%);
    width: calc(100% - 12px)
}

[data-v-3a2472d5] .new-design .video-js .vjs-progress-control .vjs-progress-holder {
    background-color: #9d9d9d;
    height: 3px;
    margin: 0 10px
}

@media (max-width: 575.98px) {
    [data-v-3a2472d5] .new-design .video-js .vjs-progress-control .vjs-progress-holder {
        margin:0
    }
}

[data-v-3a2472d5] .new-design .video-js .vjs-progress-control .vjs-load-progress {
    background-color: #9d9d9d
}

@media (max-width: 767.98px) {
    [data-v-3a2472d5] .new-design .video-js .vjs-progress-control .vjs-play-progress:after {
        content:attr(data-seeked-time);
        font-family: Noto Sans JP,sans-serif;
        font-size: .625rem;
        position: absolute;
        right: 0;
        top: -18px;
        transform: translate(50%);
        z-index: 1
    }
}

[data-v-3a2472d5] .new-design .video-js .vjs-progress-control .vjs-slider-bar {
    background-color: #ffc800
}

[data-v-3a2472d5] .new-design .video-js .vjs-progress-control .vjs-slider-bar:before {
    color: #ffc800
}

[data-v-3a2472d5] .new-design .video-js .vjs-progress-control .vjs-time-tooltip.visible {
    visibility: visible
}

[data-v-3a2472d5] .new-design .video-js .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip {
    background-color: #fff;
    color: #000;
    font-size: .875rem;
    font-weight: 700;
    padding: 2.5px 6px;
    top: -30px
}

[data-v-3a2472d5] .new-design .video-js .vjs-progress-control:hover .vjs-progress-placeholder:focus .vjs-time-tooltip {
    display: none
}

@media (max-width: 767.98px) {
    [data-v-3a2472d5] .new-design .video-js .vjs-progress-control {
        bottom:auto;
        flex-grow: 1;
        left: auto;
        margin-right: 14px;
        order: 4;
        position: relative;
        transform: none;
        width: auto;
        z-index: 1
    }

    [data-v-3a2472d5] .new-design .video-js .vjs-progress-control:after,[data-v-3a2472d5] .new-design .video-js .vjs-progress-control:before {
        font-family: Noto Sans JP,sans-serif;
        font-size: .625rem;
        position: absolute;
        top: 9px;
        z-index: 1
    }

    [data-v-3a2472d5] .new-design .video-js .vjs-progress-control:before {
        content: attr(data-current-time);
        left: 0
    }

    [data-v-3a2472d5] .new-design .video-js .vjs-progress-control:after {
        content: attr(data-duration);
        right: -2px
    }
}

@media (max-width: 575.98px) {
    [data-v-3a2472d5] .new-design .video-js .vjs-progress-control {
        margin-right:10px
    }
}

[data-v-3a2472d5] .new-design .video-js .vjs-menu-button {
    margin-right: 16px
}

@media (max-width: 767.98px) {
    [data-v-3a2472d5] .new-design .video-js .vjs-menu-button {
        margin-right:0;
        order: 7
    }
}

[data-v-3a2472d5] .new-design .video-js .vjs-menu-button.vjs-menu-button-popup .vjs-menu {
    left: -3.5em;
    margin-bottom: 1em
}

[data-v-3a2472d5] .new-design .video-js .vjs-menu-button.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 4px #00000040;
    display: flex;
    flex-direction: column;
    height: -moz-max-content;
    height: max-content;
    left: 50%;
    max-height: -moz-max-content;
    max-height: max-content;
    transform: translate(-50%);
    width: 64px
}

[data-v-3a2472d5] .new-design .video-js .vjs-menu-button.vjs-menu-button-popup .vjs-menu .vjs-menu-content .vjs-menu-item {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    color: #1a1a19;
    height: 24px
}

[data-v-3a2472d5] .new-design .video-js .vjs-menu-button.vjs-menu-button-popup .vjs-menu .vjs-menu-content .vjs-menu-item .vjs-menu-item-text {
    font-size: .625rem;
    font-weight: 400;
    letter-spacing: .125px;
    line-height: 1.65
}

[data-v-3a2472d5] .new-design .video-js .vjs-menu-button.vjs-menu-button-popup .vjs-menu .vjs-menu-content .vjs-menu-item.vjs-selected {
    background-color: #efefef
}

@media (max-width: 767.98px) {
    [data-v-3a2472d5] .new-design .video-js .vjs-menu-button.vjs-menu-button-popup .vjs-menu {
        margin-bottom:.8em
    }

    [data-v-3a2472d5] .new-design .video-js .vjs-menu-button.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
        font-size: .875rem;
        transform: translate(-90%);
        width: 88px
    }

    [data-v-3a2472d5] .new-design .video-js .vjs-menu-button.vjs-menu-button-popup .vjs-menu .vjs-menu-content .vjs-menu-item {
        background-color: #fff;
        border-bottom: 1px solid #e0e0e0;
        color: #1a1a19;
        height: 32px
    }

    [data-v-3a2472d5] .new-design .video-js .vjs-menu-button.vjs-menu-button-popup .vjs-menu .vjs-menu-content .vjs-menu-item .vjs-menu-item-text {
        font-size: .875rem;
        letter-spacing: .035px;
        line-height: 1
    }
}

[data-v-3a2472d5] .new-design .video-js .vjs-menu-button.vjs-menu-button-popup .vjs-icon-hd {
    background-image: url(../images/icons/ic-hd.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

[data-v-3a2472d5] .new-design .video-js .vjs-menu-button.vjs-menu-button-popup .vjs-icon-hd:before {
    content: ""
}

.rotate-90[data-v-3a2472d5] .vjs-poster,.rotate-90[data-v-3a2472d5] .vjs-tech {
    transform: rotate(90deg)
}

.rotate-90.ratio_9-16[data-v-3a2472d5] .vjs-poster,.rotate-90.ratio_9-16[data-v-3a2472d5] .vjs-tech {
    transform: rotate(90deg) scale(1.77777)
}

.rotate-180[data-v-3a2472d5] .vjs-poster,.rotate-180[data-v-3a2472d5] .vjs-tech {
    transform: rotate(180deg)
}

.rotate-180.ratio_9-16[data-v-3a2472d5] .vjs-poster,.rotate-180.ratio_9-16[data-v-3a2472d5] .vjs-tech {
    transform: rotate(180deg) scale(1.77777)
}

.rotate-270[data-v-3a2472d5] .vjs-poster,.rotate-270[data-v-3a2472d5] .vjs-tech {
    transform: rotate(270deg)
}

.rotate-270.ratio_9-16[data-v-3a2472d5] .vjs-poster,.rotate-270.ratio_9-16[data-v-3a2472d5] .vjs-tech {
    transform: rotate(270deg) scale(1.77777)
}

.video-wrapper[data-v-3a2472d5] {
    align-items: center;
    display: flex;
    height: calc(var(--vh, 1vh)*100)
}

@media (min-width: 992px) {
    .video-wrapper[data-v-3a2472d5] {
        height:100%;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 100%
    }
}

.ant-spin {
    font-feature-settings: "tnum";
    box-sizing: border-box;
    color: #000000d9;
    color: #1890ff;
    display: none;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    transition: transform .3s cubic-bezier(.78,.14,.15,.86);
    vertical-align: middle
}

.ant-spin-spinning {
    display: inline-block;
    opacity: 1;
    position: static
}

.ant-spin-nested-loading {
    position: relative
}

.ant-spin-nested-loading>div>.ant-spin {
    display: block;
    height: 100%;
    left: 0;
    max-height: 400px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4
}

.ant-spin-nested-loading>div>.ant-spin .ant-spin-dot {
    left: 50%;
    margin: -10px;
    position: absolute;
    top: 50%
}

.ant-spin-nested-loading>div>.ant-spin .ant-spin-text {
    padding-top: 5px;
    position: absolute;
    text-shadow: 0 1px 2px #fff;
    top: 50%;
    width: 100%
}

.ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot {
    margin-top: -20px
}

.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot {
    margin: -7px
}

.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text {
    padding-top: 2px
}

.ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot {
    margin-top: -17px
}

.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot {
    margin: -16px
}

.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text {
    padding-top: 11px
}

.ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot {
    margin-top: -26px
}

.ant-spin-container {
    position: relative;
    transition: opacity .3s
}

.ant-spin-container:after {
    background: #fff;
    bottom: 0;
    content: "";
    display: none\ ;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s;
    width: 100%;
    z-index: 10
}

.ant-spin-blur {
    clear: both;
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ant-spin-blur:after {
    opacity: .4;
    pointer-events: auto
}

.ant-spin-tip {
    color: #00000073
}

.ant-spin-dot {
    display: inline-block;
    font-size: 20px;
    height: 1em;
    position: relative;
    width: 1em
}

.ant-spin-dot-item {
    animation: antSpinMove 1s linear infinite alternate;
    background-color: #1890ff;
    border-radius: 100%;
    display: block;
    height: 9px;
    opacity: .3;
    position: absolute;
    transform: scale(.75);
    transform-origin: 50% 50%;
    width: 9px
}

.ant-spin-dot-item:first-child {
    left: 0;
    top: 0
}

.ant-spin-dot-item:nth-child(2) {
    animation-delay: .4s;
    right: 0;
    top: 0
}

.ant-spin-dot-item:nth-child(3) {
    animation-delay: .8s;
    bottom: 0;
    right: 0
}

.ant-spin-dot-item:nth-child(4) {
    animation-delay: 1.2s;
    bottom: 0;
    left: 0
}

.ant-spin-dot-spin {
    animation: antRotate 1.2s linear infinite;
    transform: rotate(45deg)
}

.ant-spin-sm .ant-spin-dot {
    font-size: 14px
}

.ant-spin-sm .ant-spin-dot i {
    height: 6px;
    width: 6px
}

.ant-spin-lg .ant-spin-dot {
    font-size: 32px
}

.ant-spin-lg .ant-spin-dot i {
    height: 14px;
    width: 14px
}

.ant-spin.ant-spin-show-text .ant-spin-text {
    display: block
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .ant-spin-blur {
        background: #fff;
        opacity: .5
    }
}

@keyframes antSpinMove {
    to {
        opacity: 1
    }
}

@keyframes antRotate {
    to {
        transform: rotate(405deg)
    }
}

.ant-spin-rtl {
    direction: rtl
}

.ant-spin-rtl .ant-spin-dot-spin {
    animation-name: antRotateRtl;
    transform: rotate(-45deg)
}

@keyframes antRotateRtl {
    to {
        transform: rotate(-405deg)
    }
}

label[data-v-ba9e01b1] {
    align-content: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    text-align: center
}

progress[data-v-ba9e01b1] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none
}

progress[data-v-ba9e01b1]::-moz-progress-bar {
    background: none
}

progress[data-v-ba9e01b1]::-webkit-progress-bar {
    display: none
}

progress[data-v-ba9e01b1]::-ms-fill {
    animation-name: none
}

@media (-ms-high-contrast) {
    progress[data-v-ba9e01b1]::-ms-fill {
        animation-name: -ms-ring
    }
}

label[data-v-ba9e01b1] {
    animation: rotate-ba9e01b1 1s linear infinite;
    color: #ffc800;
    height: 80px;
    width: 80px
}

@media (max-width: 575.98px) {
    label[data-v-ba9e01b1] {
        height:48px;
        width: 48px
    }
}

label[data-v-ba9e01b1]:before,progress[data-v-ba9e01b1] {
    border: 8px solid;
    border-radius: 50%;
    height: 80px;
    width: 80px
}

@media (max-width: 575.98px) {
    label[data-v-ba9e01b1]:before,progress[data-v-ba9e01b1] {
        border-width:4px;
        height: 48px;
        width: 48px
    }
}

label[data-v-ba9e01b1]:before {
    margin-bottom: -80px
}

@media (max-width: 575.98px) {
    label[data-v-ba9e01b1]:before {
        margin-bottom:-48px
    }
}

@supports ((-webkit-clip-path: polygon(0 0)) or (clip-path:polygon(0 0))) {
    label[data-v-ba9e01b1]:before {
        color:#f9f9f9;
        content: ""
    }

    progress[data-v-ba9e01b1] {
        animation: inchworm-ba9e01b1 2s linear infinite
    }
}

@keyframes rotate-ba9e01b1 {
    to {
        transform: rotate(1turn)
    }
}

@keyframes inchworm-ba9e01b1 {
    0% {
        -webkit-clip-path: polygon(50% 50%,0 0,0 0,0 0,0 0,0 0);
        clip-path: polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)
    }

    25% {
        -webkit-clip-path: polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0);
        clip-path: polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)
    }

    50% {
        -webkit-clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%);
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)
    }

    75% {
        -webkit-clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%);
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)
    }

    to {
        -webkit-clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0);
        clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)
    }
}

.player-placeholder {
    display: none
}