.svg-inline--fa,
svg:not(:root).svg-inline--fa {
    overflow: visible;
}

.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    vertical-align: -0.125em;
}

.svg-inline--fa.fa-lg {
    vertical-align: -0.225em;
}

.svg-inline--fa.fa-w-1 {
    width: 0.0625em;
}

.svg-inline--fa.fa-w-2 {
    width: 0.125em;
}

.svg-inline--fa.fa-w-3 {
    width: 0.1875em;
}

.svg-inline--fa.fa-w-4 {
    width: 0.25em;
}

.svg-inline--fa.fa-w-5 {
    width: 0.3125em;
}

.svg-inline--fa.fa-w-6 {
    width: 0.375em;
}

.svg-inline--fa.fa-w-7 {
    width: 0.4375em;
}

.svg-inline--fa.fa-w-8 {
    width: 0.5em;
}

.svg-inline--fa.fa-w-9 {
    width: 0.5625em;
}

.svg-inline--fa.fa-w-10 {
    width: 0.625em;
}

.svg-inline--fa.fa-w-11 {
    width: 0.6875em;
}

.svg-inline--fa.fa-w-12 {
    width: 0.75em;
}

.svg-inline--fa.fa-w-13 {
    width: 0.8125em;
}

.svg-inline--fa.fa-w-14 {
    width: 0.875em;
}

.svg-inline--fa.fa-w-15 {
    width: 0.9375em;
}

.svg-inline--fa.fa-w-16 {
    width: 1em;
}

.svg-inline--fa.fa-w-17 {
    width: 1.0625em;
}

.svg-inline--fa.fa-w-18 {
    width: 1.125em;
}

.svg-inline--fa.fa-w-19 {
    width: 1.1875em;
}

.svg-inline--fa.fa-w-20 {
    width: 1.25em;
}

.svg-inline--fa.fa-pull-left {
    margin-right: 0.3em;
    width: auto;
}

.svg-inline--fa.fa-pull-right {
    margin-left: 0.3em;
    width: auto;
}

.svg-inline--fa.fa-border {
    height: 1.5em;
}

.svg-inline--fa.fa-li {
    width: 2em;
}

.svg-inline--fa.fa-fw {
    width: 1.25em;
}

.fa-layers svg.svg-inline--fa {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.fa-layers {
    display: inline-block;
    height: 1em;
    position: relative;
    text-align: center;
    vertical-align: -0.125em;
    width: 1em;
}

.fa-layers svg.svg-inline--fa {
    transform-origin: center center;
}

.fa-layers-counter,
.fa-layers-text {
    display: inline-block;
    position: absolute;
    text-align: center;
}

.fa-layers-text {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center center;
}

.fa-layers-counter {
    background-color: #ff253a;
    border-radius: 1em;
    box-sizing: border-box;
    color: #fff;
    height: 1.5em;
    line-height: 1;
    max-width: 5em;
    min-width: 1.5em;
    overflow: hidden;
    padding: 0.25em;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    transform: scale(0.25);
    transform-origin: top right;
}

.fa-layers-bottom-right {
    bottom: 0;
    right: 0;
    top: auto;
    transform: scale(0.25);
    transform-origin: bottom right;
}

.fa-layers-bottom-left {
    bottom: 0;
    left: 0;
    right: auto;
    top: auto;
    transform: scale(0.25);
    transform-origin: bottom left;
}

.fa-layers-top-right {
    right: 0;
    top: 0;
    transform: scale(0.25);
    transform-origin: top right;
}

.fa-layers-top-left {
    left: 0;
    right: auto;
    top: 0;
    transform: scale(0.25);
    transform-origin: top left;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -0.0667em;
}

.fa-xs {
    font-size: 0.75em;
}

.fa-sm {
    font-size: 0.875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: 0.08em solid #eee;
    border-radius: 0.1em;
    padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
    margin-right: 0.3em;
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
    margin-left: 0.3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s steps(8) infinite;
    animation: fa-spin 1s steps(8) infinite;
}

@-webkit-keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}

.fa-flip-vertical {
    transform: scaleY(-1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1);
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
    filter: none;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    position: relative;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.svg-inline--fa.fa-stack-1x {
    height: 1em;
    width: 1.25em;
}

.svg-inline--fa.fa-stack-2x {
    height: 2em;
    width: 2.5em;
}

.fa-inverse {
    color: #fff;
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.svg-inline--fa .fa-primary {
    fill: currentColor;
    fill: var(--fa-primary-color, currentColor);
    opacity: 1;
    opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
    fill: currentColor;
    fill: var(--fa-secondary-color, currentColor);
}

.svg-inline--fa .fa-secondary,
.svg-inline--fa.fa-swap-opacity .fa-primary {
    opacity: 0.4;
    opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
    opacity: 1;
    opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
    fill: #000;
}

.fad.fa-inverse {
    color: #fff;
}

.bg-primary-after[data-v-e59be3b4]:after,
.bg-primary-before[data-v-e59be3b4]:before,
.bg-primary[data-v-e59be3b4] {
    background-color: #1e90ff;
}

.bg-primary-after-transparency[data-v-e59be3b4]:after,
.bg-primary-before-transparency[data-v-e59be3b4]:before,
.bg-primary-transparency[data-v-e59be3b4] {
    background-color: rgba(30, 144, 255, 0.5);
}

.bg-secondary-after[data-v-e59be3b4]:after,
.bg-secondary-before[data-v-e59be3b4]:before,
.bg-secondary[data-v-e59be3b4] {
    background-color: #747474;
}

.bg-secondary-after-transparency[data-v-e59be3b4]:after,
.bg-secondary-before-transparency[data-v-e59be3b4]:before,
.bg-secondary-transparency[data-v-e59be3b4] {
    background-color: hsla(0, 0%, 45.5%, 0.5);
}

.bg-third-after[data-v-e59be3b4]:after,
.bg-third-before[data-v-e59be3b4]:before,
.bg-third[data-v-e59be3b4] {
    background-color: #ccc;
}

.bg-third-after-transparency[data-v-e59be3b4]:after,
.bg-third-before-transparency[data-v-e59be3b4]:before,
.bg-third-transparency[data-v-e59be3b4] {
    background-color: hsla(0, 0%, 80%, 0.5);
}

.bg-success-after[data-v-e59be3b4]:after,
.bg-success-before[data-v-e59be3b4]:before,
.bg-success[data-v-e59be3b4] {
    background-color: #9acd32;
}

.bg-success-after-transparency[data-v-e59be3b4]:after,
.bg-success-before-transparency[data-v-e59be3b4]:before,
.bg-success-transparency[data-v-e59be3b4] {
    background-color: rgba(154, 205, 50, 0.5);
}

.bg-danger-after[data-v-e59be3b4]:after,
.bg-danger-before[data-v-e59be3b4]:before,
.bg-danger[data-v-e59be3b4] {
    background-color: #ff4500;
}

.bg-danger-after-transparency[data-v-e59be3b4]:after,
.bg-danger-before-transparency[data-v-e59be3b4]:before,
.bg-danger-transparency[data-v-e59be3b4] {
    background-color: rgba(255, 69, 0, 0.5);
}

.bg-grey-after[data-v-e59be3b4]:after,
.bg-grey-before[data-v-e59be3b4]:before,
.bg-grey[data-v-e59be3b4] {
    background-color: #999;
}

.bg-grey-after-transparency[data-v-e59be3b4]:after,
.bg-grey-before-transparency[data-v-e59be3b4]:before,
.bg-grey-transparency[data-v-e59be3b4] {
    background-color: hsla(0, 0%, 60%, 0.5);
}

.bg-info-after[data-v-e59be3b4]:after,
.bg-info-before[data-v-e59be3b4]:before,
.bg-info[data-v-e59be3b4] {
    background-color: #17a2b8;
}

.bg-info-after-transparency[data-v-e59be3b4]:after,
.bg-info-before-transparency[data-v-e59be3b4]:before,
.bg-info-transparency[data-v-e59be3b4] {
    background-color: rgba(23, 162, 184, 0.5);
}

.bg-warning-after[data-v-e59be3b4]:after,
.bg-warning-before[data-v-e59be3b4]:before,
.bg-warning[data-v-e59be3b4] {
    background-color: #ffa300;
}

.bg-warning-after-transparency[data-v-e59be3b4]:after,
.bg-warning-before-transparency[data-v-e59be3b4]:before,
.bg-warning-transparency[data-v-e59be3b4] {
    background-color: rgba(255, 163, 0, 0.5);
}

.bg-light-after[data-v-e59be3b4]:after,
.bg-light-before[data-v-e59be3b4]:before,
.bg-light[data-v-e59be3b4] {
    background-color: #f5f5f5;
}

.bg-light-after-transparency[data-v-e59be3b4]:after,
.bg-light-before-transparency[data-v-e59be3b4]:before,
.bg-light-transparency[data-v-e59be3b4] {
    background-color: hsla(0, 0%, 96.1%, 0.5);
}

.bg-dark-after[data-v-e59be3b4]:after,
.bg-dark-before[data-v-e59be3b4]:before,
.bg-dark[data-v-e59be3b4] {
    background-color: #24292e;
}

.bg-dark-after-transparency[data-v-e59be3b4]:after,
.bg-dark-before-transparency[data-v-e59be3b4]:before,
.bg-dark-transparency[data-v-e59be3b4] {
    background-color: rgba(36, 41, 46, 0.5);
}

.bg-default-after[data-v-e59be3b4]:after,
.bg-default-before[data-v-e59be3b4]:before,
.bg-default[data-v-e59be3b4] {
    background-color: #ccc;
}

.bg-default-after-transparency[data-v-e59be3b4]:after,
.bg-default-before-transparency[data-v-e59be3b4]:before,
.bg-default-transparency[data-v-e59be3b4] {
    background-color: hsla(0, 0%, 80%, 0.5);
}

.bg-white-after[data-v-e59be3b4]:after,
.bg-white-before[data-v-e59be3b4]:before,
.bg-white[data-v-e59be3b4] {
    background-color: #fff;
}

.bg-white-after-transparency[data-v-e59be3b4]:after,
.bg-white-before-transparency[data-v-e59be3b4]:before,
.bg-white-transparency[data-v-e59be3b4] {
    background-color: hsla(0, 0%, 100%, 0.5);
}

.bg-black-after[data-v-e59be3b4]:after,
.bg-black-before[data-v-e59be3b4]:before,
.bg-black[data-v-e59be3b4] {
    background-color: #000;
}

.bg-black-after-transparency[data-v-e59be3b4]:after,
.bg-black-before-transparency[data-v-e59be3b4]:before,
.bg-black-transparency[data-v-e59be3b4] {
    background-color: rgba(0, 0, 0, 0.5);
}

.fill-primary path[data-v-e59be3b4] {
    fill: #1e90ff;
}

.fill-secondary path[data-v-e59be3b4] {
    fill: #747474;
}

.fill-third path[data-v-e59be3b4] {
    fill: #ccc;
}

.fill-success path[data-v-e59be3b4] {
    fill: #9acd32;
}

.fill-danger path[data-v-e59be3b4] {
    fill: #ff4500;
}

.fill-grey path[data-v-e59be3b4] {
    fill: #999;
}

.fill-info path[data-v-e59be3b4] {
    fill: #17a2b8;
}

.fill-warning path[data-v-e59be3b4] {
    fill: #ffa300;
}

.fill-light path[data-v-e59be3b4] {
    fill: #f5f5f5;
}

.fill-dark path[data-v-e59be3b4] {
    fill: #24292e;
}

.fill-default path[data-v-e59be3b4] {
    fill: #ccc;
}

.fill-white path[data-v-e59be3b4] {
    fill: #fff;
}

.fill-black path[data-v-e59be3b4] {
    fill: #000;
}

.label[data-v-e59be3b4] {
    border-radius: 2px;
    padding: 2px 4px;
    color: #fff;
    font-size: 0.714em;
}

.label-primary[data-v-e59be3b4],
.label[data-v-e59be3b4] {
    background-color: #1e90ff;
}

.label-primary-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #1e90ff;
    color: #1e90ff;
}

.label-secondary[data-v-e59be3b4] {
    background-color: #747474;
}

.label-secondary-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #747474;
    color: #747474;
}

.label-third[data-v-e59be3b4] {
    background-color: #ccc;
}

.label-third-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #ccc;
}

.label-success[data-v-e59be3b4] {
    background-color: #9acd32;
}

.label-success-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #9acd32;
    color: #9acd32;
}

.label-danger[data-v-e59be3b4] {
    background-color: #ff4500;
}

.label-danger-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #ff4500;
    color: #ff4500;
}

.label-grey[data-v-e59be3b4] {
    background-color: #999;
}

.label-grey-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #999;
    color: #999;
}

.label-info[data-v-e59be3b4] {
    background-color: #17a2b8;
}

.label-info-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #17a2b8;
    color: #17a2b8;
}

.label-warning[data-v-e59be3b4] {
    background-color: #ffa300;
}

.label-warning-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #ffa300;
    color: #ffa300;
}

.label-light[data-v-e59be3b4] {
    background-color: #f5f5f5;
}

.label-light-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #f5f5f5;
    color: #f5f5f5;
}

.label-dark[data-v-e59be3b4] {
    background-color: #24292e;
}

.label-dark-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #24292e;
    color: #24292e;
}

.label-default[data-v-e59be3b4] {
    background-color: #ccc;
}

.label-default-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #ccc;
}

.label-white[data-v-e59be3b4] {
    background-color: #fff;
}

.label-white-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.label-black[data-v-e59be3b4] {
    background-color: #000;
}

.label-black-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
}

.dot[data-v-e59be3b4] {
    width: 6px;
    height: 6px;
    border-radius: 6px;
}

.dot-primary[data-v-e59be3b4],
.dot[data-v-e59be3b4] {
    background-color: #1e90ff;
}

.dot-primary-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #1e90ff;
    color: #1e90ff;
}

.dot-secondary[data-v-e59be3b4] {
    background-color: #747474;
}

.dot-secondary-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #747474;
    color: #747474;
}

.dot-third[data-v-e59be3b4] {
    background-color: #ccc;
}

.dot-third-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #ccc;
}

.dot-success[data-v-e59be3b4] {
    background-color: #9acd32;
}

.dot-success-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #9acd32;
    color: #9acd32;
}

.dot-danger[data-v-e59be3b4] {
    background-color: #ff4500;
}

.dot-danger-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #ff4500;
    color: #ff4500;
}

.dot-grey[data-v-e59be3b4] {
    background-color: #999;
}

.dot-grey-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #999;
    color: #999;
}

.dot-info[data-v-e59be3b4] {
    background-color: #17a2b8;
}

.dot-info-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #17a2b8;
    color: #17a2b8;
}

.dot-warning[data-v-e59be3b4] {
    background-color: #ffa300;
}

.dot-warning-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #ffa300;
    color: #ffa300;
}

.dot-light[data-v-e59be3b4] {
    background-color: #f5f5f5;
}

.dot-light-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #f5f5f5;
    color: #f5f5f5;
}

.dot-dark[data-v-e59be3b4] {
    background-color: #24292e;
}

.dot-dark-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #24292e;
    color: #24292e;
}

.dot-default[data-v-e59be3b4] {
    background-color: #ccc;
}

.dot-default-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #ccc;
}

.dot-white[data-v-e59be3b4] {
    background-color: #fff;
}

.dot-white-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.dot-black[data-v-e59be3b4] {
    background-color: #000;
}

.dot-black-outline[data-v-e59be3b4] {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
}

a[data-v-e59be3b4] {
    color: #1e90ff;
    text-decoration: none;
}

a[data-v-e59be3b4]:focus,
a[data-v-e59be3b4]:hover {
    text-decoration: underline;
}

.btn[data-v-e59be3b4] {
    border: 1px solid transparent;
    outline: none;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-color: #1e90ff;
    color: #fff;
    display: inline-block;
    border-radius: 8px;
    line-height: 1;
    box-sizing: border-box;
    padding: 12px 20px;
    font-size: 1em;
    font-weight: inherit;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
    overflow: visible;
    -webkit-font-smoothing: inherit;
    text-decoration: none;
    -moz-osx-font-smoothing: inherit;
}

.btn[data-v-e59be3b4]:focus,
.btn[data-v-e59be3b4]:hover {
    background-color: #0077ea;
}

.btn.active[data-v-e59be3b4] {
    background-color: #1e90ff;
}

.btn.active[data-v-e59be3b4],
.btn[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem rgba(30, 144, 255, 0.5);
}

.btn.active[data-v-e59be3b4],
.btn[data-v-e59be3b4]:focus,
.btn[data-v-e59be3b4]:hover {
    text-decoration: none;
}

.btn--rounded[data-v-e59be3b4] {
    border-radius: 50px;
}

.btn--block[data-v-e59be3b4] {
    width: 100%;
}

.btn--lg[data-v-e59be3b4] {
    padding: 16px 22px;
    font-size: 1.143em;
}

.btn--md[data-v-e59be3b4] {
    padding: 10px 20px;
    font-size: 1em;
}

.btn--sm[data-v-e59be3b4] {
    padding: 9px 15px;
    font-size: 0.857em;
}

.btn--mini[data-v-e59be3b4] {
    padding: 7px 15px;
    font-size: 0.857em;
}

.btn--fab[data-v-e59be3b4] {
    border-radius: 50%;
    padding: 0;
    height: 40px;
    width: 40px;
}

.btn--fab.btn--lg[data-v-e59be3b4] {
    height: 50px;
    width: 50px;
}

.btn--fab.btn--md[data-v-e59be3b4] {
    height: 36px;
    width: 36px;
}

.btn--fab.btn--sm[data-v-e59be3b4] {
    height: 32px;
    width: 32px;
}

.btn--fab.btn--mini[data-v-e59be3b4] {
    height: 28px;
    width: 28px;
}

.btn--light[data-v-e59be3b4],
.btn--white[data-v-e59be3b4] {
    color: #747474;
}

.btn--primary[data-v-e59be3b4] {
    background-color: #1e90ff;
}

.btn--primary[data-v-e59be3b4]:focus,
.btn--primary[data-v-e59be3b4]:hover {
    background-color: #0077ea;
}

.btn--primary.active[data-v-e59be3b4] {
    background-color: #1e90ff;
}

.btn--primary.active[data-v-e59be3b4],
.btn--primary[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem rgba(30, 144, 255, 0.5);
}

.btn--primary--outline[data-v-e59be3b4] {
    background-color: rgba(30, 144, 255, 0.05);
    border: 1px solid #1e90ff;
    color: #1e90ff;
}

.btn--primary--outline.active[data-v-e59be3b4],
.btn--primary--outline[data-v-e59be3b4]:focus,
.btn--primary--outline[data-v-e59be3b4]:hover {
    background-color: #1e90ff;
    color: #fff;
}

.btn--primary--outline.active[data-v-e59be3b4],
.btn--primary--outline[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem rgba(30, 144, 255, 0.5);
}

.btn--secondary[data-v-e59be3b4] {
    background-color: #747474;
}

.btn--secondary[data-v-e59be3b4]:focus,
.btn--secondary[data-v-e59be3b4]:hover {
    background-color: #5b5b5b;
}

.btn--secondary.active[data-v-e59be3b4] {
    background-color: #747474;
}

.btn--secondary.active[data-v-e59be3b4],
.btn--secondary[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 45.5%, 0.5);
}

.btn--secondary--outline[data-v-e59be3b4] {
    background-color: hsla(0, 0%, 45.5%, 0.05);
    border: 1px solid #747474;
    color: #747474;
}

.btn--secondary--outline.active[data-v-e59be3b4],
.btn--secondary--outline[data-v-e59be3b4]:focus,
.btn--secondary--outline[data-v-e59be3b4]:hover {
    background-color: #747474;
    color: #fff;
}

.btn--secondary--outline.active[data-v-e59be3b4],
.btn--secondary--outline[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 45.5%, 0.5);
}

.btn--third[data-v-e59be3b4] {
    background-color: #ccc;
}

.btn--third[data-v-e59be3b4]:focus,
.btn--third[data-v-e59be3b4]:hover {
    background-color: #b3b3b3;
}

.btn--third.active[data-v-e59be3b4] {
    background-color: #ccc;
}

.btn--third.active[data-v-e59be3b4],
.btn--third[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}

.btn--third--outline[data-v-e59be3b4] {
    background-color: hsla(0, 0%, 80%, 0.05);
    border: 1px solid #ccc;
    color: #ccc;
}

.btn--third--outline.active[data-v-e59be3b4],
.btn--third--outline[data-v-e59be3b4]:focus,
.btn--third--outline[data-v-e59be3b4]:hover {
    background-color: #ccc;
    color: #fff;
}

.btn--third--outline.active[data-v-e59be3b4],
.btn--third--outline[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}

.btn--success[data-v-e59be3b4] {
    background-color: #9acd32;
}

.btn--success[data-v-e59be3b4]:focus,
.btn--success[data-v-e59be3b4]:hover {
    background-color: #7ba428;
}

.btn--success.active[data-v-e59be3b4] {
    background-color: #9acd32;
}

.btn--success.active[data-v-e59be3b4],
.btn--success[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem rgba(154, 205, 50, 0.5);
}

.btn--success--outline[data-v-e59be3b4] {
    background-color: rgba(154, 205, 50, 0.05);
    border: 1px solid #9acd32;
    color: #9acd32;
}

.btn--success--outline.active[data-v-e59be3b4],
.btn--success--outline[data-v-e59be3b4]:focus,
.btn--success--outline[data-v-e59be3b4]:hover {
    background-color: #9acd32;
    color: #fff;
}

.btn--success--outline.active[data-v-e59be3b4],
.btn--success--outline[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem rgba(154, 205, 50, 0.5);
}

.btn--danger[data-v-e59be3b4] {
    background-color: #ff4500;
}

.btn--danger[data-v-e59be3b4]:focus,
.btn--danger[data-v-e59be3b4]:hover {
    background-color: #cc3700;
}

.btn--danger.active[data-v-e59be3b4] {
    background-color: #ff4500;
}

.btn--danger.active[data-v-e59be3b4],
.btn--danger[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem rgba(255, 69, 0, 0.5);
}

.btn--danger--outline[data-v-e59be3b4] {
    background-color: rgba(255, 69, 0, 0.05);
    border: 1px solid #ff4500;
    color: #ff4500;
}

.btn--danger--outline.active[data-v-e59be3b4],
.btn--danger--outline[data-v-e59be3b4]:focus,
.btn--danger--outline[data-v-e59be3b4]:hover {
    background-color: #ff4500;
    color: #fff;
}

.btn--danger--outline.active[data-v-e59be3b4],
.btn--danger--outline[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem rgba(255, 69, 0, 0.5);
}

.btn--grey[data-v-e59be3b4] {
    background-color: #999;
}

.btn--grey[data-v-e59be3b4]:focus,
.btn--grey[data-v-e59be3b4]:hover {
    background-color: grey;
}

.btn--grey.active[data-v-e59be3b4] {
    background-color: #999;
}

.btn--grey.active[data-v-e59be3b4],
.btn--grey[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 60%, 0.5);
}

.btn--grey--outline[data-v-e59be3b4] {
    background-color: hsla(0, 0%, 60%, 0.05);
    border: 1px solid #999;
    color: #999;
}

.btn--grey--outline.active[data-v-e59be3b4],
.btn--grey--outline[data-v-e59be3b4]:focus,
.btn--grey--outline[data-v-e59be3b4]:hover {
    background-color: #999;
    color: #fff;
}

.btn--grey--outline.active[data-v-e59be3b4],
.btn--grey--outline[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 60%, 0.5);
}

.btn--info[data-v-e59be3b4] {
    background-color: #17a2b8;
}

.btn--info[data-v-e59be3b4]:focus,
.btn--info[data-v-e59be3b4]:hover {
    background-color: #117a8b;
}

.btn--info.active[data-v-e59be3b4] {
    background-color: #17a2b8;
}

.btn--info.active[data-v-e59be3b4],
.btn--info[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem rgba(23, 162, 184, 0.5);
}

.btn--info--outline[data-v-e59be3b4] {
    background-color: rgba(23, 162, 184, 0.05);
    border: 1px solid #17a2b8;
    color: #17a2b8;
}

.btn--info--outline.active[data-v-e59be3b4],
.btn--info--outline[data-v-e59be3b4]:focus,
.btn--info--outline[data-v-e59be3b4]:hover {
    background-color: #17a2b8;
    color: #fff;
}

.btn--info--outline.active[data-v-e59be3b4],
.btn--info--outline[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem rgba(23, 162, 184, 0.5);
}

.btn--warning[data-v-e59be3b4] {
    background-color: #ffa300;
}

.btn--warning[data-v-e59be3b4]:focus,
.btn--warning[data-v-e59be3b4]:hover {
    background-color: #cc8200;
}

.btn--warning.active[data-v-e59be3b4] {
    background-color: #ffa300;
}

.btn--warning.active[data-v-e59be3b4],
.btn--warning[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem rgba(255, 163, 0, 0.5);
}

.btn--warning--outline[data-v-e59be3b4] {
    background-color: rgba(255, 163, 0, 0.05);
    border: 1px solid #ffa300;
    color: #ffa300;
}

.btn--warning--outline.active[data-v-e59be3b4],
.btn--warning--outline[data-v-e59be3b4]:focus,
.btn--warning--outline[data-v-e59be3b4]:hover {
    background-color: #ffa300;
    color: #fff;
}

.btn--warning--outline.active[data-v-e59be3b4],
.btn--warning--outline[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem rgba(255, 163, 0, 0.5);
}

.btn--light[data-v-e59be3b4] {
    background-color: #f5f5f5;
}

.btn--light[data-v-e59be3b4]:focus,
.btn--light[data-v-e59be3b4]:hover {
    background-color: #dcdcdc;
}

.btn--light.active[data-v-e59be3b4] {
    background-color: #f5f5f5;
}

.btn--light.active[data-v-e59be3b4],
.btn--light[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 96.1%, 0.5);
}

.btn--light--outline[data-v-e59be3b4] {
    background-color: hsla(0, 0%, 96.1%, 0.05);
    border: 1px solid #f5f5f5;
    color: #f5f5f5;
}

.btn--light--outline.active[data-v-e59be3b4],
.btn--light--outline[data-v-e59be3b4]:focus,
.btn--light--outline[data-v-e59be3b4]:hover {
    background-color: #f5f5f5;
    color: #fff;
}

.btn--light--outline.active[data-v-e59be3b4],
.btn--light--outline[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 96.1%, 0.5);
}

.btn--dark[data-v-e59be3b4] {
    background-color: #24292e;
}

.btn--dark[data-v-e59be3b4]:focus,
.btn--dark[data-v-e59be3b4]:hover {
    background-color: #0e1011;
}

.btn--dark.active[data-v-e59be3b4] {
    background-color: #24292e;
}

.btn--dark.active[data-v-e59be3b4],
.btn--dark[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem rgba(36, 41, 46, 0.5);
}

.btn--dark--outline[data-v-e59be3b4] {
    background-color: rgba(36, 41, 46, 0.05);
    border: 1px solid #24292e;
    color: #24292e;
}

.btn--dark--outline.active[data-v-e59be3b4],
.btn--dark--outline[data-v-e59be3b4]:focus,
.btn--dark--outline[data-v-e59be3b4]:hover {
    background-color: #24292e;
    color: #fff;
}

.btn--dark--outline.active[data-v-e59be3b4],
.btn--dark--outline[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem rgba(36, 41, 46, 0.5);
}

.btn--default[data-v-e59be3b4] {
    background-color: #ccc;
}

.btn--default[data-v-e59be3b4]:focus,
.btn--default[data-v-e59be3b4]:hover {
    background-color: #b3b3b3;
}

.btn--default.active[data-v-e59be3b4] {
    background-color: #ccc;
}

.btn--default.active[data-v-e59be3b4],
.btn--default[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}

.btn--default--outline[data-v-e59be3b4] {
    background-color: hsla(0, 0%, 80%, 0.05);
    border: 1px solid #ccc;
    color: #ccc;
}

.btn--default--outline.active[data-v-e59be3b4],
.btn--default--outline[data-v-e59be3b4]:focus,
.btn--default--outline[data-v-e59be3b4]:hover {
    background-color: #ccc;
    color: #fff;
}

.btn--default--outline.active[data-v-e59be3b4],
.btn--default--outline[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}

.btn--white[data-v-e59be3b4] {
    background-color: #fff;
}

.btn--white[data-v-e59be3b4]:focus,
.btn--white[data-v-e59be3b4]:hover {
    background-color: #e6e6e6;
}

.btn--white.active[data-v-e59be3b4] {
    background-color: #fff;
}

.btn--white.active[data-v-e59be3b4],
.btn--white[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 100%, 0.5);
}

.btn--white--outline[data-v-e59be3b4] {
    background-color: hsla(0, 0%, 100%, 0.05);
    border: 1px solid #fff;
    color: #fff;
}

.btn--white--outline.active[data-v-e59be3b4],
.btn--white--outline[data-v-e59be3b4]:focus,
.btn--white--outline[data-v-e59be3b4]:hover {
    background-color: #fff;
    color: #fff;
}

.btn--white--outline.active[data-v-e59be3b4],
.btn--white--outline[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 100%, 0.5);
}

.btn--black.active[data-v-e59be3b4],
.btn--black[data-v-e59be3b4],
.btn--black[data-v-e59be3b4]:focus,
.btn--black[data-v-e59be3b4]:hover {
    background-color: #000;
}

.btn--black.active[data-v-e59be3b4],
.btn--black[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem rgba(0, 0, 0, 0.5);
}

.btn--black--outline[data-v-e59be3b4] {
    background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid #000;
    color: #000;
}

.btn--black--outline.active[data-v-e59be3b4],
.btn--black--outline[data-v-e59be3b4]:focus,
.btn--black--outline[data-v-e59be3b4]:hover {
    background-color: #000;
    color: #fff;
}

.btn--black--outline.active[data-v-e59be3b4],
.btn--black--outline[data-v-e59be3b4]:focus {
    box-shadow: 0 0 0 0.143rem rgba(0, 0, 0, 0.5);
}

.btn--default--outline[data-v-e59be3b4] {
    color: #747474;
}

.btn--disabled[data-v-e59be3b4]:disabled {
    box-shadow: none;
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    cursor: not-allowed;
}

.badge[data-v-e59be3b4] {
    background: #999;
    height: 22px;
    line-height: 22px;
    border-radius: 22px;
    padding: 0 5px;
    font-size: 0.857em;
    color: #888;
    font-weight: 500;
}

.badge-primary[data-v-e59be3b4] {
    background-color: #1e90ff;
    color: #fff;
}

.badge-secondary[data-v-e59be3b4] {
    background-color: #747474;
    color: #fff;
}

.badge-third[data-v-e59be3b4] {
    background-color: #ccc;
    color: #fff;
}

.badge-success[data-v-e59be3b4] {
    background-color: #9acd32;
    color: #fff;
}

.badge-danger[data-v-e59be3b4] {
    background-color: #ff4500;
    color: #fff;
}

.badge-grey[data-v-e59be3b4] {
    background-color: #999;
    color: #fff;
}

.badge-info[data-v-e59be3b4] {
    background-color: #17a2b8;
    color: #fff;
}

.badge-warning[data-v-e59be3b4] {
    background-color: #ffa300;
    color: #fff;
}

.badge-light[data-v-e59be3b4] {
    background-color: #f5f5f5;
    color: #fff;
}

.badge-dark[data-v-e59be3b4] {
    background-color: #24292e;
    color: #fff;
}

.badge-default[data-v-e59be3b4] {
    background-color: #ccc;
    color: #fff;
}

.badge-white[data-v-e59be3b4] {
    background-color: #fff;
    color: #fff;
}

.badge-black[data-v-e59be3b4] {
    background-color: #000;
    color: #fff;
}

table.md[data-v-e59be3b4] {
    border-spacing: 0;
    border-radius: 8px;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
    overflow: hidden;
    word-break: break-all;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 1em;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

table.md tr[data-v-e59be3b4] {
    background-color: #fff;
    width: 100%;
}

table.md tr td[data-v-e59be3b4],
table.md tr th[data-v-e59be3b4] {
    padding: 6px 13px;
    text-align: left;
}

table.md tr[data-v-e59be3b4]:nth-child(2n) {
    background-color: #f2f2f2;
}

.is-dark table.md[data-v-e59be3b4] {
    color: #f2f2f2;
}

.is-dark table.md tr[data-v-e59be3b4] {
    background-color: #21222e;
}

.is-dark table.md tr[data-v-e59be3b4]:nth-child(2n) {
    background-color: #2e2f40;
}

.is-dark table.md tr td.text-muted[data-v-e59be3b4] {
    color: hsla(0, 0%, 100%, 0.3);
}

.slide-enter-active[data-v-e59be3b4],
.slide-leave-active[data-v-e59be3b4] {
    opacity: 1;
    z-index: 998;
    transition: all 0.3s;
    transform: translateY(0);
}

.slide-enter[data-v-e59be3b4],
.slide-leave-to[data-v-e59be3b4] {
    opacity: 0;
    z-index: 998;
    transform: translateY(-20px);
}

.tags-enter-active[data-v-e59be3b4],
.tags-leave-active[data-v-e59be3b4] {
    opacity: 1;
    transition: all 0.3s;
    position: absolute;
    transform: translateY(0);
}

.tags-enter[data-v-e59be3b4],
.tags-leave-to[data-v-e59be3b4] {
    opacity: 0;
    transform: translateX(-100%);
}

.slideinvert-enter-active[data-v-e59be3b4],
.slideinvert-leave-active[data-v-e59be3b4] {
    opacity: 1;
    z-index: 998;
    transition: all 0.3s;
    transform: translateY(0);
}

.slideinvert-enter[data-v-e59be3b4],
.slideinvert-leave-to[data-v-e59be3b4] {
    opacity: 0;
    z-index: 998;
    transform: translateY(40px);
}

.slidenext-enter-active[data-v-e59be3b4],
.slidenext-leave-active[data-v-e59be3b4],
.slideprev-enter-active[data-v-e59be3b4],
.slideprev-leave-active[data-v-e59be3b4] {
    position: absolute;
    transition: all 0.3s;
}

.slidenext-enter[data-v-e59be3b4],
.slideprev-leave-to[data-v-e59be3b4] {
    transform: translateX(100%);
}

.slidenext-leave-to[data-v-e59be3b4],
.slideprev-enter[data-v-e59be3b4] {
    transform: translateX(-100%);
}

.slidevnext-enter-active[data-v-e59be3b4],
.slidevnext-leave-active[data-v-e59be3b4],
.slidevprev-enter-active[data-v-e59be3b4],
.slidevprev-leave-active[data-v-e59be3b4] {
    position: absolute;
    transition: all 0.3s;
}

.slidevnext-enter[data-v-e59be3b4],
.slidevprev-leave-to[data-v-e59be3b4] {
    transform: translateY(100%);
    opacity: 0;
}

.slidevnext-leave-to[data-v-e59be3b4],
.slidevprev-enter[data-v-e59be3b4] {
    transform: translateY(-100%);
    opacity: 0;
}

@media screen and (max-width: 415px) {
    .slide-enter-active[data-v-e59be3b4],
    .slide-leave-active[data-v-e59be3b4],
    .slideinvert-enter-active[data-v-e59be3b4],
    .slideinvert-leave-active[data-v-e59be3b4] {
        transition: all 0s;
    }
}

.spinner-anim[data-v-e59be3b4] {
    -webkit-animation: spin-data-v-e59be3b4 0.6s linear infinite;
    animation: spin-data-v-e59be3b4 0.6s linear infinite;
}

@-webkit-keyframes spin-data-v-e59be3b4 {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}

@keyframes spin-data-v-e59be3b4 {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}

.dialog-fade-enter-active .dialog-animation[data-v-e59be3b4] {
    -webkit-animation: dialog-fade-in-data-v-e59be3b4 0.4s;
    animation: dialog-fade-in-data-v-e59be3b4 0.4s;
}

.dialog-fade-leave-active .dialog-animation[data-v-e59be3b4] {
    -webkit-animation: dialog-fade-out-data-v-e59be3b4 0.4s;
    animation: dialog-fade-out-data-v-e59be3b4 0.4s;
}

@-webkit-keyframes dialog-fade-in-data-v-e59be3b4 {
    0% {
        transform: translate3d(0, -30px, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes dialog-fade-in-data-v-e59be3b4 {
    0% {
        transform: translate3d(0, -30px, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}

@-webkit-keyframes dialog-fade-out-data-v-e59be3b4 {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -30px, 0);
        opacity: 0;
    }
}

@keyframes dialog-fade-out-data-v-e59be3b4 {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -30px, 0);
        opacity: 0;
    }
}

.expand-enter-active[data-v-e59be3b4],
.expand-leave-active[data-v-e59be3b4] {
    transition: 0.3s ease-in-out;
    transition-property: opacity, height;
    overflow: hidden;
}

.expand-enter[data-v-e59be3b4],
.expand-leave-to[data-v-e59be3b4] {
    height: 0;
    opacity: 0;
}

.scale-enter-active[data-v-e59be3b4],
.scale-leave-active[data-v-e59be3b4] {
    opacity: 1;
    z-index: 1;
    transition: all 0.3s cubic-bezier(0.4, 0.52, 0.26, 0.9);
}

.scale-enter[data-v-e59be3b4],
.scale-leave-to[data-v-e59be3b4] {
    opacity: 0.4;
    z-index: 1;
    transform: scale(0);
}

@-webkit-keyframes loading-data-v-e59be3b4 {
    0% {
        left: -200px;
        width: 30%;
    }
    50% {
        width: 30%;
    }
    70% {
        width: 70%;
    }
    80% {
        left: 50%;
    }
    95% {
        left: 120%;
    }
    to {
        left: 100%;
    }
}

.flip-list-move[data-v-e59be3b4] {
    transition: transform 0.6s;
}

.over-hid[data-v-e59be3b4] {
    overflow: hidden;
}

.pos-r[data-v-e59be3b4] {
    position: relative;
}

.pos-a[data-v-e59be3b4] {
    position: absolute;
}

.flex[data-v-e59be3b4] {
    display: flex;
}

.flex.fluid[data-v-e59be3b4] {
    width: 100%;
}

.flex.direction-column[data-v-e59be3b4] {
    flex-direction: column;
}

.flex.direction-column-reverse[data-v-e59be3b4] {
    flex-direction: column-reverse;
}

.flex.direction-row[data-v-e59be3b4] {
    flex-direction: row;
}

.flex.direction-row-reverse[data-v-e59be3b4] {
    flex-direction: row-reverse;
}

.flex.align-center[data-v-e59be3b4] {
    align-items: center;
}

.flex.align-start[data-v-e59be3b4] {
    align-items: flex-start;
}

.flex.align-end[data-v-e59be3b4] {
    align-items: flex-end;
}

.flex.justify-start[data-v-e59be3b4] {
    justify-content: flex-start;
}

.flex.justify-end[data-v-e59be3b4] {
    justify-content: flex-end;
}

.flex.justify-center[data-v-e59be3b4] {
    justify-content: center;
}

.flex.space-between[data-v-e59be3b4] {
    justify-content: space-between;
}

.flex.space-around[data-v-e59be3b4] {
    justify-content: space-around;
}

.flex.flex-center[data-v-e59be3b4] {
    justify-content: center;
    align-items: center;
}

.flex.flex--wrap[data-v-e59be3b4] {
    flex-wrap: wrap;
}

.flex.flex--grow[data-v-e59be3b4] {
    flex-grow: 1;
}

.flex-fill[data-v-e59be3b4] {
    flex: 0 1 auto;
}

.flex-fixed[data-v-e59be3b4] {
    flex: 0 0 auto;
}

.flex-1[data-v-e59be3b4] {
    flex: 1;
}

.flex-100[data-v-e59be3b4] {
    flex: 0 1 100%;
}

.flex-75[data-v-e59be3b4] {
    flex: 0 1 75%;
}

.flex-50[data-v-e59be3b4] {
    flex: 0 1 50%;
}

.flex-33[data-v-e59be3b4] {
    flex: 0 1 33.33%;
}

.flex-25[data-v-e59be3b4] {
    flex: 0 1 25%;
}

.flex-20[data-v-e59be3b4] {
    flex: 0 1 20%;
}

.flex-16[data-v-e59be3b4] {
    flex: 0 1 16.66%;
}

.text-muted-white[data-v-e59be3b4] {
    color: hsla(0, 0%, 100%, 0.54);
}

.text-muted[data-v-e59be3b4] {
    color: rgba(0, 0, 0, 0.54);
}

.is-dark .text-muted[data-v-e59be3b4] {
    color: hsla(0, 0%, 100%, 0.54);
}

.text-strong[data-v-e59be3b4] {
    font-weight: 500;
}

.text-center[data-v-e59be3b4] {
    text-align: center;
}

.text-left[data-v-e59be3b4] {
    text-align: left;
}

.text-right[data-v-e59be3b4] {
    text-align: right;
}

.text-primary[data-v-e59be3b4] {
    color: #1e90ff;
}

.text-secondary[data-v-e59be3b4] {
    color: #747474;
}

.text-third[data-v-e59be3b4] {
    color: #ccc;
}

.text-success[data-v-e59be3b4] {
    color: #9acd32;
}

.text-danger[data-v-e59be3b4] {
    color: #ff4500;
}

.text-grey[data-v-e59be3b4] {
    color: #999;
}

.text-info[data-v-e59be3b4] {
    color: #17a2b8;
}

.text-warning[data-v-e59be3b4] {
    color: #ffa300;
}

.text-light[data-v-e59be3b4] {
    color: #f5f5f5;
}

.text-dark[data-v-e59be3b4] {
    color: #24292e;
}

.text-default[data-v-e59be3b4] {
    color: #ccc;
}

.text-white[data-v-e59be3b4] {
    color: #fff;
}

.text-black[data-v-e59be3b4] {
    color: #000;
}

.dots-text[data-v-e59be3b4] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dots-text-3[data-v-e59be3b4] {
    overflow: hidden;
    position: relative;
    line-height: 1.3em;
    max-height: 3.9em;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
}

.dots-text-3[data-v-e59be3b4]:before {
    content: "...";
    position: absolute;
    right: 3px;
    bottom: 2px;
}

.dots-text-3[data-v-e59be3b4]:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: #fff;
}

.dots-text-2[data-v-e59be3b4] {
    overflow: hidden;
    position: relative;
    line-height: 1.3em;
    max-height: 2.6em;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
}

.dots-text-2[data-v-e59be3b4]:before {
    content: "...";
    position: absolute;
    right: 3px;
    bottom: 2px;
}

.dots-text-2[data-v-e59be3b4]:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: #fff;
}

.container[data-v-e59be3b4] {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 768px) {
    .container[data-v-e59be3b4] {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container[data-v-e59be3b4] {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .container[data-v-e59be3b4] {
        max-width: 1024px;
    }
}

@media (min-width: 1440px) {
    .container[data-v-e59be3b4] {
        max-width: 1440px;
    }
}

@media (min-width: 2560px) {
    .container[data-v-e59be3b4] {
        max-width: 2560px;
    }
}

.pr-0[data-v-e59be3b4] {
    padding-right: 0;
}

.pt-0[data-v-e59be3b4] {
    padding-top: 0;
}

.pb-0[data-v-e59be3b4] {
    padding-bottom: 0;
}

.pl-0[data-v-e59be3b4] {
    padding-left: 0;
}

.px-0[data-v-e59be3b4] {
    padding-left: 0;
    padding-right: 0;
}

.py-0[data-v-e59be3b4] {
    padding-top: 0;
    padding-bottom: 0;
}

.p-0[data-v-e59be3b4] {
    padding: 0;
}

.pr-1[data-v-e59be3b4] {
    padding-right: 0.25rem;
}

.pt-1[data-v-e59be3b4] {
    padding-top: 0.25rem;
}

.pb-1[data-v-e59be3b4] {
    padding-bottom: 0.25rem;
}

.pl-1[data-v-e59be3b4] {
    padding-left: 0.25rem;
}

.px-1[data-v-e59be3b4] {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.py-1[data-v-e59be3b4] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.p-1[data-v-e59be3b4] {
    padding: 0.25rem;
}

.pr-2[data-v-e59be3b4] {
    padding-right: 0.5rem;
}

.pt-2[data-v-e59be3b4] {
    padding-top: 0.5rem;
}

.pb-2[data-v-e59be3b4] {
    padding-bottom: 0.5rem;
}

.pl-2[data-v-e59be3b4] {
    padding-left: 0.5rem;
}

.px-2[data-v-e59be3b4] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.py-2[data-v-e59be3b4] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.p-2[data-v-e59be3b4] {
    padding: 0.5rem;
}

.pr-3[data-v-e59be3b4] {
    padding-right: 1rem;
}

.pt-3[data-v-e59be3b4] {
    padding-top: 1rem;
}

.pb-3[data-v-e59be3b4] {
    padding-bottom: 1rem;
}

.pl-3[data-v-e59be3b4] {
    padding-left: 1rem;
}

.px-3[data-v-e59be3b4] {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py-3[data-v-e59be3b4] {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.p-3[data-v-e59be3b4] {
    padding: 1rem;
}

.pr-4[data-v-e59be3b4] {
    padding-right: 1.5rem;
}

.pt-4[data-v-e59be3b4] {
    padding-top: 1.5rem;
}

.pb-4[data-v-e59be3b4] {
    padding-bottom: 1.5rem;
}

.pl-4[data-v-e59be3b4] {
    padding-left: 1.5rem;
}

.px-4[data-v-e59be3b4] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.py-4[data-v-e59be3b4] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.p-4[data-v-e59be3b4] {
    padding: 1.5rem;
}

.pr-5[data-v-e59be3b4] {
    padding-right: 3rem;
}

.pt-5[data-v-e59be3b4] {
    padding-top: 3rem;
}

.pb-5[data-v-e59be3b4] {
    padding-bottom: 3rem;
}

.pl-5[data-v-e59be3b4] {
    padding-left: 3rem;
}

.px-5[data-v-e59be3b4] {
    padding-left: 3rem;
    padding-right: 3rem;
}

.py-5[data-v-e59be3b4] {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.p-5[data-v-e59be3b4] {
    padding: 3rem;
}

.mr-0[data-v-e59be3b4] {
    margin-right: 0;
}

.mt-0[data-v-e59be3b4] {
    margin-top: 0;
}

.mb-0[data-v-e59be3b4] {
    margin-bottom: 0;
}

.ml-0[data-v-e59be3b4] {
    margin-left: 0;
}

.mx-0[data-v-e59be3b4] {
    margin-left: 0;
    margin-right: 0;
}

.my-0[data-v-e59be3b4] {
    margin-top: 0;
    margin-bottom: 0;
}

.m-0[data-v-e59be3b4] {
    margin: 0;
}

.mr-1[data-v-e59be3b4] {
    margin-right: 0.25rem;
}

.mt-1[data-v-e59be3b4] {
    margin-top: 0.25rem;
}

.mb-1[data-v-e59be3b4] {
    margin-bottom: 0.25rem;
}

.ml-1[data-v-e59be3b4] {
    margin-left: 0.25rem;
}

.mx-1[data-v-e59be3b4] {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.my-1[data-v-e59be3b4] {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.m-1[data-v-e59be3b4] {
    margin: 0.25rem;
}

.mr-2[data-v-e59be3b4] {
    margin-right: 0.5rem;
}

.mt-2[data-v-e59be3b4] {
    margin-top: 0.5rem;
}

.mb-2[data-v-e59be3b4] {
    margin-bottom: 0.5rem;
}

.ml-2[data-v-e59be3b4] {
    margin-left: 0.5rem;
}

.mx-2[data-v-e59be3b4] {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.my-2[data-v-e59be3b4] {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.m-2[data-v-e59be3b4] {
    margin: 0.5rem;
}

.mr-3[data-v-e59be3b4] {
    margin-right: 1rem;
}

.mt-3[data-v-e59be3b4] {
    margin-top: 1rem;
}

.mb-3[data-v-e59be3b4] {
    margin-bottom: 1rem;
}

.ml-3[data-v-e59be3b4] {
    margin-left: 1rem;
}

.mx-3[data-v-e59be3b4] {
    margin-left: 1rem;
    margin-right: 1rem;
}

.my-3[data-v-e59be3b4] {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.m-3[data-v-e59be3b4] {
    margin: 1rem;
}

.mr-4[data-v-e59be3b4] {
    margin-right: 1.5rem;
}

.mt-4[data-v-e59be3b4] {
    margin-top: 1.5rem;
}

.mb-4[data-v-e59be3b4] {
    margin-bottom: 1.5rem;
}

.ml-4[data-v-e59be3b4] {
    margin-left: 1.5rem;
}

.mx-4[data-v-e59be3b4] {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.my-4[data-v-e59be3b4] {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.m-4[data-v-e59be3b4] {
    margin: 1.5rem;
}

.mr-5[data-v-e59be3b4] {
    margin-right: 3rem;
}

.mt-5[data-v-e59be3b4] {
    margin-top: 3rem;
}

.mb-5[data-v-e59be3b4] {
    margin-bottom: 3rem;
}

.ml-5[data-v-e59be3b4] {
    margin-left: 3rem;
}

.mx-5[data-v-e59be3b4] {
    margin-left: 3rem;
    margin-right: 3rem;
}

.my-5[data-v-e59be3b4] {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.m-5[data-v-e59be3b4] {
    margin: 3rem;
}

.h-100[data-v-e59be3b4] {
    height: 100%;
}

.mh-100[data-v-e59be3b4] {
    max-height: 100%;
}

.w-100[data-v-e59be3b4] {
    width: 100%;
}

.mw-100[data-v-e59be3b4] {
    max-width: 100%;
}

.m-h-0[data-v-e59be3b4] {
    min-height: 0;
}

.m-h-100[data-v-e59be3b4] {
    min-height: 100%;
}

.m-w-0[data-v-e59be3b4] {
    min-width: 0;
}

.m-w-100[data-v-e59be3b4] {
    min-width: 100%;
}

.br-0[data-v-e59be3b4] {
    border-radius: 0;
}

.brt-0[data-v-e59be3b4] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.brb-0[data-v-e59be3b4] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.br-2[data-v-e59be3b4] {
    border-radius: 2px;
}

.brt-2[data-v-e59be3b4] {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.brb-2[data-v-e59be3b4] {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.br-4[data-v-e59be3b4] {
    border-radius: 4px;
}

.brt-4[data-v-e59be3b4] {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.brb-4[data-v-e59be3b4] {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.br-8[data-v-e59be3b4] {
    border-radius: 8px;
}

.brt-8[data-v-e59be3b4] {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.brb-8[data-v-e59be3b4] {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.fs-12[data-v-e59be3b4] {
    font-size: 12px;
}

.fs-14[data-v-e59be3b4] {
    font-size: 14px;
}

.fs-16[data-v-e59be3b4] {
    font-size: 16px;
}

.fs-18[data-v-e59be3b4] {
    font-size: 18px;
}

.fs-20[data-v-e59be3b4] {
    font-size: 20px;
}

.fs-22[data-v-e59be3b4] {
    font-size: 22px;
}

.fs-26[data-v-e59be3b4] {
    font-size: 26px;
}

.fw-300[data-v-e59be3b4] {
    font-weight: 300;
}

.fw-400[data-v-e59be3b4] {
    font-weight: 400;
}

.fw-500[data-v-e59be3b4] {
    font-weight: 500;
}

@media only screen and (max-width: 2560px) {
    .hidden-4k[data-v-e59be3b4] {
        display: none;
    }
}

@media only screen and (max-width: 1440px) {
    .hidden-laptop[data-v-e59be3b4] {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .hidden-laptop-s[data-v-e59be3b4] {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .hidden-tablet[data-v-e59be3b4] {
        display: none;
    }
}

@media only screen and (max-width: 425px) {
    .hidden-mobile[data-v-e59be3b4] {
        display: none;
    }
}

@media only screen and (max-width: 375px) {
    .hidden-mobile-m[data-v-e59be3b4] {
        display: none;
    }
}

@media only screen and (max-width: 320px) {
    .hidden-mobile-s[data-v-e59be3b4] {
        display: none;
    }
}

.show-4k[data-v-e59be3b4] {
    display: none;
}

@media only screen and (max-width: 2560px) {
    .show-4k[data-v-e59be3b4] {
        display: inherit;
    }
}

.show-laptop[data-v-e59be3b4] {
    display: none;
}

@media only screen and (max-width: 1440px) {
    .show-laptop[data-v-e59be3b4] {
        display: inherit;
    }
}

.show-laptop-s[data-v-e59be3b4] {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .show-laptop-s[data-v-e59be3b4] {
        display: inherit;
    }
}

.show-tablet[data-v-e59be3b4] {
    display: none;
}

@media only screen and (max-width: 768px) {
    .show-tablet[data-v-e59be3b4] {
        display: inherit;
    }
}

.show-mobile[data-v-e59be3b4] {
    display: none;
}

@media only screen and (max-width: 425px) {
    .show-mobile[data-v-e59be3b4] {
        display: inherit;
    }
}

.show-mobile-m[data-v-e59be3b4] {
    display: none;
}

@media only screen and (max-width: 375px) {
    .show-mobile-m[data-v-e59be3b4] {
        display: inherit;
    }
}

.show-mobile-s[data-v-e59be3b4] {
    display: none;
}

@media only screen and (max-width: 320px) {
    .show-mobile-s[data-v-e59be3b4] {
        display: inherit;
    }
}

[data-v-e59be3b4],
[data-v-e59be3b4]:after,
[data-v-e59be3b4]:before {
    box-sizing: border-box;
}

blockquote[data-v-e59be3b4],
body[data-v-e59be3b4],
dd[data-v-e59be3b4],
dl[data-v-e59be3b4],
figure[data-v-e59be3b4],
h1[data-v-e59be3b4],
h2[data-v-e59be3b4],
h3[data-v-e59be3b4],
h4[data-v-e59be3b4],
h5[data-v-e59be3b4],
h6[data-v-e59be3b4],
hr[data-v-e59be3b4],
ol[data-v-e59be3b4],
p[data-v-e59be3b4],
pre[data-v-e59be3b4],
ul[data-v-e59be3b4] {
    margin: 0;
    padding: 0;
}

#app[data-v-e59be3b4],
body[data-v-e59be3b4],
button[data-v-e59be3b4],
html[data-v-e59be3b4],
input[data-v-e59be3b4] {
    font: 400 14px -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    line-height: 1.5;
    -webkit-font-kerning: normal;
    font-feature-settings: "kern";
    font-kerning: normal;
}

.input-tel[data-v-e59be3b4] {
    position: relative;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    height: 40px;
    min-height: 40px;
}

.input-tel__label[data-v-e59be3b4] {
    position: absolute;
    top: 4px;
    cursor: pointer;
    left: 13px;
    transform: translateY(25%);
    opacity: 0;
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    font-size: 11px;
    color: #747474;
}

.input-tel__input[data-v-e59be3b4] {
    cursor: pointer;
    background-color: #fff;
    transition-duration: 0.3s;
    position: relative;
    width: 100%;
    padding: 0 12px;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: 1px solid #ccc;
    font-size: 14px;
    z-index: 0;
    margin-left: -1px;
    height: 40px;
    min-height: 40px;
}

.input-tel__input[data-v-e59be3b4]:hover {
    border-color: #1e90ff;
}

.input-tel__input[data-v-e59be3b4]:not(.no-country-selector) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-tel__input[data-v-e59be3b4]::-moz-placeholder {
    color: #747474;
}

.input-tel__input[data-v-e59be3b4]:-ms-input-placeholder {
    color: #747474;
}

.input-tel__input[data-v-e59be3b4]::placeholder {
    color: #747474;
}

.input-tel__input__input[data-v-e59be3b4]:-webkit-autofill,
.input-tel__input__input[data-v-e59be3b4]:-webkit-autofill:active,
.input-tel__input__input[data-v-e59be3b4]:-webkit-autofill:focus,
.input-tel__input__input[data-v-e59be3b4]:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 1000px #fff !important;
    -webkit-text-fill-color: #747474 !important;
}

.input-tel__clear[data-v-e59be3b4] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    margin: auto 0;
    width: 24px;
    height: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    color: #747474;
    border-radius: 24px;
    cursor: pointer;
    font-size: 12px;
}

.input-tel__clear[data-v-e59be3b4]:focus {
    outline: none;
}

.input-tel__clear>span[data-v-e59be3b4]:not(.input-tel__clear__effect) {
    position: relative;
    top: 1px;
}

.input-tel__clear__effect[data-v-e59be3b4] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    background-color: #747474;
    border-radius: 24px;
    transform: scale(0);
    transition: transform 0.2s;
}

.input-tel__clear[data-v-e59be3b4]:hover {
    color: #fff;
}

.input-tel__clear:hover .input-tel__clear__effect[data-v-e59be3b4] {
    transform: scale(1);
    opacity: 0.6;
}

.input-tel.is-dark .input-tel__input[data-v-e59be3b4]::-moz-placeholder {
    color: hsla(0, 0%, 100%, 0.7);
}

.input-tel.is-dark .input-tel__input[data-v-e59be3b4]:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, 0.7);
}

.input-tel.is-dark .input-tel__input[data-v-e59be3b4]::placeholder {
    color: hsla(0, 0%, 100%, 0.7);
}

.input-tel.is-dark .input-tel__input__input[data-v-e59be3b4]:-webkit-autofill,
.input-tel.is-dark .input-tel__input__input[data-v-e59be3b4]:-webkit-autofill:active,
.input-tel.is-dark .input-tel__input__input[data-v-e59be3b4]:-webkit-autofill:focus,
.input-tel.is-dark .input-tel__input__input[data-v-e59be3b4]:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 1000px #21222e !important;
    -webkit-text-fill-color: hsla(0, 0%, 100%, 0.7) !important;
}

.input-tel.is-dark .input-tel__clear[data-v-e59be3b4] {
    color: hsla(0, 0%, 100%, 0.7);
}

.input-tel.is-dark .input-tel__clear__effect[data-v-e59be3b4] {
    background-color: hsla(0, 0%, 100%, 0.3);
}

.input-tel.is-dark .input-tel__clear[data-v-e59be3b4]:hover {
    color: #fff;
}

.input-tel.is-focused[data-v-e59be3b4] {
    z-index: 1;
}

.input-tel.is-focused .input-tel__input[data-v-e59be3b4] {
    border-color: #1e90ff;
    box-shadow: 0 0 0 0.125rem rgba(30, 144, 255, 0.7);
}

.input-tel.is-focused .input-tel__label[data-v-e59be3b4] {
    color: #1e90ff;
}

.input-tel.is-focused.has-error .input-tel__input[data-v-e59be3b4] {
    box-shadow: 0 0 0 0.125rem rgba(255, 69, 0, 0.7);
}

.input-tel.is-focused.is-valid .input-tel__input[data-v-e59be3b4] {
    border-color: #9acd32;
    box-shadow: 0 0 0 0.125rem rgba(154, 205, 50, 0.7);
}

.input-tel.has-value .input-tel__label[data-v-e59be3b4] {
    opacity: 1;
    transform: translateY(0);
    font-size: 11px;
}

.input-tel.has-value .input-tel__input[data-v-e59be3b4] {
    padding-top: 14px;
}

.input-tel.has-hint .input-tel__label[data-v-e59be3b4],
.input-tel.has-value .input-tel__label[data-v-e59be3b4] {
    opacity: 1;
    transform: translateY(0);
    font-size: 11px;
}

.input-tel.has-hint .input-tel__input[data-v-e59be3b4],
.input-tel.has-value .input-tel__input[data-v-e59be3b4] {
    padding-top: 14px;
}

.input-tel.is-valid .input-tel__input[data-v-e59be3b4],
.input-tel.is-valid .input-tel__input[data-v-e59be3b4]:hover {
    border-color: #9acd32;
}

.input-tel.is-valid .input-tel__label[data-v-e59be3b4] {
    color: #9acd32;
}

.input-tel.has-error:not(.is-valid) .input-tel__input[data-v-e59be3b4] {
    border-color: #ff4500;
}

.input-tel.has-error:not(.is-valid) .input-tel__label[data-v-e59be3b4] {
    color: #ff4500;
}

.input-tel.is-disabled[data-v-e59be3b4] {
    cursor: not-allowed;
}

.input-tel.is-disabled .input-tel__input[data-v-e59be3b4] {
    border-color: #ccc;
    background-color: #f2f2f2;
    color: #ccc;
}

.input-tel.is-disabled .input-tel__input[data-v-e59be3b4]::-moz-placeholder {
    color: #ccc;
}

.input-tel.is-disabled .input-tel__input[data-v-e59be3b4]:-ms-input-placeholder {
    color: #ccc;
}

.input-tel.is-disabled .input-tel__input[data-v-e59be3b4]::placeholder {
    color: #ccc;
}

.input-tel.is-disabled .input-tel__input[data-v-e59be3b4],
.input-tel.is-disabled .input-tel__label[data-v-e59be3b4],
.input-tel.is-disabled .input-tel__toggle__arrow[data-v-e59be3b4] {
    cursor: not-allowed;
    color: #ccc;
}

.input-tel.sm[data-v-e59be3b4] {
    height: 36px;
    min-height: 36px;
}

.input-tel.sm .input-tel__input[data-v-e59be3b4] {
    font-size: 12px;
    height: 36px;
    min-height: 36px;
}

.input-tel.sm .input-tel__label[data-v-e59be3b4] {
    font-size: 10px;
}

.input-tel.sm.has-value .input-tel__input[data-v-e59be3b4] {
    padding-top: 12px;
}

.input-tel.lg[data-v-e59be3b4] {
    height: 48px;
    min-height: 48px;
}

.input-tel.lg .input-tel__input[data-v-e59be3b4] {
    font-size: 14px;
    height: 48px;
    min-height: 48px;
}

.input-tel.lg .input-tel__label[data-v-e59be3b4] {
    font-size: 14px;
}

.input-tel.lg.has-value .input-tel__input[data-v-e59be3b4] {
    padding-top: 16px;
}

.input-tel__loader[data-v-e59be3b4] {
    bottom: 0;
    height: 2px;
    left: 0;
    width: calc(100% - 8px);
    position: absolute;
    overflow: hidden;
    border-radius: 8px;
}

.input-tel__loader__progress-bar[data-v-e59be3b4] {
    background-color: #1e90ff;
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 2px;
    -webkit-animation: loading-data-v-e59be3b4 2s linear infinite;
    animation: loading-data-v-e59be3b4 2s linear infinite;
}

@keyframes loading-data-v-e59be3b4 {
    0% {
        left: -200px;
        width: 30%;
    }
    50% {
        width: 30%;
    }
    70% {
        width: 70%;
    }
    80% {
        left: 50%;
    }
    95% {
        left: 120%;
    }
    to {
        left: 100%;
    }
}

.iti-flag.be {
    width: 18px;
}

.iti-flag.ch {
    width: 15px;
}

.iti-flag.mc {
    width: 19px;
}

.iti-flag.ne {
    width: 18px;
}

.iti-flag.np {
    width: 13px;
}

.iti-flag.va {
    width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx),
only screen and (min-resolution: 192dpi) {
    .iti-flag {
        background-size: 5630px 15px;
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0 0;
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0;
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0;
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0;
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0;
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0;
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0;
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0;
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0;
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0;
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0;
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0;
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0;
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0;
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0;
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0;
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0;
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0;
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0;
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0;
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0;
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0;
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0;
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0;
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0;
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0;
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0;
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0;
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0;
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0;
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0;
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0;
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0;
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0;
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0;
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0;
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0;
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0;
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0;
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0;
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0;
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0;
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0;
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0;
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0;
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0;
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0;
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0;
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0;
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0;
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0;
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0;
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0;
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0;
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0;
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0;
}

.iti-flag.cy {
    height: 14px;
    background-position: -1225px 0;
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0;
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0;
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0;
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0;
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0;
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0;
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0;
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0;
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0;
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0;
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0;
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0;
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0;
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0;
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0;
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0;
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0;
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0;
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0;
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0;
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0;
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0;
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0;
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0;
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0;
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0;
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0;
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0;
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0;
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0;
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0;
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0;
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0;
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0;
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0;
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0;
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0;
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0;
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0;
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0;
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0;
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0;
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0;
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0;
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0;
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0;
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0;
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0;
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0;
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0;
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0;
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0;
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0;
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0;
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0;
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0;
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0;
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0;
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0;
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0;
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0;
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0;
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0;
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0;
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0;
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0;
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0;
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0;
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0;
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0;
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0;
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0;
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0;
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0;
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0;
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0;
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0;
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0;
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0;
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0;
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0;
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0;
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0;
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0;
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0;
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0;
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0;
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0;
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0;
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0;
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0;
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0;
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0;
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0;
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0;
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0;
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0;
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0;
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0;
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0;
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0;
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0;
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0;
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0;
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0;
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0;
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0;
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0;
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0;
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0;
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0;
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0;
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0;
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0;
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0;
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0;
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0;
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0;
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0;
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0;
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0;
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0;
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0;
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0;
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0;
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0;
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0;
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0;
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0;
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0;
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0;
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0;
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0;
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0;
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0;
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0;
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0;
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0;
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0;
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0;
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0;
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0;
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0;
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0;
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0;
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0;
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0;
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0;
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0;
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0;
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0;
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0;
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0;
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0;
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0;
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0;
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0;
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0;
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0;
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0;
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0;
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0;
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0;
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0;
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0;
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0;
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0;
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0;
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0;
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0;
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0;
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0;
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0;
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0;
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0;
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0;
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0;
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0;
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0;
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0;
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0;
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0;
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0;
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0;
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0;
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0;
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0;
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0;
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0;
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0;
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0;
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0;
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0;
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0;
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0;
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0;
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0;
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0;
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0;
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0;
}

.iti-flag {
    width: 20px;
    height: 15px;
    background-image: url(/_nuxt/img/flags.9c96e0ed.6eff2c9.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx),
only screen and (min-resolution: 192dpi) {
    .iti-flag {
        background-image: url(/_nuxt/img/flags.9c96e0ed.6eff2c9.png);
    }
}

.iti-flag.np {
    background-color: transparent;
}

.bg-primary-after[data-v-46e105de]:after,
.bg-primary-before[data-v-46e105de]:before,
.bg-primary[data-v-46e105de] {
    background-color: #1e90ff;
}

.bg-primary-after-transparency[data-v-46e105de]:after,
.bg-primary-before-transparency[data-v-46e105de]:before,
.bg-primary-transparency[data-v-46e105de] {
    background-color: rgba(30, 144, 255, 0.5);
}

.bg-secondary-after[data-v-46e105de]:after,
.bg-secondary-before[data-v-46e105de]:before,
.bg-secondary[data-v-46e105de] {
    background-color: #747474;
}

.bg-secondary-after-transparency[data-v-46e105de]:after,
.bg-secondary-before-transparency[data-v-46e105de]:before,
.bg-secondary-transparency[data-v-46e105de] {
    background-color: hsla(0, 0%, 45.5%, 0.5);
}

.bg-third-after[data-v-46e105de]:after,
.bg-third-before[data-v-46e105de]:before,
.bg-third[data-v-46e105de] {
    background-color: #ccc;
}

.bg-third-after-transparency[data-v-46e105de]:after,
.bg-third-before-transparency[data-v-46e105de]:before,
.bg-third-transparency[data-v-46e105de] {
    background-color: hsla(0, 0%, 80%, 0.5);
}

.bg-success-after[data-v-46e105de]:after,
.bg-success-before[data-v-46e105de]:before,
.bg-success[data-v-46e105de] {
    background-color: #9acd32;
}

.bg-success-after-transparency[data-v-46e105de]:after,
.bg-success-before-transparency[data-v-46e105de]:before,
.bg-success-transparency[data-v-46e105de] {
    background-color: rgba(154, 205, 50, 0.5);
}

.bg-danger-after[data-v-46e105de]:after,
.bg-danger-before[data-v-46e105de]:before,
.bg-danger[data-v-46e105de] {
    background-color: #ff4500;
}

.bg-danger-after-transparency[data-v-46e105de]:after,
.bg-danger-before-transparency[data-v-46e105de]:before,
.bg-danger-transparency[data-v-46e105de] {
    background-color: rgba(255, 69, 0, 0.5);
}

.bg-grey-after[data-v-46e105de]:after,
.bg-grey-before[data-v-46e105de]:before,
.bg-grey[data-v-46e105de] {
    background-color: #999;
}

.bg-grey-after-transparency[data-v-46e105de]:after,
.bg-grey-before-transparency[data-v-46e105de]:before,
.bg-grey-transparency[data-v-46e105de] {
    background-color: hsla(0, 0%, 60%, 0.5);
}

.bg-info-after[data-v-46e105de]:after,
.bg-info-before[data-v-46e105de]:before,
.bg-info[data-v-46e105de] {
    background-color: #17a2b8;
}

.bg-info-after-transparency[data-v-46e105de]:after,
.bg-info-before-transparency[data-v-46e105de]:before,
.bg-info-transparency[data-v-46e105de] {
    background-color: rgba(23, 162, 184, 0.5);
}

.bg-warning-after[data-v-46e105de]:after,
.bg-warning-before[data-v-46e105de]:before,
.bg-warning[data-v-46e105de] {
    background-color: #ffa300;
}

.bg-warning-after-transparency[data-v-46e105de]:after,
.bg-warning-before-transparency[data-v-46e105de]:before,
.bg-warning-transparency[data-v-46e105de] {
    background-color: rgba(255, 163, 0, 0.5);
}

.bg-light-after[data-v-46e105de]:after,
.bg-light-before[data-v-46e105de]:before,
.bg-light[data-v-46e105de] {
    background-color: #f5f5f5;
}

.bg-light-after-transparency[data-v-46e105de]:after,
.bg-light-before-transparency[data-v-46e105de]:before,
.bg-light-transparency[data-v-46e105de] {
    background-color: hsla(0, 0%, 96.1%, 0.5);
}

.bg-dark-after[data-v-46e105de]:after,
.bg-dark-before[data-v-46e105de]:before,
.bg-dark[data-v-46e105de] {
    background-color: #24292e;
}

.bg-dark-after-transparency[data-v-46e105de]:after,
.bg-dark-before-transparency[data-v-46e105de]:before,
.bg-dark-transparency[data-v-46e105de] {
    background-color: rgba(36, 41, 46, 0.5);
}

.bg-default-after[data-v-46e105de]:after,
.bg-default-before[data-v-46e105de]:before,
.bg-default[data-v-46e105de] {
    background-color: #ccc;
}

.bg-default-after-transparency[data-v-46e105de]:after,
.bg-default-before-transparency[data-v-46e105de]:before,
.bg-default-transparency[data-v-46e105de] {
    background-color: hsla(0, 0%, 80%, 0.5);
}

.bg-white-after[data-v-46e105de]:after,
.bg-white-before[data-v-46e105de]:before,
.bg-white[data-v-46e105de] {
    background-color: #fff;
}

.bg-white-after-transparency[data-v-46e105de]:after,
.bg-white-before-transparency[data-v-46e105de]:before,
.bg-white-transparency[data-v-46e105de] {
    background-color: hsla(0, 0%, 100%, 0.5);
}

.bg-black-after[data-v-46e105de]:after,
.bg-black-before[data-v-46e105de]:before,
.bg-black[data-v-46e105de] {
    background-color: #000;
}

.bg-black-after-transparency[data-v-46e105de]:after,
.bg-black-before-transparency[data-v-46e105de]:before,
.bg-black-transparency[data-v-46e105de] {
    background-color: rgba(0, 0, 0, 0.5);
}

.fill-primary path[data-v-46e105de] {
    fill: #1e90ff;
}

.fill-secondary path[data-v-46e105de] {
    fill: #747474;
}

.fill-third path[data-v-46e105de] {
    fill: #ccc;
}

.fill-success path[data-v-46e105de] {
    fill: #9acd32;
}

.fill-danger path[data-v-46e105de] {
    fill: #ff4500;
}

.fill-grey path[data-v-46e105de] {
    fill: #999;
}

.fill-info path[data-v-46e105de] {
    fill: #17a2b8;
}

.fill-warning path[data-v-46e105de] {
    fill: #ffa300;
}

.fill-light path[data-v-46e105de] {
    fill: #f5f5f5;
}

.fill-dark path[data-v-46e105de] {
    fill: #24292e;
}

.fill-default path[data-v-46e105de] {
    fill: #ccc;
}

.fill-white path[data-v-46e105de] {
    fill: #fff;
}

.fill-black path[data-v-46e105de] {
    fill: #000;
}

.label[data-v-46e105de] {
    border-radius: 2px;
    padding: 2px 4px;
    color: #fff;
    font-size: 0.714em;
}

.label-primary[data-v-46e105de],
.label[data-v-46e105de] {
    background-color: #1e90ff;
}

.label-primary-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #1e90ff;
    color: #1e90ff;
}

.label-secondary[data-v-46e105de] {
    background-color: #747474;
}

.label-secondary-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #747474;
    color: #747474;
}

.label-third[data-v-46e105de] {
    background-color: #ccc;
}

.label-third-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #ccc;
}

.label-success[data-v-46e105de] {
    background-color: #9acd32;
}

.label-success-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #9acd32;
    color: #9acd32;
}

.label-danger[data-v-46e105de] {
    background-color: #ff4500;
}

.label-danger-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #ff4500;
    color: #ff4500;
}

.label-grey[data-v-46e105de] {
    background-color: #999;
}

.label-grey-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #999;
    color: #999;
}

.label-info[data-v-46e105de] {
    background-color: #17a2b8;
}

.label-info-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #17a2b8;
    color: #17a2b8;
}

.label-warning[data-v-46e105de] {
    background-color: #ffa300;
}

.label-warning-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #ffa300;
    color: #ffa300;
}

.label-light[data-v-46e105de] {
    background-color: #f5f5f5;
}

.label-light-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #f5f5f5;
    color: #f5f5f5;
}

.label-dark[data-v-46e105de] {
    background-color: #24292e;
}

.label-dark-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #24292e;
    color: #24292e;
}

.label-default[data-v-46e105de] {
    background-color: #ccc;
}

.label-default-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #ccc;
}

.label-white[data-v-46e105de] {
    background-color: #fff;
}

.label-white-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.label-black[data-v-46e105de] {
    background-color: #000;
}

.label-black-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
}

.dot[data-v-46e105de] {
    width: 6px;
    height: 6px;
    border-radius: 6px;
}

.dot-primary[data-v-46e105de],
.dot[data-v-46e105de] {
    background-color: #1e90ff;
}

.dot-primary-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #1e90ff;
    color: #1e90ff;
}

.dot-secondary[data-v-46e105de] {
    background-color: #747474;
}

.dot-secondary-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #747474;
    color: #747474;
}

.dot-third[data-v-46e105de] {
    background-color: #ccc;
}

.dot-third-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #ccc;
}

.dot-success[data-v-46e105de] {
    background-color: #9acd32;
}

.dot-success-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #9acd32;
    color: #9acd32;
}

.dot-danger[data-v-46e105de] {
    background-color: #ff4500;
}

.dot-danger-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #ff4500;
    color: #ff4500;
}

.dot-grey[data-v-46e105de] {
    background-color: #999;
}

.dot-grey-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #999;
    color: #999;
}

.dot-info[data-v-46e105de] {
    background-color: #17a2b8;
}

.dot-info-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #17a2b8;
    color: #17a2b8;
}

.dot-warning[data-v-46e105de] {
    background-color: #ffa300;
}

.dot-warning-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #ffa300;
    color: #ffa300;
}

.dot-light[data-v-46e105de] {
    background-color: #f5f5f5;
}

.dot-light-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #f5f5f5;
    color: #f5f5f5;
}

.dot-dark[data-v-46e105de] {
    background-color: #24292e;
}

.dot-dark-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #24292e;
    color: #24292e;
}

.dot-default[data-v-46e105de] {
    background-color: #ccc;
}

.dot-default-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #ccc;
}

.dot-white[data-v-46e105de] {
    background-color: #fff;
}

.dot-white-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.dot-black[data-v-46e105de] {
    background-color: #000;
}

.dot-black-outline[data-v-46e105de] {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
}

a[data-v-46e105de] {
    color: #1e90ff;
    text-decoration: none;
}

a[data-v-46e105de]:focus,
a[data-v-46e105de]:hover {
    text-decoration: underline;
}

.btn[data-v-46e105de] {
    border: 1px solid transparent;
    outline: none;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-color: #1e90ff;
    color: #fff;
    display: inline-block;
    border-radius: 8px;
    line-height: 1;
    box-sizing: border-box;
    padding: 12px 20px;
    font-size: 1em;
    font-weight: inherit;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
    overflow: visible;
    -webkit-font-smoothing: inherit;
    text-decoration: none;
    -moz-osx-font-smoothing: inherit;
}

.btn[data-v-46e105de]:focus,
.btn[data-v-46e105de]:hover {
    background-color: #0077ea;
}

.btn.active[data-v-46e105de] {
    background-color: #1e90ff;
}

.btn.active[data-v-46e105de],
.btn[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem rgba(30, 144, 255, 0.5);
}

.btn.active[data-v-46e105de],
.btn[data-v-46e105de]:focus,
.btn[data-v-46e105de]:hover {
    text-decoration: none;
}

.btn--rounded[data-v-46e105de] {
    border-radius: 50px;
}

.btn--block[data-v-46e105de] {
    width: 100%;
}

.btn--lg[data-v-46e105de] {
    padding: 16px 22px;
    font-size: 1.143em;
}

.btn--md[data-v-46e105de] {
    padding: 10px 20px;
    font-size: 1em;
}

.btn--sm[data-v-46e105de] {
    padding: 9px 15px;
    font-size: 0.857em;
}

.btn--mini[data-v-46e105de] {
    padding: 7px 15px;
    font-size: 0.857em;
}

.btn--fab[data-v-46e105de] {
    border-radius: 50%;
    padding: 0;
    height: 40px;
    width: 40px;
}

.btn--fab.btn--lg[data-v-46e105de] {
    height: 50px;
    width: 50px;
}

.btn--fab.btn--md[data-v-46e105de] {
    height: 36px;
    width: 36px;
}

.btn--fab.btn--sm[data-v-46e105de] {
    height: 32px;
    width: 32px;
}

.btn--fab.btn--mini[data-v-46e105de] {
    height: 28px;
    width: 28px;
}

.btn--light[data-v-46e105de],
.btn--white[data-v-46e105de] {
    color: #747474;
}

.btn--primary[data-v-46e105de] {
    background-color: #1e90ff;
}

.btn--primary[data-v-46e105de]:focus,
.btn--primary[data-v-46e105de]:hover {
    background-color: #0077ea;
}

.btn--primary.active[data-v-46e105de] {
    background-color: #1e90ff;
}

.btn--primary.active[data-v-46e105de],
.btn--primary[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem rgba(30, 144, 255, 0.5);
}

.btn--primary--outline[data-v-46e105de] {
    background-color: rgba(30, 144, 255, 0.05);
    border: 1px solid #1e90ff;
    color: #1e90ff;
}

.btn--primary--outline.active[data-v-46e105de],
.btn--primary--outline[data-v-46e105de]:focus,
.btn--primary--outline[data-v-46e105de]:hover {
    background-color: #1e90ff;
    color: #fff;
}

.btn--primary--outline.active[data-v-46e105de],
.btn--primary--outline[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem rgba(30, 144, 255, 0.5);
}

.btn--secondary[data-v-46e105de] {
    background-color: #747474;
}

.btn--secondary[data-v-46e105de]:focus,
.btn--secondary[data-v-46e105de]:hover {
    background-color: #5b5b5b;
}

.btn--secondary.active[data-v-46e105de] {
    background-color: #747474;
}

.btn--secondary.active[data-v-46e105de],
.btn--secondary[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 45.5%, 0.5);
}

.btn--secondary--outline[data-v-46e105de] {
    background-color: hsla(0, 0%, 45.5%, 0.05);
    border: 1px solid #747474;
    color: #747474;
}

.btn--secondary--outline.active[data-v-46e105de],
.btn--secondary--outline[data-v-46e105de]:focus,
.btn--secondary--outline[data-v-46e105de]:hover {
    background-color: #747474;
    color: #fff;
}

.btn--secondary--outline.active[data-v-46e105de],
.btn--secondary--outline[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 45.5%, 0.5);
}

.btn--third[data-v-46e105de] {
    background-color: #ccc;
}

.btn--third[data-v-46e105de]:focus,
.btn--third[data-v-46e105de]:hover {
    background-color: #b3b3b3;
}

.btn--third.active[data-v-46e105de] {
    background-color: #ccc;
}

.btn--third.active[data-v-46e105de],
.btn--third[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}

.btn--third--outline[data-v-46e105de] {
    background-color: hsla(0, 0%, 80%, 0.05);
    border: 1px solid #ccc;
    color: #ccc;
}

.btn--third--outline.active[data-v-46e105de],
.btn--third--outline[data-v-46e105de]:focus,
.btn--third--outline[data-v-46e105de]:hover {
    background-color: #ccc;
    color: #fff;
}

.btn--third--outline.active[data-v-46e105de],
.btn--third--outline[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}

.btn--success[data-v-46e105de] {
    background-color: #9acd32;
}

.btn--success[data-v-46e105de]:focus,
.btn--success[data-v-46e105de]:hover {
    background-color: #7ba428;
}

.btn--success.active[data-v-46e105de] {
    background-color: #9acd32;
}

.btn--success.active[data-v-46e105de],
.btn--success[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem rgba(154, 205, 50, 0.5);
}

.btn--success--outline[data-v-46e105de] {
    background-color: rgba(154, 205, 50, 0.05);
    border: 1px solid #9acd32;
    color: #9acd32;
}

.btn--success--outline.active[data-v-46e105de],
.btn--success--outline[data-v-46e105de]:focus,
.btn--success--outline[data-v-46e105de]:hover {
    background-color: #9acd32;
    color: #fff;
}

.btn--success--outline.active[data-v-46e105de],
.btn--success--outline[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem rgba(154, 205, 50, 0.5);
}

.btn--danger[data-v-46e105de] {
    background-color: #ff4500;
}

.btn--danger[data-v-46e105de]:focus,
.btn--danger[data-v-46e105de]:hover {
    background-color: #cc3700;
}

.btn--danger.active[data-v-46e105de] {
    background-color: #ff4500;
}

.btn--danger.active[data-v-46e105de],
.btn--danger[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem rgba(255, 69, 0, 0.5);
}

.btn--danger--outline[data-v-46e105de] {
    background-color: rgba(255, 69, 0, 0.05);
    border: 1px solid #ff4500;
    color: #ff4500;
}

.btn--danger--outline.active[data-v-46e105de],
.btn--danger--outline[data-v-46e105de]:focus,
.btn--danger--outline[data-v-46e105de]:hover {
    background-color: #ff4500;
    color: #fff;
}

.btn--danger--outline.active[data-v-46e105de],
.btn--danger--outline[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem rgba(255, 69, 0, 0.5);
}

.btn--grey[data-v-46e105de] {
    background-color: #999;
}

.btn--grey[data-v-46e105de]:focus,
.btn--grey[data-v-46e105de]:hover {
    background-color: grey;
}

.btn--grey.active[data-v-46e105de] {
    background-color: #999;
}

.btn--grey.active[data-v-46e105de],
.btn--grey[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 60%, 0.5);
}

.btn--grey--outline[data-v-46e105de] {
    background-color: hsla(0, 0%, 60%, 0.05);
    border: 1px solid #999;
    color: #999;
}

.btn--grey--outline.active[data-v-46e105de],
.btn--grey--outline[data-v-46e105de]:focus,
.btn--grey--outline[data-v-46e105de]:hover {
    background-color: #999;
    color: #fff;
}

.btn--grey--outline.active[data-v-46e105de],
.btn--grey--outline[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 60%, 0.5);
}

.btn--info[data-v-46e105de] {
    background-color: #17a2b8;
}

.btn--info[data-v-46e105de]:focus,
.btn--info[data-v-46e105de]:hover {
    background-color: #117a8b;
}

.btn--info.active[data-v-46e105de] {
    background-color: #17a2b8;
}

.btn--info.active[data-v-46e105de],
.btn--info[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem rgba(23, 162, 184, 0.5);
}

.btn--info--outline[data-v-46e105de] {
    background-color: rgba(23, 162, 184, 0.05);
    border: 1px solid #17a2b8;
    color: #17a2b8;
}

.btn--info--outline.active[data-v-46e105de],
.btn--info--outline[data-v-46e105de]:focus,
.btn--info--outline[data-v-46e105de]:hover {
    background-color: #17a2b8;
    color: #fff;
}

.btn--info--outline.active[data-v-46e105de],
.btn--info--outline[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem rgba(23, 162, 184, 0.5);
}

.btn--warning[data-v-46e105de] {
    background-color: #ffa300;
}

.btn--warning[data-v-46e105de]:focus,
.btn--warning[data-v-46e105de]:hover {
    background-color: #cc8200;
}

.btn--warning.active[data-v-46e105de] {
    background-color: #ffa300;
}

.btn--warning.active[data-v-46e105de],
.btn--warning[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem rgba(255, 163, 0, 0.5);
}

.btn--warning--outline[data-v-46e105de] {
    background-color: rgba(255, 163, 0, 0.05);
    border: 1px solid #ffa300;
    color: #ffa300;
}

.btn--warning--outline.active[data-v-46e105de],
.btn--warning--outline[data-v-46e105de]:focus,
.btn--warning--outline[data-v-46e105de]:hover {
    background-color: #ffa300;
    color: #fff;
}

.btn--warning--outline.active[data-v-46e105de],
.btn--warning--outline[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem rgba(255, 163, 0, 0.5);
}

.btn--light[data-v-46e105de] {
    background-color: #f5f5f5;
}

.btn--light[data-v-46e105de]:focus,
.btn--light[data-v-46e105de]:hover {
    background-color: #dcdcdc;
}

.btn--light.active[data-v-46e105de] {
    background-color: #f5f5f5;
}

.btn--light.active[data-v-46e105de],
.btn--light[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 96.1%, 0.5);
}

.btn--light--outline[data-v-46e105de] {
    background-color: hsla(0, 0%, 96.1%, 0.05);
    border: 1px solid #f5f5f5;
    color: #f5f5f5;
}

.btn--light--outline.active[data-v-46e105de],
.btn--light--outline[data-v-46e105de]:focus,
.btn--light--outline[data-v-46e105de]:hover {
    background-color: #f5f5f5;
    color: #fff;
}

.btn--light--outline.active[data-v-46e105de],
.btn--light--outline[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 96.1%, 0.5);
}

.btn--dark[data-v-46e105de] {
    background-color: #24292e;
}

.btn--dark[data-v-46e105de]:focus,
.btn--dark[data-v-46e105de]:hover {
    background-color: #0e1011;
}

.btn--dark.active[data-v-46e105de] {
    background-color: #24292e;
}

.btn--dark.active[data-v-46e105de],
.btn--dark[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem rgba(36, 41, 46, 0.5);
}

.btn--dark--outline[data-v-46e105de] {
    background-color: rgba(36, 41, 46, 0.05);
    border: 1px solid #24292e;
    color: #24292e;
}

.btn--dark--outline.active[data-v-46e105de],
.btn--dark--outline[data-v-46e105de]:focus,
.btn--dark--outline[data-v-46e105de]:hover {
    background-color: #24292e;
    color: #fff;
}

.btn--dark--outline.active[data-v-46e105de],
.btn--dark--outline[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem rgba(36, 41, 46, 0.5);
}

.btn--default[data-v-46e105de] {
    background-color: #ccc;
}

.btn--default[data-v-46e105de]:focus,
.btn--default[data-v-46e105de]:hover {
    background-color: #b3b3b3;
}

.btn--default.active[data-v-46e105de] {
    background-color: #ccc;
}

.btn--default.active[data-v-46e105de],
.btn--default[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}

.btn--default--outline[data-v-46e105de] {
    background-color: hsla(0, 0%, 80%, 0.05);
    border: 1px solid #ccc;
    color: #ccc;
}

.btn--default--outline.active[data-v-46e105de],
.btn--default--outline[data-v-46e105de]:focus,
.btn--default--outline[data-v-46e105de]:hover {
    background-color: #ccc;
    color: #fff;
}

.btn--default--outline.active[data-v-46e105de],
.btn--default--outline[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}

.btn--white[data-v-46e105de] {
    background-color: #fff;
}

.btn--white[data-v-46e105de]:focus,
.btn--white[data-v-46e105de]:hover {
    background-color: #e6e6e6;
}

.btn--white.active[data-v-46e105de] {
    background-color: #fff;
}

.btn--white.active[data-v-46e105de],
.btn--white[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 100%, 0.5);
}

.btn--white--outline[data-v-46e105de] {
    background-color: hsla(0, 0%, 100%, 0.05);
    border: 1px solid #fff;
    color: #fff;
}

.btn--white--outline.active[data-v-46e105de],
.btn--white--outline[data-v-46e105de]:focus,
.btn--white--outline[data-v-46e105de]:hover {
    background-color: #fff;
    color: #fff;
}

.btn--white--outline.active[data-v-46e105de],
.btn--white--outline[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 100%, 0.5);
}

.btn--black.active[data-v-46e105de],
.btn--black[data-v-46e105de],
.btn--black[data-v-46e105de]:focus,
.btn--black[data-v-46e105de]:hover {
    background-color: #000;
}

.btn--black.active[data-v-46e105de],
.btn--black[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem rgba(0, 0, 0, 0.5);
}

.btn--black--outline[data-v-46e105de] {
    background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid #000;
    color: #000;
}

.btn--black--outline.active[data-v-46e105de],
.btn--black--outline[data-v-46e105de]:focus,
.btn--black--outline[data-v-46e105de]:hover {
    background-color: #000;
    color: #fff;
}

.btn--black--outline.active[data-v-46e105de],
.btn--black--outline[data-v-46e105de]:focus {
    box-shadow: 0 0 0 0.143rem rgba(0, 0, 0, 0.5);
}

.btn--default--outline[data-v-46e105de] {
    color: #747474;
}

.btn--disabled[data-v-46e105de]:disabled {
    box-shadow: none;
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    cursor: not-allowed;
}

.badge[data-v-46e105de] {
    background: #999;
    height: 22px;
    line-height: 22px;
    border-radius: 22px;
    padding: 0 5px;
    font-size: 0.857em;
    color: #888;
    font-weight: 500;
}

.badge-primary[data-v-46e105de] {
    background-color: #1e90ff;
    color: #fff;
}

.badge-secondary[data-v-46e105de] {
    background-color: #747474;
    color: #fff;
}

.badge-third[data-v-46e105de] {
    background-color: #ccc;
    color: #fff;
}

.badge-success[data-v-46e105de] {
    background-color: #9acd32;
    color: #fff;
}

.badge-danger[data-v-46e105de] {
    background-color: #ff4500;
    color: #fff;
}

.badge-grey[data-v-46e105de] {
    background-color: #999;
    color: #fff;
}

.badge-info[data-v-46e105de] {
    background-color: #17a2b8;
    color: #fff;
}

.badge-warning[data-v-46e105de] {
    background-color: #ffa300;
    color: #fff;
}

.badge-light[data-v-46e105de] {
    background-color: #f5f5f5;
    color: #fff;
}

.badge-dark[data-v-46e105de] {
    background-color: #24292e;
    color: #fff;
}

.badge-default[data-v-46e105de] {
    background-color: #ccc;
    color: #fff;
}

.badge-white[data-v-46e105de] {
    background-color: #fff;
    color: #fff;
}

.badge-black[data-v-46e105de] {
    background-color: #000;
    color: #fff;
}

table.md[data-v-46e105de] {
    border-spacing: 0;
    border-radius: 8px;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
    overflow: hidden;
    word-break: break-all;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 1em;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

table.md tr[data-v-46e105de] {
    background-color: #fff;
    width: 100%;
}

table.md tr td[data-v-46e105de],
table.md tr th[data-v-46e105de] {
    padding: 6px 13px;
    text-align: left;
}

table.md tr[data-v-46e105de]:nth-child(2n) {
    background-color: #f2f2f2;
}

.is-dark table.md[data-v-46e105de] {
    color: #f2f2f2;
}

.is-dark table.md tr[data-v-46e105de] {
    background-color: #21222e;
}

.is-dark table.md tr[data-v-46e105de]:nth-child(2n) {
    background-color: #2e2f40;
}

.is-dark table.md tr td.text-muted[data-v-46e105de] {
    color: hsla(0, 0%, 100%, 0.3);
}

.slide-enter-active[data-v-46e105de],
.slide-leave-active[data-v-46e105de] {
    opacity: 1;
    z-index: 998;
    transition: all 0.3s;
    transform: translateY(0);
}

.slide-enter[data-v-46e105de],
.slide-leave-to[data-v-46e105de] {
    opacity: 0;
    z-index: 998;
    transform: translateY(-20px);
}

.tags-enter-active[data-v-46e105de],
.tags-leave-active[data-v-46e105de] {
    opacity: 1;
    transition: all 0.3s;
    position: absolute;
    transform: translateY(0);
}

.tags-enter[data-v-46e105de],
.tags-leave-to[data-v-46e105de] {
    opacity: 0;
    transform: translateX(-100%);
}

.slideinvert-enter-active[data-v-46e105de],
.slideinvert-leave-active[data-v-46e105de] {
    opacity: 1;
    z-index: 998;
    transition: all 0.3s;
    transform: translateY(0);
}

.slideinvert-enter[data-v-46e105de],
.slideinvert-leave-to[data-v-46e105de] {
    opacity: 0;
    z-index: 998;
    transform: translateY(40px);
}

.slidenext-enter-active[data-v-46e105de],
.slidenext-leave-active[data-v-46e105de],
.slideprev-enter-active[data-v-46e105de],
.slideprev-leave-active[data-v-46e105de] {
    position: absolute;
    transition: all 0.3s;
}

.slidenext-enter[data-v-46e105de],
.slideprev-leave-to[data-v-46e105de] {
    transform: translateX(100%);
}

.slidenext-leave-to[data-v-46e105de],
.slideprev-enter[data-v-46e105de] {
    transform: translateX(-100%);
}

.slidevnext-enter-active[data-v-46e105de],
.slidevnext-leave-active[data-v-46e105de],
.slidevprev-enter-active[data-v-46e105de],
.slidevprev-leave-active[data-v-46e105de] {
    position: absolute;
    transition: all 0.3s;
}

.slidevnext-enter[data-v-46e105de],
.slidevprev-leave-to[data-v-46e105de] {
    transform: translateY(100%);
    opacity: 0;
}

.slidevnext-leave-to[data-v-46e105de],
.slidevprev-enter[data-v-46e105de] {
    transform: translateY(-100%);
    opacity: 0;
}

@media screen and (max-width: 415px) {
    .slide-enter-active[data-v-46e105de],
    .slide-leave-active[data-v-46e105de],
    .slideinvert-enter-active[data-v-46e105de],
    .slideinvert-leave-active[data-v-46e105de] {
        transition: all 0s;
    }
}

.spinner-anim[data-v-46e105de] {
    -webkit-animation: spin-data-v-46e105de 0.6s linear infinite;
    animation: spin-data-v-46e105de 0.6s linear infinite;
}

@-webkit-keyframes spin-data-v-46e105de {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}

@keyframes spin-data-v-46e105de {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}

.dialog-fade-enter-active .dialog-animation[data-v-46e105de] {
    -webkit-animation: dialog-fade-in-data-v-46e105de 0.4s;
    animation: dialog-fade-in-data-v-46e105de 0.4s;
}

.dialog-fade-leave-active .dialog-animation[data-v-46e105de] {
    -webkit-animation: dialog-fade-out-data-v-46e105de 0.4s;
    animation: dialog-fade-out-data-v-46e105de 0.4s;
}

@-webkit-keyframes dialog-fade-in-data-v-46e105de {
    0% {
        transform: translate3d(0, -30px, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes dialog-fade-in-data-v-46e105de {
    0% {
        transform: translate3d(0, -30px, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}

@-webkit-keyframes dialog-fade-out-data-v-46e105de {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -30px, 0);
        opacity: 0;
    }
}

@keyframes dialog-fade-out-data-v-46e105de {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -30px, 0);
        opacity: 0;
    }
}

.expand-enter-active[data-v-46e105de],
.expand-leave-active[data-v-46e105de] {
    transition: 0.3s ease-in-out;
    transition-property: opacity, height;
    overflow: hidden;
}

.expand-enter[data-v-46e105de],
.expand-leave-to[data-v-46e105de] {
    height: 0;
    opacity: 0;
}

.scale-enter-active[data-v-46e105de],
.scale-leave-active[data-v-46e105de] {
    opacity: 1;
    z-index: 1;
    transition: all 0.3s cubic-bezier(0.4, 0.52, 0.26, 0.9);
}

.scale-enter[data-v-46e105de],
.scale-leave-to[data-v-46e105de] {
    opacity: 0.4;
    z-index: 1;
    transform: scale(0);
}

@-webkit-keyframes loading-data-v-46e105de {
    0% {
        left: -200px;
        width: 30%;
    }
    50% {
        width: 30%;
    }
    70% {
        width: 70%;
    }
    80% {
        left: 50%;
    }
    95% {
        left: 120%;
    }
    to {
        left: 100%;
    }
}

@keyframes loading-data-v-46e105de {
    0% {
        left: -200px;
        width: 30%;
    }
    50% {
        width: 30%;
    }
    70% {
        width: 70%;
    }
    80% {
        left: 50%;
    }
    95% {
        left: 120%;
    }
    to {
        left: 100%;
    }
}

.flip-list-move[data-v-46e105de] {
    transition: transform 0.6s;
}

.over-hid[data-v-46e105de] {
    overflow: hidden;
}

.pos-r[data-v-46e105de] {
    position: relative;
}

.pos-a[data-v-46e105de] {
    position: absolute;
}

.flex[data-v-46e105de] {
    display: flex;
}

.flex.fluid[data-v-46e105de] {
    width: 100%;
}

.flex.direction-column[data-v-46e105de] {
    flex-direction: column;
}

.flex.direction-column-reverse[data-v-46e105de] {
    flex-direction: column-reverse;
}

.flex.direction-row[data-v-46e105de] {
    flex-direction: row;
}

.flex.direction-row-reverse[data-v-46e105de] {
    flex-direction: row-reverse;
}

.flex.align-center[data-v-46e105de] {
    align-items: center;
}

.flex.align-start[data-v-46e105de] {
    align-items: flex-start;
}

.flex.align-end[data-v-46e105de] {
    align-items: flex-end;
}

.flex.justify-start[data-v-46e105de] {
    justify-content: flex-start;
}

.flex.justify-end[data-v-46e105de] {
    justify-content: flex-end;
}

.flex.justify-center[data-v-46e105de] {
    justify-content: center;
}

.flex.space-between[data-v-46e105de] {
    justify-content: space-between;
}

.flex.space-around[data-v-46e105de] {
    justify-content: space-around;
}

.flex.flex-center[data-v-46e105de] {
    justify-content: center;
    align-items: center;
}

.flex.flex--wrap[data-v-46e105de] {
    flex-wrap: wrap;
}

.flex.flex--grow[data-v-46e105de] {
    flex-grow: 1;
}

.flex-fill[data-v-46e105de] {
    flex: 0 1 auto;
}

.flex-fixed[data-v-46e105de] {
    flex: 0 0 auto;
}

.flex-1[data-v-46e105de] {
    flex: 1;
}

.flex-100[data-v-46e105de] {
    flex: 0 1 100%;
}

.flex-75[data-v-46e105de] {
    flex: 0 1 75%;
}

.flex-50[data-v-46e105de] {
    flex: 0 1 50%;
}

.flex-33[data-v-46e105de] {
    flex: 0 1 33.33%;
}

.flex-25[data-v-46e105de] {
    flex: 0 1 25%;
}

.flex-20[data-v-46e105de] {
    flex: 0 1 20%;
}

.flex-16[data-v-46e105de] {
    flex: 0 1 16.66%;
}

.text-muted-white[data-v-46e105de] {
    color: hsla(0, 0%, 100%, 0.54);
}

.text-muted[data-v-46e105de] {
    color: rgba(0, 0, 0, 0.54);
}

.is-dark .text-muted[data-v-46e105de] {
    color: hsla(0, 0%, 100%, 0.54);
}

.text-strong[data-v-46e105de] {
    font-weight: 500;
}

.text-center[data-v-46e105de] {
    text-align: center;
}

.text-left[data-v-46e105de] {
    text-align: left;
}

.text-right[data-v-46e105de] {
    text-align: right;
}

.text-primary[data-v-46e105de] {
    color: #1e90ff;
}

.text-secondary[data-v-46e105de] {
    color: #747474;
}

.text-third[data-v-46e105de] {
    color: #ccc;
}

.text-success[data-v-46e105de] {
    color: #9acd32;
}

.text-danger[data-v-46e105de] {
    color: #ff4500;
}

.text-grey[data-v-46e105de] {
    color: #999;
}

.text-info[data-v-46e105de] {
    color: #17a2b8;
}

.text-warning[data-v-46e105de] {
    color: #ffa300;
}

.text-light[data-v-46e105de] {
    color: #f5f5f5;
}

.text-dark[data-v-46e105de] {
    color: #24292e;
}

.text-default[data-v-46e105de] {
    color: #ccc;
}

.text-white[data-v-46e105de] {
    color: #fff;
}

.text-black[data-v-46e105de] {
    color: #000;
}

.dots-text[data-v-46e105de] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dots-text-3[data-v-46e105de] {
    overflow: hidden;
    position: relative;
    line-height: 1.3em;
    max-height: 3.9em;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
}

.dots-text-3[data-v-46e105de]:before {
    content: "...";
    position: absolute;
    right: 3px;
    bottom: 2px;
}

.dots-text-3[data-v-46e105de]:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: #fff;
}

.dots-text-2[data-v-46e105de] {
    overflow: hidden;
    position: relative;
    line-height: 1.3em;
    max-height: 2.6em;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
}

.dots-text-2[data-v-46e105de]:before {
    content: "...";
    position: absolute;
    right: 3px;
    bottom: 2px;
}

.dots-text-2[data-v-46e105de]:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: #fff;
}

.container[data-v-46e105de] {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 768px) {
    .container[data-v-46e105de] {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container[data-v-46e105de] {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .container[data-v-46e105de] {
        max-width: 1024px;
    }
}

@media (min-width: 1440px) {
    .container[data-v-46e105de] {
        max-width: 1440px;
    }
}

@media (min-width: 2560px) {
    .container[data-v-46e105de] {
        max-width: 2560px;
    }
}

.pr-0[data-v-46e105de] {
    padding-right: 0;
}

.pt-0[data-v-46e105de] {
    padding-top: 0;
}

.pb-0[data-v-46e105de] {
    padding-bottom: 0;
}

.pl-0[data-v-46e105de] {
    padding-left: 0;
}

.px-0[data-v-46e105de] {
    padding-left: 0;
    padding-right: 0;
}

.py-0[data-v-46e105de] {
    padding-top: 0;
    padding-bottom: 0;
}

.p-0[data-v-46e105de] {
    padding: 0;
}

.pr-1[data-v-46e105de] {
    padding-right: 0.25rem;
}

.pt-1[data-v-46e105de] {
    padding-top: 0.25rem;
}

.pb-1[data-v-46e105de] {
    padding-bottom: 0.25rem;
}

.pl-1[data-v-46e105de] {
    padding-left: 0.25rem;
}

.px-1[data-v-46e105de] {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.py-1[data-v-46e105de] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.p-1[data-v-46e105de] {
    padding: 0.25rem;
}

.pr-2[data-v-46e105de] {
    padding-right: 0.5rem;
}

.pt-2[data-v-46e105de] {
    padding-top: 0.5rem;
}

.pb-2[data-v-46e105de] {
    padding-bottom: 0.5rem;
}

.pl-2[data-v-46e105de] {
    padding-left: 0.5rem;
}

.px-2[data-v-46e105de] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.py-2[data-v-46e105de] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.p-2[data-v-46e105de] {
    padding: 0.5rem;
}

.pr-3[data-v-46e105de] {
    padding-right: 1rem;
}

.pt-3[data-v-46e105de] {
    padding-top: 1rem;
}

.pb-3[data-v-46e105de] {
    padding-bottom: 1rem;
}

.pl-3[data-v-46e105de] {
    padding-left: 1rem;
}

.px-3[data-v-46e105de] {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py-3[data-v-46e105de] {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.p-3[data-v-46e105de] {
    padding: 1rem;
}

.pr-4[data-v-46e105de] {
    padding-right: 1.5rem;
}

.pt-4[data-v-46e105de] {
    padding-top: 1.5rem;
}

.pb-4[data-v-46e105de] {
    padding-bottom: 1.5rem;
}

.pl-4[data-v-46e105de] {
    padding-left: 1.5rem;
}

.px-4[data-v-46e105de] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.py-4[data-v-46e105de] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.p-4[data-v-46e105de] {
    padding: 1.5rem;
}

.pr-5[data-v-46e105de] {
    padding-right: 3rem;
}

.pt-5[data-v-46e105de] {
    padding-top: 3rem;
}

.pb-5[data-v-46e105de] {
    padding-bottom: 3rem;
}

.pl-5[data-v-46e105de] {
    padding-left: 3rem;
}

.px-5[data-v-46e105de] {
    padding-left: 3rem;
    padding-right: 3rem;
}

.py-5[data-v-46e105de] {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.p-5[data-v-46e105de] {
    padding: 3rem;
}

.mr-0[data-v-46e105de] {
    margin-right: 0;
}

.mt-0[data-v-46e105de] {
    margin-top: 0;
}

.mb-0[data-v-46e105de] {
    margin-bottom: 0;
}

.ml-0[data-v-46e105de] {
    margin-left: 0;
}

.mx-0[data-v-46e105de] {
    margin-left: 0;
    margin-right: 0;
}

.my-0[data-v-46e105de] {
    margin-top: 0;
    margin-bottom: 0;
}

.m-0[data-v-46e105de] {
    margin: 0;
}

.mr-1[data-v-46e105de] {
    margin-right: 0.25rem;
}

.mt-1[data-v-46e105de] {
    margin-top: 0.25rem;
}

.mb-1[data-v-46e105de] {
    margin-bottom: 0.25rem;
}

.ml-1[data-v-46e105de] {
    margin-left: 0.25rem;
}

.mx-1[data-v-46e105de] {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.my-1[data-v-46e105de] {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.m-1[data-v-46e105de] {
    margin: 0.25rem;
}

.mr-2[data-v-46e105de] {
    margin-right: 0.5rem;
}

.mt-2[data-v-46e105de] {
    margin-top: 0.5rem;
}

.mb-2[data-v-46e105de] {
    margin-bottom: 0.5rem;
}

.ml-2[data-v-46e105de] {
    margin-left: 0.5rem;
}

.mx-2[data-v-46e105de] {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.my-2[data-v-46e105de] {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.m-2[data-v-46e105de] {
    margin: 0.5rem;
}

.mr-3[data-v-46e105de] {
    margin-right: 1rem;
}

.mt-3[data-v-46e105de] {
    margin-top: 1rem;
}

.mb-3[data-v-46e105de] {
    margin-bottom: 1rem;
}

.ml-3[data-v-46e105de] {
    margin-left: 1rem;
}

.mx-3[data-v-46e105de] {
    margin-left: 1rem;
    margin-right: 1rem;
}

.my-3[data-v-46e105de] {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.m-3[data-v-46e105de] {
    margin: 1rem;
}

.mr-4[data-v-46e105de] {
    margin-right: 1.5rem;
}

.mt-4[data-v-46e105de] {
    margin-top: 1.5rem;
}

.mb-4[data-v-46e105de] {
    margin-bottom: 1.5rem;
}

.ml-4[data-v-46e105de] {
    margin-left: 1.5rem;
}

.mx-4[data-v-46e105de] {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.my-4[data-v-46e105de] {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.m-4[data-v-46e105de] {
    margin: 1.5rem;
}

.mr-5[data-v-46e105de] {
    margin-right: 3rem;
}

.mt-5[data-v-46e105de] {
    margin-top: 3rem;
}

.mb-5[data-v-46e105de] {
    margin-bottom: 3rem;
}

.ml-5[data-v-46e105de] {
    margin-left: 3rem;
}

.mx-5[data-v-46e105de] {
    margin-left: 3rem;
    margin-right: 3rem;
}

.my-5[data-v-46e105de] {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.m-5[data-v-46e105de] {
    margin: 3rem;
}

.h-100[data-v-46e105de] {
    height: 100%;
}

.mh-100[data-v-46e105de] {
    max-height: 100%;
}

.w-100[data-v-46e105de] {
    width: 100%;
}

.mw-100[data-v-46e105de] {
    max-width: 100%;
}

.m-h-0[data-v-46e105de] {
    min-height: 0;
}

.m-h-100[data-v-46e105de] {
    min-height: 100%;
}

.m-w-0[data-v-46e105de] {
    min-width: 0;
}

.m-w-100[data-v-46e105de] {
    min-width: 100%;
}

.br-0[data-v-46e105de] {
    border-radius: 0;
}

.brt-0[data-v-46e105de] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.brb-0[data-v-46e105de] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.br-2[data-v-46e105de] {
    border-radius: 2px;
}

.brt-2[data-v-46e105de] {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.brb-2[data-v-46e105de] {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.br-4[data-v-46e105de] {
    border-radius: 4px;
}

.brt-4[data-v-46e105de] {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.brb-4[data-v-46e105de] {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.br-8[data-v-46e105de] {
    border-radius: 8px;
}

.brt-8[data-v-46e105de] {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.brb-8[data-v-46e105de] {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.fs-12[data-v-46e105de] {
    font-size: 12px;
}

.fs-14[data-v-46e105de] {
    font-size: 14px;
}

.fs-16[data-v-46e105de] {
    font-size: 16px;
}

.fs-18[data-v-46e105de] {
    font-size: 18px;
}

.fs-20[data-v-46e105de] {
    font-size: 20px;
}

.fs-22[data-v-46e105de] {
    font-size: 22px;
}

.fs-26[data-v-46e105de] {
    font-size: 26px;
}

.fw-300[data-v-46e105de] {
    font-weight: 300;
}

.fw-400[data-v-46e105de] {
    font-weight: 400;
}

.fw-500[data-v-46e105de] {
    font-weight: 500;
}

@media only screen and (max-width: 2560px) {
    .hidden-4k[data-v-46e105de] {
        display: none;
    }
}

@media only screen and (max-width: 1440px) {
    .hidden-laptop[data-v-46e105de] {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .hidden-laptop-s[data-v-46e105de] {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .hidden-tablet[data-v-46e105de] {
        display: none;
    }
}

@media only screen and (max-width: 425px) {
    .hidden-mobile[data-v-46e105de] {
        display: none;
    }
}

@media only screen and (max-width: 375px) {
    .hidden-mobile-m[data-v-46e105de] {
        display: none;
    }
}

@media only screen and (max-width: 320px) {
    .hidden-mobile-s[data-v-46e105de] {
        display: none;
    }
}

.show-4k[data-v-46e105de] {
    display: none;
}

@media only screen and (max-width: 2560px) {
    .show-4k[data-v-46e105de] {
        display: inherit;
    }
}

.show-laptop[data-v-46e105de] {
    display: none;
}

@media only screen and (max-width: 1440px) {
    .show-laptop[data-v-46e105de] {
        display: inherit;
    }
}

.show-laptop-s[data-v-46e105de] {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .show-laptop-s[data-v-46e105de] {
        display: inherit;
    }
}

.show-tablet[data-v-46e105de] {
    display: none;
}

@media only screen and (max-width: 768px) {
    .show-tablet[data-v-46e105de] {
        display: inherit;
    }
}

.show-mobile[data-v-46e105de] {
    display: none;
}

@media only screen and (max-width: 425px) {
    .show-mobile[data-v-46e105de] {
        display: inherit;
    }
}

.show-mobile-m[data-v-46e105de] {
    display: none;
}

@media only screen and (max-width: 375px) {
    .show-mobile-m[data-v-46e105de] {
        display: inherit;
    }
}

.show-mobile-s[data-v-46e105de] {
    display: none;
}

@media only screen and (max-width: 320px) {
    .show-mobile-s[data-v-46e105de] {
        display: inherit;
    }
}

[data-v-46e105de],
[data-v-46e105de]:after,
[data-v-46e105de]:before {
    box-sizing: border-box;
}

blockquote[data-v-46e105de],
body[data-v-46e105de],
dd[data-v-46e105de],
dl[data-v-46e105de],
figure[data-v-46e105de],
h1[data-v-46e105de],
h2[data-v-46e105de],
h3[data-v-46e105de],
h4[data-v-46e105de],
h5[data-v-46e105de],
h6[data-v-46e105de],
hr[data-v-46e105de],
ol[data-v-46e105de],
p[data-v-46e105de],
pre[data-v-46e105de],
ul[data-v-46e105de] {
    margin: 0;
    padding: 0;
}

#app[data-v-46e105de],
body[data-v-46e105de],
button[data-v-46e105de],
html[data-v-46e105de],
input[data-v-46e105de] {
    font: 400 14px -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    line-height: 1.5;
    -webkit-font-kerning: normal;
    font-feature-settings: "kern";
    font-kerning: normal;
}

.country-selector[data-v-46e105de] {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    position: relative;
    height: 40px;
    min-height: 40px;
    z-index: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.country-selector[data-v-46e105de]:hover {
    z-index: 1;
}

.country-selector__label[data-v-46e105de] {
    position: absolute;
    top: 3px;
    cursor: pointer;
    left: 11px;
    transform: translateY(25%);
    opacity: 0;
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    font-size: 11px;
    color: #747474;
}

.country-selector__input[data-v-46e105de] {
    cursor: pointer;
    background-color: #fff;
    position: relative;
    width: 100%;
    height: 40px;
    min-height: 40px;
    padding-right: 22px;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: 1px solid #ccc;
    font-size: 13px;
    z-index: 0;
    padding-left: 8px;
    color: #000;
}

.country-selector__toggle[data-v-46e105de] {
    position: absolute;
    right: 5px;
    top: calc(50% - 10px);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    text-align: center;
    display: inline-block;
    cursor: pointer;
    height: 24px;
}

.country-selector__toggle__arrow[data-v-46e105de] {
    color: #747474;
}

.country-selector__toggle__arrow path.arrow[data-v-46e105de] {
    fill: #747474;
}

.country-selector__country-flag[data-v-46e105de] {
    margin: auto 0;
    position: absolute;
    top: 21px;
    left: 11px;
    z-index: 1;
    cursor: pointer;
}

.country-selector__country-flag img[data-v-46e105de] {
    position: absolute;
}

.country-selector__list[data-v-46e105de] {
    max-width: 100%;
    top: 100%;
    width: 100%;
    min-width: 230px;
    position: absolute;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    z-index: 9;
    list-style: none;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
}

.country-selector__list.has-calling-code[data-v-46e105de] {
    min-width: 270px;
}

.country-selector__list__item[data-v-46e105de] {
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    cursor: pointer;
    background-color: transparent;
    width: 100%;
    border: 0;
    outline: none;
}

.country-selector__list__item__flag-container[data-v-46e105de] {
    margin-right: 10px;
}

.country-selector__list__item__calling-code[data-v-46e105de] {
    width: 45px;
    color: #747474;
}

.country-selector__list__item.hover[data-v-46e105de],
.country-selector__list__item.keyboard-selected[data-v-46e105de] {
    background-color: #f2f2f2;
}

.country-selector__list__item.selected[data-v-46e105de] {
    color: #fff;
    font-weight: 600;
}

.country-selector__list__item.selected .country-selector__list__item__calling-code[data-v-46e105de] {
    color: #fff;
}

.country-selector.is-dark .country-selector__input[data-v-46e105de] {
    cursor: pointer;
    color: hsla(0, 0%, 100%, 0.7);
}

.country-selector.is-dark .country-selector__input[data-v-46e105de]::-moz-placeholder {
    color: hsla(0, 0%, 100%, 0.7);
}

.country-selector.is-dark .country-selector__input[data-v-46e105de]:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, 0.7);
}

.country-selector.is-dark .country-selector__input[data-v-46e105de]::placeholder {
    color: hsla(0, 0%, 100%, 0.7);
}

.country-selector.is-dark .country-selector__toggle__arrow[data-v-46e105de] {
    color: hsla(0, 0%, 100%, 0.7);
}

.country-selector.is-dark .country-selector__toggle__arrow path.arrow[data-v-46e105de] {
    fill: hsla(0, 0%, 100%, 0.7);
}

.country-selector.is-dark .country-selector__list__item[data-v-46e105de] {
    color: #f2f2f2;
}

.country-selector.is-dark .country-selector__list__item.keyboard-selected[data-v-46e105de],
.country-selector.is-dark .country-selector__list__item[data-v-46e105de]:hover {
    background-color: #43455e;
}

.country-selector.is-dark .country-selector__list__calling-code[data-v-46e105de] {
    color: hsla(0, 0%, 100%, 0.3);
}

.country-selector.is-dark .country-selector__input[data-v-46e105de],
.country-selector.is-dark .country-selector__list[data-v-46e105de] {
    color: hsla(0, 0%, 100%, 0.7);
}

.country-selector.has-list-open[data-v-46e105de] {
    z-index: 1;
}

.country-selector.has-list-open .country-selector__toggle[data-v-46e105de] {
    transform: rotate(180deg);
}

.country-selector.is-focused[data-v-46e105de] {
    z-index: 1;
}

.country-selector.has-error .country-selector__input[data-v-46e105de] {
    border-color: #ff4500;
}

.country-selector.has-error .country-selector__label[data-v-46e105de] {
    color: #ff4500;
}

.country-selector.has-value .country-selector__input[data-v-46e105de] {
    padding-left: 40px;
}

.country-selector.has-hint .country-selector__label[data-v-46e105de],
.country-selector.has-value .country-selector__label[data-v-46e105de] {
    opacity: 1;
    transform: translateY(0);
    font-size: 11px;
}

.country-selector.has-hint .country-selector__input[data-v-46e105de],
.country-selector.has-value .country-selector__input[data-v-46e105de] {
    padding-top: 14px;
}

.country-selector.is-disabled .country-selector[data-v-46e105de] {
    cursor: not-allowed;
}

.country-selector.is-disabled .country-selector__input[data-v-46e105de] {
    border-color: #ccc;
    background-color: #f2f2f2;
    color: #ccc;
}

.country-selector.is-disabled .country-selector__input[data-v-46e105de]::-moz-placeholder {
    color: #ccc;
}

.country-selector.is-disabled .country-selector__input[data-v-46e105de]:-ms-input-placeholder {
    color: #ccc;
}

.country-selector.is-disabled .country-selector__input[data-v-46e105de]::placeholder {
    color: #ccc;
}

.country-selector.is-disabled .country-selector__country-flag>div[data-v-46e105de],
.country-selector.is-disabled .country-selector__country-flag[data-v-46e105de],
.country-selector.is-disabled .country-selector__input[data-v-46e105de],
.country-selector.is-disabled .country-selector__label[data-v-46e105de],
.country-selector.is-disabled .country-selector__toggle__arrow[data-v-46e105de] {
    cursor: not-allowed;
    color: #ccc;
}

.country-selector.no-flags .country-selector__input[data-v-46e105de] {
    padding-left: 10px;
}

.country-selector.sm[data-v-46e105de] {
    height: 36px;
    min-height: 36px;
}

.country-selector.sm .country-selector__input[data-v-46e105de] {
    height: 36px;
    min-height: 36px;
    font-size: 12px;
}

.country-selector.sm .country-selector__label[data-v-46e105de] {
    font-size: 10px;
}

.country-selector.sm .country-selector__country-flag[data-v-46e105de] {
    top: 16px;
}

.country-selector.sm .country-selector__country-flag img[data-v-46e105de] {
    zoom: 0.3;
    color: red;
    -moz-transform: scale(0.3);
    -moz-transform-origin: 0 0;
}

.country-selector.sm.has-value .country-selector__input[data-v-46e105de] {
    padding-top: 12px;
}

.country-selector.lg[data-v-46e105de] {
    height: 48px;
    min-height: 48px;
}

.country-selector.lg .country-selector__input[data-v-46e105de] {
    height: 48px;
    min-height: 48px;
    font-size: 14px;
}

.country-selector.lg .country-selector__label[data-v-46e105de] {
    font-size: 14px;
}

.country-selector.lg .country-selector__country-flag[data-v-46e105de] {
    top: 25px;
}

.country-selector.lg .country-selector__country-flag img[data-v-46e105de] {
    zoom: 0.45;
    -moz-transform: scale(0.45);
    -moz-transform-origin: 0 0;
}

.country-selector.lg.has-value .country-selector__input[data-v-46e105de] {
    padding-top: 18px;
}

.country-selector .slide-enter-active[data-v-46e105de],
.country-selector .slide-leave-active[data-v-46e105de] {
    opacity: 1;
    z-index: 998;
    transition: all 0.3s;
    transform: translateY(0);
}

.country-selector .slide-enter[data-v-46e105de],
.country-selector .slide-leave-to[data-v-46e105de] {
    opacity: 0;
    z-index: 998;
    transform: translateY(-20px);
}

.bg-primary-after[data-v-19c9a1c7]:after,
.bg-primary-before[data-v-19c9a1c7]:before,
.bg-primary[data-v-19c9a1c7] {
    background-color: #1e90ff;
}

.bg-primary-after-transparency[data-v-19c9a1c7]:after,
.bg-primary-before-transparency[data-v-19c9a1c7]:before,
.bg-primary-transparency[data-v-19c9a1c7] {
    background-color: rgba(30, 144, 255, 0.5);
}

.bg-secondary-after[data-v-19c9a1c7]:after,
.bg-secondary-before[data-v-19c9a1c7]:before,
.bg-secondary[data-v-19c9a1c7] {
    background-color: #747474;
}

.bg-secondary-after-transparency[data-v-19c9a1c7]:after,
.bg-secondary-before-transparency[data-v-19c9a1c7]:before,
.bg-secondary-transparency[data-v-19c9a1c7] {
    background-color: hsla(0, 0%, 45.5%, 0.5);
}

.bg-third-after[data-v-19c9a1c7]:after,
.bg-third-before[data-v-19c9a1c7]:before,
.bg-third[data-v-19c9a1c7] {
    background-color: #ccc;
}

.bg-third-after-transparency[data-v-19c9a1c7]:after,
.bg-third-before-transparency[data-v-19c9a1c7]:before,
.bg-third-transparency[data-v-19c9a1c7] {
    background-color: hsla(0, 0%, 80%, 0.5);
}

.bg-success-after[data-v-19c9a1c7]:after,
.bg-success-before[data-v-19c9a1c7]:before,
.bg-success[data-v-19c9a1c7] {
    background-color: #9acd32;
}

.bg-success-after-transparency[data-v-19c9a1c7]:after,
.bg-success-before-transparency[data-v-19c9a1c7]:before,
.bg-success-transparency[data-v-19c9a1c7] {
    background-color: rgba(154, 205, 50, 0.5);
}

.bg-danger-after[data-v-19c9a1c7]:after,
.bg-danger-before[data-v-19c9a1c7]:before,
.bg-danger[data-v-19c9a1c7] {
    background-color: #ff4500;
}

.bg-danger-after-transparency[data-v-19c9a1c7]:after,
.bg-danger-before-transparency[data-v-19c9a1c7]:before,
.bg-danger-transparency[data-v-19c9a1c7] {
    background-color: rgba(255, 69, 0, 0.5);
}

.bg-grey-after[data-v-19c9a1c7]:after,
.bg-grey-before[data-v-19c9a1c7]:before,
.bg-grey[data-v-19c9a1c7] {
    background-color: #999;
}

.bg-grey-after-transparency[data-v-19c9a1c7]:after,
.bg-grey-before-transparency[data-v-19c9a1c7]:before,
.bg-grey-transparency[data-v-19c9a1c7] {
    background-color: hsla(0, 0%, 60%, 0.5);
}

.bg-info-after[data-v-19c9a1c7]:after,
.bg-info-before[data-v-19c9a1c7]:before,
.bg-info[data-v-19c9a1c7] {
    background-color: #17a2b8;
}

.bg-info-after-transparency[data-v-19c9a1c7]:after,
.bg-info-before-transparency[data-v-19c9a1c7]:before,
.bg-info-transparency[data-v-19c9a1c7] {
    background-color: rgba(23, 162, 184, 0.5);
}

.bg-warning-after[data-v-19c9a1c7]:after,
.bg-warning-before[data-v-19c9a1c7]:before,
.bg-warning[data-v-19c9a1c7] {
    background-color: #ffa300;
}

.bg-warning-after-transparency[data-v-19c9a1c7]:after,
.bg-warning-before-transparency[data-v-19c9a1c7]:before,
.bg-warning-transparency[data-v-19c9a1c7] {
    background-color: rgba(255, 163, 0, 0.5);
}

.bg-light-after[data-v-19c9a1c7]:after,
.bg-light-before[data-v-19c9a1c7]:before,
.bg-light[data-v-19c9a1c7] {
    background-color: #f5f5f5;
}

.bg-light-after-transparency[data-v-19c9a1c7]:after,
.bg-light-before-transparency[data-v-19c9a1c7]:before,
.bg-light-transparency[data-v-19c9a1c7] {
    background-color: hsla(0, 0%, 96.1%, 0.5);
}

.bg-dark-after[data-v-19c9a1c7]:after,
.bg-dark-before[data-v-19c9a1c7]:before,
.bg-dark[data-v-19c9a1c7] {
    background-color: #24292e;
}

.bg-dark-after-transparency[data-v-19c9a1c7]:after,
.bg-dark-before-transparency[data-v-19c9a1c7]:before,
.bg-dark-transparency[data-v-19c9a1c7] {
    background-color: rgba(36, 41, 46, 0.5);
}

.bg-default-after[data-v-19c9a1c7]:after,
.bg-default-before[data-v-19c9a1c7]:before,
.bg-default[data-v-19c9a1c7] {
    background-color: #ccc;
}

.bg-default-after-transparency[data-v-19c9a1c7]:after,
.bg-default-before-transparency[data-v-19c9a1c7]:before,
.bg-default-transparency[data-v-19c9a1c7] {
    background-color: hsla(0, 0%, 80%, 0.5);
}

.bg-white-after[data-v-19c9a1c7]:after,
.bg-white-before[data-v-19c9a1c7]:before,
.bg-white[data-v-19c9a1c7] {
    background-color: #fff;
}

.bg-white-after-transparency[data-v-19c9a1c7]:after,
.bg-white-before-transparency[data-v-19c9a1c7]:before,
.bg-white-transparency[data-v-19c9a1c7] {
    background-color: hsla(0, 0%, 100%, 0.5);
}

.bg-black-after[data-v-19c9a1c7]:after,
.bg-black-before[data-v-19c9a1c7]:before,
.bg-black[data-v-19c9a1c7] {
    background-color: #000;
}

.bg-black-after-transparency[data-v-19c9a1c7]:after,
.bg-black-before-transparency[data-v-19c9a1c7]:before,
.bg-black-transparency[data-v-19c9a1c7] {
    background-color: rgba(0, 0, 0, 0.5);
}

.fill-primary path[data-v-19c9a1c7] {
    fill: #1e90ff;
}

.fill-secondary path[data-v-19c9a1c7] {
    fill: #747474;
}

.fill-third path[data-v-19c9a1c7] {
    fill: #ccc;
}

.fill-success path[data-v-19c9a1c7] {
    fill: #9acd32;
}

.fill-danger path[data-v-19c9a1c7] {
    fill: #ff4500;
}

.fill-grey path[data-v-19c9a1c7] {
    fill: #999;
}

.fill-info path[data-v-19c9a1c7] {
    fill: #17a2b8;
}

.fill-warning path[data-v-19c9a1c7] {
    fill: #ffa300;
}

.fill-light path[data-v-19c9a1c7] {
    fill: #f5f5f5;
}

.fill-dark path[data-v-19c9a1c7] {
    fill: #24292e;
}

.fill-default path[data-v-19c9a1c7] {
    fill: #ccc;
}

.fill-white path[data-v-19c9a1c7] {
    fill: #fff;
}

.fill-black path[data-v-19c9a1c7] {
    fill: #000;
}

.label[data-v-19c9a1c7] {
    border-radius: 2px;
    padding: 2px 4px;
    color: #fff;
    font-size: 0.714em;
}

.label-primary[data-v-19c9a1c7],
.label[data-v-19c9a1c7] {
    background-color: #1e90ff;
}

.label-primary-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #1e90ff;
    color: #1e90ff;
}

.label-secondary[data-v-19c9a1c7] {
    background-color: #747474;
}

.label-secondary-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #747474;
    color: #747474;
}

.label-third[data-v-19c9a1c7] {
    background-color: #ccc;
}

.label-third-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #ccc;
}

.label-success[data-v-19c9a1c7] {
    background-color: #9acd32;
}

.label-success-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #9acd32;
    color: #9acd32;
}

.label-danger[data-v-19c9a1c7] {
    background-color: #ff4500;
}

.label-danger-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #ff4500;
    color: #ff4500;
}

.label-grey[data-v-19c9a1c7] {
    background-color: #999;
}

.label-grey-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #999;
    color: #999;
}

.label-info[data-v-19c9a1c7] {
    background-color: #17a2b8;
}

.label-info-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #17a2b8;
    color: #17a2b8;
}

.label-warning[data-v-19c9a1c7] {
    background-color: #ffa300;
}

.label-warning-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #ffa300;
    color: #ffa300;
}

.label-light[data-v-19c9a1c7] {
    background-color: #f5f5f5;
}

.label-light-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #f5f5f5;
    color: #f5f5f5;
}

.label-dark[data-v-19c9a1c7] {
    background-color: #24292e;
}

.label-dark-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #24292e;
    color: #24292e;
}

.label-default[data-v-19c9a1c7] {
    background-color: #ccc;
}

.label-default-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #ccc;
}

.label-white[data-v-19c9a1c7] {
    background-color: #fff;
}

.label-white-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.label-black[data-v-19c9a1c7] {
    background-color: #000;
}

.label-black-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
}

.dot[data-v-19c9a1c7] {
    width: 6px;
    height: 6px;
    border-radius: 6px;
}

.dot-primary[data-v-19c9a1c7],
.dot[data-v-19c9a1c7] {
    background-color: #1e90ff;
}

.dot-primary-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #1e90ff;
    color: #1e90ff;
}

.dot-secondary[data-v-19c9a1c7] {
    background-color: #747474;
}

.dot-secondary-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #747474;
    color: #747474;
}

.dot-third[data-v-19c9a1c7] {
    background-color: #ccc;
}

.dot-third-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #ccc;
}

.dot-success[data-v-19c9a1c7] {
    background-color: #9acd32;
}

.dot-success-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #9acd32;
    color: #9acd32;
}

.dot-danger[data-v-19c9a1c7] {
    background-color: #ff4500;
}

.dot-danger-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #ff4500;
    color: #ff4500;
}

.dot-grey[data-v-19c9a1c7] {
    background-color: #999;
}

.dot-grey-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #999;
    color: #999;
}

.dot-info[data-v-19c9a1c7] {
    background-color: #17a2b8;
}

.dot-info-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #17a2b8;
    color: #17a2b8;
}

.dot-warning[data-v-19c9a1c7] {
    background-color: #ffa300;
}

.dot-warning-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #ffa300;
    color: #ffa300;
}

.dot-light[data-v-19c9a1c7] {
    background-color: #f5f5f5;
}

.dot-light-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #f5f5f5;
    color: #f5f5f5;
}

.dot-dark[data-v-19c9a1c7] {
    background-color: #24292e;
}

.dot-dark-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #24292e;
    color: #24292e;
}

.dot-default[data-v-19c9a1c7] {
    background-color: #ccc;
}

.dot-default-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #ccc;
}

.dot-white[data-v-19c9a1c7] {
    background-color: #fff;
}

.dot-white-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.dot-black[data-v-19c9a1c7] {
    background-color: #000;
}

.dot-black-outline[data-v-19c9a1c7] {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
}

a[data-v-19c9a1c7] {
    color: #1e90ff;
    text-decoration: none;
}

a[data-v-19c9a1c7]:focus,
a[data-v-19c9a1c7]:hover {
    text-decoration: underline;
}

.btn[data-v-19c9a1c7] {
    border: 1px solid transparent;
    outline: none;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-color: #1e90ff;
    color: #fff;
    display: inline-block;
    border-radius: 8px;
    line-height: 1;
    box-sizing: border-box;
    padding: 12px 20px;
    font-size: 1em;
    font-weight: inherit;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
    overflow: visible;
    -webkit-font-smoothing: inherit;
    text-decoration: none;
    -moz-osx-font-smoothing: inherit;
}

.btn[data-v-19c9a1c7]:focus,
.btn[data-v-19c9a1c7]:hover {
    background-color: #0077ea;
}

.btn.active[data-v-19c9a1c7] {
    background-color: #1e90ff;
}

.btn.active[data-v-19c9a1c7],
.btn[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem rgba(30, 144, 255, 0.5);
}

.btn.active[data-v-19c9a1c7],
.btn[data-v-19c9a1c7]:focus,
.btn[data-v-19c9a1c7]:hover {
    text-decoration: none;
}

.btn--rounded[data-v-19c9a1c7] {
    border-radius: 50px;
}

.btn--block[data-v-19c9a1c7] {
    width: 100%;
}

.btn--lg[data-v-19c9a1c7] {
    padding: 16px 22px;
    font-size: 1.143em;
}

.btn--md[data-v-19c9a1c7] {
    padding: 10px 20px;
    font-size: 1em;
}

.btn--sm[data-v-19c9a1c7] {
    padding: 9px 15px;
    font-size: 0.857em;
}

.btn--mini[data-v-19c9a1c7] {
    padding: 7px 15px;
    font-size: 0.857em;
}

.btn--fab[data-v-19c9a1c7] {
    border-radius: 50%;
    padding: 0;
    height: 40px;
    width: 40px;
}

.btn--fab.btn--lg[data-v-19c9a1c7] {
    height: 50px;
    width: 50px;
}

.btn--fab.btn--md[data-v-19c9a1c7] {
    height: 36px;
    width: 36px;
}

.btn--fab.btn--sm[data-v-19c9a1c7] {
    height: 32px;
    width: 32px;
}

.btn--fab.btn--mini[data-v-19c9a1c7] {
    height: 28px;
    width: 28px;
}

.btn--light[data-v-19c9a1c7],
.btn--white[data-v-19c9a1c7] {
    color: #747474;
}

.btn--primary[data-v-19c9a1c7] {
    background-color: #1e90ff;
}

.btn--primary[data-v-19c9a1c7]:focus,
.btn--primary[data-v-19c9a1c7]:hover {
    background-color: #0077ea;
}

.btn--primary.active[data-v-19c9a1c7] {
    background-color: #1e90ff;
}

.btn--primary.active[data-v-19c9a1c7],
.btn--primary[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem rgba(30, 144, 255, 0.5);
}

.btn--primary--outline[data-v-19c9a1c7] {
    background-color: rgba(30, 144, 255, 0.05);
    border: 1px solid #1e90ff;
    color: #1e90ff;
}

.btn--primary--outline.active[data-v-19c9a1c7],
.btn--primary--outline[data-v-19c9a1c7]:focus,
.btn--primary--outline[data-v-19c9a1c7]:hover {
    background-color: #1e90ff;
    color: #fff;
}

.btn--primary--outline.active[data-v-19c9a1c7],
.btn--primary--outline[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem rgba(30, 144, 255, 0.5);
}

.btn--secondary[data-v-19c9a1c7] {
    background-color: #747474;
}

.btn--secondary[data-v-19c9a1c7]:focus,
.btn--secondary[data-v-19c9a1c7]:hover {
    background-color: #5b5b5b;
}

.btn--secondary.active[data-v-19c9a1c7] {
    background-color: #747474;
}

.btn--secondary.active[data-v-19c9a1c7],
.btn--secondary[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 45.5%, 0.5);
}

.btn--secondary--outline[data-v-19c9a1c7] {
    background-color: hsla(0, 0%, 45.5%, 0.05);
    border: 1px solid #747474;
    color: #747474;
}

.btn--secondary--outline.active[data-v-19c9a1c7],
.btn--secondary--outline[data-v-19c9a1c7]:focus,
.btn--secondary--outline[data-v-19c9a1c7]:hover {
    background-color: #747474;
    color: #fff;
}

.btn--secondary--outline.active[data-v-19c9a1c7],
.btn--secondary--outline[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 45.5%, 0.5);
}

.btn--third[data-v-19c9a1c7] {
    background-color: #ccc;
}

.btn--third[data-v-19c9a1c7]:focus,
.btn--third[data-v-19c9a1c7]:hover {
    background-color: #b3b3b3;
}

.btn--third.active[data-v-19c9a1c7] {
    background-color: #ccc;
}

.btn--third.active[data-v-19c9a1c7],
.btn--third[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}

.btn--third--outline[data-v-19c9a1c7] {
    background-color: hsla(0, 0%, 80%, 0.05);
    border: 1px solid #ccc;
    color: #ccc;
}

.btn--third--outline.active[data-v-19c9a1c7],
.btn--third--outline[data-v-19c9a1c7]:focus,
.btn--third--outline[data-v-19c9a1c7]:hover {
    background-color: #ccc;
    color: #fff;
}

.btn--third--outline.active[data-v-19c9a1c7],
.btn--third--outline[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}

.btn--success[data-v-19c9a1c7] {
    background-color: #9acd32;
}

.btn--success[data-v-19c9a1c7]:focus,
.btn--success[data-v-19c9a1c7]:hover {
    background-color: #7ba428;
}

.btn--success.active[data-v-19c9a1c7] {
    background-color: #9acd32;
}

.btn--success.active[data-v-19c9a1c7],
.btn--success[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem rgba(154, 205, 50, 0.5);
}

.btn--success--outline[data-v-19c9a1c7] {
    background-color: rgba(154, 205, 50, 0.05);
    border: 1px solid #9acd32;
    color: #9acd32;
}

.btn--success--outline.active[data-v-19c9a1c7],
.btn--success--outline[data-v-19c9a1c7]:focus,
.btn--success--outline[data-v-19c9a1c7]:hover {
    background-color: #9acd32;
    color: #fff;
}

.btn--success--outline.active[data-v-19c9a1c7],
.btn--success--outline[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem rgba(154, 205, 50, 0.5);
}

.btn--danger[data-v-19c9a1c7] {
    background-color: #ff4500;
}

.btn--danger[data-v-19c9a1c7]:focus,
.btn--danger[data-v-19c9a1c7]:hover {
    background-color: #cc3700;
}

.btn--danger.active[data-v-19c9a1c7] {
    background-color: #ff4500;
}

.btn--danger.active[data-v-19c9a1c7],
.btn--danger[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem rgba(255, 69, 0, 0.5);
}

.btn--danger--outline[data-v-19c9a1c7] {
    background-color: rgba(255, 69, 0, 0.05);
    border: 1px solid #ff4500;
    color: #ff4500;
}

.btn--danger--outline.active[data-v-19c9a1c7],
.btn--danger--outline[data-v-19c9a1c7]:focus,
.btn--danger--outline[data-v-19c9a1c7]:hover {
    background-color: #ff4500;
    color: #fff;
}

.btn--danger--outline.active[data-v-19c9a1c7],
.btn--danger--outline[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem rgba(255, 69, 0, 0.5);
}

.btn--grey[data-v-19c9a1c7] {
    background-color: #999;
}

.btn--grey[data-v-19c9a1c7]:focus,
.btn--grey[data-v-19c9a1c7]:hover {
    background-color: grey;
}

.btn--grey.active[data-v-19c9a1c7] {
    background-color: #999;
}

.btn--grey.active[data-v-19c9a1c7],
.btn--grey[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 60%, 0.5);
}

.btn--grey--outline[data-v-19c9a1c7] {
    background-color: hsla(0, 0%, 60%, 0.05);
    border: 1px solid #999;
    color: #999;
}

.btn--grey--outline.active[data-v-19c9a1c7],
.btn--grey--outline[data-v-19c9a1c7]:focus,
.btn--grey--outline[data-v-19c9a1c7]:hover {
    background-color: #999;
    color: #fff;
}

.btn--grey--outline.active[data-v-19c9a1c7],
.btn--grey--outline[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 60%, 0.5);
}

.btn--info[data-v-19c9a1c7] {
    background-color: #17a2b8;
}

.btn--info[data-v-19c9a1c7]:focus,
.btn--info[data-v-19c9a1c7]:hover {
    background-color: #117a8b;
}

.btn--info.active[data-v-19c9a1c7] {
    background-color: #17a2b8;
}

.btn--info.active[data-v-19c9a1c7],
.btn--info[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem rgba(23, 162, 184, 0.5);
}

.btn--info--outline[data-v-19c9a1c7] {
    background-color: rgba(23, 162, 184, 0.05);
    border: 1px solid #17a2b8;
    color: #17a2b8;
}

.btn--info--outline.active[data-v-19c9a1c7],
.btn--info--outline[data-v-19c9a1c7]:focus,
.btn--info--outline[data-v-19c9a1c7]:hover {
    background-color: #17a2b8;
    color: #fff;
}

.btn--info--outline.active[data-v-19c9a1c7],
.btn--info--outline[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem rgba(23, 162, 184, 0.5);
}

.btn--warning[data-v-19c9a1c7] {
    background-color: #ffa300;
}

.btn--warning[data-v-19c9a1c7]:focus,
.btn--warning[data-v-19c9a1c7]:hover {
    background-color: #cc8200;
}

.btn--warning.active[data-v-19c9a1c7] {
    background-color: #ffa300;
}

.btn--warning.active[data-v-19c9a1c7],
.btn--warning[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem rgba(255, 163, 0, 0.5);
}

.btn--warning--outline[data-v-19c9a1c7] {
    background-color: rgba(255, 163, 0, 0.05);
    border: 1px solid #ffa300;
    color: #ffa300;
}

.btn--warning--outline.active[data-v-19c9a1c7],
.btn--warning--outline[data-v-19c9a1c7]:focus,
.btn--warning--outline[data-v-19c9a1c7]:hover {
    background-color: #ffa300;
    color: #fff;
}

.btn--warning--outline.active[data-v-19c9a1c7],
.btn--warning--outline[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem rgba(255, 163, 0, 0.5);
}

.btn--light[data-v-19c9a1c7] {
    background-color: #f5f5f5;
}

.btn--light[data-v-19c9a1c7]:focus,
.btn--light[data-v-19c9a1c7]:hover {
    background-color: #dcdcdc;
}

.btn--light.active[data-v-19c9a1c7] {
    background-color: #f5f5f5;
}

.btn--light.active[data-v-19c9a1c7],
.btn--light[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 96.1%, 0.5);
}

.btn--light--outline[data-v-19c9a1c7] {
    background-color: hsla(0, 0%, 96.1%, 0.05);
    border: 1px solid #f5f5f5;
    color: #f5f5f5;
}

.btn--light--outline.active[data-v-19c9a1c7],
.btn--light--outline[data-v-19c9a1c7]:focus,
.btn--light--outline[data-v-19c9a1c7]:hover {
    background-color: #f5f5f5;
    color: #fff;
}

.btn--light--outline.active[data-v-19c9a1c7],
.btn--light--outline[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 96.1%, 0.5);
}

.btn--dark[data-v-19c9a1c7] {
    background-color: #24292e;
}

.btn--dark[data-v-19c9a1c7]:focus,
.btn--dark[data-v-19c9a1c7]:hover {
    background-color: #0e1011;
}

.btn--dark.active[data-v-19c9a1c7] {
    background-color: #24292e;
}

.btn--dark.active[data-v-19c9a1c7],
.btn--dark[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem rgba(36, 41, 46, 0.5);
}

.btn--dark--outline[data-v-19c9a1c7] {
    background-color: rgba(36, 41, 46, 0.05);
    border: 1px solid #24292e;
    color: #24292e;
}

.btn--dark--outline.active[data-v-19c9a1c7],
.btn--dark--outline[data-v-19c9a1c7]:focus,
.btn--dark--outline[data-v-19c9a1c7]:hover {
    background-color: #24292e;
    color: #fff;
}

.btn--dark--outline.active[data-v-19c9a1c7],
.btn--dark--outline[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem rgba(36, 41, 46, 0.5);
}

.btn--default[data-v-19c9a1c7] {
    background-color: #ccc;
}

.btn--default[data-v-19c9a1c7]:focus,
.btn--default[data-v-19c9a1c7]:hover {
    background-color: #b3b3b3;
}

.btn--default.active[data-v-19c9a1c7] {
    background-color: #ccc;
}

.btn--default.active[data-v-19c9a1c7],
.btn--default[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}

.btn--default--outline[data-v-19c9a1c7] {
    background-color: hsla(0, 0%, 80%, 0.05);
    border: 1px solid #ccc;
    color: #ccc;
}

.btn--default--outline.active[data-v-19c9a1c7],
.btn--default--outline[data-v-19c9a1c7]:focus,
.btn--default--outline[data-v-19c9a1c7]:hover {
    background-color: #ccc;
    color: #fff;
}

.btn--default--outline.active[data-v-19c9a1c7],
.btn--default--outline[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 80%, 0.5);
}

.btn--white[data-v-19c9a1c7] {
    background-color: #fff;
}

.btn--white[data-v-19c9a1c7]:focus,
.btn--white[data-v-19c9a1c7]:hover {
    background-color: #e6e6e6;
}

.btn--white.active[data-v-19c9a1c7] {
    background-color: #fff;
}

.btn--white.active[data-v-19c9a1c7],
.btn--white[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 100%, 0.5);
}

.btn--white--outline[data-v-19c9a1c7] {
    background-color: hsla(0, 0%, 100%, 0.05);
    border: 1px solid #fff;
    color: #fff;
}

.btn--white--outline.active[data-v-19c9a1c7],
.btn--white--outline[data-v-19c9a1c7]:focus,
.btn--white--outline[data-v-19c9a1c7]:hover {
    background-color: #fff;
    color: #fff;
}

.btn--white--outline.active[data-v-19c9a1c7],
.btn--white--outline[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem hsla(0, 0%, 100%, 0.5);
}

.btn--black.active[data-v-19c9a1c7],
.btn--black[data-v-19c9a1c7],
.btn--black[data-v-19c9a1c7]:focus,
.btn--black[data-v-19c9a1c7]:hover {
    background-color: #000;
}

.btn--black.active[data-v-19c9a1c7],
.btn--black[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem rgba(0, 0, 0, 0.5);
}

.btn--black--outline[data-v-19c9a1c7] {
    background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid #000;
    color: #000;
}

.btn--black--outline.active[data-v-19c9a1c7],
.btn--black--outline[data-v-19c9a1c7]:focus,
.btn--black--outline[data-v-19c9a1c7]:hover {
    background-color: #000;
    color: #fff;
}

.btn--black--outline.active[data-v-19c9a1c7],
.btn--black--outline[data-v-19c9a1c7]:focus {
    box-shadow: 0 0 0 0.143rem rgba(0, 0, 0, 0.5);
}

.btn--default--outline[data-v-19c9a1c7] {
    color: #747474;
}

.btn--disabled[data-v-19c9a1c7]:disabled {
    box-shadow: none;
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    cursor: not-allowed;
}

.badge[data-v-19c9a1c7] {
    background: #999;
    height: 22px;
    line-height: 22px;
    border-radius: 22px;
    padding: 0 5px;
    font-size: 0.857em;
    color: #888;
    font-weight: 500;
}

.badge-primary[data-v-19c9a1c7] {
    background-color: #1e90ff;
    color: #fff;
}

.badge-secondary[data-v-19c9a1c7] {
    background-color: #747474;
    color: #fff;
}

.badge-third[data-v-19c9a1c7] {
    background-color: #ccc;
    color: #fff;
}

.badge-success[data-v-19c9a1c7] {
    background-color: #9acd32;
    color: #fff;
}

.badge-danger[data-v-19c9a1c7] {
    background-color: #ff4500;
    color: #fff;
}

.badge-grey[data-v-19c9a1c7] {
    background-color: #999;
    color: #fff;
}

.badge-info[data-v-19c9a1c7] {
    background-color: #17a2b8;
    color: #fff;
}

.badge-warning[data-v-19c9a1c7] {
    background-color: #ffa300;
    color: #fff;
}

.badge-light[data-v-19c9a1c7] {
    background-color: #f5f5f5;
    color: #fff;
}

.badge-dark[data-v-19c9a1c7] {
    background-color: #24292e;
    color: #fff;
}

.badge-default[data-v-19c9a1c7] {
    background-color: #ccc;
    color: #fff;
}

.badge-white[data-v-19c9a1c7] {
    background-color: #fff;
    color: #fff;
}

.badge-black[data-v-19c9a1c7] {
    background-color: #000;
    color: #fff;
}

table.md[data-v-19c9a1c7] {
    border-spacing: 0;
    border-radius: 8px;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
    overflow: hidden;
    word-break: break-all;
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 1em;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

table.md tr[data-v-19c9a1c7] {
    background-color: #fff;
    width: 100%;
}

table.md tr td[data-v-19c9a1c7],
table.md tr th[data-v-19c9a1c7] {
    padding: 6px 13px;
    text-align: left;
}

table.md tr[data-v-19c9a1c7]:nth-child(2n) {
    background-color: #f2f2f2;
}

.is-dark table.md[data-v-19c9a1c7] {
    color: #f2f2f2;
}

.is-dark table.md tr[data-v-19c9a1c7] {
    background-color: #21222e;
}

.is-dark table.md tr[data-v-19c9a1c7]:nth-child(2n) {
    background-color: #2e2f40;
}

.is-dark table.md tr td.text-muted[data-v-19c9a1c7] {
    color: hsla(0, 0%, 100%, 0.3);
}

.slide-enter-active[data-v-19c9a1c7],
.slide-leave-active[data-v-19c9a1c7] {
    opacity: 1;
    z-index: 998;
    transition: all 0.3s;
    transform: translateY(0);
}

.slide-enter[data-v-19c9a1c7],
.slide-leave-to[data-v-19c9a1c7] {
    opacity: 0;
    z-index: 998;
    transform: translateY(-20px);
}

.tags-enter-active[data-v-19c9a1c7],
.tags-leave-active[data-v-19c9a1c7] {
    opacity: 1;
    transition: all 0.3s;
    position: absolute;
    transform: translateY(0);
}

.tags-enter[data-v-19c9a1c7],
.tags-leave-to[data-v-19c9a1c7] {
    opacity: 0;
    transform: translateX(-100%);
}

.slideinvert-enter-active[data-v-19c9a1c7],
.slideinvert-leave-active[data-v-19c9a1c7] {
    opacity: 1;
    z-index: 998;
    transition: all 0.3s;
    transform: translateY(0);
}

.slideinvert-enter[data-v-19c9a1c7],
.slideinvert-leave-to[data-v-19c9a1c7] {
    opacity: 0;
    z-index: 998;
    transform: translateY(40px);
}

.slidenext-enter-active[data-v-19c9a1c7],
.slidenext-leave-active[data-v-19c9a1c7],
.slideprev-enter-active[data-v-19c9a1c7],
.slideprev-leave-active[data-v-19c9a1c7] {
    position: absolute;
    transition: all 0.3s;
}

.slidenext-enter[data-v-19c9a1c7],
.slideprev-leave-to[data-v-19c9a1c7] {
    transform: translateX(100%);
}

.slidenext-leave-to[data-v-19c9a1c7],
.slideprev-enter[data-v-19c9a1c7] {
    transform: translateX(-100%);
}

.slidevnext-enter-active[data-v-19c9a1c7],
.slidevnext-leave-active[data-v-19c9a1c7],
.slidevprev-enter-active[data-v-19c9a1c7],
.slidevprev-leave-active[data-v-19c9a1c7] {
    position: absolute;
    transition: all 0.3s;
}

.slidevnext-enter[data-v-19c9a1c7],
.slidevprev-leave-to[data-v-19c9a1c7] {
    transform: translateY(100%);
    opacity: 0;
}

.slidevnext-leave-to[data-v-19c9a1c7],
.slidevprev-enter[data-v-19c9a1c7] {
    transform: translateY(-100%);
    opacity: 0;
}

@media screen and (max-width: 415px) {
    .slide-enter-active[data-v-19c9a1c7],
    .slide-leave-active[data-v-19c9a1c7],
    .slideinvert-enter-active[data-v-19c9a1c7],
    .slideinvert-leave-active[data-v-19c9a1c7] {
        transition: all 0s;
    }
}

.spinner-anim[data-v-19c9a1c7] {
    -webkit-animation: spin-data-v-19c9a1c7 0.6s linear infinite;
    animation: spin-data-v-19c9a1c7 0.6s linear infinite;
}

@-webkit-keyframes spin-data-v-19c9a1c7 {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}

@keyframes spin-data-v-19c9a1c7 {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}

.dialog-fade-enter-active .dialog-animation[data-v-19c9a1c7] {
    -webkit-animation: dialog-fade-in-data-v-19c9a1c7 0.4s;
    animation: dialog-fade-in-data-v-19c9a1c7 0.4s;
}

.dialog-fade-leave-active .dialog-animation[data-v-19c9a1c7] {
    -webkit-animation: dialog-fade-out-data-v-19c9a1c7 0.4s;
    animation: dialog-fade-out-data-v-19c9a1c7 0.4s;
}

@-webkit-keyframes dialog-fade-in-data-v-19c9a1c7 {
    0% {
        transform: translate3d(0, -30px, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes dialog-fade-in-data-v-19c9a1c7 {
    0% {
        transform: translate3d(0, -30px, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}

@-webkit-keyframes dialog-fade-out-data-v-19c9a1c7 {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -30px, 0);
        opacity: 0;
    }
}

@keyframes dialog-fade-out-data-v-19c9a1c7 {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -30px, 0);
        opacity: 0;
    }
}

.expand-enter-active[data-v-19c9a1c7],
.expand-leave-active[data-v-19c9a1c7] {
    transition: 0.3s ease-in-out;
    transition-property: opacity, height;
    overflow: hidden;
}

.expand-enter[data-v-19c9a1c7],
.expand-leave-to[data-v-19c9a1c7] {
    height: 0;
    opacity: 0;
}

.scale-enter-active[data-v-19c9a1c7],
.scale-leave-active[data-v-19c9a1c7] {
    opacity: 1;
    z-index: 1;
    transition: all 0.3s cubic-bezier(0.4, 0.52, 0.26, 0.9);
}

.scale-enter[data-v-19c9a1c7],
.scale-leave-to[data-v-19c9a1c7] {
    opacity: 0.4;
    z-index: 1;
    transform: scale(0);
}

@-webkit-keyframes loading-data-v-19c9a1c7 {
    0% {
        left: -200px;
        width: 30%;
    }
    50% {
        width: 30%;
    }
    70% {
        width: 70%;
    }
    80% {
        left: 50%;
    }
    95% {
        left: 120%;
    }
    to {
        left: 100%;
    }
}

@keyframes loading-data-v-19c9a1c7 {
    0% {
        left: -200px;
        width: 30%;
    }
    50% {
        width: 30%;
    }
    70% {
        width: 70%;
    }
    80% {
        left: 50%;
    }
    95% {
        left: 120%;
    }
    to {
        left: 100%;
    }
}

.flip-list-move[data-v-19c9a1c7] {
    transition: transform 0.6s;
}

.over-hid[data-v-19c9a1c7] {
    overflow: hidden;
}

.pos-r[data-v-19c9a1c7] {
    position: relative;
}

.pos-a[data-v-19c9a1c7] {
    position: absolute;
}

.flex[data-v-19c9a1c7] {
    display: flex;
}

.flex.fluid[data-v-19c9a1c7] {
    width: 100%;
}

.flex.direction-column[data-v-19c9a1c7] {
    flex-direction: column;
}

.flex.direction-column-reverse[data-v-19c9a1c7] {
    flex-direction: column-reverse;
}

.flex.direction-row[data-v-19c9a1c7] {
    flex-direction: row;
}

.flex.direction-row-reverse[data-v-19c9a1c7] {
    flex-direction: row-reverse;
}

.flex.align-center[data-v-19c9a1c7] {
    align-items: center;
}

.flex.align-start[data-v-19c9a1c7] {
    align-items: flex-start;
}

.flex.align-end[data-v-19c9a1c7] {
    align-items: flex-end;
}

.flex.justify-start[data-v-19c9a1c7] {
    justify-content: flex-start;
}

.flex.justify-end[data-v-19c9a1c7] {
    justify-content: flex-end;
}

.flex.justify-center[data-v-19c9a1c7] {
    justify-content: center;
}

.flex.space-between[data-v-19c9a1c7] {
    justify-content: space-between;
}

.flex.space-around[data-v-19c9a1c7] {
    justify-content: space-around;
}

.flex.flex-center[data-v-19c9a1c7] {
    justify-content: center;
    align-items: center;
}

.flex.flex--wrap[data-v-19c9a1c7] {
    flex-wrap: wrap;
}

.flex.flex--grow[data-v-19c9a1c7] {
    flex-grow: 1;
}

.flex-fill[data-v-19c9a1c7] {
    flex: 0 1 auto;
}

.flex-fixed[data-v-19c9a1c7] {
    flex: 0 0 auto;
}

.flex-1[data-v-19c9a1c7] {
    flex: 1;
}

.flex-100[data-v-19c9a1c7] {
    flex: 0 1 100%;
}

.flex-75[data-v-19c9a1c7] {
    flex: 0 1 75%;
}

.flex-50[data-v-19c9a1c7] {
    flex: 0 1 50%;
}

.flex-33[data-v-19c9a1c7] {
    flex: 0 1 33.33%;
}

.flex-25[data-v-19c9a1c7] {
    flex: 0 1 25%;
}

.flex-20[data-v-19c9a1c7] {
    flex: 0 1 20%;
}

.flex-16[data-v-19c9a1c7] {
    flex: 0 1 16.66%;
}

.text-muted-white[data-v-19c9a1c7] {
    color: hsla(0, 0%, 100%, 0.54);
}

.text-muted[data-v-19c9a1c7] {
    color: rgba(0, 0, 0, 0.54);
}

.is-dark .text-muted[data-v-19c9a1c7] {
    color: hsla(0, 0%, 100%, 0.54);
}

.text-strong[data-v-19c9a1c7] {
    font-weight: 500;
}

.text-center[data-v-19c9a1c7] {
    text-align: center;
}

.text-left[data-v-19c9a1c7] {
    text-align: left;
}

.text-right[data-v-19c9a1c7] {
    text-align: right;
}

.text-primary[data-v-19c9a1c7] {
    color: #1e90ff;
}

.text-secondary[data-v-19c9a1c7] {
    color: #747474;
}

.text-third[data-v-19c9a1c7] {
    color: #ccc;
}

.text-success[data-v-19c9a1c7] {
    color: #9acd32;
}

.text-danger[data-v-19c9a1c7] {
    color: #ff4500;
}

.text-grey[data-v-19c9a1c7] {
    color: #999;
}

.text-info[data-v-19c9a1c7] {
    color: #17a2b8;
}

.text-warning[data-v-19c9a1c7] {
    color: #ffa300;
}

.text-light[data-v-19c9a1c7] {
    color: #f5f5f5;
}

.text-dark[data-v-19c9a1c7] {
    color: #24292e;
}

.text-default[data-v-19c9a1c7] {
    color: #ccc;
}

.text-white[data-v-19c9a1c7] {
    color: #fff;
}

.text-black[data-v-19c9a1c7] {
    color: #000;
}

.dots-text[data-v-19c9a1c7] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dots-text-3[data-v-19c9a1c7] {
    overflow: hidden;
    position: relative;
    line-height: 1.3em;
    max-height: 3.9em;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
}

.dots-text-3[data-v-19c9a1c7]:before {
    content: "...";
    position: absolute;
    right: 3px;
    bottom: 2px;
}

.dots-text-3[data-v-19c9a1c7]:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: #fff;
}

.dots-text-2[data-v-19c9a1c7] {
    overflow: hidden;
    position: relative;
    line-height: 1.3em;
    max-height: 2.6em;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
}

.dots-text-2[data-v-19c9a1c7]:before {
    content: "...";
    position: absolute;
    right: 3px;
    bottom: 2px;
}

.dots-text-2[data-v-19c9a1c7]:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: #fff;
}

.container[data-v-19c9a1c7] {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 768px) {
    .container[data-v-19c9a1c7] {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container[data-v-19c9a1c7] {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .container[data-v-19c9a1c7] {
        max-width: 1024px;
    }
}

@media (min-width: 1440px) {
    .container[data-v-19c9a1c7] {
        max-width: 1440px;
    }
}

@media (min-width: 2560px) {
    .container[data-v-19c9a1c7] {
        max-width: 2560px;
    }
}

.pr-0[data-v-19c9a1c7] {
    padding-right: 0;
}

.pt-0[data-v-19c9a1c7] {
    padding-top: 0;
}

.pb-0[data-v-19c9a1c7] {
    padding-bottom: 0;
}

.pl-0[data-v-19c9a1c7] {
    padding-left: 0;
}

.px-0[data-v-19c9a1c7] {
    padding-left: 0;
    padding-right: 0;
}

.py-0[data-v-19c9a1c7] {
    padding-top: 0;
    padding-bottom: 0;
}

.p-0[data-v-19c9a1c7] {
    padding: 0;
}

.pr-1[data-v-19c9a1c7] {
    padding-right: 0.25rem;
}

.pt-1[data-v-19c9a1c7] {
    padding-top: 0.25rem;
}

.pb-1[data-v-19c9a1c7] {
    padding-bottom: 0.25rem;
}

.pl-1[data-v-19c9a1c7] {
    padding-left: 0.25rem;
}

.px-1[data-v-19c9a1c7] {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.py-1[data-v-19c9a1c7] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.p-1[data-v-19c9a1c7] {
    padding: 0.25rem;
}

.pr-2[data-v-19c9a1c7] {
    padding-right: 0.5rem;
}

.pt-2[data-v-19c9a1c7] {
    padding-top: 0.5rem;
}

.pb-2[data-v-19c9a1c7] {
    padding-bottom: 0.5rem;
}

.pl-2[data-v-19c9a1c7] {
    padding-left: 0.5rem;
}

.px-2[data-v-19c9a1c7] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.py-2[data-v-19c9a1c7] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.p-2[data-v-19c9a1c7] {
    padding: 0.5rem;
}

.pr-3[data-v-19c9a1c7] {
    padding-right: 1rem;
}

.pt-3[data-v-19c9a1c7] {
    padding-top: 1rem;
}

.pb-3[data-v-19c9a1c7] {
    padding-bottom: 1rem;
}

.pl-3[data-v-19c9a1c7] {
    padding-left: 1rem;
}

.px-3[data-v-19c9a1c7] {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py-3[data-v-19c9a1c7] {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.p-3[data-v-19c9a1c7] {
    padding: 1rem;
}

.pr-4[data-v-19c9a1c7] {
    padding-right: 1.5rem;
}

.pt-4[data-v-19c9a1c7] {
    padding-top: 1.5rem;
}

.pb-4[data-v-19c9a1c7] {
    padding-bottom: 1.5rem;
}

.pl-4[data-v-19c9a1c7] {
    padding-left: 1.5rem;
}

.px-4[data-v-19c9a1c7] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.py-4[data-v-19c9a1c7] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.p-4[data-v-19c9a1c7] {
    padding: 1.5rem;
}

.pr-5[data-v-19c9a1c7] {
    padding-right: 3rem;
}

.pt-5[data-v-19c9a1c7] {
    padding-top: 3rem;
}

.pb-5[data-v-19c9a1c7] {
    padding-bottom: 3rem;
}

.pl-5[data-v-19c9a1c7] {
    padding-left: 3rem;
}

.px-5[data-v-19c9a1c7] {
    padding-left: 3rem;
    padding-right: 3rem;
}

.py-5[data-v-19c9a1c7] {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.p-5[data-v-19c9a1c7] {
    padding: 3rem;
}

.mr-0[data-v-19c9a1c7] {
    margin-right: 0;
}

.mt-0[data-v-19c9a1c7] {
    margin-top: 0;
}

.mb-0[data-v-19c9a1c7] {
    margin-bottom: 0;
}

.ml-0[data-v-19c9a1c7] {
    margin-left: 0;
}

.mx-0[data-v-19c9a1c7] {
    margin-left: 0;
    margin-right: 0;
}

.my-0[data-v-19c9a1c7] {
    margin-top: 0;
    margin-bottom: 0;
}

.m-0[data-v-19c9a1c7] {
    margin: 0;
}

.mr-1[data-v-19c9a1c7] {
    margin-right: 0.25rem;
}

.mt-1[data-v-19c9a1c7] {
    margin-top: 0.25rem;
}

.mb-1[data-v-19c9a1c7] {
    margin-bottom: 0.25rem;
}

.ml-1[data-v-19c9a1c7] {
    margin-left: 0.25rem;
}

.mx-1[data-v-19c9a1c7] {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.my-1[data-v-19c9a1c7] {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.m-1[data-v-19c9a1c7] {
    margin: 0.25rem;
}

.mr-2[data-v-19c9a1c7] {
    margin-right: 0.5rem;
}

.mt-2[data-v-19c9a1c7] {
    margin-top: 0.5rem;
}

.mb-2[data-v-19c9a1c7] {
    margin-bottom: 0.5rem;
}

.ml-2[data-v-19c9a1c7] {
    margin-left: 0.5rem;
}

.mx-2[data-v-19c9a1c7] {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.my-2[data-v-19c9a1c7] {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.m-2[data-v-19c9a1c7] {
    margin: 0.5rem;
}

.mr-3[data-v-19c9a1c7] {
    margin-right: 1rem;
}

.mt-3[data-v-19c9a1c7] {
    margin-top: 1rem;
}

.mb-3[data-v-19c9a1c7] {
    margin-bottom: 1rem;
}

.ml-3[data-v-19c9a1c7] {
    margin-left: 1rem;
}

.mx-3[data-v-19c9a1c7] {
    margin-left: 1rem;
    margin-right: 1rem;
}

.my-3[data-v-19c9a1c7] {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.m-3[data-v-19c9a1c7] {
    margin: 1rem;
}

.mr-4[data-v-19c9a1c7] {
    margin-right: 1.5rem;
}

.mt-4[data-v-19c9a1c7] {
    margin-top: 1.5rem;
}

.mb-4[data-v-19c9a1c7] {
    margin-bottom: 1.5rem;
}

.ml-4[data-v-19c9a1c7] {
    margin-left: 1.5rem;
}

.mx-4[data-v-19c9a1c7] {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.my-4[data-v-19c9a1c7] {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.m-4[data-v-19c9a1c7] {
    margin: 1.5rem;
}

.mr-5[data-v-19c9a1c7] {
    margin-right: 3rem;
}

.mt-5[data-v-19c9a1c7] {
    margin-top: 3rem;
}

.mb-5[data-v-19c9a1c7] {
    margin-bottom: 3rem;
}

.ml-5[data-v-19c9a1c7] {
    margin-left: 3rem;
}

.mx-5[data-v-19c9a1c7] {
    margin-left: 3rem;
    margin-right: 3rem;
}

.my-5[data-v-19c9a1c7] {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.m-5[data-v-19c9a1c7] {
    margin: 3rem;
}

.h-100[data-v-19c9a1c7] {
    height: 100%;
}

.mh-100[data-v-19c9a1c7] {
    max-height: 100%;
}

.w-100[data-v-19c9a1c7] {
    width: 100%;
}

.mw-100[data-v-19c9a1c7] {
    max-width: 100%;
}

.m-h-0[data-v-19c9a1c7] {
    min-height: 0;
}

.m-h-100[data-v-19c9a1c7] {
    min-height: 100%;
}

.m-w-0[data-v-19c9a1c7] {
    min-width: 0;
}

.m-w-100[data-v-19c9a1c7] {
    min-width: 100%;
}

.br-0[data-v-19c9a1c7] {
    border-radius: 0;
}

.brt-0[data-v-19c9a1c7] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.brb-0[data-v-19c9a1c7] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.br-2[data-v-19c9a1c7] {
    border-radius: 2px;
}

.brt-2[data-v-19c9a1c7] {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.brb-2[data-v-19c9a1c7] {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.br-4[data-v-19c9a1c7] {
    border-radius: 4px;
}

.brt-4[data-v-19c9a1c7] {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.brb-4[data-v-19c9a1c7] {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.br-8[data-v-19c9a1c7] {
    border-radius: 8px;
}

.brt-8[data-v-19c9a1c7] {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.brb-8[data-v-19c9a1c7] {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.fs-12[data-v-19c9a1c7] {
    font-size: 12px;
}

.fs-14[data-v-19c9a1c7] {
    font-size: 14px;
}

.fs-16[data-v-19c9a1c7] {
    font-size: 16px;
}

.fs-18[data-v-19c9a1c7] {
    font-size: 18px;
}

.fs-20[data-v-19c9a1c7] {
    font-size: 20px;
}

.fs-22[data-v-19c9a1c7] {
    font-size: 22px;
}

.fs-26[data-v-19c9a1c7] {
    font-size: 26px;
}

.fw-300[data-v-19c9a1c7] {
    font-weight: 300;
}

.fw-400[data-v-19c9a1c7] {
    font-weight: 400;
}

.fw-500[data-v-19c9a1c7] {
    font-weight: 500;
}

@media only screen and (max-width: 2560px) {
    .hidden-4k[data-v-19c9a1c7] {
        display: none;
    }
}

@media only screen and (max-width: 1440px) {
    .hidden-laptop[data-v-19c9a1c7] {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .hidden-laptop-s[data-v-19c9a1c7] {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .hidden-tablet[data-v-19c9a1c7] {
        display: none;
    }
}

@media only screen and (max-width: 425px) {
    .hidden-mobile[data-v-19c9a1c7] {
        display: none;
    }
}

@media only screen and (max-width: 375px) {
    .hidden-mobile-m[data-v-19c9a1c7] {
        display: none;
    }
}

@media only screen and (max-width: 320px) {
    .hidden-mobile-s[data-v-19c9a1c7] {
        display: none;
    }
}

.show-4k[data-v-19c9a1c7] {
    display: none;
}

@media only screen and (max-width: 2560px) {
    .show-4k[data-v-19c9a1c7] {
        display: inherit;
    }
}

.show-laptop[data-v-19c9a1c7] {
    display: none;
}

@media only screen and (max-width: 1440px) {
    .show-laptop[data-v-19c9a1c7] {
        display: inherit;
    }
}

.show-laptop-s[data-v-19c9a1c7] {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .show-laptop-s[data-v-19c9a1c7] {
        display: inherit;
    }
}

.show-tablet[data-v-19c9a1c7] {
    display: none;
}

@media only screen and (max-width: 768px) {
    .show-tablet[data-v-19c9a1c7] {
        display: inherit;
    }
}

.show-mobile[data-v-19c9a1c7] {
    display: none;
}

@media only screen and (max-width: 425px) {
    .show-mobile[data-v-19c9a1c7] {
        display: inherit;
    }
}

.show-mobile-m[data-v-19c9a1c7] {
    display: none;
}

@media only screen and (max-width: 375px) {
    .show-mobile-m[data-v-19c9a1c7] {
        display: inherit;
    }
}

.show-mobile-s[data-v-19c9a1c7] {
    display: none;
}

@media only screen and (max-width: 320px) {
    .show-mobile-s[data-v-19c9a1c7] {
        display: inherit;
    }
}

[data-v-19c9a1c7],
[data-v-19c9a1c7]:after,
[data-v-19c9a1c7]:before {
    box-sizing: border-box;
}

blockquote[data-v-19c9a1c7],
body[data-v-19c9a1c7],
dd[data-v-19c9a1c7],
dl[data-v-19c9a1c7],
figure[data-v-19c9a1c7],
h1[data-v-19c9a1c7],
h2[data-v-19c9a1c7],
h3[data-v-19c9a1c7],
h4[data-v-19c9a1c7],
h5[data-v-19c9a1c7],
h6[data-v-19c9a1c7],
hr[data-v-19c9a1c7],
ol[data-v-19c9a1c7],
p[data-v-19c9a1c7],
pre[data-v-19c9a1c7],
ul[data-v-19c9a1c7] {
    margin: 0;
    padding: 0;
}

#app[data-v-19c9a1c7],
body[data-v-19c9a1c7],
button[data-v-19c9a1c7],
html[data-v-19c9a1c7],
input[data-v-19c9a1c7] {
    font: 400 14px -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    line-height: 1.5;
    -webkit-font-kerning: normal;
    font-feature-settings: "kern";
    font-kerning: normal;
}

.vue-phone-number-input .select-country-container[data-v-19c9a1c7] {
    flex: 0 0 120px;
    width: 120px;
    min-width: 120px;
    max-width: 120px;
}

.vue-phone-number-input.sm .select-country-container[data-v-19c9a1c7] {
    flex: 0 0 110px;
    width: 110px;
    min-width: 110px;
    max-width: 110px;
}

.vue-phone-number-input.lg .select-country-container[data-v-19c9a1c7] {
    flex: 0 0 130px;
    width: 130px;
    min-width: 130px;
    max-width: 130px;
}

[class*="-mobile"],
[class*="-pad"] {
    display: none;
}

/*@font-face {
                font-family: "icomoon";
                src: url(/_nuxt/fonts/icomoon.9b44d35.eot);
                src: url(/_nuxt/fonts/icomoon.9b44d35.eot#iefix) format("embedded-opentype"), url(/_nuxt/fonts/icomoon.d3393e5.ttf) format("truetype"), url(/_nuxt/fonts/icomoon.0afc6af.woff) format("woff"),
                    url(/_nuxt/img/icomoon.8809457.svg#icomoon) format("svg");
                font-weight: 400;
                font-style: normal;
                font-display: block;
            }*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    /*font-size: 100%;*/
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    box-sizing: border-box;
}

html {
    transition: all 0.5s;
    color: #2a2a2a;
}

a {
    text-decoration: none;
    color: #4a4a4a;
}

input:focus {
    outline: none;
}

body {
    font-size: 1rem;
    line-height: 1.5;
    /*font-family: Helvetica, Arial, sans-serif;*/
}

body.modal-open {
    overflow: hidden;
}

button,
div,
h1,
h2,
h3,
input,
li,
p,
span {
    /*font-family: Helvetica, Arial, sans-serif;*/
    font-family: sans-serif;
}

input {
    margin: 0;
}

a {
    display: block;
    cursor: pointer;
}

.soldOut {
    color: #e17d2d !important;
}

.event-finished {
    color: #7a7a7a !important;
    margin-right: 2.125rem;
}

.circle--status {
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 50%;
    justify-self: center;
    vertical-align: middle;
    margin-right: 0.625rem;
    display: inline-block;
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.25s;
}

.fade-enter,
.fade-leave-to {
    opacity: 0;
}

.fadeside-enter-active,
.fadeside-leave-active {
    transition: all 0.3s ease;
}

.fadeside-leave-active {
    position: absolute;
}

.fadeside-enter,
.fadeside-leave-to {
    transform: translateX(10px);
    opacity: 0;
}

.m-1 {
    margin: 10px;
}

.m-2 {
    margin: 15px;
}

.m-3 {
    margin: 20px;
}

.m-4 {
    margin: 25px;
}

.m-5 {
    margin: 30px;
}

.m-6 {
    margin: 35px;
}

.m-7 {
    margin: 40px;
}

.mt-1 {
    margin-top: 10px;
}

.mt-2 {
    margin-top: 15px;
}

.mt-3 {
    margin-top: 20px;
}

.mt-4 {
    margin-top: 25px;
}

.mt-5 {
    margin-top: 30px;
}

.mt-6 {
    margin-top: 35px;
}

.mt-7 {
    margin-top: 40px;
}

.mb-1 {
    margin-bottom: 10px;
}

.mb-2 {
    margin-bottom: 15px;
}

.mb-3 {
    margin-bottom: 20px;
}

.mb-4 {
    margin-bottom: 25px;
}

.mb-5 {
    margin-bottom: 30px;
}

.mb-6 {
    margin-bottom: 35px;
}

.mb-7 {
    margin-bottom: 40px;
}

.ml-1 {
    margin-left: 10px;
}

.ml-2 {
    margin-left: 15px;
}

.ml-3 {
    margin-left: 20px;
}

.ml-4 {
    margin-left: 25px;
}

.ml-5 {
    margin-left: 30px;
}

.ml-6 {
    margin-left: 35px;
}

.ml-7 {
    margin-left: 40px;
}

.mr-1 {
    margin-right: 10px;
}

.mr-2 {
    margin-right: 15px;
}

.mr-3 {
    margin-right: 20px;
}

.mr-4 {
    margin-right: 25px;
}

.mr-5 {
    margin-right: 30px;
}

.mr-6 {
    margin-right: 35px;
}

.mr-7 {
    margin-right: 40px;
}

.p-1 {
    padding: 10px;
}

.p-2 {
    padding: 15px;
}

.p-3 {
    padding: 20px;
}

.p-4 {
    padding: 25px;
}

.p-5 {
    padding: 30px;
}

.p-6 {
    padding: 35px;
}

.p-7 {
    padding: 40px;
}

.pt-1 {
    padding-top: 10px;
}

.pt-2 {
    padding-top: 15px;
}

.pt-3 {
    padding-top: 20px;
}

.pt-4 {
    padding-top: 25px;
}

.pt-5 {
    padding-top: 30px;
}

.pt-6 {
    padding-top: 35px;
}

.pt-7 {
    padding-top: 40px;
}

.pb-1 {
    padding-bottom: 10px;
}

.pb-2 {
    padding-bottom: 15px;
}

.pb-3 {
    padding-bottom: 20px;
}

.pb-4 {
    padding-bottom: 25px;
}

.pb-5 {
    padding-bottom: 30px;
}

.pb-6 {
    padding-bottom: 35px;
}

.pb-7 {
    padding-bottom: 40px;
}

.pl-1 {
    padding-left: 10px;
}

.pl-2 {
    padding-left: 15px;
}

.pl-3 {
    padding-left: 20px;
}

.pl-4 {
    padding-left: 25px;
}

.pl-5 {
    padding-left: 30px;
}

.pl-6 {
    padding-left: 35px;
}

.pl-7 {
    padding-left: 40px;
}

.pr-1 {
    padding-right: 10px;
}

.pr-2 {
    padding-right: 15px;
}

.pr-3 {
    padding-right: 20px;
}

.pr-4 {
    padding-right: 25px;
}

.pr-5 {
    padding-right: 30px;
}

.pr-6 {
    padding-right: 35px;
}

.pr-7 {
    padding-right: 40px;
}

.d-none {
    display: none;
}

.d-inline {
    display: inline;
}

.d-inline-block {
    display: inline-block;
}

.d-block {
    display: block;
}

.text-color-primary {
    color: #e14e2d;
}

.text-color-black {
    color: #2a2a2a;
}

.col-container {
    max-width: 940px;
    min-width: 769px;
    margin: 0 auto;
}

@media screen and (min-width: 1440px) {
    .col-container {
        width: 1308px;
        max-width: 1308px;
        min-width: 0;
    }
}

@media screen and (max-width: 1439px) {
    .col-container {
        max-width: 1415px;
        min-width: 0;
    }
}

@media screen and (max-width: 1023px) {
    .col-container {
        max-width: 768px;
        min-width: 566px;
    }
}

@media screen and (max-width: 767px) {
    .col-container {
        max-width: 565px;
        min-width: 320px;
    }
}

@media screen and (max-width: 280px) {
    .col-container {
        max-width: 565px;
        min-width: 280px;
    }
}

.col-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (max-width: 1023px) {
    .collapse {
        transition: all 1s ease-in-out !important;
        height: 0 !important;
        overflow: hidden !important;
        display: none !important;
    }
    .show {
        display: block !important;
    }
}

.l-header__bars {
    height: 90px;
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    color: #4a4a4a;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.notification-top {
    width: 100%;
    height: 50px;
    color: #e14e2d;
    background: #fef5ef;
    border-bottom: 1px solid #e14e2d;
    cursor: pointer;
    position: relative;
    display: flex;
}

.notification-top>div {
    text-align: center;
    margin: auto 20px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 767px) {
    .notification-top>div {
        text-align: left;
    }
}

.notification-top a,
.notification-top button {
    margin-right: 8px;
}

.notification-top svg {
    margin-top: 4px;
}

.oa-top-bar {
    width: 100%;
    height: 24px;
    color: #fff;
    background: #bb4126;
    display: flex;
}

.oa-top-bar>div {
    margin: auto;
    font-size: 13px;
}

.oa-input-searchbar {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 0;
    transition: all 0.5s ease;
}

.oa-input-searchbar svg {
    position: absolute;
    z-index: 1;
    left: 4px;
}

.oa-input-searchbar input {
    position: relative;
    width: 100%;
    padding: 0 85px 0 44px;
    height: 40px;
    color: #2a2a2a;
    background: #f9f9f9;
    border-radius: 20px;
    border: none;
}

.l-header-wrap nav {
    background: #fff;
}

.l-header-wrap nav>div {
    box-sizing: border-box;
}

.l-header-wrap nav .col-container {
    padding: 0 20px;
}

.l-header-wrap nav .oa-header {
    height: 90px;
}

.l-header-wrap nav .oa-header .col-container {
    display: flex;
    height: 100%;
    align-items: center;
}

.l-header-wrap nav .oa-header .col-container .oa-btn-group {
    display: inline-block;
}

.l-header-wrap nav .oa-header .col-container .oa-btn-group.mid {
    margin-left: 32px;
}

.l-header-wrap nav .oa-header .col-container .oa-btn-group.right {
    display: flex;
    justify-content: flex-end;
    flex: 1 1 400px;
    padding: 8px 0;
}

@media (max-width: 1023px) {
    .l-header-wrap nav .oa-header .col-container .oa-btn-group.right {
        flex: 1 0 160px;
        justify-content: flex-end;
    }
}

@media (max-width: 767px) {
    .l-header-wrap nav .oa-header .col-container .oa-btn-group.right {
        flex: 1 0 96px;
    }
}

.l-header-wrap nav .oa-header .col-container .oa-btn-group.right a,
.l-header-wrap nav .oa-header .col-container .oa-btn-group.right button {
    margin-left: 15px;
}

.l-header-wrap nav .oa-header .col-container .oa-btn-group.right button:first-child {
    margin-left: 0;
}

.l-header-wrap nav .oa-header .col-container .shoppingcart {
    position: relative;
}

.l-header-wrap nav .oa-header .col-container .shoppingcart .circle {
    position: absolute;
    top: -4px;
    right: 0;
    font-size: 12px;
    color: #fff;
    min-width: 15px;
    height: 15px;
    line-height: 15px;
    background: #e14e2d;
    border-radius: 7px;
    padding: 0 4px;
}

.l-header-wrap nav .oa-block-search {
    position: relative;
    width: 0;
    text-align: right;
}

.l-header-wrap nav .oa-block-search.active {
    width: 100%;
}

.l-header-wrap nav .oa-block-search.active .oa-input-searchbar {
    width: calc(100% - 105px);
}

@media (max-width: 767px) {
    .l-header-wrap nav .oa-block-search.active .oa-input-searchbar {
        width: calc(100% - 45px);
    }
}

@media (max-width: 1023px) {
    .l-header-wrap nav .oa-block-search {
        display: flex !important;
        margin: auto !important;
    }
    .l-header-wrap nav .oa-block-search .oa-btn-solid-icon {
        margin: auto auto auto 0;
    }
}

.l-header-wrap nav .oa-btn-group {
    position: relative;
}

.l-header-wrap nav .oa-btn-group .oa-btn-search {
    position: absolute;
    top: 6px;
    left: -90px;
    width: 90px;
    z-index: 1;
}

@media (max-width: 1023px) {
    .l-header-wrap nav .oa-btn-group .oa-btn-search {
        display: none;
    }
}

@media (max-width: 1023px) {
    .l-header__bars {
        height: 60px;
    }
    .l-header-wrap nav .oa-logo img {
        height: 40px;
    }
    .l-header-wrap nav .oa-header {
        height: 60px;
    }
    .l-header-wrap nav .oa-header .col-container {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .l-header-wrap nav .oa-header .col-container {
        padding: 0 10px;
    }
    .l-header-wrap nav .oa-header .col-container .oa-btn-group.right a,
    .l-header-wrap nav .oa-header .col-container .oa-btn-group.right button {
        margin-left: 5px;
    }
    .oa-input-searchbar input {
        padding-right: 15px;
    }
}

.oa-drawer,
.oa-drawer-wrap {
    top: 90px;
    height: calc(100vh - 90px);
}

.oa-drawer-wrap {
    display: none;
    position: fixed;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 0;
}

.oa-drawer {
    display: block;
    position: fixed;
    right: 0;
    padding: 0;
    background: #fff;
    width: 100vw;
    transform: translate3d(100%, 0, 0);
    transition: all 0.5s;
    z-index: -1;
    overflow: hidden;
}

.oa-drawer.half {
    display: none;
    z-index: 0;
    width: 320px;
}

@media (max-width: 1023px) {
    .oa-drawer.half {
        display: block;
    }
}

@media (max-width: 767px) {
    .oa-drawer.half {
        width: 100%;
    }
}

.oa-drawer.active {
    transform: translateZ(0);
    box-shadow: 0 30px 20px 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 1023px) {
    .oa-drawer,
    .oa-drawer-wrap {
        top: 60px;
        height: auto;
        bottom: 0;
    }
    .oa-drawer-wrap.active {
        display: block;
    }
}

.search-suggestion {
    z-index: 9999;
    position: absolute;
    top: 45px;
    right: -14px;
    width: calc(100% - 91px);
    background: #fff;
    box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    cursor: pointer;
}

.search-suggestion>button {
    text-align: left;
    display: flex !important;
    padding: 8px 20px;
    margin-left: 0 !important;
    width: 100%;
    font-size: 13px;
    color: #2a2a2a;
    line-height: 22px;
}

.search-suggestion>button.hover,
.search-suggestion>button:hover {
    background: #f9f9f9;
}

.search-suggestion>button:first-child {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.search-suggestion>button:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

@media (max-width: 1023px) {
    .search-suggestion {
        right: 0;
        width: calc(100% - 105px);
    }
}

@media (max-width: 767px) {
    .search-suggestion {
        position: fixed;
        left: 0;
        top: 60px;
        width: 100vw;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

.hasNotiTop .l-header__bars {
    height: 140px;
}

.hasNotiTop .oa-drawer-wrap {
    top: 140px;
}

.hasNotiTop .oa-drawer {
    top: 140px;
    height: calc(100vh - 140px);
}

@media (max-width: 1023px) {
    .hasNotiTop .l-header__bars {
        height: 110px;
    }
    .hasNotiTop .oa-drawer,
    .hasNotiTop .oa-drawer-wrap {
        top: 110px;
        height: auto;
        bottom: 0;
    }
}

.hasTopBar .l-header__bars {
    height: 114px;
}

.hasTopBar .oa-drawer-wrap {
    top: 114px;
}

.hasTopBar .oa-drawer {
    top: 114px;
    height: calc(100vh - 114px);
}

@media (max-width: 1023px) {
    .hasTopBar .l-header__bars {
        height: 84px;
    }
    .hasTopBar .oa-drawer,
    .hasTopBar .oa-drawer-wrap {
        top: 84px;
        height: auto;
        bottom: 0;
    }
}

.l-footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: #535353;
    color: #fff;
    width: 100%;
    text-align: left;
}

@media (min-width: 678px) {
    .l-footer {
        padding-top: 6rem;
    }
}

.l-footer-container {
    padding-left: 1.8125rem;
    padding-right: 1.8125rem;
}

.l-footer__menus {
    font-size: 14px;
    letter-spacing: 0.27px;
    margin-bottom: 2.5rem;
}

.l-footer__menus li {
    display: inline-block;
    margin: 0 20px 0 0;
    cursor: pointer;
}

.l-footer__menus li a,
.l-footer__menus li button {
    color: #000;
    font-size: 15px;
}

.l-footer__contact {
    display: grid;
    grid-template-columns: auto 16.66% 16.66% 16.66% 16.66%;
}

.l-footer__contact>div {
    display: flex;
    margin-bottom: 20px;
}

.l-footer__contact>div div:first-child {
    /*width: 40px;*/
    font-size: 0.8125rem;
    margin-bottom: 0.9375rem;
}

.l-footer__contact>div span {
    display: block;
    font-size: 0.75rem;
    line-height: 1.67;
    letter-spacing: 0.0144rem;
    color: #fff;
    margin-bottom: 15px;
}

.l-footer__contact>div a {
    color: #fff;
}

.l-footer__contact>div span:last-child {
    margin-bottom: 0;
}

.l-footer__copyright {
    display: none;
    font-size: 0.75rem;
    letter-spacing: 0.23px;
    color: #fff;
    text-align: center;
    margin-top: 1.5625rem;
}

@media (max-width: 1023px) {
    .l-footer-container .l-footer__contact {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .l-footer__copyright {
        display: block;
    }
    .l-footer-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .l-footer-container .l-footer__contact {
        width: 100%;
        grid-template-columns: repeat(1, 1fr);
    }
    .l-footer-container .l-footer__copyright span:nth-child(2) {
        display: block;
    }
}

.c-popUp-content,
.cardblockWrap,
.dropdown-body,
.dropdown-wrapper,
.l-account-page .l-account-page-left,
.l-account-page .main,
.mobileNavWrap,
.modal-body,
.modal-container,
.oa-btnWrap,
.oa-cate,
.oa-modal-body,
.option-wrap,
body .scroll {
    scrollbar-width: none;
    -ms-scroll-chaining: chained;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 100%;
    -ms-content-zoom-limit-max: 500%;
    scroll-snap-type: proximity;
    -ms-scroll-snap-type: proximity;
    -webkit-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
    -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
    -ms-overflow-style: none;
}

.c-popUp-content::-webkit-scrollbar,
.cardblockWrap::-webkit-scrollbar,
.dropdown-body::-webkit-scrollbar,
.dropdown-wrapper::-webkit-scrollbar,
.l-account-page .l-account-page-left::-webkit-scrollbar,
.l-account-page .main::-webkit-scrollbar,
.mobileNavWrap::-webkit-scrollbar,
.modal-body::-webkit-scrollbar,
.modal-container::-webkit-scrollbar,
.oa-btnWrap::-webkit-scrollbar,
.oa-cate::-webkit-scrollbar,
.oa-modal-body::-webkit-scrollbar,
.option-wrap::-webkit-scrollbar,
body .scroll::-webkit-scrollbar {
    display: none;
}

.round {
    border-radius: 15px;
}

.rect {
    border-radius: 10px;
}

.mini {
    font-size: 13px;
}

.sm {
    font-size: 15px;
}

.md {
    font-size: 17px;
}

.gray {
    color: #7a7a7a;
}

.orange {
    color: #e14e2d;
}

.orange1 {
    color: #e17d2d;
}

.red {
    color: red;
}

.green {
    color: #04a000;
}

.oneLine {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pad-show {
    display: none !important;
}

@media (max-width: 1023px) {
    .pad-show {
        display: inline !important;
        display: initial !important;
    }
}

@media (max-width: 1023px) {
    .pad-hide {
        display: none !important;
    }
}

.mb-show {
    display: none !important;
}

@media (max-width: 767px) {
    .mb-show {
        display: inline !important;
        display: initial !important;
    }
}

@media (max-width: 767px) {
    .mb-hide {
        display: none !important;
    }
}

.input-warning {
    border-color: #d0021b !important;
}

.html {
    color: #2a2a2a;
    word-break: break-word;
}

.html a,
.html div,
.html ol li,
.html p,
.html span,
.html ul li {
    line-height: 2rem;
}

.html a {
    display: inline-block;
    color: #e17d2d;
    text-decoration: underline;
}

.html a:visited {
    color: #bb4126;
}

.html ol {
    list-style-type: decimal;
    padding-left: 2rem;
}

.html ol.brackets {
    padding-left: 2rem;
    list-style-type: none;
    counter-reset: list;
}

.html ol.brackets>li {
    list-style: none;
    margin-bottom: 10px;
}

.html ol.brackets>li:before {
    display: inline-block;
    margin-left: -24px;
    width: 24px;
    min-width: 24px;
    content: "(" counter(list) ") ";
    counter-increment: list;
}

.html ul {
    list-style-type: disc;
    padding-left: 2rem;
}

.html ul ul {
    list-style-type: circle;
}

.html ul ul ul {
    list-style-type: square;
}

.html h1,
.html h2,
.html h3,
.html strong {
    font-weight: 700;
    line-height: inherit;
}

.html h1 span,
.html h2 span,
.html h3 span,
.html strong span {
    line-height: 1;
}

.html h1 {
    font-size: 2em;
    line-height: inherit;
}

.html h2 {
    font-size: 1.5em;
}

.html h3 {
    font-size: 1.17em;
}

.html p {
    min-height: 2rem;
}

.html em {
    font-style: italic;
}

.html sup {
    vertical-align: super;
    font-size: smaller;
}

.visuallyhidden {
    left: 0 !important;
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    -webkit-clip-path: inset(100%) !important;
    clip-path: inset(100%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
}

.home-main {
    margin-right: 20px;
    padding-bottom: 72px;
}

.home-main .block {
    margin-top: 5rem;
}

.home-main .block:first-child {
    margin-top: 1.875rem;
}

.home-main .block:last-child {
    margin-bottom: 7.0625rem;
}

.home-main .block .head {
    position: relative;
    margin-bottom: 0.9375rem;
}

.home-main .block .head .title {
    height: 1.875rem;
    line-height: 1.875rem;
    font-size: 1.875rem;
    font-weight: 600;
    letter-spacing: 0.0356rem;
    color: #4a4a4a;
}

.home-main .block .head .intro {
    width: 100%;
    height: 0.875rem;
    line-height: 0.875rem;
    font-size: 0.875rem;
    color: #4a4a4a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1023px) {
    .home-main {
        width: 100%;
        /*margin: 5px;*/
        padding-bottom: 0;
    }
    .home-main .block {
        margin-top: 3.125rem;
    }
}

@media (max-width: 480px) {
    .home-main {
        margin: 5px;
    }
}

.oa-main-center-layout.container,
.oa-main-left-layout.container {
    padding-top: 144px;
    margin: 0 auto;
    min-height: calc(100vh - 19rem);
    justify-content: center;
    text-align: center;
}

@media (max-width: 1023px) {
    .oa-main-center-layout.container,
    .oa-main-left-layout.container {
        padding-top: 60px;
    }
}

.oa-main-center-layout .col-container:not(.l-footer-container):not(.oa-filter-container),
.oa-main-left-layout .col-container:not(.l-footer-container):not(.oa-filter-container) {
    padding: 0;
    text-align: left;
    background: none;
    width: auto;
}

.oa-main-left-layout .col-container:not(.l-footer-container):not(.oa-filter-container) {
    display: flex;
}

.oa-main-left-layout .col-container:not(.l-footer-container):not(.oa-filter-container) main {
    flex: 1;
}

.oa-main-left-layout .col-container:not(.l-footer-container):not(.oa-filter-container) aside {
    flex: 0.4;
}

.oa-main-left-layout .col-container:not(.l-footer-container):not(.oa-filter-container) .oa-card-program-with-info-block .oa-card-program-with-info,
.oa-main-left-layout .col-container:not(.l-footer-container):not(.oa-filter-container) .oa-card-program-with-info-block .oa-title {
    margin-left: 40px;
    margin-right: 40px;
}

.oa-main-left-layout .col-container:not(.l-footer-container):not(.oa-filter-container) .oa-card-program-with-info-block .oa-title {
    height: 40px;
    margin-bottom: 0;
    word-break: break-all;
    height: auto;
}

.oa-main-left-layout .col-container:not(.l-footer-container):not(.oa-filter-container) .oa-card-program-with-info-block {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 1439px) and (min-width: 1024px) {
    .oa-main-left-layout .col-container:not(.l-footer-container):not(.oa-filter-container) {
        margin-left: 12px;
        margin-right: 12px;
    }
}

@media (max-width: 1023px) {
    .oa-main-left-layout .col-container:not(.l-footer-container):not(.oa-filter-container) {
        max-width: 100%;
        width: 100%;
        min-width: 0;
        padding: 0;
        /*background: #f8f8f8;*/
        min-height: 600px;
        /*20210806*/
    }
    .oa-main-left-layout .col-container:not(.l-footer-container):not(.oa-filter-container) main {
        flex: 1;
    }
    .oa-main-left-layout .col-container:not(.l-footer-container):not(.oa-filter-container) .oa-card-program-with-info-block .oa-card-program-with-info,
    .oa-main-left-layout .col-container:not(.l-footer-container):not(.oa-filter-container) .oa-card-program-with-info-block .oa-title {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (max-width: 767px) {
    .oa-main-left-layout .col-container:not(.l-footer-container):not(.oa-filter-container) .oa-card-program-with-info-block .oa-card-program-with-info {
        margin-left: 10px;
        margin-right: 10px;
    }
    .oa-main-left-layout .col-container:not(.l-footer-container):not(.oa-filter-container) .oa-card-program-with-info-block .oa-title {
        margin-left: 20px;
        margin-right: 20px;
    }
    .oa-main-left-layout .col-container:not(.l-footer-container):not(.oa-filter-container) .oa-card-program-with-info-block .oa-btnWrap {
        position: relative;
        overflow-y: hidden;
    }
}

.oa-main-left-layout.homepage main {
    width: 920px;
}

@media (max-width: 1439px) and (min-width: 1024px) {
    .oa-main-left-layout.homepage main {
        /*
	width: 700px;
	*/
        width: 100%;
    }
    .home-main {
        margin-right: 0px;
    }
}

@media (max-width: 1023px) {
    .oa-main-left-layout.homepage main {
        width: 100%;
    }
}

.oa-main-left-layout.homepage aside {
    width: 368px;
}

@media (max-width: 1439px) and (min-width: 1024px) {
    .oa-main-left-layout.homepage aside {
        width: 280px;
    }
}

@media (min-width: 1440px) {
    .oa-main-left-layout.homepage .col-container:not(.l-footer-container):not(.oa-filter-container) {
        max-width: 1308px;
        min-height: 600px;
        /*20210806*/
    }
}

@media (max-width: 1439px) and (min-width: 1024px) {
    .oa-main-left-layout.homepage .col-container:not(.l-footer-container):not(.oa-filter-container) {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        min-height: 900px;
        /*20210806*/
    }
}

.hasNotiTop .oa-main-left-layout.container {
    padding-top: 140px;
}

@media (max-width: 1023px) {
    .hasNotiTop .oa-main-left-layout.container {
        padding-top: 110px;
    }
}

.oa-article-layout .col-container .home-main .oa-card .oa-title {
    margin-bottom: 20px;
}

.oa-article-layout .col-container .home-main .oa-btn-collection {
    margin-top: 20px;
    margin-bottom: 20px;
}

.oa-article-layout .col-container .home-main h1 {
    font-size: 28px;
    color: #2a2a2a;
}

.oa-article-layout .col-container .home-main img {
    width: 100%;
    margin-bottom: 20px;
    min-width: 60% !important;
    max-width: 100% !important;
}

@media (max-width: 1023px) {
    .oa-article-layout .col-container .home-main {
        background: #fff;
    }
    .oa-article-layout .col-container .home-main .oa-card {
        margin: 0 auto;
        width: 590px;
        box-shadow: none;
        border-radius: 0;
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .oa-article-layout .col-container .home-main .oa-card {
        max-width: 100%;
        width: 100%;
        min-width: 0;
        margin-top: 0;
        padding-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    .oa-article-layout .col-container .home-main .oa-btn-collection {
        width: 100%;
    }
    .oa-article-layout .col-container .home-main svg {
        margin-left: auto;
    }
    .oa-article-layout .col-container .home-main span {
        margin-left: 0;
        margin-right: auto;
    }
}

.oa-main-layout.container {
    padding-top: 90px;
    margin: 0 auto;
}

@media (max-width: 1023px) {
    .oa-main-layout.container {
        padding-top: 60px;
    }
}

.oa-main-layout .home-main {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width: 767px) {
    .oa-main-layout .home-main {
        margin-left: 0;
    }
}

.error {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.error>div {
    display: block;
}

.error>div>div {
    display: flex;
    padding: 15px;
    margin: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 620px;
    text-align: center;
}

.error .icon-403 {
    margin: auto;
    height: 116px;
    min-height: 0;
    width: 84px;
}

.error .icon-403-underline {
    margin: auto;
    height: 10px;
    min-height: 0;
    width: 84px;
}

.error-body {
    font-size: 30px;
    text-align: center;
}

.country-selector__input,
.input-tel__input,
.vue-phone-number-input {
    height: 50px !important;
}

.country-selector__country-flag {
    top: 25px !important;
}

button {
    background: none;
    border: none;
    color: none;
    display: inline;
    display: initial;
    padding: 0;
    margin: 0;
    color: #2a2a2a;
    cursor: pointer;
}

button:focus {
    outline: none;
}

.btn-primary {
    background: #fff;
    color: #1082ff;
}

.btn-primary,
.btn-primary-full {
    cursor: pointer;
    display: block;
    border: 0.0625rem solid #007aff;
    padding: 0.8125rem 0.9375rem;
    font-size: 1rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
}

.btn-primary-full {
    background: #1082ff;
    color: #fff;
}

.btn-orange {
    border: 0.0625rem solid #e14e2d;
    border-radius: 0.625rem;
    background-color: #e14e2d;
}

.btn-checkout,
.btn-orange {
    cursor: pointer;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0.875rem 1.4375rem;
}

.btn-checkout {
    border: 0.0625rem solid #007aff;
    background: #1082ff;
}

.btn-disable {
    border-color: #f8f8f8;
    cursor: not-allowed !important;
    text-decoration: none;
    color: #7a7a7a;
    background-color: #f8f8f8;
    opacity: 0.3;
}

.btn-secondary {
    cursor: pointer;
    display: block;
    border: 0.0625rem solid #007aff;
    font-size: 1rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    background: #fff;
    color: #1082ff;
    border-radius: 0.1875rem;
    padding: 0.875rem 1.875rem;
}

.btn-secondary:hover {
    background: #f3f9ff;
}

.btn-secondary.default,
.btn-secondary:active {
    color: #fff;
    background: #1082ff;
}

.btn-secondary.disabled {
    cursor: not-allowed;
    border: 0.0625rem solid #d8d8d8;
    color: #d8d8d8;
    background: #f8f8f8;
}

.btn-secondary-blue {
    cursor: pointer;
    display: block;
    border: 0.0625rem solid #007aff;
    font-size: 1rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    background: #007aff;
    color: #fff;
    border-radius: 0.1875rem;
    padding: 0.875rem 1.5625rem;
    transition: border-radius 0.3s ease 0s;
}

.btn-secondary-blue:hover {
    border-radius: 3.125rem;
}

.btn-secondary-blue:active {
    border: 0.0625rem solid #06f;
    background: #06f;
}

.btn-loadmore {
    cursor: pointer;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    padding: 0.25rem 1.875rem;
    color: #1082ff;
    background: #f8f8f8;
    border-radius: 0.1875rem;
    border: none;
}

.btn-loadmore:hover {
    background: #f3f9ff;
}

.btn-loadmore:active {
    color: #fff;
    background: #1082ff;
}

.btn-normal {
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    color: #1082ff;
    cursor: pointer;
    margin-left: 1.4375rem;
}

.btn-normal.diabled {
    color: rgba(16, 130, 255, 0.5);
    cursor: not-allowed;
}

.btn-grey {
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1;
    background: #fff;
    color: #4a4a4a;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    text-align: center;
}

.btn-grey.active,
.btn-grey:hover {
    background: #f8f8f8;
}

.btn-grey:active {
    background: #e8e8e8;
}

.btn-grey.selected,
.btn-right {
    color: #007aff;
}

.btn-right {
    position: absolute;
    top: 0.9375rem;
    right: 0.9375rem;
    font-size: 0.875rem;
    cursor: pointer;
}

.btn-group button,
.btn-group div,
.btn-group span {
    display: inline-block;
}

.btn-group.right {
    position: absolute;
    top: 0;
    right: 0;
}

.oa-btn-solid {
    transition: all 0.2s ease-in-out;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 10px 15px;
    text-align: center;
    vertical-align: middle;
    height: 40px;
    color: #2a2a2a;
    background: #f9f9f9;
}

.oa-btn-solid.mini {
    font-size: 13px;
}

.oa-btn-solid.sm {
    font-size: 15px;
}

.oa-btn-solid.md {
    font-size: 17px;
}

.oa-btn-solid.gray {
    color: #7a7a7a;
}

.oa-btn-solid.orange {
    color: #e14e2d;
}

.oa-btn-solid.orange-bg {
    color: #fff;
    background: #e14e2d;
}

.oa-btn-solid.orange3-bg-border {
    color: #fff;
    background: #fef5ef;
    border: 1px solid #e14e2d;
}

.oa-btn-solid.disabled {
    background: #e9e9e9;
    cursor: not-allowed;
}

.oa-btn-solid.disabled.orange-bg {
    background: #e14e2d;
    opacity: 0.5;
}

.oa-btn-solid-expand {
    text-align: center;
    transition: all 0.2s ease-in-out;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 10px;
    height: 40px;
    width: 100%;
    font-size: 13px;
    color: #2a2a2a;
    background: #f9f9f9;
}

.oa-btn-solid-expand.mini {
    font-size: 13px;
}

.oa-btn-solid-expand.sm {
    font-size: 15px;
}

.oa-btn-solid-expand.md {
    font-size: 17px;
}

.oa-btn-solid-expand.gray {
    color: #7a7a7a;
}

.oa-btn-solid-expand.orange {
    color: #e14e2d;
}

.oa-btn-solid-expand.orange-bg {
    color: #fff;
    background: #e14e2d;
}

.oa-btn-solid-expand.orange3-bg-border {
    color: #fff;
    background: #fef5ef;
    border: 1px solid #e14e2d;
}

.l-account-page-left {
    display: none;
}

.oa-btn-solid-icon {
    text-align: center;
    transition: all 0.2s ease-in-out;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a2a2a;
    background: #f9f9f9;
    display: inline-flex;
    height: 40px;
}

.oa-btn-solid-member-icon {
    text-align: center;
    transition: all 0.2s ease-in-out;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a2a2a;
    background: #f9f9f9;
    display: inline-flex;
    border-radius: 30px;
}

.oa-btn-solid-icon.mini {
    font-size: 13px;
}

.oa-btn-solid-icon.sm {
    font-size: 15px;
}

.oa-btn-solid-icon.md {
    font-size: 17px;
}

.oa-btn-solid-icon.gray {
    color: #7a7a7a;
}

.oa-btn-solid-icon.orange {
    color: #e14e2d;
}

.oa-btn-solid-icon.orange-bg {
    color: #fff;
    background: #e14e2d;
}

.oa-btn-solid-icon.orange3-bg-border {
    color: #fff;
    background: #fef5ef;
    border: 1px solid #e14e2d;
}

.oa-btn-solid-icon span {
    margin: auto 15px auto auto;
    vertical-align: top;
    line-height: 40px;
    font-size: 13px;
}

.oa-btn-border {
    text-align: center;
    transition: all 0.2s ease-in-out;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 10px 15px;
    height: 40px;
    line-height: 20px;
    border: 1px solid #cacaca;
    background: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

.oa-btn-border.mini {
    font-size: 13px;
}

.oa-btn-border.sm {
    font-size: 15px;
}

.oa-btn-border.md {
    font-size: 17px;
}

.oa-btn-border.gray {
    color: #7a7a7a;
}

.oa-btn-border.orange {
    color: #e14e2d;
}

.oa-btn-border.orange-bg {
    color: #fff;
    background: #e14e2d;
}

.oa-btn-border.orange3-bg-border {
    color: #fff;
    background: #fef5ef;
    border: 1px solid #e14e2d;
}

@media (min-width: 1024px) {
    .oa-btn-border:hover {
        background: #fef5ef;
    }
}

.oa-btn-border.active,
.oa-btn-border:active {
    border: 1px solid #e14e2d;
    background: #fef5ef;
}

.oa-btn-border.disabled {
    background-color: #e9e9e9;
}

.oa-btn-border.orange {
    border: 1px solid #e14e2d;
}

.oa-btn-border-icon {
    text-align: center;
    transition: all 0.2s ease-in-out;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    display: flex;
    height: 40px;
    line-height: 20px;
    border: 1px solid #cacaca;
    background: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    margin: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.oa-btn-border-icon.mini {
    font-size: 13px;
}

.oa-btn-border-icon.sm {
    font-size: 15px;
}

.oa-btn-border-icon.md {
    font-size: 17px;
}

.oa-btn-border-icon.gray {
    color: #7a7a7a;
}

.oa-btn-border-icon.orange {
    color: #e14e2d;
}

.oa-btn-border-icon.orange-bg {
    color: #fff;
    background: #e14e2d;
}

.oa-btn-border-icon.orange3-bg-border {
    color: #fff;
    background: #fef5ef;
    border: 1px solid #e14e2d;
}

.oa-btn-border-icon svg {
    margin-left: 7px;
}

.oa-btn-border-icon span {
    margin: auto 15px auto auto;
    vertical-align: top;
    line-height: 40px;
}

.oa-btn-border-icon:hover {
    background: #fef5ef;
}

.oa-btn-border-icon.active,
.oa-btn-border-icon:active {
    border: 1px solid #e14e2d;
    background: #fef5ef;
}

.oa-btn-border-icon.disabled {
    background-color: #e9e9e9;
}

.oa-btn-border-icon.orange {
    border: 1px solid #e14e2d;
}

.oa-btn-group a,
.oa-btn-group button {
    display: inline-block;
    margin-left: 20px;
}

.oa-btn-group a:first-child,
.oa-btn-group button:first-child {
    margin-left: 0;
}

.oa-btn-group.right {
    text-align: right;
    margin-left: auto;
}

.oa-btn-group.secondary a {
    margin-left: 0;
    margin-right: 10px;
}

.oa-btn-text {
    text-align: center;
    transition: all 0.2s ease-in-out;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a2a2a;
    font-weight: 400px;
}

.oa-btn-text.mini {
    font-size: 13px;
}

.oa-btn-text.sm {
    font-size: 15px;
}

.oa-btn-text.md {
    font-size: 17px;
}

.oa-btn-text.gray {
    color: #7a7a7a;
}

.oa-btn-text.orange {
    color: #e14e2d;
}

.oa-btn-text.orange-bg {
    color: #fff;
    background: #e14e2d;
}

.oa-btn-text.orange3-bg-border {
    color: #fff;
    background: #fef5ef;
    border: 1px solid #e14e2d;
}

.oa-btn-text:active,
.oa-btn-text:hover {
    color: #e14e2d;
}

.oa-btn-text:active {
    font-weight: 700;
}

.oa-btn-transparent {
    text-align: center;
    transition: all 0.2s ease-in-out;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 0.5625rem 1.8125rem;
    border: 1px solid #e14e2d;
    background-color: transparent;
}

.oa-btn-transparent.mini {
    font-size: 13px;
}

.oa-btn-transparent.sm {
    font-size: 15px;
}

.oa-btn-transparent.md {
    font-size: 17px;
}

.oa-btn-transparent.gray {
    color: #7a7a7a;
}

.oa-btn-transparent.orange {
    color: #e14e2d;
}

.oa-btn-transparent.orange-bg {
    color: #fff;
    background: #e14e2d;
}

.oa-btn-transparent.orange3-bg-border {
    color: #fff;
    background: #fef5ef;
    border: 1px solid #e14e2d;
}

.oa-btn-counter {
    transition: all 0.2s ease-in-out;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    cursor: not-allowed;
    width: 2rem;
    height: 2rem;
    border-radius: 1.25rem;
    text-align: center;
    border: 0.0313rem solid #e14e2d;
    color: #e14e2d;
    background: #fef5ef;
    line-height: 1.75rem;
}

.oa-btn-counter.mini {
    font-size: 13px;
}

.oa-btn-counter.sm {
    font-size: 15px;
}

.oa-btn-counter.md {
    font-size: 17px;
}

.oa-btn-counter.gray {
    color: #7a7a7a;
}

.oa-btn-counter.orange {
    color: #e14e2d;
}

.oa-btn-counter.orange-bg {
    color: #fff;
    background: #e14e2d;
}

.oa-btn-counter.orange3-bg-border {
    color: #fff;
    background: #fef5ef;
    border: 1px solid #e14e2d;
}

.oa-btn-counter.enableCheckout {
    cursor: pointer;
    color: #e14e2d;
    border: 0.0313rem solid #e14e2d;
}

.oa-btnWrap {
    border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
}

.oa-btnWrap .oa-btnBlock>a,
.oa-btnWrap .oa-btnBlock>button {
    display: inline-block;
    padding: 24px 20px 0;
}

@media (max-width: 767px) {
    .oa-btnWrap .oa-btnBlock>a,
    .oa-btnWrap .oa-btnBlock>button {
        padding: 24px 10px 0;
    }
}

.oa-btnWrap .oa-btnBlock>a:first-child,
.oa-btnWrap .oa-btnBlock>button:first-child {
    padding-left: 40px;
}

@media (max-width: 1023px) {
    .oa-btnWrap .oa-btnBlock>a:first-child,
    .oa-btnWrap .oa-btnBlock>button:first-child {
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    .oa-btnWrap .oa-btnBlock>a:first-child,
    .oa-btnWrap .oa-btnBlock>button:first-child {
        padding-left: 20px;
    }
}

.oa-btnWrap .oa-btnBlock>a span,
.oa-btnWrap .oa-btnBlock>button span {
    font-size: 13px;
    color: #2a2a2a;
}

.oa-btnWrap .oa-btnBlock>a span:after,
.oa-btnWrap .oa-btnBlock>button span:after {
    content: "";
    display: block;
    background: #e14e2d;
    height: 4px;
    transition: 0.25s;
    width: 0;
    margin-top: 10px;
    border-radius: 100px 100px 0 0;
}

.oa-btnWrap .oa-btnBlock>a:hover span:after,
.oa-btnWrap .oa-btnBlock>button:hover span:after {
    width: 100%;
}

.oa-btnWrap .oa-btnBlock>a.active span,
.oa-btnWrap .oa-btnBlock>a:active span,
.oa-btnWrap .oa-btnBlock>button.active span,
.oa-btnWrap .oa-btnBlock>button:active span {
    color: #e14e2d;
}

.oa-btnWrap .oa-btnBlock>a.active span:after,
.oa-btnWrap .oa-btnBlock>a:active span:after,
.oa-btnWrap .oa-btnBlock>button.active span:after,
.oa-btnWrap .oa-btnBlock>button:active span:after {
    width: 100%;
}

.oa-btnWrap .oa-border-bar {
    top: 57px;
    left: calc(-50vw - -305px);
    width: calc(100vw - 20px);
    position: absolute;
    border-bottom: 1px solid #e9e9e9;
}

@media (max-width: 767px) {
    .oa-btnWrap {
        width: 100%;
        overflow-x: scroll;
    }
    .oa-btnWrap .oa-btnBlock {
        white-space: nowrap;
    }
}

.oa-card {
    padding: 40px;
    margin-top: 20px;
    border-radius: 20px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

@media (max-width: 1023px) {
    .oa-card {
        padding: 15px 15px 20px;
    }
}

.oa-card-img {
    border-radius: 10px;
    flex: 0 0 100px;
    width: 100px;
    height: 140px;
    display: flex;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.oa-card-img img {
    display: block;
    position: relative;
    margin: auto;
    max-width: 100%;
}

.oa-card-img.sm {
    border-radius: 10px;
    width: 50px;
    height: 70px;
    flex: 0 0 50px;
}

.oa-card-img.lg {
    width: 220px;
    height: 308px;
    flex: 0 0 220px;
}

.oa-card-img-title {
    border-radius: 10px;
    width: 170px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.oa-card-img-title>div:first-child {
    height: 150px;
    display: flex;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.head_title {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    word-break: break-all;
    overflow: hidden;
    width: 100%;
    /*padding: 1px;*/
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 48px;
    line-height: 24px;
}

.tab_div {
    border-radius: 8px;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
    background-color: #fff;
    padding: 15px;
    margin-bottom: 30px;
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 206px;
}

.tab_s_div {
    border-radius: 8px;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
    background-color: #fff;
    padding: 15px;
    margin-bottom: 30px;
    margin-top: 15px;
    max-width: 232px;
}

.tab_heah_img {
    float: left;
    width: 55px;
    height: 55px;
    margin: 7px 20px 7px 7px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.tab_img {
    padding: 10px;
    width: 100%;
    max-width: 206px;
    height: 130px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.search_header {
    top: 15px;
    position: relative;
}

@media (max-width: 812px) {
    .search_header {
        top: auto;
        position: none;
    }
}

/*右上角icon*/

.icon_header {
    width: 70px;
    height: 83px;
    font-weight: 600;
    background-color: rgb(0 0 0 / 0%);
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
}

/*公告列表*/

.bulletin_header {
    background-repeat: no-repeat;
    background-position: center;
    height: 120px;
    max-height: 120px;
    background-size: 450px auto;
}

.bulletin_header>.listen_h2 {
    top: 37px;
    text-align: center;
}

/*聽聽他們怎麼說*/

.listen_header {
    background-image: url(/images/listen_bk.png);
    background-size: 450px auto;
    background-repeat: no-repeat;
    background-position: center;
    height: 120px;
    max-height: 120px;
}

.listen_header>.listen_h2 {
    top: 27px;
    text-align: center;
}

.listen_header>.listen_s_title {
    top: 27px;
    text-align: center;
    position: relative;
}

.listen_img {
    width: 120px;
    height: 120px;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}

.listen_head_title {
    text-align: center;
    font-size: 18px;
    color: #878788;
}

.listen_head_eventTag {
    color: #82a417 !important;
    font-size: 16px !important;
}

.oa-cardTypeTag-text {
    font-size: 14px;
    line-height: 18px;
    max-height: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.oa-cardTypeTag-textX {
    font-size: 14px;
    line-height: 18px;
}

.oa-card-img-title>div:first-child img {
    display: block;
    margin-top: auto;
    margin-bottom: auto;
    max-width: 100%;
}

.oa-card-img-title>div:last-child {
    padding: 5px;
}

.oa-card-img-title>div:last-child .text {
    height: 36px;
    line-height: 18px;
    font-size: 13px;
    border-radius: 0;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

@media (max-width: 1023px) {
    .oa-card-img-title {
        width: 170px;
    }
    .oa-card-img-title>div:first-child {
        height: 188px;
    }
}

@media (max-width: 1023px) {
    .oa-card-program-with-info-wrap,
    .oa-card-program-wrap {
        width: 100%;
        background: #fff;
    }
}

@media (max-width: 1023px) {
    .oa-card-program-wrap {
        margin-top: 5px;
        background-color: rgba(255, 255, 255, 0);
    }
}

.oa-card-program {
    padding: 40px;
    margin-top: 20px;
    border-radius: 8px;
    /*box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);*/
    background-color: #fff;
    min-height: 500px;
}

.oa-card-program-old {
    padding: 40px;
    margin-top: 20px;
    border-radius: 8px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    min-height: 500px;
}

.oa-card-program-login {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 1023px) {
    .oa-card-program {
        padding: 15px 15px 20px;
    }
}

.oa-card-program .cardblockWrap {
    padding: 30px 0 0 0;
}

.oa-card-program .cardblockWrap .cardblock {
    display: flex;
}

.oa-card-program .cardblockWrap .cardblock>div {
    margin-right: 30px;
}

.oa-card-program .cardblockWrap .cardblock>div .program-logo {
    height: 11.75rem;
    width: 100%;
    background-size: cover;
    background-position: 50% 50%;
}

.oa-card-program .cardblockWrap .cardblock>div:nth-child(5n + 0) {
    margin-right: 0;
}

@media (max-width: 1439px) {
    .oa-card-program .cardblockWrap .cardblock>div {
        margin-right: 14px;
    }
    .oa-card-program .cardblockWrap .cardblock>div:nth-child(4n + 0) {
        margin-right: 0;
    }
    .oa-card-program .cardblockWrap .cardblock>div:nth-child(5n + 0) {
        display: none;
    }
}

@media (max-width: 1023px) {
    .oa-card-program {
        margin: 0 auto;
        width: 100%;
        padding: 15px;
        /*border-radius: 0;
                    box-shadow: none;*/
    }
    .oa-card-program .cardblockWrap .cardblock>div {
        margin-right: 1rem;
    }
}

@media (max-width: 767px) {
    .head_title {
        font-size: 14px;
    }
    .oa-cardTypeTag.eventTag {
        font-size: 10px;
    }
    .oa-cardTypeTag-text,
    .oa-cardTypeTag-textX {
        font-size: 10px;
    }
    /*
                .oa-card-program {
                    width: 100%;
                }*/
    .oa-card-program .oa-btn-solid-expand,
    .oa-card-program .oa-sub-title,
    .oa-card-program .oa-title {
        width: calc(100% - 40px);
        margin: auto 20px;
    }
    .oa-card-program .cardblockWrap {
        width: 100%;
        overflow: scroll;
    }
    .oa-card-program .cardblockWrap .cardblock {
        display: flex;
        padding-left: 20px;
        padding-right: 20px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        width: -webkit-fill-available;
    }
    .oa-card-program .cardblockWrap .cardblock>div {
        margin-right: 0;
    }
    .oa-card-program .cardblockWrap .cardblock>div:nth-child(4n + 0),
    .oa-card-program .cardblockWrap .oa-card-img-title {
        margin-right: 20px;
    }
    .oa-card-program .cardblockWrap .oa-card-img-title:last-child .text {
        white-space: normal;
    }
    .oa-card-program .cardblockWrap .cardblock {
        white-space: inherit;
        /* white-space: nowrap;*/
    }
}

@media (max-width: 480px) {
    .oa-card-program {
        width: 100%;
    }
    .listen_header,
    .bulletin_header {
        background-size: 350px auto;
    }
    .oa-card-program .oa-title {
        width: 100%;
        margin: 0;
        font-size: 20px;
    }
    .oa-card-program .oa-sub-title {
        font-size: 14px;
        margin: 0;
        width: 100%;
    }
}

.oa-card-program-with-info-block {
    padding: 40px;
    margin-top: 20px;
    border-radius: 20px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

@media (max-width: 1023px) {
    .oa-card-program-with-info-block {
        padding: 15px 15px 20px;
    }
}

.oa-card-program-with-info-block .oa-title {
    margin-bottom: 5px;
}

@media (max-width: 1023px) {
    .oa-card-program-with-info-block {
        margin: 0 auto;
        width: 590px;
        padding: 15px 0;
        border-radius: 0;
        box-shadow: none;
    }
}

@media (max-width: 767px) {
    .oa-card-program-with-info-block {
        width: 100%;
        padding: 15px 10px;
    }
    .oa-card-program-with-info-block .oa-title {
        margin: 25px 10px 5px;
    }
}

.oa-card-program-with-info {
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
}

.oa-card-program-with-info:last-child {
    border-bottom: none;
}

.oa-card-program-with-info .oa-card-img {
    margin-right: 20px;
}

@media (max-width: 767px) {
    .oa-card-program-with-info .oa-card-img {
        margin-right: 10px;
    }
}

.oa-card-program-with-info .infos {
    flex: 1;
}

.oa-card-program-with-info .infos>div {
    min-height: calc(100% - 27px);
}

.oa-card-program-with-info .infos .info-title,
.oa-card-program-with-info .infos h3 {
    font-size: 15px;
    color: #2a2a2a;
    display: block;
    word-break: break-word;
}

.oa-card-program-with-info .infos p {
    font-size: 12px;
    color: #7a7a7a;
    margin-top: 5px;
}

.oa-card-program-with-info .infos .price {
    text-align: right;
    font-size: 15px;
    color: #2a2a2a;
}

.oa-card-program-with-info .infos.infosList {
    position: relative;
    margin: 5px 0;
}

.oa-card-program-with-info .infos.infosList button {
    position: absolute;
    top: 0;
    right: 0;
}

.oa-card-program-with-info .infos.infosList .h3 {
    width: calc(100% - 50px);
}

.oa-card-program-with-info.with-btn {
    position: relative;
}

.oa-card-program-with-info.with-btn .info-title,
.oa-card-program-with-info.with-btn h3 {
    max-width: calc(100% - 100px);
}

.oa-card-program-with-info.with-btn .oa-btn-solid-icon {
    position: absolute;
    top: 20px;
    right: 0;
}

@media (max-width: 767px) {
    .oa-card-program-with-info {
        padding-left: 10px;
        padding-right: 10px;
    }
    .oa-card-program-with-info .infos {
        width: calc(100% - 160px);
    }
    .oa-card-program-with-info .infos.infosList button {
        display: none;
    }
    .oa-card-program-with-info .infos.infosList .h3,
    .oa-card-program-with-info .infos.infosList .info-title {
        width: 100%;
    }
    .oa-card-program-with-info.with-btn {
        position: relative;
        flex-wrap: wrap;
    }
    .oa-card-program-with-info.with-btn .infos {
        flex: 0 0 calc(100% - 110px);
    }
    .oa-card-program-with-info.with-btn .info-title,
    .oa-card-program-with-info.with-btn h3 {
        max-width: 100%;
    }
    .oa-card-program-with-info.with-btn .oa-btn-solid-icon {
        position: relative;
        top: 0;
        margin-left: auto;
        margin-top: 10px;
    }
}

.oa-card-with-border-btn {
    display: flex;
    padding: 15px 15px 10px;
    margin-bottom: 20px;
    border-radius: 10px;
    border: 1px solid #cacaca;
    background: #fff;
    color: #2a2a2a;
    font-size: 15px;
    cursor: pointer;
}

.oa-card-with-border-btn.active {
    background: #fef5ef;
    border: 1px solid #e14e2d;
}

.oa-card-with-border-btn>div {
    margin-right: 15px;
}

.oa-card-with-border-btn>div div {
    margin-bottom: 5px;
}

.oa-card-with-border-btn button {
    margin: auto 0 auto auto;
}

.oa-card-with-border-btn .oa-card-with-border-btn-title {
    font-size: 17px;
    font-weight: 600;
    color: #2a2a2a;
}

.oa-tag {
    width: 85px;
    height: 40px;
    margin-right: 10px;
    line-height: 40px;
    color: #2a2a2a;
    font-size: 15px;
    text-align: center;
    border-radius: 10px;
}

.oa-tag.blue {
    background: #eff9fe;
}

.oa-tag.purple {
    background: #f6effe;
}

.oa-text-bold {
    font-size: 17px;
    font-weight: 600;
    color: #2a2a2a;
}

.oa-text-orange {
    font-size: 13px;
    color: #e17d2d;
}

.oa-card-ticket {
    position: relative;
    padding: 20px 20px 20px 0;
    margin-top: 20px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    font-size: 15px;
    color: #2a2a2a;
}

.oa-card-ticket>div {
    display: flex;
    line-height: 40px;
}

.oa-card-ticket .oa-tag {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.oa-card-ticket .right {
    position: absolute;
    right: 20px;
    font-size: 15px;
}

.oa-card-ticket p {
    padding-left: 20px;
    width: calc(100% - 174px);
    margin-bottom: 5px;
}

.oa-card-ticket p:last-child {
    margin-bottom: 0;
}

.oa-card-ticket p.oa-text-bold {
    margin-top: 20px;
}

.oa-card-ticket .oa-btn-border-icon,
.oa-card-ticket .oa-btn-solid {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 156px;
    text-align: center;
}

@media (max-width: 767px) {
    .oa-card-ticket {
        padding-right: 15px;
    }
    .oa-card-ticket .oa-text-bold {
        line-height: 24px;
        margin-top: 15px;
        padding-left: 15px;
    }
    .oa-card-ticket .right {
        right: 15px;
        font-size: 13px;
    }
    .oa-card-ticket p {
        margin-top: 10px;
        padding-left: 15px;
        width: 100%;
    }
    .oa-card-ticket .oa-text-orange {
        font-size: 11px;
    }
    .oa-card-ticket .oa-btn-border-icon,
    .oa-card-ticket .oa-btn-solid {
        position: relative;
        width: calc(100% - 15px);
        bottom: 0;
        right: 0;
        margin-top: 15px;
        margin-left: 15px;
    }
    .oa-card-ticket .oa-btn-border-icon svg,
    .oa-card-ticket .oa-btn-solid svg {
        margin-left: auto;
    }
    .oa-card-ticket .oa-btn-border-icon span,
    .oa-card-ticket .oa-btn-solid span {
        margin-left: 0;
        margin-right: auto;
    }
}

.oa-card-basic {
    position: relative;
    padding: 15px;
    margin-top: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.oa-card-basic p {
    font-size: 13px;
    color: #2a2a2a;
    margin-bottom: 5px;
}

.oa-card-flat {
    padding: 32px 20px;
    display: flex;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.oa-card-flat div {
    flex: 1;
    font-size: 17px;
    font-weight: 600;
    color: #2a2a2a;
    margin-top: auto;
    margin-bottom: auto;
}

.oa-card-info {
    border-radius: 10px;
    border: 1px solid #cacaca;
    margin-bottom: 20px;
}

.oa-card-info>div {
    border-bottom: 1px solid #cacaca;
    padding: 15px;
}

.oa-card-info>div:first-child {
    background: #f9f9f9;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 17px;
    font-weight: 600;
}

.oa-card-info>div:last-child {
    border-bottom: none;
    font-size: 15px;
}

.oa-block-orange {
    padding: 15px 20px;
    border-radius: 10px;
    border: 1px solid #fef5ef;
    background: #fefaef;
}

.oa-child-right {
    display: flex;
}

.oa-child-right button,
.oa-child-right div {
    margin-left: auto;
}

.oa-cardTypeTag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 8px;
    border-radius: 5px;
    margin-bottom: 4px;
    font-size: 13px;
}

.oa-cardTypeTag.eventTag {
    padding: 0;
    color: #cfcfcf;
}

.oa-cardTypeTag.articleTag {
    color: #009873;
    border: 1px solid #009873;
}

.oa-cardTypeTag.ticketpackageTag {
    color: #fff;
    background: #009873;
}

.gpay-button.black {
    background-image: url(https://www.gstatic.com/instantbuy/svg/dark/zh.svg);
    background-color: #000;
    box-shadow: none;
    padding: 12px 24px 10px;
}

.gpay-button {
    background-origin: content-box;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    cursor: pointer;
    min-width: 156px;
    height: 50px;
    padding: 11px 24px;
}

.oa-title {
    font-size: 28px;
    font-weight: 540;
    color: #2a2a2a;
    word-break: break-word;
}

/*
            @media screen and (max-width: 1023px) {
                .oa-title {
                    margin-top: 25px;
                }
            }*/

.oa-title-md {
    font-size: 28px;
    font-weight: 400;
    color: #2a2a2a;
    word-break: break-word;
}

@media screen and (max-width: 767px) {
    .oa-title-md {
        font-size: 17px;
        font-weight: 600;
    }
}

.oa-sub-title {
    font-size: 14px;
    color: #7b7c7a;
    overflow: hidden;
    text-overflow: ellipsis;
    /*margin-top: 5px;*/
}

.oa-sub-more {
    float: right;
    position: relative;
    top: 40px;
    padding-right: 5px;
}

.home_legend {
    height: 70px;
    margin-top: 5px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-mask {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: table;
    transition: opacity 0.3s ease;
    z-index: 9999;
}

.modal-wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 80%;
    height: 80%;
}

.modal-container {
    width: 80%;
    height: 80%;
    max-width: 58.75rem;
    min-width: 43.75rem;
    margin: 0 auto;
    border-radius: 0.625rem;
    background-color: #f8f8f8;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.33);
    transition: all 0.3s ease;
    /*font-family: Helvetica, Arial, sans-serif;*/
    position: relative;
    overflow: scroll;
}

.modal-header {
    display: inline-block;
    color: #7a7a7a;
    padding-left: 0.9375rem;
    margin-top: 2.4375rem;
    font-size: 1.0625rem;
}

.modal-header h1 {
    font-size: 1.0625rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a2a2a;
}

.btn-step {
    display: inline-block;
    margin-right: 1.25rem;
    color: #7a7a7a;
}

.btn-step.active {
    color: #1082ff;
}

.btn-step:after {
    content: "";
    display: block;
    background: #1082ff;
    height: 0.25rem;
    transition: 0.25s;
    width: 0;
    margin-top: 0.6875rem;
}

.btn-step.active:after {
    width: 100%;
}

.modal-default-button {
    position: absolute;
    right: 0.9375rem;
    top: 0.9375rem;
    color: #4a4a4a;
    font-size: 1.25rem;
}

.modal-enter,
.modal-leave-active {
    opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
    transform: scale(1.1);
}

.modal-body {
    height: calc(100% - 15.625rem);
}

.modal-footer {
    background-color: #f9f9f9;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: env(safe-area-inset-bottom);
}

.c-ticket-modal {
    display: flex;
}

.c-ticket-modal .modal-wrapper {
    height: 80%;
    width: 100%;
}

.c-ticket-modal .modal-container {
    height: 100%;
}

.c-ticket-modal .modal-body {
    height: calc(100% - 100px);
}

.c-ticket-modal .modal-body.long {
    height: calc(100% - 160px);
}

.c-ticket-modal .modal-body .counter__wrapper {
    display: flex;
    color: #e14e2d;
    font-size: 1.375rem;
}

.c-ticket-modal .modal-body .counter__wrapper .counter {
    display: inline-block;
}

.c-ticket-modal .modal-body .counter__wrapper .counter__num {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.0256rem;
}

.c-ticket-modal .modal-body .counter__wrapper .counter__num input {
    width: 5rem;
    font-size: 1.75rem;
    display: block;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: none;
    border-bottom: 0.0625rem solid #cacaca;
    background: transparent;
    text-align: center;
}

.c-ticket-modal .modal-body .counter__wrapper .enableCheckout {
    color: #e14e2d;
}

.c-ticket-modal .modal-body .events__priceplans .radio-card {
    display: grid;
    grid-template-columns: 1fr 200px;
    align-items: center;
    overflow: hidden;
}

.c-ticket-modal .modal-body .events__priceplans .radio-card.block_soldOut {
    grid-template-columns: 1fr;
}

.c-ticket-modal .modal-body .events__priceplans .counter__wrapper {
    align-items: center;
    justify-self: flex-end;
}

.c-ticket-modal .modal-body .events__priceplans .verify-wrapper {
    grid-column: 1 / span 4;
    border-top: 0 solid #cacaca;
    background: #f9f9f9;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 0;
    padding: 0 15px;
    transition: all 0.5s ease;
}

.c-ticket-modal .modal-body .events__priceplans .verify-wrapper.active {
    border-top: 0.0625rem solid #cacaca;
    height: auto;
    padding: 15px;
}

.c-ticket-modal .modal-body .events__priceplans .verify-wrapper .btn-verify {
    width: 90px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    opacity: 1;
    cursor: pointer;
}

.c-ticket-modal .modal-body .events__priceplans .verify-wrapper .btn-verify.disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.c-ticket-modal .modal-body .events__priceplans .verify-wrapper .notice {
    font-size: 13px;
}

.c-ticket-modal .modal-body .events__priceplans .verify-wrapper .description {
    display: flex;
    justify-content: space-between;
}

.c-ticket-modal .modal-body .events__priceplans .verify-wrapper .verify-description-wrapper {
    display: flex;
    align-self: center;
}

.c-ticket-modal .modal-body .events__priceplans .verify-wrapper .verify-description-wrapper .inp {
    max-width: 22.4375rem !important;
}

.c-ticket-modal .modal-body .events__priceplans .verify-wrapper .verify-description-wrapper .verify-errMsg {
    color: red;
    font-size: 0.6875rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.27px;
    margin-top: 0.3125rem;
}

.c-ticket-modal .modal-body .events__priceplans .verify-wrapper .verify-description-wrapper .icon-error {
    height: 0.875rem;
    width: 0.875rem;
    vertical-align: middle;
}

.c-ticket-modal .modal-body .events__priceplans .verify-wrapper .verify-description-wrapper .slash {
    color: #cacaca;
    margin-top: 1.375rem;
}

@media (min-width: 1024px) {
    .c-ticket-modal .modal-body .events__priceplans .verify-wrapper .verify-description-wrapper .c-material-input {
        min-width: 280px;
    }
}

.c-ticket-modal .events__content__list {
    padding: 0.9375rem 0.9375rem 0;
    height: 100%;
    overflow-y: scroll;
}

.c-ticket-modal .events__venues {
    margin-top: 0.9375rem;
    margin-bottom: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    overflow: visible;
    overflow: initial;
}

.c-ticket-modal .events__venues::-webkit-scrollbar {
    display: none;
}

.c-ticket-modal .events__priceplans,
.c-ticket-modal .events__priceplans__block {
    display: block;
}

.c-ticket-modal .footer-select {
    border-bottom: 0.0625rem solid #f1f1f1;
    padding: 1.25rem 0.9375rem 0.625rem;
}

.c-ticket-modal .footer-select__program__title {
    font-size: 0.875rem;
    line-height: 1.14;
    letter-spacing: -0.0163rem;
    color: #4a4a4a;
}

.c-ticket-modal .footer-select__plans {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
}

.c-ticket-modal .footer-select__plans span {
    color: #1082ff;
    border-radius: 0.1875rem;
    background-color: #f3f9ff;
    padding: 0.625rem;
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
    font-size: 1rem;
    line-height: 1.25;
    word-break: break-all;
    max-width: 12.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.c-ticket-modal .footer-summary {
    padding: 1.25rem 0.9375rem;
    display: flex;
    justify-content: space-between;
}

.c-ticket-modal .footer-summary__wrapper--left {
    display: flex;
    align-items: center;
}

.c-ticket-modal .footer-summary__wrapper--left .total__num {
    margin-left: 0.875rem;
    margin-right: 3.875rem;
    color: #e14e2d;
}

.c-ticket-modal .footer-summary__wrapper--left .price {
    margin-left: 0.625rem;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.0256rem;
    color: #e14e2d;
}

.c-ticket-modal .footer-summary__wrapper--right .btn {
    display: inline-block;
}

.c-ticket-modal .footer-summary__wrapper--right .btn:last-child {
    margin-left: 1.25rem;
}

.c-ticket-modal .btn-orange {
    padding: 0.5625rem 2.375rem;
    font-size: 0.9375rem;
}

.c-ticket-modal .radio-card-wrapper .ticket_sub_title .priceplane-title {
    display: inline-block;
    padding: 0.0625rem 0.9375rem;
    border: 0.0625rem solid #e14e2d;
    border-radius: 0.625rem;
}

.c-ticket-modal .radio-card-wrapper .ticket_sub_title .priceplane-title.soldOut {
    border-color: #2a2a2a !important;
    color: #2a2a2a !important;
}

.c-ticket-modal .radio-card-wrapper .ticket_sub_title .descripton_wrapper {
    word-break: break-word;
    line-height: normal;
}

.c-ticket-modal .radio-card-wrapper .ticket_sub_title .descripton_wrapper.soldOut {
    border-color: #2a2a2a !important;
    color: #2a2a2a !important;
}

.c-ticket-modal .icon-add {
    width: 2rem;
    height: 2rem;
}

.c-ticket-modal .icon-close {
    width: 2.5rem;
    height: 2.5rem;
}

@media (max-width: 1023px) {
    .c-ticket-modal .modal-wrapper {
        height: 100%;
        padding-top: 3.125rem;
    }
    .c-ticket-modal .modal-container {
        width: 100%;
        height: 100%;
        border-top-left-radius: 1.25rem;
        border-top-right-radius: 1.25rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        min-width: 0;
        max-width: none;
    }
    .c-ticket-modal .modal-header {
        padding-left: 89px;
    }
    .c-ticket-modal .modal-body .events__content__list {
        padding: 0.9375rem 5.5625rem 0;
    }
    .c-ticket-modal .modal-body .verify-wrapper.active {
        padding: 0.9375rem 0.9375rem 1.8125rem;
    }
    .c-ticket-modal .modal-body .verify-wrapper .verify-description-wrapper {
        flex-direction: column;
        width: 22.4375rem !important;
        margin-right: 6.5625rem;
    }
    .c-ticket-modal .modal-body .verify-wrapper .verify-description-wrapper .slash {
        display: none;
    }
    .c-ticket-modal .modal-body .verify-wrapper .verify-description-wrapper .inp {
        max-width: 22.4375rem !important;
    }
    .c-ticket-modal .modal-body .verify-wrapper .btn-verify {
        align-self: flex-end !important;
    }
    .c-ticket-modal .modal-footer {
        padding-bottom: env(safe-area-inset-bottom);
    }
    .c-ticket-modal .modal-footer .footer-summary {
        padding-left: 89px;
        padding-right: 89px;
    }
}

@media (max-width: 767px) {
    @supports (padding-bottom: env(safe-area-inset-bottom)) {
        .c-ticket-modal {
            padding-bottom: calc(env(safe-area-inset-bottom) + 2.1875rem);
        }
    }
    .c-ticket-modal .modal-body {
        padding-bottom: env(safe-area-inset-bottom);
    }
    .c-ticket-modal .modal-wrapper {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
    }
    .c-ticket-modal .modal-container {
        min-width: 20rem;
    }
    .c-ticket-modal .modal-header {
        padding-left: 20px;
    }
    .c-ticket-modal .modal-body .events__content__list {
        padding: 0.9375rem 1.25rem 0;
    }
    .c-ticket-modal .modal-body .events__priceplans {
        display: block;
        white-space: normal;
    }
    .c-ticket-modal .modal-body .events__priceplans .radio-card {
        margin-right: 0;
        position: relative;
        grid-template-columns: 4fr 1fr;
    }
    .c-ticket-modal .modal-body .events__priceplans .radio-card-wrapper {
        align-self: flex-start;
    }
    .c-ticket-modal .modal-body .events__priceplans .radio-card-wrapper .description {
        display: block;
        margin-left: 0;
        margin-top: 10px;
    }
    .c-ticket-modal .modal-body .events__priceplans .radio-card-wrapper.active {
        margin-bottom: 50px;
    }
    .c-ticket-modal .modal-body .events__priceplans .radio-card.showVerify {
        position: static;
    }
    .c-ticket-modal .modal-body .events__priceplans .radio-card .counter__wrapper {
        padding-top: 20px;
        padding-bottom: 19px;
        display: flex;
        flex-direction: column-reverse;
    }
    .c-ticket-modal .modal-body .events__priceplans .radio-card .counter__wrapper .counter:last-child {
        margin-bottom: 2.375rem;
        display: block;
    }
    .c-ticket-modal .modal-body .events__priceplans .radio-card .counter__wrapper .counter__num {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .c-ticket-modal .modal-body .events__priceplans .verify-wrapper {
        flex-direction: column;
    }
    .c-ticket-modal .modal-body .events__priceplans .verify-wrapper .verify-description-wrapper {
        width: 100% !important;
        margin-right: 0;
    }
    .c-ticket-modal .modal-body .events__priceplans .verify-wrapper .description {
        flex-direction: column;
    }
    .c-ticket-modal .modal-body .events__priceplans .verify-wrapper .btn-verify {
        width: 100%;
        margin-top: 2.0625rem;
    }
    .c-ticket-modal .modal-footer {
        padding-bottom: env(safe-area-inset-bottom);
    }
    .c-ticket-modal .modal-footer .footer-summary {
        flex-direction: column;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .c-ticket-modal .modal-footer .btn-addCart {
        width: 100%;
        margin-left: 0 !important;
        margin-top: 0.8125rem;
    }
}

.oa-modal-mask {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: table;
    transition: opacity 0.3s ease;
    z-index: 9999;
}

.oa-modal-wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 80%;
    height: 80%;
}

.oa-modal-container {
    width: 80%;
    height: 90vh;
    max-width: 58.75rem;
    max-height: 58.75rem;
    min-width: 58.75rem;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.33);
    transition: all 0.3s ease;
    /*font-family: Helvetica, Arial, sans-serif;*/
    position: relative;
}

.oa-modal-body,
.oa-modal-footer,
.oa-modal-header {
    padding-left: 40px;
    padding-right: 40px;
}

.oa-modal-header {
    z-index: 1;
    display: inline-block;
    padding-top: 40px;
    padding-bottom: 15px;
    width: 100%;
    background: #fff;
    box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.5);
}

.oa-modal-header,
.oa-modal-header h1 {
    position: relative;
    font-size: 1.0625rem;
}

.oa-modal-header h1 {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a2a2a;
}

.oa-modal-header>button {
    position: absolute;
    top: 15px;
    right: 15px;
}

.oa-modal-body {
    padding: 18px 40px;
    height: calc(100% - 150px);
    font-size: 16px;
    line-height: 1.63;
    color: #4a4a4a;
    background: #fff;
    overflow: scroll;
}

.oa-modal-footer {
    position: absolute;
    background-color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70px;
    text-align: right;
    box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.1);
    padding-top: 15px;
}

.oa-modal-footer button {
    width: 90px;
    padding-top: 9px;
}

.oa-modal-enter,
.oa-modal-leave-active {
    opacity: 0;
}

.oa-modal-enter .oa-modal-container,
.oa-modal-leave-active .oa-modal-container {
    transform: scale(1.1);
}

@media (min-width: 1024px) {
    .oa-modal-container.sm {
        max-width: 590px;
        min-width: 590px;
        max-height: 590px;
    }
    .oa-modal-container.sm.md {
        min-height: 650px;
        max-height: 650px;
    }
    .oa-modal-container.sm .oa-modal-body,
    .oa-modal-container.sm .oa-modal-footer,
    .oa-modal-container.sm .oa-modal-header {
        padding-left: 90px;
        padding-right: 90px;
    }
    .oa-modal-container.sm .oa-modal-header {
        padding-top: 50px;
        box-shadow: none;
    }
    .oa-modal-container.sm .oa-modal-header h1 {
        text-align: center;
    }
    .oa-modal-container.sm .oa-modal-footer {
        height: 150px;
        box-shadow: none;
    }
    .oa-modal-container.sm .oa-modal-footer button {
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .oa-modal-wrapper {
        display: block;
        height: 100%;
        margin-top: 50px;
        margin-bottom: 0;
        background: #fff;
    }
    .oa-modal-container,
    .oa-modal-wrapper {
        width: 100%;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .oa-modal-container {
        max-width: 100%;
        min-width: 100%;
        height: auto;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        overflow: hidden;
    }
    .oa-modal-body,
    .oa-modal-footer,
    .oa-modal-header {
        position: fixed;
    }
    .oa-modal-body>div,
    .oa-modal-body>ul,
    .oa-modal-footer>div,
    .oa-modal-footer>ul,
    .oa-modal-header>div,
    .oa-modal-header>ul {
        width: 590px;
        margin: auto;
    }
    .oa-modal-header {
        top: 50px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .oa-modal-body {
        top: 130px;
        bottom: 70px;
        height: auto;
        width: 100%;
        padding: 18px 40px;
    }
}

@media (max-width: 767px) {
    .oa-modal-body,
    .oa-modal-footer,
    .oa-modal-header {
        padding-left: 20px;
        padding-right: 20px;
    }
    .oa-modal-body>div,
    .oa-modal-body>ul,
    .oa-modal-footer>div,
    .oa-modal-footer>ul,
    .oa-modal-footer button,
    .oa-modal-header>div,
    .oa-modal-header>ul {
        width: 100%;
    }
}

.dropdown-mask {
    position: absolute;
    top: 68px;
    left: 0;
    width: 100%;
    height: calc(100vh - 10rem);
    display: table;
    transition: opacity 0.3s ease;
    z-index: 9998;
    text-align: left;
}

.dropdown-wrapper {
    position: relative;
    margin: 0 auto;
    height: 100%;
    width: 620px;
}

.dropdown-container {
    position: relative;
    top: 0.125rem;
    height: calc(100vh - 14.375rem);
    min-height: 350px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    /*font-family: Helvetica, Arial, sans-serif;*/
}

.dropdown-container:before {
    z-index: 9999;
    content: "";
    display: block;
    position: absolute;
    top: -0.625rem;
    left: 93px;
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 0.625rem 0.625rem;
    filter: drop-shadow(0 -1rem 0.75rem rgba(0, 0, 0, 0.33));
}

.dropdown-header .dropdown-block {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    z-index: 1;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.dropdown-body {
    height: calc(100% - 150px);
    overflow: scroll;
}

.dropdown-block {
    position: relative;
    padding: 15px 20px;
}

.dropdown-block button {
    font-size: 1rem;
    color: #4a4a4a;
    display: inline-block;
}

.dropdown-block .dropdown-block-head {
    position: relative;
    display: block;
    padding: 10px 5px 5px;
    line-height: 20px;
    font-size: 15px;
}

.dropdown-block .dropdown-block-head .right {
    cursor: pointer;
    position: absolute;
    right: 0.3125rem;
}

.dropdown-block .dropdown-block-head .right:active,
.dropdown-block .dropdown-block-head .right:hover {
    color: #e14e2d;
}

.dropdown-footer {
    display: flex;
    height: 70px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    justify-content: flex-end;
    align-items: center;
    padding: 0.9375rem;
}

.dropdown-footer button {
    width: 90px;
    height: 40px;
    padding: 9px 29px;
}

.dropdown-enter-active,
.dropdown-leave-active {
    transition: all 0.1s ease-in-out;
}

.dropdown-enter,
.dropdown-leave-to {
    opacity: 0;
}

@media (max-width: 640px) {
    .dropdown-mask {
        top: auto;
        background: #fff;
    }
    .dropdown-wrapper {
        height: calc(100vh - 94px);
        overflow-y: scroll;
        width: 100vw;
    }
    .dropdown-container {
        top: 0;
        box-shadow: none;
        position: relative;
        margin: 0 auto;
        height: auto;
        min-height: 100%;
        width: 100%;
        border-radius: 0;
    }
    .dropdown-container:before {
        display: none;
    }
    .dropdown-header {
        position: relative;
    }
    .dropdown-header .dropdown-block {
        box-shadow: none;
        padding: 15px 20px 0;
    }
    .dropdown-body {
        padding-bottom: 140px;
        position: relative;
        height: auto;
    }
    .dropdown-body .dropdown-block {
        padding: 5px 20px 0;
    }
    .dropdown-body .dropdown-block .dropdown-block-head,
    .dropdown-body .dropdown-block .dropdown-block-head button {
        font-size: 13px;
    }
    .dropdown-body .dropdown-block .oa-btn-border {
        margin-right: 8px;
    }
    .dropdown-body .dropdown-block:last-child {
        margin-bottom: 10px;
    }
    .dropdown-footer {
        border: 0;
        padding: 10px;
        height: 60px;
        position: fixed;
        bottom: 0;
    }
    .dropdown-footer button {
        width: 100%;
    }
}

.form-group {
    margin: 2.625rem auto 0;
    width: 21.5rem;
}

.form-group+.form-group {
    margin-top: 1.5625rem;
}

.form-group label {
    display: block;
    text-align: left;
    text-align: initial;
    font-size: 0.75rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.0181rem;
    color: #9b9b9b;
    margin-bottom: 0.3125rem;
}

.form-group .form-hint {
    text-align: right;
    margin-top: 0.3125rem;
}

.form-group .form-hint.forget-password {
    font-size: 0.75rem;
    letter-spacing: -0.0181rem;
    color: #007aff;
}

.form-group .form-hint-normal {
    text-align: right;
    margin-top: 5px;
    height: 17px;
    font-size: 12px;
    letter-spacing: -0.29px;
    color: #9b9b9b;
}

.form-group .form-hint-left {
    text-align: left;
    margin-top: 0.3125rem;
}

.form-group .form-hint-left.forget-password {
    font-size: 0.75rem;
    letter-spacing: -0.0181rem;
    color: #007aff;
}

.form-group input[type="longtext"],
.form-group input[type="password"],
.form-group input[type="text"],
.form-group select {
    outline: none;
    display: block;
    background: #fff;
    width: 100%;
    border-radius: 0.1875rem;
    border: 1px solid #9b9b9b;
    box-sizing: border-box;
    padding: 0.75rem 1.25rem;
    color: rgba(0, 0, 0, 0.6);
    /*font-family: inherit;*/
    font-size: inherit;
    font-weight: 500;
    line-height: inherit;
    transition: 0.3s ease;
}

.form-group .input-password {
    padding: 0.75rem 2.25rem 0.75rem 1.25rem !important;
}

.form-group .show-pwd {
    float: right;
    margin-right: 10px;
    margin-top: -35px;
}

.form-group input[type="longtext"] {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.39px;
    color: #4a4a4a;
}

.form-group select {
    height: 50px;
    text-indent: 12px;
    text-color: #4a4a4a;
}

.form-group select.placeholder {
    color: #9b9b9b;
}

.form-group.error .form-hint-normal {
    color: #d0021b;
}

.form-group.error input[type="longtext"],
.form-group.error select {
    border: 1px solid #d0021b;
}

.textarea-wrapper {
    margin-top: 20px;
}

.textarea-wrapper textarea {
    padding: 15px;
    height: 98px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #cacaca;
    background-color: #f9f9f9;
    resize: none;
}

.textarea-wrapper textarea:active,
.textarea-wrapper textarea:focus {
    border: 1px solid #e17d2d;
    outline: none;
}

.select {
    position: relative;
    padding: 0 !important;
    overflow: hidden;
}

.select select {
    display: inline-block;
    font-size: 16px;
    width: 100%;
    cursor: pointer;
    outline: 0;
    border: 0;
    border-radius: 0;
    background: #fff;
    padding: 1rem 1.25rem;
    color: #9b9b9b;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.select select::-ms-expand {
    display: none;
}

.select select:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.select__arrow {
    position: absolute;
    top: 24px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-color: #7b7b7b transparent transparent;
    border-style: solid;
    border-width: 8px 5px 0;
}

.country-selector__input {
    padding-top: 0 !important;
}

.country-selector__label {
    display: none !important;
}

.country-selector__toggle {
    top: calc(50% - 0.5rem) !important;
}

.g-recaptcha div:first-child {
    margin: 0 auto;
}

.separate {
    border-bottom: 1px solid #e9e9e9;
}

.radio-card {
    display: inline-block;
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
    border-radius: 0.625rem;
    background-color: #fff;
    border: 1px solid #cacaca;
    vertical-align: middle;
    word-break: break-all;
}

.radio-card.active {
    border: 0.0625rem solid #e14e2d;
    background-color: #fef5ef;
}

.radio-card.block_soldOut {
    border-color: #e9e9e9;
    background: #e9e9e9;
}

.radio-card .radio-card-wrapper {
    padding: 0.9375rem;
}

.radio-card .radio-card-wrapper.soldOut {
    cursor: not-allowed;
}

.radio-card .radio-card-wrapper .main_title {
    font-size: 0.9375rem;
    line-height: 1.25;
    color: #2a2a2a;
    white-space: normal;
}

.radio-card .radio-card-wrapper .main_title.soldOut {
    color: #7a7a7a !important;
}

.radio-card .radio-card-wrapper .main_title .description {
    margin-left: 0.625rem;
}

.radio-card .radio-card-wrapper .sub_title {
    margin-top: 0.625rem;
    font-size: 0.8125rem;
    line-height: 1.17;
    color: #e17d2d;
}

.radio-card .radio-card-wrapper .sub_title.soldOut,
.radio-card .radio-card-wrapper .sub_title .soldOut {
    color: #7a7a7a !important;
}

.inp {
    display: block;
    position: relative;
    width: 100%;
    max-width: 280px;
    overflow: hidden;
}

.inp .label {
    position: absolute;
    bottom: 15px;
    left: 0;
    font-size: 15px;
    color: #7a7a7a;
    transform-origin: 0 0;
    transform: translateZ(0);
    transition: all 0.2s ease;
    pointer-events: none;
}

.inp .focus-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: scaleX(0);
    transform-origin: left;
}

.inp input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    border: 0;
    /*font-family: inherit;*/
    padding: 16px 12px 0 0;
    height: 56px;
    font-size: 16px;
    font-weight: 400;
    background: transparent;
    box-shadow: inset 0 -1px 0 hsla(0, 0%, 47.8%, 0.3);
    color: #2a2a2a;
    transition: all 0.15s ease;
    top: 15px;
}

.inp input.error {
    box-shadow: inset 0 -1px 0 red;
}

.inp input:not(:-ms-input-placeholder)+.label {
    color: hsla(0, 0%, 47.8%, 0.5) !important;
    transform: translate3d(0, -12px, 0) scale(0.75) !important;
}

.inp input:not(:-moz-placeholder-shown)+.label {
    color: hsla(0, 0%, 47.8%, 0.5);
    transform: translate3d(0, -12px, 0) scale(0.75);
}

.inp input:not(:placeholder-shown)+.label {
    color: hsla(0, 0%, 47.8%, 0.5);
    transform: translate3d(0, -12px, 0) scale(0.75);
}

.inp input:focus {
    background: transparent;
    outline: none;
    box-shadow: inset 0 -2px 0 #e17d2d;
}

.inp input:focus+.label {
    color: #7a7a7a;
    transform: translate3d(0, -12px, 0) scale(0.75);
}

.inp input:focus+.label+.focus-bg {
    transform: scaleX(1);
    transition: all 0.1s ease;
}

.c-shopping-ecoupon-modal .modal-container {
    background: #fff;
}

.c-shopping-ecoupon-modal .modal-body {
    height: calc(100% - 9.375rem);
}

.c-shopping-ecoupon-modal .modal-body .tab-container {
    height: 100%;
}

.c-shopping-ecoupon-modal .modal-body .tab-container .menus-wrapper {
    height: 3.75rem;
    border-bottom: 0.0625rem solid #e9e9e9;
}

.c-shopping-ecoupon-modal .modal-body .tab-container .menus-wrapper ul li {
    position: relative;
    display: inline-block;
    padding: 1.3125rem 0.9375rem 0;
}

.c-shopping-ecoupon-modal .modal-body .tab-container .menus-wrapper ul a {
    font-size: 0.9375rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a2a2a;
}

.c-shopping-ecoupon-modal .modal-body .tab-container .menus-wrapper ul a.active {
    color: #e14e2d;
}

.c-shopping-ecoupon-modal .modal-body .tab-container .menus-wrapper ul a:after {
    content: "";
    display: block;
    background: #e14e2d;
    height: 0.25rem;
    transition: 0.25s;
    width: 0;
    margin-top: 0.6875rem;
    border-radius: 100px 100px 0 0;
}

.c-shopping-ecoupon-modal .modal-body .tab-container .menus-wrapper ul a.active:after,
.c-shopping-ecoupon-modal .modal-body .tab-container .menus-wrapper ul a:hover:after {
    width: 100%;
}

.c-shopping-ecoupon-modal .modal-body .tab-container .radio-card-wrapper {
    grid-template-columns: 1fr;
}

.c-shopping-ecoupon-modal .modal-body .tab-container .coupons-wrapper {
    padding: 0.9375rem;
    overflow: scroll;
    height: calc(100% - 2.5rem);
}

.c-shopping-ecoupon-modal .modal-body .tab-container .coupons-wrapper::-webkit-scrollbar {
    display: none;
}

.c-shopping-ecoupon-modal .modal-body .tab-container .coupons-wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.c-shopping-ecoupon-modal .modal-body .tab-container .coupons-wrapper .notice {
    display: block;
    font-size: 0.8125rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a2a2a;
    padding: 0.9375rem;
    border: 1px solid #fef5ef;
    border-radius: 0.625rem;
    background: #fefaef;
    margin-bottom: 1.25rem;
}

.c-shopping-ecoupon-modal .modal-footer .footer-summary {
    padding: 1.25rem 0.9375rem;
    display: flex;
    justify-content: flex-end;
}

.c-shopping-ecoupon-modal .modal-footer .footer-summary .btn-addToCart {
    display: block;
    font-size: 0.9375rem;
    height: 40px;
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: justify;
}

.c-shopping-ecoupon-modal .icon-add {
    width: 2rem;
    height: 2rem;
}

.c-shopping-ecoupon-modal .icon-close {
    width: 2.5rem;
    height: 2.5rem;
}

@media (max-width: 1023px) {
    .c-shopping-ecoupon-modal .modal-container {
        padding-left: 5.5625rem;
        padding-right: 5.5625rem;
    }
    .c-shopping-ecoupon-modal .modal-wrapper {
        padding-top: 3.125rem;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
    }
    .c-shopping-ecoupon-modal .modal-container {
        width: 100%;
        height: 100%;
        border-top-left-radius: 1.25rem;
        border-top-right-radius: 1.25rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        min-width: 0;
        max-width: none;
    }
    .c-shopping-ecoupon-modal .modal-body .verify-wrapper {
        height: auto !important;
        padding: 0.9375rem 0.9375rem 1.8125rem;
    }
    .c-shopping-ecoupon-modal .modal-body .verify-wrapper .verify-description-wrapper {
        flex-direction: column;
        width: 22.4375rem !important;
        margin-right: 6.5625rem;
    }
    .c-shopping-ecoupon-modal .modal-body .verify-wrapper .verify-description-wrapper .slash {
        display: none;
    }
    .c-shopping-ecoupon-modal .modal-body .verify-wrapper .verify-description-wrapper .inp {
        max-width: 22.4375rem !important;
    }
    .c-shopping-ecoupon-modal .modal-body .verify-wrapper .btn-verify {
        align-self: flex-end !important;
    }
    .c-shopping-ecoupon-modal .modal-footer {
        padding-left: 5.5625rem;
        padding-right: 5.5625rem;
    }
}

@media (max-width: 767px) {
    @supports (padding-bottom: env(safe-area-inset-bottom)) {
        .c-shopping-ecoupon-modal {
            padding-bottom: calc(env(safe-area-inset-bottom) + 2.1875rem);
        }
    }
    .c-shopping-ecoupon-modal .modal-container {
        padding: 0;
    }
    .c-shopping-ecoupon-modal .modal-wrapper {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
    }
    .c-shopping-ecoupon-modal .modal-container {
        min-width: 20rem;
    }
    .c-shopping-ecoupon-modal .modal-body {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .c-shopping-ecoupon-modal .modal-body .tab-container .coupons-wrapper {
        padding: 0.9375rem 0 0;
    }
    .c-shopping-ecoupon-modal .modal-footer {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: env(safe-area-inset-bottom);
    }
    .c-shopping-ecoupon-modal .modal-footer .footer-summary {
        padding: 1.25rem 0;
        width: 100%;
    }
    .c-shopping-ecoupon-modal .modal-footer .footer-summary .btn-addToCart {
        width: 100%;
    }
}

.oa-modal-mask-agreement ul {
    margin-top: 40px;
    font-size: 15px;
    color: #2a2a2a;
}

.oa-modal-mask-agreement ul li {
    display: flex;
    line-height: 20px;
}

.oa-modal-mask-agreement p {
    white-space: inherit !important;
    margin-bottom: 20px;
}

.oa-modal-mask-agreement ol,
.oa-modal-mask-agreement ul {
    list-style: decimal;
    margin-left: 20px;
}

.c-popUp-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: table;
    transition: opacity 0.3s ease;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-popUp-content {
    width: 590px;
    height: 462px;
    margin: 0 auto;
    border-radius: 0.625rem;
    background-color: #f8f8f8;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.33);
    transition: all 0.3s ease;
    /*font-family: Helvetica, Arial, sans-serif;*/
    position: relative;
    overflow: scroll;
    padding: 40px 89px;
}

.c-popUp-header {
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
}

.c-popUp-title {
    font-weight: 600;
    font-size: 17px;
}

.c-popUp-body {
    margin-bottom: 45px;
    height: 233px;
    overflow-y: scroll;
}

.c-popUp-footer button {
    width: 100%;
    display: flex;
    align-items: center;
    height: center;
    justify-content: center;
    padding: 0;
}

@media (max-width: 767px) {
    .c-popUp-dialog {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: table;
        transition: opacity 0.3s ease;
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .c-popUp-content {
        width: 280px;
        height: 280px;
        padding: 20px;
    }
    .c-popUp-header {
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
    }
    .c-popUp-title {
        font-weight: 600;
        font-size: 17px;
    }
    .c-popUp-body {
        height: 122px;
        margin-bottom: 15px;
    }
}

.ot-popup-content {
    text-align: center;
    height: auto;
    width: 500px;
    padding: 40px 30px;
    border-radius: 20px;
}

.ot-popup-content .ot-popUp-message {
    margin: 40px auto;
    font-size: 15px;
}

.ot-popup-content button {
    width: 100%;
}

.ot-popup-content.dual button {
    width: 204px;
    margin-right: 5px;
}

.ot-popup-content.dual button:last-child {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .ot-popup-content,
    .ot-popup-content.dual {
        width: 280px;
        padding: 20px;
    }
    .ot-popup-content.dual button,
    .ot-popup-content button {
        width: 100%;
        margin-right: 0;
        margin-top: 10px;
    }
}

.card {
    border-radius: 1.25rem;
    box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.card_1 {
    padding: 2.5rem 0.9375rem;
}

.card_2 {
    padding: 2.5rem 0.9375rem 1.25rem;
}

.card__title {
    display: block;
    font-size: 1.0625rem;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 1rem;
    font-weight: 600;
    color: #2a2a2a;
}

.l-program__sticky-header {
    z-index: 1;
    position: sticky !important;
    top: 90px;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 0;
    padding: 0;
    justify-content: right;
    text-align: right;
    background: transparent;
}

.l-program__sticky-header>div {
    display: flex;
}

.l-program__sticky-header .title {
    padding: 16px 0;
    color: #2a2a2a;
    font-size: 1.25rem;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.l-program__sticky-header a {
    margin: 0 0.3125rem 0 auto;
    padding: 0.4375rem 1.9375rem;
    height: 2.25rem;
    text-align: justify;
    font-size: 1rem;
    color: #fff;
    border-radius: 0.1875rem;
    background-color: #1082ff;
}

.l-program__sticky-header .icon__social {
    margin: 0 0.3125rem;
    width: 2.25rem;
    height: 2.25rem;
    font-size: 1.25rem;
    text-align: center;
    border-radius: 3px;
    background-color: #f8f8f8;
}

.l-program__sticky-header .icon__social svg {
    color: #1082ff;
    vertical-align: middle;
}

.l-program__sticky-header.sticky {
    background: #fef5ef;
}

.l-program__sticky-header.sticky .icon__social,
.l-program__sticky-header.sticky a {
    background-color: hsla(0, 0%, 97.3%, 0.3);
}

.l-program__sticky-header.sticky .icon__social svg {
    color: #fff;
}

.l-program__introduce {
    justify-content: space-between;
    margin-top: 1.25rem;
}

.l-program__introduce--left {
    display: grid;
    grid-template-columns: 13.5625rem 1fr;
    grid-template-areas: " logo brief" "   logo   collection " "   logo   tags " "   .   tags ";
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    color: #2a2a2a;
    z-index: -1;
}

.l-program__introduce--left .introduce__container {
    display: none;
}

.l-program__introduce--left .program-logo {
    width: 13.5625rem;
    max-width: 13.5625rem;
    margin-top: 0.5625rem;
    border-radius: 0.9375rem;
    box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
    background-color: #d8d8d8;
    grid-area: logo;
}

.l-program__introduce--left .program__brief {
    font-size: 0.9375rem;
    line-height: 1.25;
    letter-spacing: normal;
    grid-area: brief;
}

.l-program__introduce--left .program__brief span {
    display: block;
    margin-bottom: 10px;
    word-break: break-all;
}

.l-program__introduce--left .program__brief span .text-organizer {
    display: inline;
}

.l-program__introduce--left .program__brief a {
    text-decoration: underline;
    color: #e17d2d;
}

.l-program__introduce--left .program__brief a:visited {
    color: #bb4126;
}

.l-program__introduce--left .program__brief--title {
    font-size: 1.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    word-break: break-word;
    margin-bottom: 10px;
}

.l-program__introduce--left .program__brief--collection {
    display: inline-flex;
    grid-area: collection;
}

.l-program__introduce--left .program__brief--collection .btn-collection,
.l-program__introduce--left .program__brief--collection .btn-websiteUrl {
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.l-program__introduce--left .program__brief--collection .btn-collection svg,
.l-program__introduce--left .program__brief--collection .btn-websiteUrl svg {
    margin-right: 0;
    margin-left: -5px;
}

.l-program__introduce--left .program__brief--collection .btn-collection span,
.l-program__introduce--left .program__brief--collection .btn-websiteUrl span {
    margin: 0;
}

.l-program__introduce--left .program__brief--collection .btn-websiteUrl {
    margin-left: 10px;
}

.l-program__introduce--left .program__brief--collection .separate {
    margin-top: 1.25rem;
}

.l-program__introduce--left .program__brief--tags {
    grid-area: tags;
    margin-top: 0.9375rem;
}

.l-program__introduce--left .program__brief--tags li {
    color: #2a2a2a;
    margin-bottom: 0.625rem;
    margin-right: 0.625rem;
    display: inline-block;
    border: 1px solid #e9e9e9;
    border-radius: 1.25rem;
    padding: 9px 16px;
    font-size: 0.9375rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    transition: all 0.2s ease-in-out;
}

.l-program__introduce--left .program__brief--tags li a {
    color: #2a2a2a;
}

.l-program__introduce--left .program__brief--tags li:hover {
    background: #fef5ef;
    border-color: #e14e2d;
}

.l-program__introduce--left .program__brief__category {
    display: inline-block !important;
}

.l-program__introduce--left .program__brief__category__organizer {
    display: grid;
    grid-template-columns: 45px 1fr;
}

.l-program__introduce--left .program__brief__category__organizer,
.l-program__introduce--left .program__brief__category__websiteUrl {
    margin-bottom: 10px;
}

.l-program__introduce--left .program__brief__category__organizer a,
.l-program__introduce--left .program__brief__category__organizer div,
.l-program__introduce--left .program__brief__category__websiteUrl a,
.l-program__introduce--left .program__brief__category__websiteUrl div {
    display: block;
    word-break: break-all;
    margin-bottom: 5px;
}

.l-program__introduce--left .program__brief__category__organizer .link-url,
.l-program__introduce--left .program__brief__category__websiteUrl .link-url {
    display: inline;
    margin-right: 5px;
}

.l-program__introduce--left .program__brief__category__organizer.organizer_title,
.l-program__introduce--left .program__brief__category__organizer.time,
.l-program__introduce--left .program__brief__category__websiteUrl.organizer_title,
.l-program__introduce--left .program__brief__category__websiteUrl.time {
    margin-bottom: 0;
}

.l-program__introduce--left .program__brief__scores {
    display: contents !important;
    color: #f5a623;
}

.l-program__events {
    margin-top: 30px;
}

.l-program__events .events__wrapper {
    background: #f9f9f9;
}

.l-program__events .events__wrapper.isOffTheSelves {
    padding: 25px;
    font-size: 15px;
}

.l-program__events .events__content__list {
    background-color: #f8f8f8;
    border-radius: 0.3125rem;
}

.l-program__events .events__content__list .title {
    font-size: 0.9375rem;
    color: #2a2a2a;
}

.l-program__events .events__venues {
    margin-top: 0.9375rem;
    margin-bottom: 1.875rem;
    overflow: auto;
    overflow-y: hidden;
}

.l-program__events .events__venues::-webkit-scrollbar {
    display: none;
}

.l-program__events .events__venues__block {
    display: inline-block;
    margin-right: 0.625rem;
    margin-bottom: 0.9375rem;
    border-radius: 0.625rem;
    background-color: #fff;
    border: 1px solid #cacaca;
    vertical-align: middle;
}

.l-program__events .events__venues__block__wrapper {
    padding: 0.625rem 0.9375rem;
}

.l-program__events .events__venues__block__wrapper .location {
    font-size: 0.75rem;
    line-height: 1.17;
    color: #9b9b9b;
}

.l-program__events .events__venues__block__wrapper .venue {
    font-size: 1rem;
    line-height: 1.25;
    color: #4a4a4a;
    overflow: hidden;
    word-break: break-word;
}

.l-program__events .events__venues__block.active {
    border: 0.0625rem solid #e14e2d;
    background-color: #fef5ef;
}

.l-program__events .events__venues__block.active .location,
.l-program__events .events__venues__block.active .venue {
    color: #e14e2d;
}

.l-program__events .events__address-wrapper {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 0.625rem 0;
    font-size: 0.8125rem;
}

.l-program__events .events__address-wrapper .event-address {
    align-self: center;
}

.l-program__events .events__address-wrapper .map a {
    color: #2a2a2a;
    display: flex;
    align-items: center;
}

.l-program__events .events__list {
    margin-top: 0.9375rem;
    overflow: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.l-program__events .events__list::-webkit-scrollbar {
    display: none;
}

.l-program__events .events__list__table .column__body {
    background-color: #fff;
    padding: 0.9375rem;
    border-radius: 0.625rem;
    border: 1px solid #cacaca;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.l-program__events .events__list__table .column__body:last-child {
    margin-bottom: 0;
}

.l-program__events .events__list__table .column__body .left {
    margin-right: 0.9375rem;
    white-space: normal;
}

.l-program__events .events__list__table .column__body .left .date {
    margin-bottom: 0.625rem;
}

.l-program__events .events__list__table .column__body .left .priceplans_wrapper {
    color: #e17d2d;
    font-size: 0.8125rem;
    display: grid;
    grid-template-columns: auto auto 1fr;
    margin-right: 1.25rem;
}

.l-program__events .events__list__table .column__body .left .priceplans_wrapper .separate {
    display: none;
}

.l-program__events .events__list__table .column__body .left .priceplans_wrapper .priceplans {
    display: inline-flex;
    flex-wrap: wrap;
}

.l-program__events .events__list__table .column__body .left .priceplans_wrapper .priceplans .priceplan.soldOut {
    text-decoration: line-through;
}

.l-program__events .events__list__table .column__body .left .priceplans_wrapper .priceplans .priceplan:last-child {
    margin-right: 10px;
}

.l-program__events .events__list__table .column__body .left .priceplans_wrapper .priceplans_title {
    word-break: keep-all;
}

.l-program__events .events__list__table .column__body .left .priceplans_wrapper .priceplans_infos {
    display: inline-flex;
}

.l-program__events .events__list__table .column__body .right {
    align-self: center;
}

.l-program__events .events__list__table .column__body .right .oa-btn-solid {
    display: block;
    padding: 9px 29px;
}

.l-program__events .events__list__table .column__body .right .soldOut {
    margin-right: 2.125rem;
}

.l-program__events .events__list__table .column__body.body_soldOut {
    color: #cacaca !important;
    background: #e9e9e9;
    border: 0;
}

.l-program__events .events__list__table .column__body.body_soldOut .left {
    color: #cacaca !important;
}

.l-program__events .events__list__table .column__body.body_soldOut .left .priceplans_wrapper,
.l-program__events .events__list__table .column__body.body_soldOut .left .soldOut {
    color: #2a2a2a !important;
}

.l-program__events .events__list__table .column__body.body_soldOut .left .date {
    color: #7a7a7a;
}

.l-program__events .events__list__table .column__body.body_soldOut .left .onSaleDate {
    display: inline-block;
    color: #e17d2d;
}

.l-program__events .events__mobile__detail {
    display: none;
}

.l-program__events .icon-map {
    width: 40px;
    height: 40px;
    vertical-align: middle;
}

.l-program__events.noevent {
    padding: initial;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.l-program__events .ticket-package__program {
    display: grid;
    grid-template-columns: 3.125rem 1fr;
    grid-column-gap: 0.625rem;
    -moz-column-gap: 0.625rem;
    column-gap: 0.625rem;
    padding: 0.9375rem 0;
    border-top: 0.0625rem solid #e9e9e9;
    cursor: pointer;
}

.l-program__events .ticket-package__program+.ticket-package__program:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.l-program__events .ticket-package__program__logo {
    width: 3.125rem;
    height: 4.375rem;
    background-size: cover;
    border-radius: 0.625rem;
    box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
    background-color: #d8d8d8;
}

.l-program__events .ticket-package__program__title {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.71;
    color: #4a4a4a;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    white-space: break-spaces;
    word-break: break-all;
}

.l-program__events .ticket-package__program__date {
    display: block;
    font-size: 0.75rem;
    line-height: 1.83;
    color: #7a7a7a;
}

.l-program__contents {
    margin-top: 2.5rem !important;
    display: grid;
    grid-template-columns: 1fr 18.625rem;
    grid-column-gap: 1.3125rem;
    -moz-column-gap: 1.3125rem;
    column-gap: 1.3125rem;
}

.l-program__contents .content {
    margin-bottom: 1.25rem;
    font-size: 0.9375rem;
}

.l-program__contents .content:last-child {
    margin-bottom: 2.5rem;
}

.l-program__contents .content .separate {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.l-program__contents .content__introduce__header {
    position: relative;
}

.l-program__contents .content__video {
    height: 331px;
}

.l-program__contents .content__title {
    display: block;
    font-size: 1.0625rem;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 1rem;
    font-weight: 600;
    color: #2a2a2a;
    display: inline-block;
    padding-left: 0.9375rem;
}

.l-program__contents .content__more {
    display: none;
    padding: 0 1rem;
    color: #e14e2d;
    top: 0;
    position: absolute;
    right: 0;
}

.l-program__contents .content__content {
    padding: 0 1rem;
    word-break: break-all;
}

.l-program__contents .content__content__notice {
    margin-top: 0.9375rem;
    border: 1px solid #ffece8;
    background-color: #fefaef;
    padding: 2.5rem 0.9375rem;
    font-size: 0.9375rem;
    line-height: 2;
    border-radius: 0.625rem;
}

.l-program__contents .content__content__notice__title {
    display: block;
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.11;
    letter-spacing: -0.43px;
    color: #e14e2d;
    margin-bottom: 0.9375rem;
}

.l-program__contents .recommend__program {
    display: grid;
    grid-template-columns: 3.125rem 1fr;
    grid-column-gap: 0.625rem;
    -moz-column-gap: 0.625rem;
    column-gap: 0.625rem;
    border-bottom: 0.0625rem solid #e9e9e9;
    padding: 0.9375rem 0;
    cursor: pointer;
}

.l-program__contents .recommend__program+.recommend__program:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.l-program__contents .recommend__program__logo {
    width: 3.125rem;
    height: 4.375rem;
    background-size: cover;
    border-radius: 0.625rem;
    box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
    background-color: #d8d8d8;
}

.l-program__contents .recommend__program__title {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.71;
    color: #4a4a4a;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    white-space: break-spaces;
    word-break: break-all;
}

.l-program__contents .recommend__program__date {
    display: block;
    font-size: 0.75rem;
    line-height: 1.83;
    color: #7a7a7a;
}

.l-program__contents .history {
    margin-top: 3.125rem;
}

.l-program__contents .history__program {
    margin-bottom: 0.9375rem;
    font-size: 0.9375rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a2a2a;
}

.l-program__contents .history__program__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    white-space: break-spaces;
    word-break: break-all;
}

.l-program__contents .history__program a {
    color: #2a2a2a;
}

.l-program__contents .history__program:last-child {
    margin-bottom: 0;
}

.l-program__contents .programOrganizers__title {
    font-size: 0.9375rem;
    line-height: 1.25;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    color: #2a2a2a;
}

.l-program__contents .programOrganizers__wrapper__organizer {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.8125rem;
}

.l-program__contents .programOrganizers__organizer {
    display: inline-block;
    max-height: 30px;
    margin-right: 0.625rem;
    margin-bottom: 20px;
}

.l-program__contents .programOrganizers__organizer img {
    max-height: 30px;
}

.l-program__contents .programOrganizers__organizer.noLogo {
    display: block;
    width: 100%;
    max-height: none;
}

.l-program__contents .programOrganizers__organizer:last-child {
    margin-bottom: 0;
}

.l-program__functions {
    margin-top: 1.875rem;
    position: sticky !important;
    top: 9.5rem;
    overflow: hidden;
    border-bottom: 0.0625rem solid #e9e9e9;
}

.l-program__functions--menus {
    height: 60px;
    border-radius: 0.3125rem;
}

.l-program__functions--menus ul li {
    position: relative;
    display: inline-block;
    padding: 1.3125rem 0.9375rem 0;
}

.l-program__functions--menus ul a {
    display: inline;
    font-size: 0.9375rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #2a2a2a;
}

.l-program__functions--menus ul a.active {
    color: #e14e2d;
}

.l-program__functions--menus ul a:after {
    content: "";
    width: 0;
    margin-top: 0.6875rem;
    border-radius: 100px 100px 0 0;
}

.l-program__functions--menus ul a.active:after,
.l-program__functions--menus ul a:hover:after {
    width: 100%;
}

.l-program__functions--menus ul a.active:after {
    display: block;
    background: #e14e2d;
    height: 4px;
    transition: 0.25s;
}

.l-program__functions.sticky {
    z-index: 1;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.l-program__functions.sticky .l-program__functions--menus {
    background-color: #fff;
}

@media (max-width: 1023px) {
    .l-program__sticky-header {
        top: 60px;
    }
    .l-program__stickybar__container {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
    .l-program__introduce--left {
        grid-template-columns: 8.875rem 27.0625rem;
        grid-template-areas: "logo brief" "logo brief" "logo collection " "tags tags";
    }
    .l-program__introduce--left .program-logo {
        width: 142px;
    }
    .l-program__introduce--left .program__brief .separate {
        display: none;
    }
    .l-program__introduce--left .program__brief--title {
        font-size: 1.375rem;
    }
    .l-program__introduce--left .program__brief--collection .separate {
        display: none;
    }
    .l-program__introduce--left .program__brief--tags {
        padding-top: 0.9375rem;
        border-top: 0.0625rem solid #e9e9e9;
    }
    .l-program__functions {
        top: 7.625rem;
        border-bottom: 0;
    }
    .l-program__events {
        margin-top: 0;
        border-top: 0.3125rem solid #e9e9e9;
        border-bottom: 0.3125rem solid #e9e9e9;
        padding-bottom: 1.25rem;
        padding-top: 2.5rem;
        background: #f9f9f9;
    }
    .l-program__events .events__wrapper {
        box-shadow: none;
        padding: 0;
    }
    .l-program__events .events__address-wrapper {
        display: grid;
        grid-template-columns: 2fr 1fr;
    }
    .l-program__events .events__address-wrapper .event-address {
        word-break: break-all;
    }
    .l-program__events .events__address-wrapper .map {
        justify-self: flex-end;
    }
    .l-program__events .events__wrapper {
        margin: 0 auto;
    }
    .l-program__contents {
        grid-template-columns: 1fr;
        margin-top: 0 !important;
    }
    .l-program__contents .content {
        padding: 0;
        margin-bottom: 0;
    }
    .l-program__contents .content:last-child {
        margin-bottom: 0;
    }
    .l-program__contents .content__video {
        width: 100%;
        height: 25.875rem;
        margin: 0.9375rem 0;
    }
    .l-program__contents .content__discount,
    .l-program__contents .content__introduce {
        border-bottom: 0.3125rem solid #e9e9e9;
    }
    .l-program__contents .content__introduce__wrapper {
        margin: 0 auto;
        box-shadow: none;
        border-radius: 0;
        padding-left: 5.5625rem;
        padding-right: 5.5625rem;
    }
    .l-program__contents .content__title {
        padding-left: 0;
    }
    .l-program__contents .content__more {
        display: block;
    }
    .l-program__contents .content__content {
        padding-left: 0;
    }
    .l-program__contents .rec_his_wrapper {
        max-width: 36.875rem;
    }
    .l-program__contents .recommend__wrapper {
        border-bottom: 0.3125rem solid #e9e9e9;
    }
    .l-program__contents .recommend {
        margin: 0 auto;
        box-shadow: none;
        border-radius: 0;
        padding: 2.5rem 5.5625rem;
    }
    .l-program__contents .recommend__program__title {
        font-size: 0.9375rem;
    }
    .l-program__contents .recommend__program__date {
        font-size: 0.75rem;
    }
    .l-program__contents .recommend ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 0.3125rem;
        -moz-column-gap: 0.3125rem;
        column-gap: 0.3125rem;
        grid-row-gap: 0.3125rem;
        row-gap: 0.3125rem;
    }
    .l-program__contents .history {
        margin: 0 auto;
        box-shadow: none;
        border-radius: 0;
        padding: 2.5rem 5.5625rem;
    }
    .l-program__contents .history__program__title {
        font-size: 0.9375rem;
    }
    .l-program__contents .history ul {
        display: grid;
        grid-template-columns: fr;
        grid-column-gap: 0.3125rem;
        -moz-column-gap: 0.3125rem;
        column-gap: 0.3125rem;
        grid-row-gap: 0.3125rem;
        row-gap: 0.3125rem;
    }
}

@media (max-width: 767px) {
    .l-program__sticky-header .title {
        font-size: 17px;
        padding: 8px 0;
    }
    .l-program__stickybar__container {
        padding: 0;
        display: block;
        position: fixed;
        bottom: 0;
        top: auto;
        width: 100%;
    }
    @supports (padding-bottom: env(safe-area-inset-bottom)) {
        .l-program__stickybar__container {
            padding-bottom: calc(env(safe-area-inset-bottom) + 2.1875rem);
        }
    }
    .l-program__stickybar__container .program-name {
        display: none;
    }
    .l-program__stickybar__content {
        justify-content: normal;
    }
    .l-program__stickybar__content--right {
        height: 100%;
        width: 100%;
        align-items: normal;
        grid-template-columns: 50px 50px 1fr;
        grid-column-gap: normal;
        -moz-column-gap: normal;
        grid-column-gap: 0;
        -moz-column-gap: initial;
        column-gap: normal;
    }
    .l-program__stickybar__content--right a {
        order: 3;
        text-align: center;
        padding: initial;
        background-color: #1082ff;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    @supports (margin-bottom: env(safe-area-inset-bottom)) {
        .l-program__stickybar__content--right a {
            margin-bottom: calc(env(safe-area-inset-bottom));
        }
    }
    .l-program__stickybar__content--right .icon__social {
        background-color: hsla(0, 0%, 97.3%, 0.3);
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0;
    }
    @supports (margin-bottom: env(safe-area-inset-bottom)) {
        .l-program__stickybar__content--right .icon__social {
            height: calc(env(safe-area-inset-bottom) + 3.125rem);
            padding-bottom: calc(env(safe-area-inset-bottom));
        }
    }
    .l-program__functions {
        top: 100px;
    }
    .l-program__introduce {
        display: block;
        padding: 0;
        margin-top: 0;
    }
    .l-program__introduce--left {
        grid-template-columns: 1fr 2fr;
        grid-template-rows: 1fr;
        grid-column-gap: 0.625rem;
        -moz-column-gap: 0.625rem;
        column-gap: 0.625rem;
        margin-top: 1.25rem;
        grid-template-areas: "logo brief" "logo brief" "collection collection" "tags tags";
    }
    .l-program__introduce--left .program-logo {
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        margin-top: 0;
    }
    .l-program__introduce--left .program__brief {
        margin-top: 0;
    }
    .l-program__introduce--left .program__brief a,
    .l-program__introduce--left .program__brief div {
        font-size: 0.75rem;
        margin-bottom: 5px;
    }
    .l-program__introduce--left .program__brief--title {
        font-size: 1.0625rem !important;
        position: static !important;
    }
    .l-program__introduce--left .program__brief--title.isSticky {
        visibility: visible !important;
        visibility: initial !important;
        position: static !important;
    }
    .l-program__introduce--left .program__brief__category {
        display: none !important;
    }
    .l-program__introduce--left .program__brief__category__organizer {
        display: inline;
        display: initial;
    }
    .l-program__introduce--left .program__brief--collection {
        grid-column-start: 1;
        grid-column-end: 3;
        margin-top: 1.25rem;
    }
    .l-program__introduce--left .program__brief--collection .btn-collection,
    .l-program__introduce--left .program__brief--collection .btn-websiteUrl {
        width: 100%;
    }
    .l-program__introduce--left .program__brief--tags {
        grid-column-start: 1;
        grid-column-end: 3;
        margin-top: 1.25rem;
    }
    .l-program__introduce--left .program__brief--tags li {
        font-size: 0.8125rem;
    }
    .l-program__introduce--right {
        display: none;
    }
    .l-program__contents {
        margin-top: 0;
    }
    .l-program__contents .content {
        padding: 0;
    }
    .l-program__contents .content__video {
        height: 10.25rem;
    }
    .l-program__contents .content__title {
        margin-bottom: 0.9375rem;
        font-size: 1.0625rem;
        padding: 0;
    }
    .l-program__contents .content__title__refundAgreement,
    .l-program__contents .content__title__ticketingInfo {
        margin-bottom: 0;
    }
    .l-program__contents .content__title__refundAgreement.show,
    .l-program__contents .content__title__ticketingInfo.show {
        margin-bottom: 0.9375rem;
    }
    .l-program__contents .content__content {
        font-size: 0.9375rem;
        padding: 0;
    }
    .l-program__contents .content__content__refundAgreement,
    .l-program__contents .content__content__ticketingInfoContent {
        display: none;
    }
    .l-program__contents .content__content img {
        min-width: 0 !important;
    }
    .l-program__contents .content__introduce__wrapper {
        background: #f9f9f9;
        padding: 2.5rem 1.25rem;
    }
    .l-program__contents .content__introduce__wrapper hr {
        display: none;
    }
    .l-program__contents .history,
    .l-program__contents .recommend {
        background: #f9f9f9;
        padding: 2.5rem 1.25rem 0.9375rem;
    }
    .l-program__contents .history ul,
    .l-program__contents .recommend ul {
        grid-template-columns: 1fr;
    }
    .l-program__contents .history__title,
    .l-program__contents .recommend__title {
        font-size: 1.375rem;
    }
    .l-program__events {
        margin-top: 0;
        padding-top: 2.5rem;
    }
    .l-program__events .events__wrapper {
        box-shadow: none;
        padding: 0;
    }
    .l-program__events .events__venues__block__wrapper .venue {
        font-size: 0.9375rem;
    }
    .l-program__events .events__list__table .column__body {
        display: grid;
        grid-row-gap: 0.625rem;
        row-gap: 0.625rem;
        justify-content: normal;
        white-space: normal;
    }
    .l-program__events .events__list__table .column__body .left .priceplans_wrapper {
        grid-template-rows: 1fr;
        grid-template-columns: none;
    }
    .l-program__events .events__list__table .column__body .left .priceplans_wrapper .remain_infos {
        display: inline;
    }
    .l-program__events .events__list__table .column__body .left .priceplans_wrapper .remain_infos .slash {
        display: none;
    }
    .l-program__events .events__list__table .column__body .left .priceplans_wrapper .remain_infos .separate {
        display: block;
    }
    .l-program__events .events__list__table .column__body .left .priceplans_wrapper .priceplans_title {
        display: inline;
        word-break: keep-all;
    }
    .l-program__events .events__list__table .column__body .left .priceplans_wrapper .priceplans_infos {
        display: flex;
    }
    .l-program__events .events__list__table .column__body .right .event-finished,
    .l-program__events .events__list__table .column__body .right .soldOut {
        margin-right: 0;
        text-align: center;
        display: block;
    }
    .l-program__functions {
        margin-top: 0;
    }
    .l-program__functions--menus {
        height: 3.125rem;
        overflow-x: scroll;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .l-program__functions--menus::-webkit-scrollbar {
        display: none;
    }
    .l-program__functions--menus ul li {
        padding: 0.9375rem 0.9375rem 0 0;
    }
    .l-program__functions--menus ul a {
        font-size: 13px;
        font-weight: 400;
        line-height: normal;
    }
    .l-program__functions--menus ul a:after {
        margin-top: 0.4375rem;
    }
}

@media (max-width: 767px) {
    .l-program__functions.sticky {
        box-shadow: none;
    }
}

.hasTopBar .l-program__sticky-header {
    top: 114px;
}

@media (max-width: 1023px) {
    .hasTopBar .l-program__sticky-header {
        top: 84px;
    }
}

.hasTopBar .l-program__functions {
    top: 176px;
}

@media (max-width: 1023px) {
    .hasTopBar .l-program__functions {
        top: 146px;
    }
}

@media (max-width: 767px) {
    .hasTopBar .l-program__functions {
        top: 124px;
    }
}

.l-mobile-seating-cart__sidebar--container {
    display: none;
}

.l-seating-cart {
    padding-top: 5.625rem;
    height: 100vh;
}

.l-seating-cart__seats {
    width: calc(100vw - 325px);
    height: 100%;
    overflow: hidden;
    position: relative;
}

.l-seating-cart__seats .zoom-wrapper {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    display: flex;
    flex-direction: column;
}

.l-seating-cart__seats .zoom-wrapper .qustion-wrapper {
    position: relative;
}

.l-seating-cart__seats .zoom-wrapper .qustion-wrapper .question-view {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    right: 60px;
    width: 230px;
    height: 180px;
    padding: 15px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #fef5ef;
    background-color: #fefaef;
    bottom: 5px;
    border-radius: 15px;
}

.l-seating-cart__seats .zoom-wrapper .qustion-wrapper .question-view-body {
    padding: 10px;
}

.l-seating-cart__seats .zoom-wrapper .qustion-wrapper .question-view-footer {
    align-self: flex-end;
}

.l-seating-cart__seats .zoom-wrapper .icon40 {
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    transition: all 0.2s ease;
    cursor: pointer;
}

.l-seating-cart__seats .zoom-wrapper .icon40.zoom-in {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.l-seating-cart__seats .zoom-wrapper .icon40.zoom-out {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 10px;
}

.l-seating-cart__seats .zoom-wrapper .icon40.question {
    margin-top: 10px;
}

.l-seating-cart__seats .zoom-wrapper .icon40:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.l-seating-cart__sidebar--container {
    position: relative;
    height: calc(100vh - 5.625rem);
    width: 20rem;
    overflow: scroll;
    overflow-y: scroll;
    position: absolute;
    top: 5.625rem;
    bottom: 0;
    right: 0;
    box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.1);
    background-color: #fef5ef;
}

.l-seating-cart__sidebar--wrapper {
    position: relative;
    border-top-right-radius: 1.25rem;
    border-top-left-radius: 1.25rem;
    box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    height: calc(100vh - 23.125rem);
}

.l-seating-cart__sidebar__banner {
    background: #fef5ef;
    color: #2a2a2a;
    height: 10.8125rem;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.l-seating-cart__sidebar__banner__wrapper {
    padding: 1.25rem;
}

.l-seating-cart__sidebar__banner .programInfo .title {
    font-size: 1.0625rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.l-seating-cart__sidebar__banner .programInfo .title,
.l-seating-cart__sidebar__banner .programInfo .venueName {
    line-height: 1.25rem;
    max-height: 2.5rem;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.l-seating-cart__sidebar__banner .programInfo .venueName {
    display: block;
    margin-top: 0.625rem;
    font-size: 0.9375rem;
    font-stretch: normal;
    font-style: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

.l-seating-cart__sidebar__banner .dropdown-events {
    cursor: pointer;
    width: 17.5rem;
    height: 2.5rem;
    margin-top: 1.25rem;
    border: 0.0625rem solid #e14e2d;
    display: flex;
    justify-content: space-between;
    border-radius: 0.625rem;
    font-size: 0.9375rem;
}

.l-seating-cart__sidebar__banner .dropdown-events .event-date {
    align-self: center;
    padding: 0 0.9375rem;
    font-weight: 600;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.l-seating-cart__sidebar__banner .dropdown-events .icon-dropdown-light {
    height: 0.5rem;
    width: 0.25rem;
}

.l-seating-cart__sidebar--table {
    padding: 0 1.25rem;
    font-size: 0.9375rem;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a2a2a;
    height: calc(100vh - 24.125rem);
    overflow: scroll;
}

.l-seating-cart__sidebar--table.showList {
    height: 0;
}

.l-seating-cart__sidebar--table::-webkit-scrollbar {
    display: none;
}

.l-seating-cart__sidebar--table {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.l-seating-cart__sidebar--table .title {
    padding-top: 2.5rem;
    padding-bottom: 0.9375rem;
    display: block;
    font-size: 1.0625rem;
    font-weight: 600;
}

.l-seating-cart__sidebar--table .section-wrapper {
    padding: 0.9375rem;
    border-radius: 0.625rem;
    border: 0.0625rem solid #e9e9e9;
    width: 17.5rem;
    margin-bottom: 1.25rem;
    cursor: pointer;
}

.l-seating-cart__sidebar--table .section-wrapper.active {
    background: #fef5ef;
    border-color: #e14e2d;
}

.l-seating-cart__sidebar--table .section-wrapper .section-description {
    margin-left: 0.625rem;
}

.l-seating-cart__sidebar--table .section-wrapper .section-ticket-remain {
    display: block;
    font-size: 0.8125rem;
    margin-top: 0.625rem;
    color: #e17d2d;
}

.l-seating-cart__sidebar--table .header {
    height: 4.375rem;
    vertical-align: middle;
    border-bottom: 0.0625rem solid #f1f1f1;
}

.l-seating-cart__sidebar--table .header-section {
    align: left;
    width: 11.25rem;
    min-width: 50%;
    padding-left: 1.875rem;
}

.l-seating-cart__sidebar--table .header-price,
.l-seating-cart__sidebar--table .header-remain {
    width: 6.25rem;
    max-width: 25%;
}

.l-seating-cart__sidebar--table td {
    height: 4.25rem;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    border-bottom: 0.0625rem solid #f1f1f1;
}

.l-seating-cart__sidebar--table td:first-child {
    padding-left: 1.875rem;
}

.l-seating-cart__sidebar__select--container.showList,
.l-seating-cart__sidebar__select--wrapper.showList {
    height: 100%;
}

.l-seating-cart__sidebar__select--wrapper--left {
    width: 100%;
    border-bottom: 0.0625rem solid #e9e9e9;
    padding: 0.9375rem 1.5625rem;
    font-size: 0.9375rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.l-seating-cart__sidebar__select--wrapper--left.showList {
    align-items: start;
    height: 100%;
}

.l-seating-cart__sidebar__select--wrapper .block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.9375rem;
    height: 4.375rem;
    padding: 0 1.25rem;
    border-bottom: 0.0625rem solid #e9e9e9;
}

.l-seating-cart__sidebar__select--wrapper .block .text-seatNum {
    font-weight: 600;
    font-size: 1.0625rem;
}

.l-seating-cart__sidebar__cartInfo--container {
    position: fixed;
    bottom: 0;
    box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    height: 127px;
    width: 20rem;
}

.l-seating-cart__sidebar__cartInfo--wrapper--right {
    padding: 0.9375rem 0.625rem;
    font-size: 0.9375rem;
}

.l-seating-cart__sidebar__cartInfo--wrapper--right .block {
    font-size: 0.9375rem;
    margin: 0 0.625rem 1.3125rem;
    display: flex;
    align-items: center;
    line-height: normal;
}

.l-seating-cart__sidebar__cartInfo--wrapper--right .block .text-money {
    font-weight: 600;
    font-size: 1.0625rem;
}

.l-seating-cart__sidebar__cartInfo--wrapper--right .block-gray-seat-info {
    display: flex;
    align-items: center;
    justify-content: center;
}

.l-seating-cart__sidebar__cartInfo--wrapper--right .block-gray-seat-info .icon-caution {
    margin-right: 0.3125rem;
}

.l-seating-cart__sidebar__cartInfo--wrapper--right .block-selectSeat {
    display: flex;
    height: 30px;
    margin-bottom: 5px;
}

.l-seating-cart__sidebar__cartInfo--wrapper--right .block-btns {
    display: flex;
}

.l-seating-cart__sidebar__cartInfo--wrapper--right .btn-view-seat {
    width: 5.625rem;
    min-width: 90px;
    height: 2.5rem;
    padding: 0;
    font-size: 0.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.625rem;
}

.l-seating-cart__sidebar__cartInfo--wrapper--right .btn-addCart {
    display: block;
    width: 12.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.l-seating-cart__sidebar__cartInfo--wrapper--right .btn-addCart.disabled {
    background: #e9e9e9;
    color: #e17d2d;
}

.l-seating-cart__sidebar__cartInfo--wrapper--right .btn-addCart.isNotYetOnSale {
    opacity: 1;
}

.l-seating-cart__sidebar__cartInfo--wrapper--bottom {
    display: flex;
    justify-content: flex-end;
    box-shadow: 0 -0.125rem 0.25rem 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
}

.l-seating-cart__sidebar__cartInfo--wrapper--bottom .btn {
    border-radius: 0.1875rem;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
    margin-right: 1.875rem;
}

@media (max-width: 1023px) {
    .l-seating-cart {
        padding-top: 7.5rem;
        height: 100vh;
    }
    .l-seating-cart__seats {
        width: 100%;
        height: calc(100vh - 265px);
        overflow: scroll;
        margin-top: 60px;
    }
    .l-seating-cart .zoom-wrapper {
        right: 20px;
        top: 25px;
        width: 40px;
    }
    .l-seating-cart__sidebar--container {
        width: 0;
    }
    .l-seating-cart__sidebar--container.showList {
        z-index: 9999;
        position: fixed;
        width: 100vw;
        height: 100vh;
        top: 9;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.3);
    }
    .l-seating-cart__sidebar--wrapper {
        position: fixed;
        bottom: 5.3125rem;
        left: 0;
        right: 0;
        height: auto;
    }
    .l-seating-cart__sidebar--wrapper.showList {
        height: calc(100vh - 6.5625rem);
        top: 1.25rem;
    }
    .l-seating-cart__sidebar--wrapper.showList:after {
        content: "";
        background: #000;
    }
    .l-seating-cart__sidebar__banner {
        position: fixed;
        top: 3.75rem;
        left: 0;
        right: 0;
        height: 3.75rem;
    }
    .l-seating-cart__sidebar__banner__wrapper {
        padding: 0.5625rem 5.5625rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .l-seating-cart__sidebar__banner .programInfo {
        width: 65%;
        margin-right: 3.125rem;
    }
    .l-seating-cart__sidebar__banner .programInfo .title {
        font-size: 0.9375rem;
        font-weight: 400;
        text-overflow: ellipsis;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        word-break: break-all;
    }
    .l-seating-cart__sidebar__banner .programInfo .venueName {
        display: -webkit-inline-box;
        margin-top: 0;
        font-size: 0.9375rem;
        font-stretch: normal;
        font-style: normal;
    }
    .l-seating-cart__sidebar__banner .dropdown-events {
        cursor: pointer;
        width: 17.5rem;
        height: 2.5rem;
        margin-top: 0;
        border: 0.0625rem solid #e14e2d;
        display: flex;
        justify-content: space-between;
        border-radius: 0.625rem;
        font-size: 0.9375rem;
    }
    .l-seating-cart__sidebar__banner .dropdown-events .event-date {
        align-self: center;
        padding: 0 0.9375rem;
        font-weight: 600;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .l-seating-cart__sidebar__banner .dropdown-events .icon-dropdown-light {
        height: 0.5rem;
        width: 0.25rem;
    }
    .l-seating-cart__sidebar--table {
        position: fixed;
        top: 7.5rem;
        left: 0;
        right: 0;
        display: flex;
        height: 3.75rem;
        padding: 0.9375rem 1.25rem;
        font-size: 0.8125rem;
        background: #f9f9f9;
    }
    .l-seating-cart__sidebar--table.showList,
    .l-seating-cart__sidebar--table .title {
        display: none;
    }
    .l-seating-cart__sidebar--table .section-wrapper {
        padding: 0 0.625rem;
        width: auto;
        height: 1.875rem;
        margin-bottom: 0;
        margin-right: 0.625rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-color: #cacaca;
        white-space: nowrap;
    }
    .l-seating-cart__sidebar--table .section-wrapper.active {
        background: #fef5ef;
        border-color: #e14e2d;
    }
    .l-seating-cart__sidebar--table .section-wrapper .section-name {
        vertical-align: middle;
    }
    .l-seating-cart__sidebar--table .section-wrapper .section-ticket-remain {
        display: none;
    }
    .l-seating-cart__sidebar--table .header {
        height: 4.375rem;
        vertical-align: middle;
        border-bottom: 0.0625rem solid #f1f1f1;
    }
    .l-seating-cart__sidebar--table .header-section {
        align: left;
        width: 11.25rem;
        min-width: 50%;
        padding-left: 1.875rem;
    }
    .l-seating-cart__sidebar--table .header-price,
    .l-seating-cart__sidebar--table .header-remain {
        width: 6.25rem;
        max-width: 25%;
    }
    .l-seating-cart__sidebar--table td {
        height: 4.25rem;
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
        border-bottom: 0.0625rem solid #f1f1f1;
    }
    .l-seating-cart__sidebar--table td:first-child {
        padding-left: 1.875rem;
    }
    .l-seating-cart__sidebar__select--container {
        border-bottom: 0.0625rem solid #cacaca;
    }
    .l-seating-cart__sidebar__select--container.showList,
    .l-seating-cart__sidebar__select--wrapper.showList {
        height: 100%;
    }
    .l-seating-cart__sidebar__select--wrapper--left {
        width: 100%;
        border-bottom: 0.0625rem solid #e9e9e9;
        padding: 0.9375rem 1.5625rem;
        font-size: 0.9375rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .l-seating-cart__sidebar__select--wrapper--left.showList {
        align-items: start;
        height: 100%;
    }
    .l-seating-cart__sidebar__select--wrapper .block {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 0.9375rem;
        height: 4.375rem;
        padding: 0 5.5625rem;
        border-bottom: 0.0625rem solid #e9e9e9;
    }
    .l-seating-cart__sidebar__select--wrapper .block-selectSeat {
        display: inline;
        display: initial;
    }
    .l-seating-cart__sidebar__select--wrapper .block .text-seatNum {
        font-weight: 600;
        font-size: 1.0625rem;
    }
    .l-seating-cart__sidebar__select--wrapper .block .btn-view-seat {
        width: 9.375rem;
        height: 2.5rem;
        font-size: 0.9375rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .l-seating-cart__sidebar__select--wrapper .block .btn-view-seat .icon {
        width: 1.125rem;
        height: 1.125rem;
        margin-right: 0.3125rem;
    }
    .l-seating-cart__sidebar__cartInfo--container {
        position: fixed;
        bottom: 0;
        box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
        background-color: #fff;
        height: 5.3125rem;
        width: 100%;
    }
    .l-seating-cart__sidebar__cartInfo--wrapper--right {
        font-size: 0.9375rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.9375rem 5.5625rem 1.875rem;
    }
    .l-seating-cart__sidebar__cartInfo--wrapper--right .block {
        margin: initial;
        margin-bottom: 0;
    }
    .l-seating-cart__sidebar__cartInfo--wrapper--right .block .text-money {
        font-weight: 600;
        font-size: 1.0625rem;
    }
    .l-seating-cart__sidebar__cartInfo--wrapper--right .btn-addCart {
        display: block;
        width: auto;
        min-width: 9.375rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
    }
    .l-seating-cart__sidebar__cartInfo--wrapper--bottom {
        display: flex;
        justify-content: flex-end;
        box-shadow: 0 -0.125rem 0.25rem 0 rgba(0, 0, 0, 0.05);
        background-color: #fff;
    }
    .l-seating-cart__sidebar__cartInfo--wrapper--bottom .btn {
        border-radius: 0.1875rem;
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
        margin-right: 1.875rem;
    }
}

@media (max-width: 767px) {
    .l-seating-cart {
        padding-top: 7.5rem;
        height: 100%;
    }
    .l-seating-cart__seats {
        width: 100%;
        height: calc(100vh - 250px);
        overflow: hidden;
        margin-top: 35px;
    }
    .l-seating-cart .zoom-wrapper {
        right: 20px;
        top: 25px;
        width: 40px;
    }
    .l-seating-cart__sidebar--container {
        width: 0;
    }
    .l-seating-cart__sidebar--wrapper {
        position: fixed;
        bottom: 6rem;
        left: 0;
        right: 0;
        height: auto;
    }
    .l-seating-cart__sidebar--wrapper.showList {
        height: calc(100% - 7.25rem + env(safe-area-inset-bottom));
    }
    .l-seating-cart__sidebar__banner {
        position: fixed;
        top: 3.75rem;
        left: 0;
        right: 0;
        height: 3.75rem;
    }
    .l-seating-cart__sidebar__banner__wrapper {
        padding: 0.3125rem 1.25rem;
        display: flex;
        flex-direction: column;
    }
    .l-seating-cart__sidebar__banner .programInfo {
        text-align: center;
        margin-bottom: 0.3125rem;
        margin-right: 0;
    }
    .l-seating-cart__sidebar__banner .programInfo .title {
        font-size: 0.8125rem;
        font-weight: 400;
        display: none;
    }
    .l-seating-cart__sidebar__banner .programInfo .venueName {
        margin-top: 0;
        font-size: 0.8125rem;
        font-stretch: normal;
        font-style: normal;
    }
    .l-seating-cart__sidebar__banner .dropdown-events {
        cursor: pointer;
        width: 100%;
        height: 1.5rem;
        margin-top: 0;
        border: 0.0625rem solid #e14e2d;
        display: flex;
        justify-content: space-between;
        border-radius: 0.625rem;
        font-size: 0.8125rem;
        font-weight: 400;
    }
    .l-seating-cart__sidebar__banner .dropdown-events .event-date {
        align-self: center;
        padding: 0 0.9375rem;
        font-weight: 400;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .l-seating-cart__sidebar__banner .dropdown-events .icon-dropdown-light {
        height: 0.5rem;
        width: 0.25rem;
    }
    .l-seating-cart__sidebar--table {
        height: 2.25rem;
        padding: 0.3125rem 0.625rem;
        font-size: 0.8125rem;
        background: #f9f9f9;
    }
    .l-seating-cart__sidebar--table.showList,
    .l-seating-cart__sidebar--table .title {
        display: none;
    }
    .l-seating-cart__sidebar--table .section-wrapper {
        padding: 0 0.625rem;
        width: auto;
        height: 1.5rem;
        margin-bottom: 0;
        margin-right: 0.625rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-color: #cacaca;
        white-space: nowrap;
    }
    .l-seating-cart__sidebar--table .section-wrapper.active {
        background: #fef5ef;
        border-color: #e14e2d;
    }
    .l-seating-cart__sidebar--table .section-wrapper .section-name {
        vertical-align: middle;
    }
    .l-seating-cart__sidebar--table .section-wrapper .section-ticket-remain {
        display: none;
    }
    .l-seating-cart__sidebar--table .header {
        height: 4.375rem;
        vertical-align: middle;
        border-bottom: 0.0625rem solid #f1f1f1;
    }
    .l-seating-cart__sidebar--table .header-section {
        align: left;
        width: 11.25rem;
        min-width: 50%;
        padding-left: 1.875rem;
    }
    .l-seating-cart__sidebar--table .header-price,
    .l-seating-cart__sidebar--table .header-remain {
        width: 6.25rem;
        max-width: 25%;
    }
    .l-seating-cart__sidebar--table td {
        height: 4.25rem;
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
        border-bottom: 0.0625rem solid #f1f1f1;
    }
    .l-seating-cart__sidebar--table td:first-child {
        padding-left: 1.875rem;
    }
    .l-seating-cart__sidebar__select--container {
        border-bottom: 0.0625rem solid #e9e9e9;
    }
    .l-seating-cart__sidebar__select--container.showList,
    .l-seating-cart__sidebar__select--wrapper.showList {
        height: 100%;
    }
    .l-seating-cart__sidebar__select--wrapper--left {
        width: 100%;
        border-bottom: 0.0625rem solid #e9e9e9;
        padding: 0.9375rem 1.5625rem;
        font-size: 0.9375rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .l-seating-cart__sidebar__select--wrapper--left.showList {
        align-items: start;
        height: 100%;
    }
    .l-seating-cart__sidebar__select--wrapper .block {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 0.9375rem;
        padding: 0 1.25rem;
        border-bottom: 0.0625rem solid #e9e9e9;
    }
    .l-seating-cart__sidebar__select--wrapper .block .text-seatNum {
        font-weight: 600;
        font-size: 1.0625rem;
    }
    .l-seating-cart__sidebar__select--wrapper .block .btn-view-seat {
        width: 7.5rem;
        height: 1.3125rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
        padding: 0;
    }
    .l-seating-cart__sidebar__select--wrapper .block .btn-view-seat .icon {
        margin-right: 0.3125rem;
    }
    .l-seating-cart__sidebar__cartInfo--container {
        position: fixed;
        bottom: 0;
        box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
        background-color: #fff;
        height: 6rem;
        width: 100%;
        padding-bottom: env(safe-area-inset-bottom);
    }
    .l-seating-cart__sidebar__cartInfo--wrapper--right {
        font-size: 0.9375rem;
        display: flex;
        flex-direction: column;
        align-items: normal;
        padding: 0.625rem;
    }
    .l-seating-cart__sidebar__cartInfo--wrapper--right .block {
        padding: 0 0.625rem;
        margin-bottom: 0.625rem;
    }
    .l-seating-cart__sidebar__cartInfo--wrapper--right .block .text-money {
        font-weight: 600;
        font-size: 1.0625rem;
    }
    .l-seating-cart__sidebar__cartInfo--wrapper--right .btn-addCart {
        width: 100%;
        font-size: 0.9375rem;
        height: 2.5rem;
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
    }
    .l-seating-cart__sidebar__cartInfo--wrapper--bottom {
        display: flex;
        justify-content: flex-end;
        box-shadow: 0 -0.125rem 0.25rem 0 rgba(0, 0, 0, 0.05);
        background-color: #fff;
    }
    .l-seating-cart__sidebar__cartInfo--wrapper--bottom .btn {
        border-radius: 0.1875rem;
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
        margin-right: 1.875rem;
    }
}

@media (min-width: 1024px) {
    .hasTopBar .l-seating-cart {
        padding-top: 114px;
    }
    .hasTopBar .l-seating-cart__sidebar--container {
        top: 114px;
        height: calc(100vh - 114px);
    }
    .hasTopBar .l-seating-cart__sidebar--wrapper {
        height: calc(100vh - 17.5rem - 114px);
    }
    .hasTopBar .l-seating-cart__sidebar--table {
        height: calc(100vh - 23.1875rem - 114px);
    }
    .hasTopBar .l-seating-cart__sidebar--table.showList {
        height: 0;
    }
}

@media (max-width: 1023px) {
    .hasTopBar .l-seating-cart {
        padding-top: calc(3.75rem + 84px);
    }
    .hasTopBar .l-seating-cart__sidebar__banner {
        top: 84px;
    }
    .hasTopBar .l-seating-cart__sidebar--table {
        top: calc(3.75rem + 84px);
    }
}

.l-cart_list {
    padding-top: 6.875rem;
    padding-bottom: 9.0625rem;
}

.l-cart_list .oa-card {
    max-width: 38.75rem;
    margin-top: 0;
    margin-bottom: 0.625rem;
}

.l-cart_list .oa-card-ticketpackage {
    position: relative;
}

.l-cart_list .oa-card-ticketpackage.fail:before {
    border-radius: 20px;
    content: "";
    display: block;
    position: absolute;
    border: 2px solid red;
    top: 5px;
    left: 5px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
}

.l-cart_list .oa-card-ticketpackage .btn-wrapper {
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.l-cart_list .oa-card-ticketpackage .btn-wrapper .btn-buy {
    margin-top: 20px;
    float: right;
    font-size: 0.9375rem;
}

.l-cart_list .oa-card .oa-card-header {
    border-bottom: 0.0625rem solid #e9e9e9;
    padding-bottom: 2.1875rem;
    position: relative;
}

.l-cart_list .oa-card .oa-title-wrapper {
    display: flex;
    justify-content: space-between;
}

.l-cart_list .oa-card .oa-title {
    display: block;
    cursor: pointer;
}

.l-cart_list .oa-card .oa-sub-title {
    font-size: 17px;
}

.l-cart_list .oa-card .oa-sub-title.success {
    color: #04a000;
}

.l-cart_list .oa-card .oa-sub-title.fail {
    color: red;
}

.l-cart_list .col-container {
    display: flex;
}

.l-cart_list .cart_lists {
    width: 38.75rem;
}

.l-cart_list .cart_lists .cards .program-intro {
    display: grid;
    grid-template-columns: 3.125rem 1fr 2.5rem;
    grid-column-gap: 0.625rem;
    -moz-column-gap: 0.625rem;
    column-gap: 0.625rem;
}

.l-cart_list .cart_lists .cards .program-intro .program-logo {
    width: 3.125rem;
    height: 4.375rem;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 1.25rem 0;
    border-radius: 0.625rem;
}

.l-cart_list .cart_lists .cards .program-intro .content {
    margin: 1.25rem 0;
}

.l-cart_list .cart_lists .cards .program-intro .content-info {
    display: block;
    margin-bottom: 0.3125rem;
    font-size: 0.9375rem;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.l-cart_list .cart_lists .cards .program-intro .content-info.program-title {
    color: #2a2a2a;
    font-weight: 500;
    word-break: break-all;
}

.l-cart_list .cart_lists .cards .program-intro .content-info.program-time,
.l-cart_list .cart_lists .cards .program-intro .content-info.program-venue {
    color: #7a7a7a;
    font-size: 0.75rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    word-break: break-all;
}

.l-cart_list .cart_lists .cards .program-intro .right {
    margin: 1.875rem 0;
    color: #2a2a2a;
    font-size: 0.9375rem;
}

.l-cart_list .cart_lists .cards .ticket-list {
    background: #f9f9f9;
    padding: 0.9375rem 0;
    border-radius: 0.625rem;
    font-size: 0.9375rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a2a2a;
}

.l-cart_list .cart_lists .cards .ticket-list+.ticket-list {
    margin-top: 0.9375rem;
}

.l-cart_list .cart_lists .cards .ticket-list .infos {
    display: flex;
    justify-content: space-between;
    padding: 0 0.9375rem;
}

.l-cart_list .cart_lists .cards .ticket-list .infos .price {
    font-size: 0.9375rem;
}

.l-cart_list .cart_lists .cards .ticket-list .infos .discount-price,
.l-cart_list .cart_lists .cards .ticket-list .infos .price,
.l-cart_list .cart_lists .cards .ticket-list .infos .seat {
    display: block;
    margin-bottom: 1.5625rem;
}

.l-cart_list .cart_lists .cards .ticket-list .infos .btn-remove {
    color: #2a2a2a;
    width: 2.5rem;
    height: 2.5rem;
    margin-top: -10px;
}

.l-cart_list .cart_lists .cards .ticket-list .infos .btn-remove .icon-trashcan {
    width: 2.5rem;
    height: 2.5rem;
}

.l-cart_list .cart_lists .cards .ticket-list .discount-price {
    background: #fef5ef;
    border: 0.0625rem solid #e14e2d;
    border-radius: 0.625rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem 0.9375rem 0.5625rem;
}

.l-cart_list .cart_lists .cards .ticket-list .discount-price .btn-discount-price {
    font-size: 0.9375rem;
    color: #2a2a2a;
}

.l-cart_list .cart_lists .cards .ticket-list .discount-price .icon-dropdown {
    width: 0.5rem;
    height: 0.25rem;
}

.l-cart_list .cart_lists .cards .ticket-list .totals {
    display: flex;
    justify-content: space-between;
}

.l-cart_list .cart_lists .cards .ticket-list .ticketpackage-wrapper {
    padding: 0 15px;
}

.l-cart_list .cart_lists .cards .ticket-list .ticketpackage-wrapper .ticketpackage-infos-wrapper {
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.l-cart_list .cart_lists .cards .ticket-list .ticketpackage-wrapper .ticketpackage-infos-wrapper .ticketpackage-infos {
    padding: 15px 0;
    border-top: 2px solid #e9e9e9;
}

.l-cart_list .cart_lists .cards .ticket-list .ticketpackage-wrapper .ticketpackage-infos-wrapper .ticketpackage-infos-block {
    color: #e14e2d;
    display: grid;
    grid-template-columns: 1fr 100px;
    margin-bottom: 15px;
}

.l-cart_list .cart_lists .cards .ticket-list .ticketpackage-wrapper .ticketpackage-infos-wrapper .ticketpackage-info {
    color: #2a2a2a;
    font-size: 15px;
}

.l-cart_list .cart_lists .cards .ticket-list .ticketpackage-wrapper .ticketpackage-infos-wrapper .ticketpackage-info .title-discount {
    color: #f5a623;
    border-radius: 15px;
    border: 1px solid #f5a623;
    padding: 1px 15px;
    min-width: 51px;
    min-height: 20px;
    display: inline-flex;
    justify-content: center;
}

.l-cart_list .cart_lists .cards .ticket-list .ticketpackage-wrapper .ticketpackage-infos-wrapper .ticketpackage-discount {
    justify-self: flex-end;
}

.l-cart_list .cart_lists .cards .ticket-list .ticketpackage-wrapper .ticketpackage-infos-wrapper .ticketpackage-totalPrice {
    color: #e14e2d;
    float: right;
}

.l-cart_list .cart_lists .cards .ticket-list .ticketpackage-wrapper .ticketpackage-infos-wrapper .ticketpackage-totalPrice .title {
    color: #2a2a2a;
}

.l-cart_list .cart_lists .cards .ticket-list .coupon-wrapper {
    padding: 0 8px;
}

.l-cart_list .cart_lists .cards .ticket-list .coupon-wrapper .coupon-menu {
    display: flex;
    justify-content: space-between;
    border-top: 2px solid #e9e9e9;
    color: #e14e2d;
    padding: 5px 0;
}

.l-cart_list .cart_lists .cards .ticket-list .coupon-wrapper .coupon-menu .icon {
    width: 40px;
    height: 40px;
}

.l-cart_list .cart_lists .cards .ticket-list .coupon-wrapper .coupon-menu-title {
    display: flex;
    align-items: center;
}

.l-cart_list .cart_lists .cards .ticket-list .coupon-wrapper .coupon-infos-wrapper {
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.l-cart_list .cart_lists .cards .ticket-list .coupon-wrapper .coupon-infos-wrapper .coupon-infos {
    padding: 15px;
    border-top: 2px solid #e9e9e9;
}

.l-cart_list .cart_lists .cards .ticket-list .coupon-wrapper .coupon-infos-wrapper .coupon-infos-block {
    color: #e14e2d;
    display: grid;
    grid-template-columns: 1fr 100px;
    margin-bottom: 15px;
}

.l-cart_list .cart_lists .cards .ticket-list .coupon-wrapper .coupon-infos-wrapper .coupon-info {
    color: #2a2a2a;
    font-size: 13px;
}

.l-cart_list .cart_lists .cards .ticket-list .coupon-wrapper .coupon-infos-wrapper .coupon-info .title-discount {
    color: #f5a623;
    border-radius: 15px;
    border: 1px solid #f5a623;
    padding: 1px 15px;
    min-width: 51px;
    min-height: 20px;
    display: inline-flex;
    justify-content: center;
}

.l-cart_list .cart_lists .cards .ticket-list .coupon-wrapper .coupon-infos-wrapper .coupon-discount {
    justify-self: flex-end;
}

.l-cart_list .cart_lists .cards .ticket-list .coupon-wrapper .coupon-infos-wrapper .coupon-totalPrice {
    color: #e14e2d;
    float: right;
}

.l-cart_list .cart_lists .cards .ticket-list .coupon-wrapper .coupon-infos-wrapper .coupon-totalPrice .title {
    color: #2a2a2a;
}

.l-cart_list .cart_lists .cards-expired .oa-card-header {
    display: flex;
    justify-content: space-between;
}

.l-cart_list .cart_lists .cards-expired .oa-card-header .title {
    color: #e14e2d;
    margin-bottom: 0.3125rem;
}

.l-cart_list .cart_lists .cards-expired .oa-card-header .hint {
    font-size: 0.75rem;
}

.l-cart_list .cart_lists .cards-expired .oa-card-header .delete-wrapper,
.l-cart_list .cart_lists .cards-expired .oa-card-header .hint {
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.l-cart_list .cart_lists .cards-expired .oa-card-header .delete-wrapper a {
    color: #2a2a2a;
    font-size: 0.9375rem;
}

.l-cart_list .cart_lists .cards-expired .section-program:first-of-type {
    margin-top: 0;
}

.l-cart_list .cart_lists .cards-expired .ticket-list-expired {
    background: #fefaef;
    font-size: 0.9375rem;
}

.l-cart_list .cart_lists .cards-expired .ticket-list-expired .infos .price,
.l-cart_list .cart_lists .cards-expired .ticket-list-expired .infos .seat {
    margin-bottom: 0.3125rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.l-cart_list .cart_lists .cards-expired .ticket-list-expired .infos .btn-addToShooping {
    color: #2a2a2a;
}

.l-cart_list .cart_lists .cards-expired .ticket-list-expired .discount-price {
    margin-bottom: 0.3125rem;
    border: 0;
    background: transparent;
}

.l-cart_list .cart_lists .cards-expired .ticket-list-expired .discount-price,
.l-cart_list .cart_lists .cards-expired .ticket-list-expired .totals {
    padding: 0 0.9375rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.l-cart_list .other_lists {
    margin-left: 1.25rem;
    width: 18.75rem;
    opacity: 0;
}

.l-cart_list .other_lists .cards {
    height: 54.375rem;
}

.l-cart_list .footer {
    box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    height: 5rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.l-cart_list .footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.l-cart_list .footer-container .sum-wrapper {
    font-size: 0.875rem;
    color: #2a2a2a;
}

.l-cart_list .footer-container .sum-wrapper .sum,
.l-cart_list .footer-container .sum-wrapper .total {
    display: inline-block;
}

.l-cart_list .footer-container .sum-wrapper .sum {
    margin-left: 3.75rem;
}

.l-cart_list .footer-container .sum-wrapper .info {
    font-size: 1.0625rem;
    font-weight: 600;
}

.l-cart_list .footer-container .btn-wrapper {
    display: flex;
    flex-direction: row;
}

.l-cart_list .footer-container .btn-wrapper a {
    height: auto !important;
    font-size: 0.9375rem;
    padding: 0.625rem 2.8125rem 0.5625rem;
}

@media (min-width: 1440px) {
    .l-cart_list .cart_lists {
        min-width: 920px;
    }
    .l-cart_list .cart_lists .oa-card {
        max-width: none;
    }
    .l-cart_list .footer .col-container {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (max-width: 1439px) {
    .l-cart_list .col-container {
        padding-left: 12px;
        padding-right: 12px;
        max-width: 1395px;
    }
    .l-cart_list .cart_lists {
        width: 100%;
    }
    .l-cart_list .cart_lists .oa-card {
        max-width: none;
    }
    .l-cart_list .footer .col-container {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (max-width: 1023px) {
    .l-cart_list {
        padding-top: 3.75rem;
    }
    .l-cart_list .col-container {
        flex-direction: column;
        max-width: none !important;
        padding-left: 0;
        padding-right: 0;
    }
    .l-cart_list .oa-card {
        max-width: none !important;
        width: 100%;
        padding-left: 5.5625rem;
        padding-right: 5.5625rem;
        margin-bottom: 0.3125rem;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
        border-radius: 0;
    }
    .l-cart_list .oa-card.oa-card-ticketpackage .oa-title-wrapper .right {
        margin-top: 1.5625rem;
        align-items: center;
    }
    .l-cart_list .oa-card .oa-card-header {
        border-bottom: 0.0625rem solid #e9e9e9;
    }
    .l-cart_list .oa-card .oa-title {
        display: block;
        margin-top: 1.5625rem;
    }
    .l-cart_list .cart_lists {
        width: 100%;
    }
    .l-cart_list .other_lists {
        margin-left: 0;
        width: 100%;
        display: none;
    }
    .l-cart_list .other_lists .cards {
        height: 12.5rem;
    }
    .l-cart_list .footer {
        height: 5.3125rem;
        box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.1);
        background-color: #f9f9f9;
    }
    .l-cart_list .footer-container {
        flex-direction: row;
        padding: 0 5.5625rem 15px;
    }
    .l-cart_list .footer-container .sum-wrapper .sum {
        margin-left: 2.5rem;
    }
}

@media (max-width: 767px) {
    .l-cart_list {
        padding-top: 3.75rem;
    }
    .l-cart_list .col-container {
        flex-direction: column;
        max-width: none !important;
    }
    .l-cart_list .oa-card {
        max-width: none !important;
        width: 100%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        margin-bottom: 0.3125rem;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
        border-radius: 0;
    }
    .l-cart_list .oa-card.oa-card-ticketpackage .oa-card-header {
        padding-bottom: 15px;
    }
    .l-cart_list .oa-card.oa-card-ticketpackage .oa-title-wrapper .oa-title {
        margin-bottom: 0;
    }
    .l-cart_list .oa-card.oa-card-ticketpackage .oa-title-wrapper .right {
        margin-top: 0;
        align-items: center;
    }
    .l-cart_list .oa-card.oa-card-ticketpackage .oa-sub-title {
        font-size: 12px;
    }
    .l-cart_list .oa-card .oa-card-header {
        border-bottom: 0.0625rem solid #e9e9e9;
    }
    .l-cart_list .oa-card .oa-title {
        display: block;
        margin-top: 0;
        margin-bottom: 0.9375rem;
    }
    .l-cart_list .cart_lists {
        width: 100%;
    }
    .l-cart_list .cart_lists .cards .program-intro {
        grid-template-columns: 3.125rem 1fr;
        margin-bottom: 10px;
    }
    .l-cart_list .cart_lists .cards .program-intro .content,
    .l-cart_list .cart_lists .cards .program-intro .program-logo {
        margin-bottom: 10px;
    }
    .l-cart_list .cart_lists .cards .program-intro .content-info.program-title {
        font-weight: 400;
    }
    .l-cart_list .cart_lists .cards .program-intro .right {
        grid-column: 2 / span 1;
        justify-self: flex-end;
        margin: 0;
    }
    .l-cart_list .cart_lists .cards-expired .oa-card-header {
        display: flex;
        justify-content: space-between;
        padding-bottom: 0.9375rem;
    }
    .l-cart_list .cart_lists .cards-expired .oa-card-header .title {
        color: #e14e2d;
        margin-bottom: 0.3125rem;
    }
    .l-cart_list .cart_lists .cards-expired .oa-card-header .hint {
        font-size: 0.75rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
    }
    .l-cart_list .cart_lists .cards-expired .oa-card-header .delete-wrapper {
        margin-top: 0;
    }
    .l-cart_list .cart_lists .cards-expired .ticket-list-expired {
        position: relative;
    }
    .l-cart_list .cart_lists .cards-expired .ticket-list-expired .infos {
        margin-top: 25px;
    }
    .l-cart_list .cart_lists .cards-expired .ticket-list-expired .infos .btn-addToShooping {
        position: absolute;
        top: 15px;
        right: 15px;
        color: #e14e2d;
    }
    .l-cart_list .other_lists {
        margin-left: 0;
        width: 100%;
    }
    .l-cart_list .other_lists .cards {
        height: 12.5rem;
    }
    .l-cart_list .footer {
        height: 6.3125rem;
        box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.1);
        background-color: #f9f9f9;
    }
    .l-cart_list .footer-container {
        padding: 0 0.625rem 10px;
        justify-content: normal;
        align-items: normal;
    }
    .l-cart_list .footer-container .sum-wrapper {
        margin-top: 16px;
        margin-bottom: 14px;
        padding: 0 10px;
    }
    .l-cart_list .footer-container .sum-wrapper .sum {
        margin-left: 2.5rem;
    }
    .l-cart_list .footer-container .btn-wrapper {
        display: grid;
        grid-template-columns: 145px 145px;
        justify-content: flex-end;
        grid-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        height: 40px;
    }
    .l-cart_list .footer-container .btn-wrapper .oa-btn-solid {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 9.0625rem;
        height: 2.5rem;
        padding: 0;
    }
    .l-cart_list .footer-container .btn-wrapper .oa-btn-solid:first-child {
        margin-right: 0;
    }
}

.l-payment {
    padding-top: 6.875rem;
    padding-bottom: 9.0625rem;
}

.l-payment .oa-card {
    max-width: 38.75rem;
    margin-top: 0;
    margin-bottom: 0.625rem;
    padding: 20px 40px;
}

.l-payment .oa-card .oa-card-header-ticketpackage {
    border-bottom: 0.0625rem solid #e9e9e9;
}

.l-payment .oa-card .oa-card-header.hide-border {
    border: 0;
}

.l-payment .oa-card .oa-title {
    display: block;
    margin-top: 0;
    margin-bottom: 20px;
    cursor: pointer;
}

.l-payment .oa-card .oa-title-hint {
    display: block;
    margin: 15px 0;
    font-size: 13px;
    color: #e17d2d;
}

.l-payment .col-container {
    display: flex;
}

.l-payment .payment_wrapper {
    width: 38.75rem;
}

.l-payment .payment_wrapper .payment_lists .program-intro {
    display: grid;
    grid-template-columns: 3.125rem 1fr 2.5rem;
    grid-column-gap: 0.625rem;
    -moz-column-gap: 0.625rem;
    column-gap: 0.625rem;
}

.l-payment .payment_wrapper .payment_lists .program-intro .program-logo {
    width: 3.125rem;
    height: 4.375rem;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 1.25rem 0;
    border-radius: 0.625rem;
}

.l-payment .payment_wrapper .payment_lists .program-intro .content {
    margin: 1.25rem 0;
}

.l-payment .payment_wrapper .payment_lists .program-intro .content-info {
    display: block;
    margin-bottom: 0.3125rem;
    font-size: 0.9375rem;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.l-payment .payment_wrapper .payment_lists .program-intro .content-info.program-title {
    color: #2a2a2a;
    font-weight: 500;
    word-break: break-all;
}

.l-payment .payment_wrapper .payment_lists .program-intro .content-info.program-time,
.l-payment .payment_wrapper .payment_lists .program-intro .content-info.program-venue {
    color: #7a7a7a;
    font-size: 0.75rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    word-break: break-all;
}

.l-payment .payment_wrapper .payment_lists .program-intro .right {
    margin: 1.875rem 0;
}

.l-payment .payment_wrapper .payment_lists .payment-list {
    font-size: 0.9375rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a2a2a;
}

.l-payment .payment_wrapper .payment_lists .payment-list+.payment-list {
    margin-top: 0.9375rem;
}

.l-payment .payment_wrapper .payment_lists .payment-list .payment-body {
    padding: 0.9375rem;
    border-radius: 0.625rem;
    background: #f9f9f9;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #2a2a2a;
}

.l-payment .payment_wrapper .payment_lists .payment-list .payment-body:last-child {
    margin-bottom: 0;
}

.l-payment .payment_wrapper .payment_lists .payment-list .payment-body .list {
    font-size: 0.9375rem;
    margin-bottom: 0.3125rem;
}

.l-payment .payment_wrapper .payment_lists .payment-list .payment-body .list:last-child {
    margin-bottom: 0;
}

.l-payment .payment_wrapper .payment_lists .payment-list .payment-body .list span {
    display: inline-block;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.l-payment .payment_wrapper .payment_lists .payment-list .payment-body .list .discountPrice {
    color: #e14e2d;
}

.l-payment .payment_wrapper .payment_lists .payment-list .payment-body .list-price-info {
    display: flex;
    justify-content: space-between;
}

.l-payment .payment_wrapper .payment_lists .payment-list .payment-body .list-coupon-info {
    display: grid;
    grid-template-columns: 50px 1fr;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #e9e9e9;
}

.l-payment .payment_wrapper .payment_lists .payment-list .payment-body .list-coupon-info .coupon-infos {
    display: grid;
    grid-row-gap: 5px;
    row-gap: 5px;
}

.l-payment .payment_wrapper .payment_lists .payment-list .payment-body .list-coupon-info .coupon-infos .coupon-infos-block {
    display: flex;
    justify-content: space-between;
}

.l-payment .payment_wrapper .payment_lists .totalPay-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 1.25rem 0.9375rem 0.9375rem;
    border-top: 0.0625rem solid #e9e9e9;
    font-size: 0.9375rem;
    color: #2a2a2a;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.l-payment .other_lists {
    margin-left: 1.25rem;
    width: 18.75rem;
    opacity: 0;
}

.l-payment .other_lists .cards {
    height: 54.375rem;
}

.l-payment .shopping-steps {
    background-color: #fff;
    margin-bottom: 0.625rem;
}

.l-payment .shopping-steps .btn-step {
    font-size: 1.25rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    padding: 0.9375rem 0;
}

.l-payment .collections-method .radio-groups {
    position: relative;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.0213rem;
    font-size: 0.875rem;
    display: flex;
    margin-bottom: 20px;
}

.l-payment .collections-method .info {
    margin-top: 0.9375rem;
    padding: 0.9375rem;
    border-radius: 0.1875rem;
    border: 0.0625rem solid #f4dab0;
    background-color: #f8f4e5;
    font-size: 0.875rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #4a4a4a;
}

.l-payment .collections-method .post-address {
    margin-top: 1.875rem;
    margin-bottom: 0.9375rem;
}

.l-payment .collections-method .post-address .receive-address-title {
    font-size: 1.0625rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    color: #2a2a2a;
}

.l-payment .collections-method .post-address .receive-info-wrapper {
    margin-top: 20px;
    border-radius: 5px;
    cursor: pointer;
}

.l-payment .collections-method .post-address .receive-info-wrapper .receive-info {
    font-size: 15px;
    border-radius: 10px;
    border: 1px solid #cacaca;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.l-payment .collections-method .post-address .receive-info-wrapper .receive-info .icon-enter {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #f9f9f9;
}

.l-payment .collections-method .post-address .receive-info-wrapper .receive-info-unset {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #7a7a7a;
}

.l-payment .collections-method .post-address .receive-info-wrapper .btn-add-receive {
    width: 138px;
    height: 40px;
    padding: 0;
    border-radius: 20px;
    font-size: 13px;
    display: flex;
    align-items: center;
}

.l-payment .collections-method .post-address .receive-info-wrapper .btn-add-receive .icon-address-on {
    width: 40px;
    height: 40px;
}

.l-payment .payment-method .radio-groups {
    position: relative;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.34px;
    font-size: 14px;
    margin-bottom: 0.625rem;
}

.l-payment .payment-method .info {
    margin-top: 15px;
    padding: 30px;
    border-radius: 5px;
    background-color: #f8f8f8;
}

.l-payment .payment-method .info .form-group {
    margin: 0 0 25px;
    width: 100%;
}

.l-payment .payment-method .info .form-group .input-user {
    width: 460px;
    padding: 14px 15px;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.39px;
}

.l-payment .payment-method .info .form-group-credit {
    width: 460px;
}

.l-payment .payment-method .info .form-group-credit .input-credit-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.l-payment .payment-method .info .form-group-credit .input-credit-cards .input-credit-card {
    margin-right: 20px;
    width: 100px;
    padding: 14px 15px;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.39px;
}

.l-payment .payment-method .info .form-group-valid-date,
.l-payment .payment-method .info .form-group-valid-number {
    width: 230px;
    display: inline-grid;
}

.l-payment .payment-method .info .form-group-valid-date .input-date,
.l-payment .payment-method .info .form-group-valid-number .input-date {
    width: 220px;
    padding: 14px 15px;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.39px;
}

.l-payment .payment-method .info .form-group-valid-date .form-hint-left,
.l-payment .payment-method .info .form-group-valid-number .form-hint-left {
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.29px;
    color: #2a2a2a;
}

.l-payment .invoice-method .oa-select .selected-item {
    width: 100%;
}

.l-payment .invoice-method .oa-select .option-wrap {
    height: auto;
}

.l-payment .invoice-method .select-invoiceMethod {
    border: 1px solid #cacaca;
    border-radius: 10px;
}

.l-payment .invoice-method .select-invoiceMethod select {
    padding: 10px 15px 9px;
    font-size: 15px;
    color: #2a2a2a;
}

.l-payment .invoice-method .select-invoiceMethod .icon-dropdown-dark {
    height: 20px;
    width: 20px;
    position: absolute;
    right: 15px;
    top: 10px;
}

.l-payment .invoice-method .radio-groups {
    position: relative;
    display: inline-block;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.34px;
    font-size: 14px;
}

.l-payment .invoice-method .company-invoice-info,
.l-payment .invoice-method .electronicInvoice-info,
.l-payment .invoice-method .gift-info,
.l-payment .invoice-method .invoice-info {
    position: relative;
}

.l-payment .invoice-method .company-invoice-info .title-wrapper,
.l-payment .invoice-method .electronicInvoice-info .title-wrapper,
.l-payment .invoice-method .gift-info .title-wrapper,
.l-payment .invoice-method .invoice-info .title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e9e9e9;
}

.l-payment .invoice-method .company-invoice-info .title-wrapper.hide-border,
.l-payment .invoice-method .electronicInvoice-info .title-wrapper.hide-border,
.l-payment .invoice-method .gift-info .title-wrapper.hide-border,
.l-payment .invoice-method .invoice-info .title-wrapper.hide-border {
    border: 0;
}

.l-payment .invoice-method .company-invoice-info .title-wrapper .title,
.l-payment .invoice-method .electronicInvoice-info .title-wrapper .title,
.l-payment .invoice-method .gift-info .title-wrapper .title,
.l-payment .invoice-method .invoice-info .title-wrapper .title {
    display: block;
    font-size: 17px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a2a2a;
}

.l-payment .invoice-method .company-invoice-info .notice,
.l-payment .invoice-method .electronicInvoice-info .notice,
.l-payment .invoice-method .gift-info .notice,
.l-payment .invoice-method .invoice-info .notice {
    display: block;
    font-size: 13px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a2a2a;
    padding: 15px;
    border: 1px solid #fef5ef;
    border-radius: 10px;
    background: #fefaef;
}

.l-payment .invoice-method .invoice-info .btn-add-receive {
    width: 138px;
    height: 40px;
    padding: 0;
    border-radius: 20px;
    font-size: 13px;
    display: flex;
    align-items: center;
}

.l-payment .invoice-method .invoice-info .btn-add-receive .icon-address-on {
    width: 40px;
    height: 40px;
}

.l-payment .invoice-method .invoice-info .receive-info-wrapper {
    margin-top: 20px;
    border-radius: 5px;
    cursor: pointer;
}

.l-payment .invoice-method .invoice-info .receive-info-wrapper .receive-info {
    font-size: 15px;
    border-radius: 10px;
    border: 1px solid #cacaca;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.l-payment .invoice-method .invoice-info .receive-info-wrapper .receive-info .icon-enter {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #f9f9f9;
}

.l-payment .invoice-method .invoice-info .receive-info-wrapper .receive-info-unset {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #7a7a7a;
}

.l-payment .invoice-method .invoice-info .form-group {
    margin: 0 0 25px;
    width: 100%;
    padding: 30px;
    background: #f8f8f8;
}

.l-payment .invoice-method .invoice-info .form-group .wrapper-electronicInvoice {
    width: 460px;
}

.l-payment .invoice-method .invoice-info .form-group .electronicInvoice-number {
    width: 100%;
    padding: 14px 15px;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.39px;
}

.l-payment .invoice-method .company-invoice-info .save-electronicInvoice,
.l-payment .invoice-method .electronicInvoice-info .save-electronicInvoice {
    position: relative;
    font-size: 13px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a2a2a;
    display: flex;
    padding-top: 2.5rem;
    padding-bottom: 1.5625rem;
}

.l-payment .invoice-method .company-invoice-info .save-electronicInvoice input[type="checkbox"]:before,
.l-payment .invoice-method .electronicInvoice-info .save-electronicInvoice input[type="checkbox"]:before {
    width: 0.8125rem;
    height: 0.8125rem;
    border-color: #2a2a2a;
}

.l-payment .invoice-method .company-invoice-info .save-electronicInvoice input[type="checkbox"]:checked:before,
.l-payment .invoice-method .electronicInvoice-info .save-electronicInvoice input[type="checkbox"]:checked:before {
    border-color: #e14e2d;
}

.l-payment .invoice-method .company-invoice-info .save-electronicInvoice input[type="checkbox"]:checked:after,
.l-payment .invoice-method .electronicInvoice-info .save-electronicInvoice input[type="checkbox"]:checked:after {
    width: 0.1875rem;
    height: 0.5rem;
}

.l-payment .invoice-method .company-invoice-info .save-electronicInvoice .confirm-text,
.l-payment .invoice-method .electronicInvoice-info .save-electronicInvoice .confirm-text {
    margin-top: -0.1875rem;
}

.l-payment .invoice-method .gift-info {
    margin-top: 1.3125rem;
}

.l-payment .invoice-method .invoice-info {
    padding: 0;
    margin-top: 1.3125rem;
}

.l-payment .invoice-method .invoice-info .gift-type .wrapper-giftCode .form-group {
    padding: 0;
    width: 28.75rem;
}

.l-payment .invoice-method .invoice-info .gift-type .wrapper-giftCode input {
    display: block;
}

.l-payment .invoice-method .invoice-info .gift-type .gift-code {
    padding: 0.875rem 0.9375rem;
    font-size: 1rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.0244rem;
    width: 28.75rem;
}

.l-payment .confirm {
    font-size: 0.8125rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    letter-spacing: -0.03rem;
    color: #2a2a2a;
    display: flex;
    flex-direction: column;
    padding: 2.5rem;
}

.l-payment .confirm-list {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
}

.l-payment .confirm-list:last-child {
    margin-bottom: 0;
}

.l-payment .confirm-text {
    margin-left: 0.3125rem;
    margin-top: -0.125rem;
}

.l-payment .footer {
    box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    height: 5rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.l-payment .footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.l-payment .footer-container .sum-wrapper {
    font-size: 0.875rem;
    color: #2a2a2a;
}

.l-payment .footer-container .sum-wrapper .sum,
.l-payment .footer-container .sum-wrapper .total {
    display: inline-block;
}

.l-payment .footer-container .sum-wrapper .sum {
    margin-left: 3.75rem;
}

.l-payment .footer-container .sum-wrapper .info {
    font-size: 1.0625rem;
    font-weight: 600;
}

.l-payment .footer-container .btn-wrapper {
    display: grid;
    grid-template-columns: 9.0625rem 9.0625rem;
    justify-content: flex-end;
    grid-column-gap: 0.625rem;
    -moz-column-gap: 0.625rem;
    column-gap: 0.625rem;
    height: 2.5rem;
}

.l-payment .footer-container .btn-wrapper .oa-btn-solid {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9.0625rem;
    height: 2.5rem;
    padding: 0;
}

.l-payment .footer-container .btn-wrapper .oa-btn-solid:first-child {
    margin-right: 0;
}

.l-payment .footer-container .btn-wrapper .apple-pay-button,
.l-payment .footer-container .btn-wrapper .gpay-button {
    width: 9.0625rem;
    height: 2.5rem;
    border-radius: 0.625rem;
    min-width: 0;
}

.l-payment .input-companyLetterHead,
.l-payment .input-companyTax,
.l-payment .input-mobileBarcode {
    width: 100%;
    max-width: none !important;
}

.l-payment .verify-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.l-payment .verify-wrapper .inp {
    max-width: none;
}

.l-payment .verify-wrapper .verify-errMsg {
    color: red;
    font-size: 0.6875rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.0169rem;
    margin-top: 0.3125rem;
}

.l-payment .verify-wrapper .icon-error {
    height: 0.875rem;
    width: 0.875rem;
    vertical-align: middle;
}

.l-payment .verify-wrapper .slash {
    color: #cacaca;
    margin-top: 1.375rem;
}

input[type="checkbox"] {
    cursor: pointer;
    position: relative;
    margin-right: 10px;
    margin-top: 0;
}

input::-moz-placeholder {
    font-size: 1rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.0244rem;
    color: #2a2a2a;
}

input:-ms-input-placeholder {
    font-size: 1rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.0244rem;
    color: #2a2a2a;
}

input::placeholder {
    font-size: 1rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.0244rem;
    color: #2a2a2a;
}

/*input[type="checkbox"]:before {
                content: "";
                display: block;
                position: absolute;
                width: 0.875rem;
                height: 0.875rem;
                top: -0.1425rem;
				left: -0.1825rem;
                border: 2px solid #eee;
                border-radius: 0.875rem;
                background-color: #fff;
            }
            input[type="checkbox"]:checked:before {
                background-color: #82A417;
                border: 2px solid #82A417;
            }
            input[type="checkbox"]:checked:after {
                content: "";
                display: block;
                width: 0.25rem;
                height: 0.5625rem;
                border: solid #fff;
                border-width: 0 0.0625rem 0.0625rem 0;
                transform: rotate(45deg);
                position: absolute;
                top: 0;
                left: 0.3125rem;
            }*/

/*
            input[type="radio"] {
                display: none;
            }*/

.radio {
    cursor: pointer;
    text-indent: 2.1875rem;
    overflow: visible;
    display: inline-block;
    position: relative;
    margin-bottom: 0.9375rem;
}

label.radio:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 100%;
    border: 0.0625rem solid #000;
}

label.radio:after {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0.3438rem;
    left: 0.375rem;
    border-radius: 50%;
    border: 0 solid;
    width: 0.75rem;
    height: 0.75rem;
    background-color: #4a4a4a;
}

input[type="radio"]:checked+label:after {
    opacity: 1;
}

@media (min-width: 1440px) {
    .l-payment .payment_wrapper {
        width: 100%;
    }
    .l-payment .payment_wrapper .payment_lists {
        min-width: 920px;
    }
    .l-payment .payment_wrapper .payment_lists .oa-card {
        max-width: none;
    }
    .l-payment .footer .col-container {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (max-width: 1439px) {
    .l-payment .col-container {
        padding-left: 12px;
        padding-right: 12px;
        max-width: 1395px;
    }
    .l-payment .payment_wrapper,
    .l-payment .payment_wrapper .payment_lists {
        width: 100%;
    }
    .l-payment .payment_wrapper .payment_lists .oa-card {
        max-width: none;
    }
    .l-payment .footer .col-container {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (max-width: 1023px) {
    .l-payment {
        padding-top: 3.75rem;
    }
    .l-payment .col-container {
        flex-direction: column;
        max-width: none !important;
        padding-left: 0;
        padding-right: 0;
    }
    .l-payment .payment_wrapper {
        width: 100%;
    }
    .l-payment .oa-card {
        max-width: none !important;
        width: 100%;
        padding-left: 5.5625rem;
        padding-right: 5.5625rem;
        margin-bottom: 0.3125rem;
        box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
        border-radius: 0;
    }
    .l-payment .oa-card .oa-title {
        display: block;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .l-payment .cart_lists {
        width: 100%;
    }
    .l-payment .other_lists {
        margin-left: 0;
        width: 100%;
        display: none;
    }
    .l-payment .other_lists .cards {
        height: 12.5rem;
    }
    .l-payment .footer {
        height: 5.3125rem;
        box-shadow: 0 -0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
        background-color: #f9f9f9;
    }
    .l-payment .footer-container {
        flex-direction: row;
        padding: 0 5.5625rem 0.9375rem;
    }
    .l-payment .footer-container .sum-wrapper .sum {
        margin-left: 2.5rem;
    }
}

@media (max-width: 767px) {
    .l-payment {
        padding-top: 3.75rem;
        padding-bottom: 6.3125rem;
    }
    .l-payment .col-container {
        flex-direction: column;
        max-width: none !important;
    }
    .l-payment .oa-card {
        max-width: none !important;
        width: 100%;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        margin-bottom: 0.3125rem;
        box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
        border-radius: 0;
    }
    .l-payment .oa-card .oa-title {
        display: block;
        margin-top: 0;
        margin-bottom: 0.9375rem;
    }
    .l-payment .oa-card .oa-title-invoiceMethod,
    .l-payment .oa-card .oa-title-paymentMethod {
        margin-top: 1.5625rem;
    }
    .l-payment .oa-card .oa-title-invoiceMethod {
        margin-bottom: 2.5rem;
    }
    .l-payment .invoice-method .invoice-info {
        margin-top: 0;
    }
    .l-payment .invoice-method .invoice-info .title-wrapper {
        border-bottom: 0;
    }
    .l-payment .payment-method .radio-groups {
        flex-direction: column;
    }
    .l-payment .payment-method .radio-groups .icon-wrapper {
        margin-left: 2.1875rem;
    }
    .l-payment .footer {
        height: 6.3125rem;
        box-shadow: 0 -0.625rem 1.25rem 0 rgba(0, 0, 0, 0.1);
        background-color: #f9f9f9;
    }
    .l-payment .footer-container {
        padding: 0 0.625rem 0.625rem;
        justify-content: normal;
        align-items: normal;
    }
    .l-payment .footer-container .sum-wrapper {
        margin-top: 1rem;
        margin-bottom: 0.875rem;
        padding: 0 0.625rem;
    }
    .l-payment .footer-container .sum-wrapper .sum {
        margin-left: 2.5rem;
    }
    .l-payment .footer-container .btn-wrapper {
        display: grid;
        grid-template-columns: 9.0625rem 9.0625rem;
        justify-content: flex-end;
        grid-column-gap: 0.625rem;
        -moz-column-gap: 0.625rem;
        column-gap: 0.625rem;
        height: 2.5rem;
    }
    .l-payment .footer-container .btn-wrapper .oa-btn-solid {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 9.0625rem;
        height: 2.5rem;
        padding: 0;
    }
    .l-payment .footer-container .btn-wrapper .oa-btn-solid:first-child {
        margin-right: 0;
    }
}

.l-account {
    padding-top: 90px;
    background: #fff;
}

.l-account-page-left {
    position: relative;
    min-width: 18.75rem;
}

.l-account-page .menu {
    /*padding-bottom: 10px;
                border-radius: 8px;*/
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin-bottom: 10px;
}

/*選定*/

.member-selected {
    color: #ad2223 !important;
    background-color: #fdf1e3 !important;
}

.l-account-page .menu .l-account-page-name {
    word-break: break-word;
}

.l-account-page .menu .menu-sec {
    margin: 0 15px;
    padding-top: 20px;
    border-bottom: 0.0625rem solid #d8d8d8;
    font-size: 17px;
    font-weight: 600;
}

.l-account-page .menu .menu-sec:last-child {
    border-bottom: none;
}

.l-account-page .menu .menu-sec-item {
    cursor: pointer;
    display: flex;
    margin-bottom: 20px;
}

.l-account-page .menu .menu-sec-item div {
    margin-right: 15px;
    font-size: 15px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
}

.l-account-page .menu .menu-sec-item.active,
.l-account-page .menu .menu-sec-item:active {
    color: #e14e2d;
}

.l-account-page .menu .logout {
    margin: 20px 15px 40px;
}

.l-account-page .main {
    position: relative;
    word-break: break-word;
}

.l-account-page .main>div {
    border-radius: 20px;
}

.l-account-page .main .main-sections {
    border-radius: 20px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.l-account-page-name {
    text-align: left;
    padding: 20px 20px 20px;
    border-radius: 15px;
}

.l-account-page-title {
    padding: 40px 20px 0;
    font-size: 17px;
    font-weight: 600;
    color: #2a2a2a;
}

.icon40[data-v-member-img] {
    width: 60px;
    height: 60px;
    background-image: url(/images/user_large.png);
    background-repeat: round;
    border-radius: 30px;
}

.member_head_txt {
    font-size: 17px;
    font-weight: 600;
    margin: 10px;
    width: 60%;
    float: right;
}

.member_head_txt>font {
    font-weight: 100;
    font-size: 14px;
    color: #bcb7b7;
}

@media (max-width: 767px) {
    .l-account-page-title {
        padding: 20px 20px 0;
    }
}

.l-account-page .content {
    padding: 0.9375rem;
}

@media (min-width: 1024px) {
    .l-account-page-left {
        padding: 20px;
        display: block;
    }
    .l-account .l-account-page {
        display: flex;
    }
    .l-account .l-account-page .l-account-page-left,
    .l-account .l-account-page .main {
        height: calc(100vh - 90px);
        padding-top: 20px;
        padding-bottom: 40px;
        overflow-y: scroll;
    }
    .l-account .l-account-page .l-account-page-left {
        position: fixed;
        width: 30vw;
        max-width: 30vw;
        padding-left: 15px;
        padding-right: 10px;
    }
    .l-account .l-account-page .main {
        height: auto;
        width: 68vw;
        max-width: 68vw;
        left: 30vw;
        padding-left: 10px;
        padding-right: 15px;
    }
}

@media (min-width: 1440px) {
    .l-account .l-account-page .l-account-page-left {
        width: 360px;
        max-width: 360px;
    }
    .l-account .l-account-page .main {
        width: 920px;
        max-width: 920px;
        left: 360px;
    }
}

@media (max-width: 1023px) {
    .l-account {
        padding-top: 60px;
    }
    .l-account .col-container {
        max-width: 100%;
        min-width: 100%;
    }
    .l-account-page-left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }
    .l-account-page .menu {
        border-radius: 0;
        box-shadow: none;
        background-color: #fff;
    }
    .l-account-page .menu .l-account-page-name {
        width: auto;
    }
    .l-account-page .menu .menu-sec {
        width: 590px;
        min-width: 590px;
        max-width: 590px;
        margin: 0 auto;
        padding: 40px 20px 20px;
        border-bottom: 1px solid #d8d8d8;
        display: flex;
        flex-wrap: wrap;
    }
    .l-account-page .menu .menu-sec-item {
        flex: 0 0 50%;
    }
    .l-account-page .menu .menu-sec>div:first-child {
        flex: 0 0 100%;
    }
    .l-account-page .menu .menu-sec>div:last-child {
        margin-bottom: 0;
    }
    .l-account-page .menu .logout {
        width: 590px;
        margin: 20px auto 40px;
    }
    .l-account-page .menu>div:nth-child(3) {
        padding-top: 20px;
    }
    .l-account-page .main {
        margin: auto;
        width: 620px;
        box-shadow: none;
    }
    .l-account-page .main .main-sections {
        box-shadow: none;
    }
    .l-account-page-name {
        border-bottom: 5px solid #e9e9e9;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

@media (max-width: 767px) {
    .l-account-page .menu .menu-sec {
        width: calc(100% - 20px);
        min-width: 0;
        max-width: none;
        box-sizing: border-box;
        margin: 0 10px;
        padding-left: 10px;
        padding-right: 10px;
        border-bottom: 1px solid #d8d8d8;
        display: block;
    }
    .l-account-page .menu .logout {
        width: calc(100% - 20px);
    }
    .l-account-page .main {
        width: 100%;
    }
}

.l-account-page .main>div .main-sections .content {
    width: auto;
    padding: 20px 20px 40px;
}

@media (max-width: 1023px) {
    .l-account-page .main>div .main-sections .content {
        width: auto;
    }
}

.l-account-page .main>div .main-sections .content.noItem {
    padding: 40px 0;
    text-align: center;
}

.l-account-page .main>div .main-sections .content.noItem>div {
    height: 17px;
    color: #7a7a7a;
    font-size: 12px;
}

.l-account-page .main>div .main-sections .content.noItem .oa-btn-border,
.l-account-page .main>div .main-sections .content.noItem .oa-btn-border-icon {
    margin-top: 20px;
}

@media (max-width: 1023px) {
    .l-account-page .main>div .main-sections .content.noItem {
        position: relative;
        top: calc(50vh - 220px);
    }
}

.l-account-page .main .l-account-type-tab {
    position: relative;
    height: auto;
    min-height: 223px;
    background: #fff;
}

.l-account-page .main .l-account-type-tab .main-sections .l-account-page-title {
    padding: 40px 20px 20px;
}

@media (max-width: 767px) {
    .l-account-page .main .l-account-type-tab .main-sections .l-account-page-title {
        padding: 20px 20px 0;
    }
}

.l-account-page .main .l-account-type-tab .main-sections .oa-btnWrap .oa-btnBlock>a:first-child,
.l-account-page .main .l-account-type-tab .main-sections .oa-btnWrap .oa-btnBlock>button:first-child {
    padding: 24px 20px 0;
}

.l-account-page .main .l-account-type-withRightBtn {
    position: relative;
    height: auto;
    min-height: 223px;
    background: #fff;
}

.l-account-page .main .l-account-type-withRightBtn .main-sections .l-account-page-title {
    margin: 0 15px;
    padding: 40px 5px 0;
}

.l-account-page .main .l-account-type-withRightBtn .main-sections .l-account-page-title button {
    display: none;
}

.l-account-page .main .l-account-type-withRightBtn .main-sections.hasBinding .l-account-page-title {
    height: 104px;
    padding: 40px 40px 0;
    margin: 0;
}

.l-account-page .main .l-account-type-withRightBtn .main-sections.hasBinding .l-account-page-title button {
    display: inline;
    display: initial;
    position: absolute;
    top: 40px;
    right: 40px;
}

@media (max-width: 1023px) {
    .l-account-page .main .l-account-type-withRightBtn .main-sections.hasBinding .l-account-page-title {
        padding: 40px 20px 0;
    }
    .l-account-page .main .l-account-type-withRightBtn .main-sections.hasBinding .l-account-page-title button {
        right: 20px;
    }
}

@media (max-width: 767px) {
    .l-account-page .main .l-account-type-withRightBtn .main-sections.hasBinding .l-account-page-title {
        height: 80px;
        padding: 20px 20px 0;
    }
    .l-account-page .main .l-account-type-withRightBtn .main-sections.hasBinding .l-account-page-title button {
        top: 20px;
    }
}

.l-account-page .main .l-account-type-withRightBtn .main-sections.hasBinding .content {
    padding: 0 40px;
}

@media (max-width: 1023px) {
    .l-account-page .main .l-account-type-withRightBtn .main-sections.hasBinding .content {
        padding: 0 15px;
    }
}

.l-account-page .main .l-account-type-multi .main-sections {
    position: relative;
    margin-top: 20px;
}

.l-account-page .main .l-account-type-multi .main-sections:nth-child(2) {
    margin-top: 0;
}

.l-account-page .main .l-account-type-multi .main-sections.flat .l-account-page-title {
    padding: 32px 20px;
    display: flex;
    line-height: 40px;
}

.l-account-page .main .l-account-type-multi .main-sections.flat .l-account-page-title button {
    margin: auto 0 auto auto;
}

.l-account-page .main .l-account-type-multi .main-sections.flat.active .l-account-page-title {
    padding: 32px 20px 20px;
}

.l-account-page .main .l-account-type-multi .content-footer {
    padding: 0 40px 40px;
    text-align: right;
}

.l-account-page .main .l-account-type-multi .content-footer button {
    padding: 10px 30px;
}

@media (max-width: 1023px) {
    .l-account-page .main .l-account-type-multi .main-sections {
        margin-top: 0;
        border-radius: 0;
        border-top: 5px solid #e9e9e9;
    }
    .l-account-page .main .l-account-type-multi .main-sections:nth-child(2) {
        border-top: none;
    }
}

@media (max-width: 767px) {
    .l-account-page .main .l-account-type-multi .content {
        padding: 20px;
    }
    .l-account-page .main .l-account-type-multi .content-footer {
        padding: 0 20px 40px;
    }
    .l-account-page .main .l-account-type-multi .content-footer button {
        width: 100%;
    }
    .l-account-page .main .l-account-type-multi .main-sections.flat.active .l-account-page-title {
        padding: 24px 20px 0;
    }
}

.l-account-page .main .form-wrapper .c-material-input {
    max-width: none;
}

.l-account-page .main .form-wrapper .c-material-input .input-inp {
    word-break: normal;
}

.l-account-page .main .form-wrapper .input-disable {
    margin-top: 36px;
}

.l-account-page .main .form-wrapper .input-disable div {
    font-size: 15px;
    color: #2a2a2a;
}

.l-account-page .main .form-wrapper .input-disable .label {
    font-size: 11px;
    color: hsla(0, 0%, 47.8%, 0.5);
    margin-bottom: 5px;
}

.l-account-page .main .form-wrapper .common-wrapper {
    width: 412px;
}

.l-account-page .main .form-wrapper .birthday-wrapper {
    width: 412px;
    margin-bottom: 3.1875rem;
}

.l-account-page .main .form-wrapper .gender-wrapper {
    margin-top: 36px;
}

.l-account-page .main .form-wrapper .privacy-wrapper {
    margin-top: 50px;
    display: flex;
    font-size: 15px;
}

.l-account-page .main .form-wrapper .privacy-wrapper input {
    margin-top: 4px;
}

.l-account-page .main .form-wrapper .gender-wrapper .selected-item {
    width: 412px;
}

.l-account-page .main .form-wrapper .gender-wrapper .option-wrap {
    height: 7.1875rem;
}

@media (max-width: 767px) {
    .l-account-page .main .form-wrapper .birthday-wrapper,
    .l-account-page .main .form-wrapper .common-wrapper {
        width: auto;
    }
    .l-account-page .main .form-wrapper .gender-wrapper .selected-item {
        width: 280px;
    }
}

.hasNotiTop .l-account {
    padding-top: 140px;
}

@media (min-width: 1024px) {
    .hasNotiTop .l-account .l-account-page .l-account-page-left,
    .hasNotiTop .l-account .l-account-page .main {
        height: calc(100vh - 140px);
    }
}

@media (max-width: 1023px) {
    .hasNotiTop .l-account {
        padding-top: 110px;
    }
}

.l-register__container {
    display: flex;
    justify-content: center;
    padding-top: 130px;
    padding-bottom: 40px;
    background: #fef5ef;
    height: 100%;
    min-height: 100vh;
}

.l-register__container .wrapper {
    overflow: hidden;
    margin-top: auto;
    margin-bottom: auto;
    width: 590px;
    height: 590px;
    min-height: 590px;
    background: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 5.3125rem 5.5625rem 9rem;
}

.l-register__container .wrapper .header {
    margin-bottom: 34px;
}

.l-register__container .wrapper .title {
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #2a2a2a;
}

.l-register__container .wrapper .phoneNumber-wrapper {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin-bottom: 52px;
}

.l-register__container .wrapper .phoneNumber-wrapper .oa-select {
    margin-right: 0.9375rem;
}

.l-register__container .wrapper .recaptcha-wrapper {
    display: flex;
    align-items: flex-start;
    margin-bottom: 2.5rem;
    margin-left: 10px;
    font-size: 0.9375rem;
    color: #2a2a2a;
}

.l-register__container .wrapper .recaptcha-wrapper .recaptcha {
    margin-right: 1.75rem;
}

.l-register__container .wrapper .form-group {
    margin: 0 auto 30px;
    width: 344px;
}

.l-register__container .wrapper .form-error-hint {
    color: red !important;
    text-align: right !important;
    margin-top: 5px;
}

.l-register__container .wrapper .privacy {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 13px;
    margin: 20px 0;
}

.l-register__container .wrapper .btn-primary-full {
    border-radius: 3px;
    width: 344px;
    margin: 0 auto;
}

.l-register__container .wrapper .already {
    font-size: 15px;
    color: #7a7a7a;
}

.l-register__container .btn-verify {
    opacity: 0.5;
    cursor: auto;
    width: 412px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.l-register__container .btn-verify.active {
    opacity: 1;
    cursor: pointer;
}

.l-register__container .c-material-input {
    max-width: 297px;
    width: 100%;
}

.l-register__container .c-material-input .inp {
    max-width: 297px;
}

@media (max-width: 1023px) {
    .l-register__container {
        padding-top: 100px;
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .l-register__container {
        padding-top: 60px;
        padding-bottom: 0;
        background: #fff;
        min-height: 0;
        height: auto;
    }
    .l-register__container .wrapper {
        margin-top: 0;
        margin-bottom: 0;
        padding: 2.5rem 0.625rem 0;
        max-width: 320px;
        min-width: 320px;
        height: 100%;
        min-height: 100%;
    }
    .l-register__container .wrapper .form-group {
        width: auto;
    }
    .l-register__container .wrapper .btn-verify {
        width: 100%;
    }
    .l-register__container .wrapper .recaptcha-wrapper {
        align-items: center;
        margin-left: 0;
    }
    .l-register__container .wrapper .privacy {
        justify-content: center;
    }
}

.l-verify__container {
    display: flex;
    justify-content: center;
    padding-top: 130px;
    padding-bottom: 40px;
    background: #fef5ef;
    height: 100%;
    min-height: 100vh;
}

.l-verify__container .wrapper {
    overflow: hidden;
    margin-top: auto;
    margin-bottom: auto;
    width: 590px;
    height: 590px;
    min-height: 590px;
    background: #fff;
    text-align: center;
    border-radius: 1.25rem;
    padding: 5.3125rem 5.5625rem 9rem;
}

.l-verify__container .wrapper .header {
    margin-bottom: 2.125rem;
}

.l-verify__container .wrapper .title {
    text-align: center;
    font-size: 1.0625rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #2a2a2a;
}

.l-verify__container .wrapper .code-wrapper,
.l-verify__container .wrapper .password-wrapper {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.l-verify__container .wrapper .code-wrapper {
    margin-bottom: 2.25rem;
}

.l-verify__container .wrapper .password-wrapper {
    flex-direction: column;
    margin-bottom: 1.9375rem;
}

.l-verify__container .wrapper .recaptcha-wrapper {
    display: flex;
    align-items: flex-start;
    margin-top: 1.25rem;
    font-size: 0.9375rem;
    color: #2a2a2a;
}

.l-verify__container .wrapper .recaptcha-wrapper .recaptcha {
    margin-right: 1.75rem;
}

.l-verify__container .wrapper .c-material-input {
    max-width: 25.75rem;
    width: 100%;
}

.l-verify__container .wrapper .c-material-input .inp {
    max-width: 25.75rem;
}

.l-verify__container .wrapper .btn-verify {
    opacity: 0.5;
    cursor: auto;
    width: 25.75rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.25rem;
    font-size: 0.9375rem;
}

.l-verify__container .wrapper .btn-verify.active {
    opacity: 1;
    cursor: pointer;
}

.l-verify__container .wrapper .btn-resend {
    width: 25.75rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #e17d2d;
    font-size: 0.9375rem;
}

@media (max-width: 1023px) {
    .l-verify__container {
        padding-top: 100px;
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .l-verify__container {
        padding-top: 60px;
        padding-bottom: 0;
        background: #fff;
        min-height: 0;
        height: auto;
    }
    .l-verify__container .wrapper {
        margin-top: 0;
        margin-bottom: 0;
        padding: 2.5rem 0.625rem 0;
        max-width: 20rem;
        min-width: 20rem;
        height: 100%;
        min-height: 100%;
    }
    .l-verify__container .wrapper .form-group {
        width: auto;
    }
    .l-verify__container .wrapper .btn-resend,
    .l-verify__container .wrapper .btn-verify {
        width: 100%;
    }
    .l-verify__container .wrapper .recaptcha-wrapper {
        align-items: center;
        margin-left: 0;
    }
}

.l-register-account__container {
    display: flex;
    justify-content: center;
    padding-top: 130px;
    padding-bottom: 40px;
    background: #fef5ef;
    height: 100%;
    min-height: 100vh;
}

.l-register-account__container .wrapper {
    overflow: hidden;
    margin-top: auto;
    margin-bottom: auto;
    width: 590px;
    height: 590px;
    min-height: 590px;
    background: #fff;
    text-align: center;
    border-radius: 1.25rem;
    padding: 2.75rem 5.5625rem;
}

.l-register-account__container .wrapper .header {
    margin-bottom: 2.125rem;
}

.l-register-account__container .wrapper .title {
    text-align: center;
    font-size: 1.0625rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #2a2a2a;
}

.l-register-account__container .wrapper .c-material-input {
    max-width: 25.75rem;
    width: 100%;
}

.l-register-account__container .wrapper .c-material-input .inp {
    max-width: 25.75rem;
}

.l-register-account__container .wrapper .birthday-wrapper {
    margin-bottom: 3.1875rem;
}

.l-register-account__container .wrapper .gender-wrapper {
    max-width: 25.75rem;
    width: 100%;
    height: 1.5rem;
    margin-bottom: 2.5rem;
}

.l-register-account__container .wrapper .gender-wrapper .selected-item {
    width: 100%;
}

.l-register-account__container .wrapper .gender-wrapper .option-wrap {
    height: 7.1875rem;
}

.l-register-account__container .wrapper .privacy-wrapper {
    margin-bottom: 1.25rem;
    display: flex;
    align-items: baseline;
    justify-content: center;
    font-size: 0.9375rem;
}

.l-register-account__container .wrapper .btn-confirm {
    opacity: 0.5;
    cursor: auto;
    width: 25.75rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.25rem;
    font-size: 0.9375rem;
}

.l-register-account__container .wrapper .btn-confirm.active {
    opacity: 1;
    cursor: pointer;
}

@media (max-width: 1023px) {
    .l-register-account__container {
        padding-top: 100px;
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .l-register-account__container {
        padding-top: 60px;
        padding-bottom: 0;
        background: #fff;
        min-height: 0;
        height: auto;
    }
    .l-register-account__container .wrapper {
        margin-top: 0;
        margin-bottom: 0;
        padding: 2.5rem 1.25rem 0;
        max-width: 20rem;
        min-width: 20rem;
        height: 100%;
        min-height: 100%;
        overflow-y: scroll;
    }
    .l-register-account__container .wrapper .btn-confirm {
        width: 100%;
    }
}

.l-login__container {
    display: flex;
    justify-content: center;
    padding-top: 130px;
    padding-bottom: 40px;
    background: #fef5ef;
    height: 100%;
    min-height: 100vh;
}

.l-login__container .wrapper {
    overflow: hidden;
    margin-top: auto;
    margin-bottom: auto;
    width: 590px;
    height: 590px;
    min-height: 590px;
    background: #fff;
    text-align: center;
    border-radius: 1.25rem;
    padding: 5.3125rem 5.5625rem 9rem;
}

.l-login__container .wrapper .header {
    margin-bottom: 2.125rem;
}

.l-login__container .wrapper .title {
    text-align: center;
    font-size: 1.0625rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #2a2a2a;
}

.l-login__container .wrapper .phoneNumber-wrapper {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin-bottom: 1.8125rem;
}

.l-login__container .wrapper .phoneNumber-wrapper .oa-select {
    margin-right: 0.9375rem;
}

.l-login__container .wrapper .password-wrapper {
    margin-bottom: 2.5rem;
}

.l-login__container .wrapper .recaptcha-wrapper {
    display: flex;
    align-items: flex-start;
    margin-bottom: 2.5rem;
    font-size: 0.9375rem;
    color: #2a2a2a;
}

.l-login__container .wrapper .recaptcha-wrapper .recaptcha {
    margin-right: 1.75rem;
}

.l-login__container .wrapper .no-account-info {
    font-size: 0.9375rem;
    color: #7a7a7a;
}

.l-login__container .wrapper .btn-login {
    opacity: 0.5;
    cursor: auto;
    width: 25.75rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.25rem;
}

.l-login__container .wrapper .btn-login.active {
    opacity: 1;
    cursor: pointer;
}

.l-login__container .wrapper .c-material-input {
    max-width: 25.75rem;
    width: 100%;
}

.l-login__container .wrapper .c-material-input .inp {
    max-width: 25.75rem;
}

@media (max-width: 1023px) {
    .l-login__container {
        padding-top: 100px;
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .l-login__container {
        padding-top: 60px;
        padding-bottom: 0;
        background: #fff;
        min-height: 0;
    }
    .l-login__container .wrapper {
        margin-top: 0;
        margin-bottom: 0;
        padding: 2.5rem 0.625rem 0;
        max-width: 20rem;
        min-width: 20rem;
        height: 100%;
        min-height: 100%;
    }
    .l-login__container .wrapper .header {
        margin-bottom: 0.5rem;
    }
    .l-login__container .wrapper .password-wrapper,
    .l-login__container .wrapper .phoneNumber-wrapper {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
    .l-login__container .wrapper .password-wrapper {
        margin-bottom: 1.25rem;
    }
    .l-login__container .wrapper .recaptcha-wrapper {
        flex-direction: column-reverse;
        align-items: flex-end;
        margin-bottom: 1.25rem;
    }
    .l-login__container .wrapper .recaptcha-wrapper .recaptcha {
        margin-top: 1.25rem;
        margin-right: 0;
    }
    .l-login__container .wrapper .recaptcha-wrapper .text-forgetpassword {
        margin-right: 0.625rem;
    }
    .l-login__container .wrapper .btn-login {
        width: 100%;
    }
}

.l-forgetpassword__container {
    display: flex;
    justify-content: center;
    padding-top: 130px;
    padding-bottom: 40px;
    background: #fef5ef;
    height: 100%;
    min-height: 100vh;
}

.l-forgetpassword__container .wrapper {
    overflow: hidden;
    margin-top: auto;
    margin-bottom: auto;
    width: 590px;
    height: 590px;
    min-height: 590px;
    background: #fff;
    text-align: center;
    border-radius: 1.25rem;
    padding: 5.3125rem 5.5625rem 9rem;
}

.l-forgetpassword__container .wrapper .header {
    margin-bottom: 2.125rem;
}

.l-forgetpassword__container .wrapper .title {
    text-align: center;
    font-size: 1.0625rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #2a2a2a;
}

.l-forgetpassword__container .wrapper .hint {
    font-size: 0.9375rem;
    color: #7a7a7a;
    text-align: left;
    margin-bottom: 2.375rem;
}

.l-forgetpassword__container .wrapper .phoneNumber-wrapper {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin-bottom: 2.5rem;
}

.l-forgetpassword__container .wrapper .phoneNumber-wrapper .oa-select {
    margin-right: 0.9375rem;
}

.l-forgetpassword__container .wrapper .password-wrapper {
    margin-bottom: 2.5rem;
}

.l-forgetpassword__container .wrapper .recaptcha-wrapper {
    display: flex;
    align-items: flex-start;
    margin-bottom: 2.5rem;
    font-size: 0.9375rem;
    color: #2a2a2a;
}

.l-forgetpassword__container .wrapper .recaptcha-wrapper .recaptcha {
    margin-right: 1.75rem;
}

.l-forgetpassword__container .wrapper .no-account-info {
    font-size: 0.9375rem;
    color: #7a7a7a;
}

.l-forgetpassword__container .wrapper .btn-login {
    opacity: 0.5;
    cursor: auto;
    width: 25.75rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.25rem;
}

.l-forgetpassword__container .wrapper .btn-login.active {
    opacity: 1;
    cursor: pointer;
}

.l-forgetpassword__container .wrapper .c-material-input {
    max-width: 25.75rem;
    width: 100%;
}

.l-forgetpassword__container .wrapper .c-material-input .inp {
    max-width: 25.75rem;
}

@media (max-width: 1023px) {
    .l-forgetpassword__container {
        padding-top: 100px;
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .l-forgetpassword__container {
        padding-top: 60px;
        padding-bottom: 0;
        background: #fff;
        min-height: 0;
        height: auto;
    }
    .l-forgetpassword__container .wrapper {
        margin-top: 0;
        margin-bottom: 0;
        padding: 2.5rem 0.625rem 0;
        max-width: 20rem;
        min-width: 20rem;
        height: 100%;
        min-height: 100%;
    }
    .l-forgetpassword__container .wrapper .password-wrapper,
    .l-forgetpassword__container .wrapper .phoneNumber-wrapper {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
    .l-forgetpassword__container .wrapper .password-wrapper {
        margin-bottom: 1.25rem;
    }
    .l-forgetpassword__container .wrapper .recaptcha-wrapper {
        flex-direction: column-reverse;
        align-items: flex-end;
        margin-bottom: 1.25rem;
    }
    .l-forgetpassword__container .wrapper .recaptcha-wrapper .recaptcha {
        margin-top: 1.25rem;
        margin-right: 0;
    }
    .l-forgetpassword__container .wrapper .btn-login {
        width: 100%;
    }
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width 0.1s, opacity 0.4s;
    background-color: #e17d2d;
    z-index: 999999;
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none;
}

.nuxt-progress-failed {
    background-color: red;
}

.oa-input-searchbar input::-moz-placeholder {
    font-size: 13px;
}

.oa-input-searchbar input:-ms-input-placeholder {
    font-size: 13px;
}

.oa-input-searchbar input::placeholder {
    font-size: 13px;
}

.svg-icon[data-v-123e0a92] {
    min-width: 1em;
    min-height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.svg-external-icon[data-v-123e0a92] {
    background-color: currentColor;
    -webkit-mask-size: cover !important;
    mask-size: cover !important;
    display: inline-block;
}

.icon50[data-v-123e0a92] {
    width: 50px;
    height: 50px;
}

.icon40[data-v-123e0a92] {
    width: 40px;
    height: 40px;
}

.icon32[data-v-123e0a92] {
    width: 32px;
    height: 32px;
}

.icon18[data-v-123e0a92] {
    width: 18px;
    height: 18px;
}

.icon-logo[data-v-123e0a92] {
    width: 225px;
    height: 50px;
    background-image: url(/icon/learningologo.png);
    background-size: cover;
}

@media (max-width: 1023px) {
    .icon-logo[data-v-123e0a92] {
        width: 150px;
        height: 35px;
    }
}

.oa-search .col-container {
    width: 620px;
    min-width: 620px;
    padding: 0;
    text-align: left;
    background: none;
}

.oa-search>.col-container {
    position: relative;
}

.oa-search .oa-row.gray {
    height: 58px;
    background: #f9f9f9;
    padding-top: 5px;
}

.oa-search .oa-row-secondary-title {
    margin-top: 40px;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
}

.oa-search .oa-btn-border {
    margin-top: 10px;
}

.oa-search .oa-btn-filter {
    width: 203px;
    height: 48px;
    border-radius: 10px;
}

.oa-search .oa-btn-filter .oa-arrow {
    vertical-align: top;
    display: inline-block;
    transition: all 0.3s ease;
}

.oa-search .oa-btn-filter.active,
.oa-search .oa-btn-filter:active {
    background-color: rgba(0, 0, 0, 0.1);
}

.oa-search .oa-btn-filter.active .oa-arrow,
.oa-search .oa-btn-filter:active .oa-arrow {
    transform: rotate(180deg);
}

.oa-search .oa-btn-filter.selected {
    color: #e14e2d;
}

@media (max-width: 640px) {
    .oa-search .col-container {
        width: 100%;
        min-width: 100%;
        height: calc(100vh - 94px);
        overflow-y: auto;
    }
    .oa-search .oa-row.gray {
        height: 34px;
        padding-top: 4px;
    }
    .oa-search .oa-row.gray .col-container {
        width: calc(100vw - 40px);
        min-width: 320px;
        display: flex;
        justify-content: space-between;
    }
    .oa-search .oa-btn-filter {
        width: 100px;
        height: 24px;
    }
    .oa-search .oa-row-secondary-title {
        margin: 20px 20px 5px;
    }
    .oa-search .oa-btn-group.secondary {
        padding: 0 20px 20px;
        border-bottom: 1px solid #e9e9e9;
    }
}

.oa-filter {
    position: relative;
}

.oa-filter .col-container {
    width: 80%;
    text-align: center;
    min-width: 620px;
    padding: 0;
    background: none;
}

.oa-filter .oa-row.gray {
    height: 58px;
    background: #f9f9f9;
    padding-top: 5px;
}

.oa-filter .oa-row-secondary-title {
    margin-top: 40px;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
}

.oa-filter .oa-btn-border {
    margin-top: 10px;
}

.oa-filter .oa-btn-filter {
    width: 203px;
    height: 30px;
    border-radius: 10px;
    font-size: 15px;
}

@media (max-width: 767px) {
    .oa-filter .oa-btn-filter {
        font-size: 13px;
    }
}

.oa-filter .oa-btn-filter .oa-arrow {
    vertical-align: top;
    display: inline-block;
    transition: all 0.3s ease;
}

.oa-filter .oa-btn-filter.active,
.oa-filter .oa-btn-filter:active {
    background-color: rgba(0, 0, 0, 0.1);
}

.oa-filter .oa-btn-filter.active .oa-arrow,
.oa-filter .oa-btn-filter:active .oa-arrow {
    transform: rotate(180deg);
}

.oa-filter .oa-btn-filter.selected {
    color: #e14e2d;
}

@media (max-width: 640px) {
    .oa-filter .col-container {
        width: 100%;
        min-width: 100%;
        height: auto;
        overflow-y: auto;
    }
    .oa-filter .oa-row.gray {
        height: 34px;
        padding-top: 4px;
    }
    .oa-filter .oa-row.gray .col-container {
        width: calc(100vw - 40px);
        min-width: 320px;
        display: flex;
        justify-content: space-between;
    }
    .oa-filter .oa-btn-filter {
        width: 100px;
        height: 24px;
    }
    .oa-filter .oa-row-secondary-title {
        margin: 20px 20px 5px;
    }
    .oa-filter .oa-btn-group.secondary {
        padding: 0 20px 20px;
        border-bottom: 1px solid #e9e9e9;
    }
    .oa-filter.active {
        position: fixed;
        width: 100%;
        z-index: 1;
    }
    .oa-filter.active .col-container {
        height: calc(100vh - 94px);
    }
}

.oa-hamburgermenu .col-container {
    width: 320px;
    min-width: 320px;
    padding: 0;
    text-align: left;
    border-top: 1px solid #e9e9e9;
}

.oa-hamburgermenu .col-container .lev1 {
    height: 54px;
    line-height: 24px;
    font-size: 17px;
    color: #2a2a2a;
    padding: 15px 20px;
    background: #f9f9f9;
    border-bottom: 1px solid #e9e9e9;
    cursor: pointer;
}

@media (max-width: 767px) {
    .oa-hamburgermenu .col-container {
        width: 100%;
        min-width: 100%;
    }
}

.modal-mask[data-v-345eda7e] {
    background-color: transparent;
}

.modal-container[data-v-345eda7e] {
    z-index: 99999;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    height: auto;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: auto;
}

.modal-body[data-v-345eda7e],
.modal-container[data-v-345eda7e] {
    background: #fff;
}

.modal-body[data-v-345eda7e] {
    overflow: hidden;
    padding: 53px 48px 29px;
    height: 100%;
    text-align: center;
    max-width: 400px;
}

.modal-body .title[data-v-345eda7e] {
    margin-top: 20px;
    word-break: break-word;
}

.normal .modal-body[data-v-345eda7e] {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.normal .modal-body .title[data-v-345eda7e] {
    margin-top: 0;
    padding: 20px;
}

.warning .modal-body[data-v-345eda7e] {
    padding: 53px 48px 29px;
}

@media (max-width: 767px) {
    .modal-body[data-v-345eda7e] {
        max-width: 280px;
    }
}

@media (max-width: 1023px) {
    .oa-card-program-with-info-wrap[data-v-eb306074] {
        margin-top: 5px;
    }
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper[data-v-0d69d180] {
    -ms-scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper[data-v-0d69d180] {
    -ms-scroll-snap-type: y mandatory;
}

.swiper-scrollbar[data-v-0d69d180] {
    touch-action: none;
}

.swiperWrap[data-v-0d69d180] {
    min-height: 380px;
    padding: 20px 0;
    background: #f8f8f8;
}

.swiper-container[data-v-0d69d180] {
    width: 100%;
    height: 340px;
    background: #f8f8f8;
}

.swiper-container .swiper-slide[data-v-0d69d180] {
    width: 510px;
    height: 100% !important;
    background-color: #d8d8d8;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50%;
    border-radius: 20px;
}

.swiper-container .swiper-slide .slide-item[data-v-0d69d180] {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 20px;
}

.swiper-container .swiper-slide .swiper-lazy-preloader[data-v-0d69d180] {
    opacity: 0;
}

.swiper-button-next[data-v-0d69d180],
.swiper-button-prev[data-v-0d69d180] {
    top: calc(100% - 35px);
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 50%;
    background: #fff;
}

.swiper-button-next[data-v-0d69d180]:after,
.swiper-button-prev[data-v-0d69d180]:after {
    font-size: 1.25rem;
    color: #2a2a2a;
}

.swiper-button-next[data-v-0d69d180]:hover,
.swiper-button-prev[data-v-0d69d180]:hover {
    opacity: 0.7;
}

.swiper-button-next[data-v-0d69d180]:active,
.swiper-button-prev[data-v-0d69d180]:active {
    opacity: 1;
}

.swiper-button-prev[data-v-0d69d180] {
    left: 15px;
}

.swiper-button-next[data-v-0d69d180] {
    right: 15px;
}

@media (max-width: 1023px) {
    .swiperWrap[data-v-0d69d180] {
        min-height: 350px;
        padding: 5px 0;
    }
}

@media (max-width: 767px) {
    .swiperWrap[data-v-0d69d180] {
        min-height: calc(66.66667vw + 10px);
    }
    .swiper-container[data-v-0d69d180] {
        height: 66.66667vw;
    }
    .swiper-container .swiper-slide[data-v-0d69d180] {
        width: 100vw;
        border-radius: 0;
    }
    .swiper-container .swiper-slide .slide-item[data-v-0d69d180] {
        border-radius: 0;
    }
    .swiper-button-next[data-v-0d69d180],
    .swiper-button-prev[data-v-0d69d180] {
        display: none;
    }
}

.swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.36;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1;
}

@media (max-width: 767px) {
    .swiper-pagination {
        text-align: right;
        padding-right: 20px;
    }
}

.oa-cate {
    display: flex;
    padding: 20px 0 0;
    background: #fff;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
    overflow-x: scroll;
}

.oa-cate .cate {
    min-width: 960px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
}

.oa-cate .cate a {
    width: 60px;
    margin: auto 10px 20px;
    color: #2a2a2a;
}

.oa-cate .cate a .iconDefault {
    display: inline;
    display: initial;
}

.oa-cate .cate a .iconOn {
    display: none;
}

.oa-cate .cate a .text {
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: #2a2a2a;
}

.oa-cate .cate a:active,
.oa-cate .cate a:hover {
    color: #e14e2d;
}

.oa-cate .cate a:active .iconDefault,
.oa-cate .cate a:hover .iconDefault {
    display: none;
}

.oa-cate .cate a:active .iconOn,
.oa-cate .cate a:hover .iconOn {
    display: inline;
    display: initial;
}

.oa-cate .cate a:active .text,
.oa-cate .cate a:hover .text {
    color: #e14e2d;
}

@media (max-width: 430px) {
    .oa-cate .cate {
        min-width: 420px;
        justify-content: left;
        margin: auto 0;
    }
    .oa-cate .cate a {
        margin: auto 5px 20px;
    }
}

.bulletinBoard {
    padding-bottom: 72px;
}

.bulletinBoard .oa-btn-text {
    display: block;
    margin-top: 15px;
    text-align: left;
}

.bulletinBoard .oa-card-program-with-info .info-title,
.bulletinBoard .oa-card-program-with-info h3 {
    max-width: 200px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bulletinBoard .oa-card .oa-btn-text>div {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

@media (max-width: 1023px) {
    .bulletinBoard {
        position: relative;
        padding-bottom: 0;
    }
    .bulletinBoard .oa-card {
        text-align: left;
        margin-top: 0;
        border-top: 5px solid #e9e9e9;
        border-radius: 0;
        width: 100%;
    }
    .bulletinBoard .oa-card .oa-title {
        width: 590px;
        margin: 25px auto 0;
    }
    .bulletinBoard .oa-card .content {
        max-width: 590px;
        width: 590px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }
    .bulletinBoard .oa-card .content .oa-card-program-with-info {
        padding: 15px 0;
        flex: 0 0 285px;
        margin-right: 20px;
    }
    .bulletinBoard .oa-card .content .oa-card-program-with-info:nth-child(2n) {
        margin-right: 0;
    }
    .bulletinBoard .oa-card .content .oa-card-program-with-info:nth-last-child(2),
    .bulletinBoard .oa-card .content .oa-card-program-with-info:nth-last-child(3) {
        border: none;
    }
    .bulletinBoard .oa-card .content.list {
        display: block;
    }
    .bulletinBoard .oa-card:last-child {
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .bulletinBoard .oa-card {
        padding: 15px 10px 0;
    }
    .bulletinBoard .oa-card .oa-title {
        width: 100%;
        margin: 25px 10px 0;
    }
    .bulletinBoard .oa-card .content {
        max-width: 100%;
        width: 100%;
        display: block;
        padding-bottom: 20px;
    }
    .bulletinBoard .oa-card .content .oa-card-program-with-info {
        padding: 15px 10px;
        margin-right: 0;
    }
    .bulletinBoard .oa-card .content .oa-card-program-with-info .info-title,
    .bulletinBoard .oa-card .content .oa-card-program-with-info h3 {
        max-width: 100%;
    }
    .bulletinBoard .oa-card .content.list {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.fix-bottom[data-v-df8ff470] {
    position: fixed;
    bottom: 12px;
    left: 12px;
    right: 12px;
}

.gray-card[data-v-df8ff470] {
    padding: 20px;
    color: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
}

.gray-card .sm[data-v-df8ff470] {
    flex: 1;
    margin-top: auto;
    margin-bottom: auto;
}

.gray-card .sm .orange1[data-v-df8ff470] {
    text-decoration: underline;
}

.gray-card>div[data-v-df8ff470]:last-child {
    margin-top: auto;
    margin-bottom: auto;
}

.gray-card .rect[data-v-df8ff470] {
    margin-left: 20px;
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    background: #fff;
}

@media (max-width: 1023px) {
    .gray-card[data-v-df8ff470] {
        display: block;
    }
    .gray-card>div[data-v-df8ff470]:last-child {
        display: flex;
        margin-top: 20px;
    }
    .gray-card .rect[data-v-df8ff470] {
        margin-left: auto;
    }
}

@media screen and (max-width: 767px) {
    .gray-card .rect[data-v-df8ff470] {
        width: 100%;
    }
}

.dropdown-container[data-v-d282184a]:before {
    left: 299px;
}

.dropdown-container[data-v-7fadc46c]:before {
    left: 505px;
}

.calendar[data-v-7fadc46c] {
    margin: 0 0 0 16px;
}

.calendar li[data-v-7fadc46c] {
    outline: none;
}

.center-text[data-v-7fadc46c] {
    text-align: center;
    font-size: 15px;
    line-height: 1.875rem;
    padding: 0.625rem 0;
    margin: 0.3125rem auto;
}

.weekdays[data-v-7fadc46c] {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.weekdays li[data-v-7fadc46c] {
    flex: 0 1 84px;
    list-style-type: none;
    padding: 0.625rem 0;
    margin: 0.3125rem 0;
    font-size: 1rem;
    color: #9b9b9b;
    text-align: center;
}

.days[data-v-7fadc46c] {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.days li[data-v-7fadc46c] {
    position: relative;
    flex: 0 1 84px;
    list-style-type: none;
    text-align: center;
    padding: 0.625rem 0;
    margin: 0.3125rem 0;
    font-size: 15px;
    line-height: 30px;
    color: #4a4a4a;
    cursor: pointer;
}

.days li[data-v-7fadc46c]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 17px;
    height: 50px;
    width: 50px;
    background: none;
    z-index: -1;
    border-radius: 50%;
}

.days li.active[data-v-7fadc46c] {
    color: #fff;
    background: #e14e2d;
}

.days li.active-first-child[data-v-7fadc46c] {
    background: linear-gradient(90deg, #fff 50%, #e14e2d 0);
    z-index: 0;
    color: #fff;
}

.days li.active-first-child[data-v-7fadc46c]:after {
    background: #e14e2d;
}

.days li.active-last-child[data-v-7fadc46c] {
    background: linear-gradient(90deg, #e14e2d 50%, #fff 0);
    z-index: 0;
    color: #fff;
}

.days li.active-last-child[data-v-7fadc46c]:after {
    background: #e14e2d;
}

.days li.active-first-child.active-single[data-v-7fadc46c],
.days li.active-first-child.active-single.hover[data-v-7fadc46c] {
    background: none;
}

.days li.active-first-child.active-single.has-hoverEnd[data-v-7fadc46c] {
    background: linear-gradient(90deg, #fff 50%, #fef5ef 0);
}

.days li.active-first-child.active-single.has-hoverStart[data-v-7fadc46c] {
    background: linear-gradient(90deg, #fef5ef 50%, #fff 0);
}

.days li[data-v-7fadc46c]:hover {
    background: auto;
    z-index: 0;
    color: #e14e2d;
}

.days li[data-v-7fadc46c]:hover:after {
    background: #fef5ef;
}

.days li[data-v-7fadc46c]:active {
    color: #fff;
}

.days li[data-v-7fadc46c]:active:after {
    background: #e14e2d;
}

.days li.hover[data-v-7fadc46c] {
    background: #fef5ef;
}

.days li.hover-first-child[data-v-7fadc46c] {
    background: linear-gradient(90deg, #fff 50%, #fef5ef 0);
    z-index: 0;
    color: #e14e2d;
}

.days li.hover-first-child[data-v-7fadc46c]:after {
    background: #fef5ef;
}

.days li.hover-last-child[data-v-7fadc46c] {
    background: linear-gradient(90deg, #fef5ef 50%, #fff 0);
    z-index: 0;
    color: #e14e2d;
}

.days li.hover-last-child[data-v-7fadc46c]:after {
    background: #fef5ef;
}

.days li.disabled[data-v-7fadc46c] {
    cursor: default;
    color: #cacaca;
}

.days li.disabled[data-v-7fadc46c]:after {
    background: none;
}

.blank[data-v-7fadc46c] {
    cursor: default !important;
}

.blank[data-v-7fadc46c],
.blank[data-v-7fadc46c]:after {
    background: none !important;
}

@media (max-width: 640px) {
    .dropdown-body[data-v-7fadc46c] {
        max-width: 320px;
        margin: 0 auto;
    }
    .oa-btn-border[data-v-7fadc46c] {
        margin-bottom: 10px;
        margin-right: 6px;
    }
    .center-text[data-v-7fadc46c] {
        margin: 0;
        padding: 0;
    }
    .days li[data-v-7fadc46c],
    .weekdays li[data-v-7fadc46c] {
        flex: 0 1 40px;
    }
    .days li[data-v-7fadc46c] {
        position: relative;
        line-height: 20px;
        padding: 5px 0;
    }
    .days li[data-v-7fadc46c]:after {
        content: "";
        position: absolute;
        top: 0;
        left: 5px;
        height: 30px;
        width: 30px;
    }
}

.loading,
div {
    display: block;
}

.loading {
    position: fixed;
    z-index: 99999;
    background-color: hsla(0, 0%, 100%, 0.9);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 0.5s;
}

.loading .loading-spinner {
    position: absolute;
    top: 40vh;
    margin-top: -1.3125rem;
    width: 100%;
    text-align: center;
}

.loading .loading-spinner .circular {
    height: 2.625rem;
    width: 2.625rem;
    -webkit-animation: loading-rotate 2s linear infinite;
    animation: loading-rotate 2s linear infinite;
}

.loading .loading-spinner .circular .path {
    -webkit-animation: loading-dash 1.5s ease-in-out infinite;
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #e14e2d;
    stroke-linecap: round;
}

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

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

@-webkit-keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -2.5rem;
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -7.5rem;
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -2.5rem;
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -7.5rem;
    }
}

.loading-enter,
.loading-leave-active {
    opacity: 0;
}

.oa-modal-mask.note .oa-modal-body {
    height: calc(100% - 79px);
    font-size: 15px;
}

@media (max-width: 1023px) {
    .oa-modal-mask.note .oa-modal-body {
        height: calc(100% - 130px);
    }
}

.modal-container[data-v-7a16c384] {
    max-width: 620px;
    max-height: 746px;
    min-width: 620px;
}

.modal-body[data-v-7a16c384],
.modal-container[data-v-7a16c384],
.modal-header[data-v-7a16c384] {
    background: #fff;
}

.modal-header .title[data-v-7a16c384] {
    display: none;
}

.modal-body[data-v-7a16c384] {
    text-align: center;
}

.modal-body .title[data-v-7a16c384] {
    margin-top: 72px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #4a4a4a;
}

.btn-primary-full[data-v-7a16c384] {
    border-radius: 0.1875rem;
    width: 21.5rem;
    margin: 0.875rem auto 1.875rem;
    opacity: 0.5;
    cursor: auto;
}

.btn-primary-full.active[data-v-7a16c384] {
    cursor: pointer;
    opacity: 1;
}

.btn-receive-verify[data-v-7a16c384] {
    display: block;
    margin-bottom: 7.5625rem;
}

.login-message[data-v-7a16c384] {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #d0021b;
    margin-top: 0.875rem;
}

@media (max-width: 565px) {
    .modal-body[data-v-7a16c384] {
        text-align: center;
        height: 100%;
        padding-top: 2.625rem;
    }
    .modal-body .title[data-v-7a16c384] {
        display: none;
    }
    .modal-container[data-v-7a16c384] {
        min-width: 20rem;
        max-height: 100%;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        border-radius: 0;
        background-color: #f8f8f8;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
        transition: all 0.3s ease;
        /*font-family: Helvetica, Arial, sans-serif;*/
        position: relative;
        overflow: hidden;
    }
    .modal-wrapper[data-v-7a16c384] {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 100%;
    }
    .modal-header[data-v-7a16c384] {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
        height: 3.125rem;
        width: 100%;
        min-width: 20rem;
        background: #fff;
        color: #9b9b9b;
        padding: 0;
        font-size: 1.25rem;
    }
    .modal-header .title[data-v-7a16c384] {
        display: block;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.88 !important;
        color: #4a4a4a;
    }
    .modal-header .modal-default-button[data-v-7a16c384] {
        position: absolute;
        left: 0.9375rem;
        top: 0.3125rem;
        color: #4a4a4a;
        font-size: 1.875rem;
        z-index: 9999;
        right: auto;
    }
    .form-group[data-v-7a16c384] {
        margin: 0 auto;
        width: 18.75rem;
    }
    .btn-primary-full[data-v-7a16c384] {
        border-radius: 0.1875rem;
        width: 18.75rem;
        margin: 0.875rem auto 1.875rem;
        opacity: 0.5;
        cursor: auto;
    }
}

.col-container[data-v-34f8e3f0] {
    max-width: 940px;
    min-width: 769px;
    margin: 0 auto;
}

@media screen and (min-width: 1440px) {
    .col-container[data-v-34f8e3f0] {
        width: 1308px;
        max-width: 1308px;
        min-width: 0;
    }
}

@media screen and (max-width: 1439px) {
    .col-container[data-v-34f8e3f0] {
        max-width: 1415px;
        min-width: 0;
    }
}

@media screen and (max-width: 1023px) {
    .col-container[data-v-34f8e3f0] {
        max-width: 768px;
        min-width: 566px;
    }
}

@media screen and (max-width: 767px) {
    .col-container[data-v-34f8e3f0] {
        max-width: 565px;
        min-width: 320px;
    }
}

.col-row[data-v-34f8e3f0] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.modal-container[data-v-34f8e3f0] {
    width: 36.875rem;
    height: 36.875rem;
    min-width: auto;
    max-height: 100%;
}

.modal-body[data-v-34f8e3f0],
.modal-container[data-v-34f8e3f0],
.modal-header[data-v-34f8e3f0] {
    background: #fff;
}

.modal-body[data-v-34f8e3f0] {
    text-align: center;
    height: auto;
    padding: 0 5.5625rem;
    margin-bottom: 2.5rem;
}

.modal-body .title[data-v-34f8e3f0] {
    margin-top: 11.375rem;
    text-align: center;
    font-size: 1.0625rem;
    font-weight: 600;
    color: #2a2a2a;
}

.modal-body .text[data-v-34f8e3f0] {
    padding-top: 2.5rem;
    font-size: 0.9375rem;
    color: #2a2a2a;
    text-align: center;
}

.modal-footer[data-v-34f8e3f0] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.9375rem;
    box-shadow: none;
    padding: 0 5.5625rem;
    align-items: center;
    position: static;
    background: #fff;
}

.btn-contfirm[data-v-34f8e3f0] {
    padding: 0.5625rem 10.875rem;
    margin-bottom: 1.8125rem;
}

@media (max-width: 767px) {
    .modal-container[data-v-34f8e3f0] {
        width: 18.75rem;
        height: 18.75rem;
    }
    .modal-body[data-v-34f8e3f0] {
        text-align: center;
        padding: 0 1.25rem;
    }
    .modal-body .title[data-v-34f8e3f0] {
        margin-top: 2.3125rem;
    }
    .modal-footer[data-v-34f8e3f0] {
        padding: 0 1.25rem;
        margin-bottom: 2.25rem;
    }
    .btn-contfirm[data-v-34f8e3f0] {
        padding: 0.5625rem 6.125rem;
        margin-bottom: 1.25rem;
    }
}

.pagination {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: default;
}

.pagination .pager {
    display: inline-block;
}

.pagination .number,
.pagination .pager-btn {
    margin: 0.3125rem;
    height: 1.875rem;
    width: 1.875rem;
    display: inline-block;
    cursor: pointer;
    color: #4a4a4a;
    text-align: center;
    line-height: 1.875rem;
    font-size: 1rem;
    font-weight: 400;
}

.pagination .pager-btn:hover {
    color: #007aff;
}

.pagination .pager-btn.disabled {
    color: #b8b8b8;
    cursor: not-allowed;
}

.pagination .number {
    border-radius: 0.1875rem;
    background: #f8f8f8;
}

.pagination .number:hover {
    color: #007aff;
}

.pagination .number.active,
.pagination .number:active {
    background: #007aff;
    color: #fff;
}

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

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

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

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

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

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

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

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

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

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

.swiper-container-3d {
    perspective: 1200px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

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

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

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

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff;
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000;
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity 0.3s;
    transform: translateZ(0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-theme-color);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform 0.2s, top 0.2s;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, left 0.2s;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, right 0.2s;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-theme-color);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

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

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

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

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn);
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/*站內通知*/

.notification-modal[_ngcontent-wmx-c21] {
    display: block;
    position: absolute;
    right: 0;
    top: 90px;
    background-color: #fff;
    box-shadow: -1px 2px 4px -1px rgb(0 0 0 / 30%);
    width: 362px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.notification-modal__container[_ngcontent-wmx-c21] {
    display: flex;
    flex-flow: column nowrap;
    justify-content: stretch;
    height: 410px;
    max-height: calc(100vh - 60px);
}

.notification-modal__content[_ngcontent-wmx-c21] {
    position: relative;
    flex: 1 1 auto;
    overflow: auto;
    background-color: #f9f9f9;
}

.notification-modal__list[_ngcontent-wmx-c21] {
    padding: 0;
    margin: 0;
    list-style: none;
}

.notification-item[_ngcontent-wmx-c21]:not(.notification-item--dialog).notification-item--un-read {
    background-color: #fff;
    box-shadow: 1px 1px 3px 0 rgb(44 44 44 / 30%);
}

.notification-item[_ngcontent-wmx-c21]:not(.notification-item--dialog).notification-item--seen {
    box-shadow: none;
    /*background-color: transparent;*/
}

.notification-item[_ngcontent-wmx-c21] {
    padding: 15px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: stretch;
    border-bottom: 1px solid #ededed;
    align-items: flex-start;
}

.notification-item[_ngcontent-wmx-c21]:hover {
    cursor: pointer;
}

.notification-modal__list[_ngcontent-wmx-c21] .notification-item__avatar[_ngcontent-wmx-c21]>img[_ngcontent-wmx-c21] {
    display: block;
    height: 100%;
    vertical-align: top;
    width: 60px;
    max-height: 60px;
    max-width: 60px;
    border-radius: 30px;
}

.notification-item__content {
    font-size: 14px;
    padding-left: 10px;
}

.notification-item__content>.notification-item__timestamp {
    font-size: 12px;
    margin-top: 20px;
}

.notification-modal__footer[_ngcontent-wmx-c21] {
    flex: 0 0 auto;
    background-color: #f9f9f9;
    border-top: 1px solid #cecece;
    color: #2c2c2c;
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 13px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.notification-cart__footer[_ngcontent-wmx-c21] {
    flex: 0 0 auto;
    background-color: #fffbf4;
    border-top: 1px solid #cecece;
    color: #2c2c2c;
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 13px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.notification-cart__footer[_ngcontent-wmx-c21]>button {
    width: 204px;
    height: 56px;
    background: #ac8150 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 18px/33.6px Noto Sans CJK TC;
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: center;
    font: normal normal normal 18px/34px Noto Sans CJK TC;
    letter-spacing: 0px;
    color: #ffffff;
}

#__layout {
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
}

.login_main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
    /*min-height: 900px;*/
}

.login_topic_left {
    float: left;
    width: 60%;
    margin-left: 35%;
    min-height: 500px;
}

.login_topic_right {
    float: left;
    width: 60%;
    margin-left: 5%;
    min-height: 500px;
}

@media (max-width: 1024px) {
    /*.login_main{
		min-height: 900px;
	}*/
    .login_main>.login_topic_left {
        float: left;
        width: 80%;
        margin-left: 15%;
        min-height: 400px;
    }
    .login_main>.login_topic_right {
        float: left;
        width: 80%;
        margin-left: 5%;
        min-height: 400px;
    }
}

@media (max-width: 768px) {
    /*.login_main{
		min-height: 670px;
	}*/
    .login_main>.login_topic_left {
        float: left;
        width: 80%;
        margin-left: 15%;
        min-height: 650px;
    }
    .login_main>.login_topic_right {
        float: left;
        width: 80%;
        margin-left: 5%;
        min-height: 650px;
    }
}

@media (max-width: 480px) {
    .oa-main-left-layout.homepage main {
        width: 95%;
    }
    .login_main {
        display: grid;
        grid-template-columns: repeat(1, 2fr);
        text-align: center;
        /*min-height: 800px;*/
    }
    .login_main>.login_topic_left {
        float: left;
        width: 90%;
        margin-left: 5%;
        min-height: 300px;
        background-color: rgba(255, 255, 255, 0);
    }
    .login_main>.login_topic_right {
        float: left;
        width: 90%;
        margin-left: 5%;
        min-height: 300px;
        background-color: rgba(255, 255, 255, 0);
    }
}

@media (min-width: 768px) {
    body ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }
}

body ::-webkit-scrollbar-thumb {
    background-color: #ac8150;
    border-radius: 0;
}

body ::-webkit-scrollbar-track {
    background-color: #dedede;
    border-radius: 0;
}

/*購物車*/

.notification-cart[_ngcontent-wmx-c21] {
    display: block;
    position: absolute;
    right: 0;
    top: 90px;
    background-color: #fff;
    box-shadow: -1px 2px 4px -1px rgb(0 0 0 / 30%);
    width: 500px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.notification-cart__container[_ngcontent-wmx-c21] {
    display: flex;
    flex-flow: column nowrap;
    justify-content: stretch;
    height: 410px;
    max-height: calc(100vh - 60px);
}

.notification-cart__content[_ngcontent-wmx-c21] {
    position: relative;
    flex: 1 1 auto;
    overflow: auto;
    background-color: #f9f9f9;
}

.notification-cart__list[_ngcontent-wmx-c21] {
    padding: 0;
    margin: 0;
    list-style: none;
}

.notification-cart__list[_ngcontent-wmx-c21] .notification-item__avatar[_ngcontent-wmx-c21]>img[_ngcontent-wmx-c21] {
    display: block;
    height: 100%;
    vertical-align: top;
    width: auto;
    max-height: 80px;
    max-width: 100px;
}

.all_price_css {
    font: var(--unnamed-font-style-normal) normal 600 28px/37px Segoe UI;
    font: normal normal 600 28px/37px Segoe UI;
    color: #d96661;
}

.in-app-notifications-cart {
    color: #c1c1c1;
}

.notification-item__cart {
    font-size: 16px;
    font-weight: bold;
}

/*會員專區*/

.notification-item[_ngcontent-wmx-button] {
    width: 90%;
    padding: 15px 15px 15px 0;
    margin-left: 10%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: stretch;
    border-bottom: 1px solid #ededed;
    align-items: flex-start;
    /*background: #fff;*/
}

.notification-member__list[_ngcontent-wmx-c21]>div:hover {
    background-color: #faffec;
}

.notification-item_member_content {
    font-size: 14px;
}

.notification-member[_ngcontent-wmx-c21] {
    display: block;
    position: absolute;
    right: 0;
    top: 90px;
    background-color: #fff;
    /*box-shadow: -1px 2px 4px -1px rgb(0 0 0 / 30%);*/
    width: 200px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.notification-member__container[_ngcontent-wmx-c21] {
    /*display: flex;*/
    flex-flow: column nowrap;
    justify-content: stretch;
    height: 340px;
    max-height: calc(100vh - 60px);
}

.notification-member__content[_ngcontent-wmx-c21] {
    position: relative;
    flex: 1 1 auto;
    overflow: auto;
    background-color: #f9f9f9;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: -1px 2px 4px -1px rgb(0 0 0 / 30%);
}

.notification-member__list[_ngcontent-wmx-c21] {
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #fff;
}

.notification-member__list[_ngcontent-wmx-c21] .notification-item__avatar[_ngcontent-wmx-c21]>img[_ngcontent-wmx-c21] {
    display: block;
    height: 100%;
    vertical-align: top;
    width: 100px;
}

@media screen and (max-width: 740px) {
    .notification-modal__container[_ngcontent-wmx-c21] {
        height: 100%;
        max-height: none;
    }
    .notification-modal__content[_ngcontent-wmx-c21] {
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-perspective: 1000;
    }
    /*購物車 740*/
    .notification-cart__content[_ngcontent-wmx-c21] {
        height: 100%;
        max-height: none;
    }
    .notification-cart__content[_ngcontent-wmx-c21] {
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-perspective: 1000;
    }
    /*會員專區 740*/
    .notification-member__content[_ngcontent-wmx-c21] {
        height: 100%;
        max-height: none;
    }
    .notification-member__content[_ngcontent-wmx-c21] {
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-perspective: 1000;
    }
}

#login_button {
    line-height: 83px;
    font-size: 16px;
}

#member_button {
    padding: 26px 0;
    font-size: 16px;
}

#cart_button {
    line-height: 83px;
    font-size: 16px;
}

#news_button {
    line-height: 83px;
    font-size: 16px;
}

#myclass_button {
    line-height: 83px;
    font-size: 16px;
}

#myBtn {
    position: fixed;
    bottom: 10%;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-image: url(/images/cs_icon.svg);
    cursor: pointer;
    width: 80px;
    height: 80px;
    background-color: transparent;
    background-position: center;
}

.yn_cart {
    position: relative;
    margin-left: 71%;
    margin-top: -70px;
    font-size: 12px;
    /* display: none; */
    line-height: 23px;
    color: white;
}

.news_icon {
    max-width: 23px;
    max-height: 23px;
    min-width: 23px;
    border-radius: 23px;
    background-color: #ee4d2d;
}

.bulletin_box {
    width: 90%;
    display: grid !important;
    grid-template-columns: repeat(3, 2fr);
    margin-left: 5%;
}

.bulletin_box>button {
    height: 140px;
    background-size: auto 100%;
    background-position: left;
    background-image: url(/images/post_icon1.svg);
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
    background-repeat: no-repeat;
    background-color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 10% 20% 10% 30%;
    text-align: left;
}

@media screen and (max-width: 1024px) {
    .bulletin_box {
        display: grid !important;
        grid-template-columns: repeat(2, 3fr);
    }
    .bulletin_box>button {
        height: 80px;
        padding: 2% 10% 2% 20%;
    }
}

@media screen and (max-width: 768px) {
    .bulletin_box>button {
        font-size: 12px;
    }
}

@media screen and (max-width: 480px) {
    .bulletin_box {
        display: grid !important;
        grid-template-columns: repeat(1, 6fr);
    }
    .bulletin_box>button {
        height: 65px;
        font-size: 12px;
        padding: 2% 10% 2% 20%;
    }
}

.bulletin_box>button:hover {
    filter: brightness(97%);
    box-shadow: none;
}

.bulletin_box>button:active {
    box-shadow: 0 0 3px rgb(100 100 100 / 30%) inset;
}

.bulletin_box>button:nth-child(1) {
    background-image: url(/images/post_icon1.svg);
}

.bulletin_box>button:nth-child(2) {
    background-image: url(/images/post_icon2.svg);
}

.bulletin_box>button:nth-child(3) {
    background-image: url(/images/post_icon3.svg);
}

.bulletin_box>button:nth-child(4) {
    background-image: url(/images/post_icon4.svg);
}

.bulletin_box>button:nth-child(5) {
    background-image: url(/images/post_icon5.svg);
}

.bulletin_box>button:nth-child(6) {
    background-image: url(/images/post_icon6.svg);
}

.member_title {
    height: 80px;
    text-align: left;
    width: 100%;
    position: relative;
    font-size: 32px;
    color: #4c5921;
    font-weight: 500;
    padding-top: 40px;
    padding-left: calc((100% - 1250px) / 2);
    padding-right: calc((100% - 1250px) / 2);
}

.member_book_title {
    height: 80px;
    text-align: center;
    width: 100%;
    position: relative;
    font-size: 32px;
    color: #ac8150;
    font-weight: bold;
    border-bottom: 1px #ac8150 solid;
    padding-top: 40px;
    padding-left: calc((100% - 1250px) / 2);
    padding-right: calc((100% - 1250px) / 2);
}

@media screen and (max-width: 1440px) {
    .member_title {
        padding-left: calc((100% - 980px) / 2);
        padding-right: calc((100% - 980px) / 2);
    }
}

@media screen and (max-width: 1024px) {
    .member_title {
        padding-left: 10%;
        padding-right: 10%;
    }
}

@media screen and (max-width: 480px) {
    .member_title {
        font-size: 24px;
    }
}

::placeholder {
    color: #b2b2b2 !important;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #b2b2b2 !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #b2b2b2 !important;
}

@media screen and (min-width: 1025px) {
    .course-program {
        min-height: 500px;
        max-width: 762px;
        left: calc(50% - 762px / 2);
        position: relative;
    }
}

.course-program>div {
    border-bottom: 1px solid #ededed;
    min-height: 80px;
    padding-bottom: 20px;
    margin-bottom: 45px;
}

.course-program>div>h2>.course-new {
    background: #ac8150 0% 0% no-repeat padding-box;
    border-radius: 17px;
    color: white;
    padding: 5px 20px;
    font-size: 14px;
}

.title_text {
    font-size: 32px;
    color: #4c5921;
    padding: 10px;
    font-weight: bold;
}

@media screen and (max-width: 480px) {
    .title_text {
        font-size: 18px;
    }
}

.icon_google {
    width: 44px;
    height: 44px;
    background-image: url(../icon/icon_google.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 15px;
}

.icon_fb {
    width: 44px;
    height: 44px;
    background-image: url(../icon/icon_fb.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 15px;
}

.icon_line {
    width: 44px;
    height: 44px;
    background-image: url(../icon/icon_line.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 15px;
}

/*頁碼*/

.pagination u {
    background: #ac8150;
    border: 1px solid #faffec;
    color: #fff;
    font-weight: 700;
    line-height: 40px;
    min-width: 40px;
    text-align: center;
    display: inline-block;
    padding: 0;
    border-radius: 2px;
    text-decoration: none;
    margin: 5px 0px;
    font-size: 13px;
}

.pagination a {
    font-weight: 700;
    background: #fff;
    border: 1px solid;
    color: #444;
    border-color: #e3e3e3 #cecece #b4b4b4 #d6d6d6;
    border-radius: 2px;
    display: inline-block;
    line-height: 40px;
    min-width: 40px;
    text-align: center;
    padding: 0;
    margin: 5px 0px;
    font-size: 13px;
}

.login_div5>.btn-warning {
    height: 37px;
    background: #ac8150 0% 0% no-repeat padding-box;
    border-radius: 3px;
    width: 50%;
    color: white;
    border: none;
    margin: 5px;
}