:root {
    --cp2: #ae5100;
    --cp3: #008ab7;
    --cp4: #b97011;
    --cp5: #8AB0DB;
    --cp7: #E64A19;
    --cp9: #FFA85B;
    --cp11: #8CCEF1;
    --cp19: #46BEE5;
    --cp23: #6F5F4F
}

.video-js {
    transition: opacity .4s
}

.video-js.vjs-pip-active {
    padding-top: unset !important;
    width: 355px;
    height: 200px;
    left: calc(50% + 397px);
    transform: translateX(-50%);
    -webkit-animation: b1 ease-in-out 1s forwards;
    animation: b1 ease-in-out 1s forwards;
    opacity: 1;
    bottom: -220px
}

.video-js.voc-pip-fadeout {
    opacity: 0
}

.video-js .close-full {
    left: auto;
    right: 10px;
    padding: 0;
    width: 24px;
    height: 24px;
    transition: opacity .3s;
    background: #fff;
    cursor: pointer
}

.video-js .close-full:hover {
    opacity: .7
}

.video-js .close-full:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-image: url(../images/icon-close.svg);
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.raiDesktop .voc-footer {
    padding: 24px 10px !important
}

.raiDesktop>* {
    cursor: auto
}

.voc-advertising--sky img {
    width: auto
}

.container-rtim-widget .btn-close {
    width: 26px;
    height: 26px
}

.container-rtim-widget .btn-close span {
    display: block;
    position: absolute;
    top: 12px;
    width: 100%;
    height: 1px;
    background: #555
}

.container-rtim-widget .btn-close span:first-child {
    transform: rotate(45deg)
}

.container-rtim-widget .btn-close span:last-child {
    transform: rotate(-45deg)
}

.voc-grid--3-cols--2-xs>*:not(.voc-grid__col) {
    grid-column: span 2
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-grid--3-cols--2-xs .voc-info-container {
        word-break: break-word
    }
}

.voc-m-container .voc-swiss iframe {
    border: 0
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-m-container .voc-swiss iframe {
        padding: 0 15px
    }
}

@supports (-webkit-touch-callout: none) {
    .voc-header-home .voc-header__img {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}



.voc-bm .voc-nav__item[title="Qué Plan Sevilla"] img {
    height: 30px
}

.voc-bm .voc-nav__item img[src*="assets/images/logo-pasion.svg"] {
    height: 21px
}

.voc-bm .voc-nav__item img[src*="assets/images/logo-oferplan-sevilla.svg"] {
    height: 34px
}

.voc-container--c-ticker {
    z-index: 0
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-info-container {
        word-break: break-word
    }
}

@media (min-width: 699px) {

    #zone-college-chrono .voc-img-container img,
    #zone-school-chrono .voc-img-container img {
        height: 165px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.voc-school-c {
    font: 20px/28px ABCText Light, Georgia, Times New Roman, serif
}

@media (min-width: 699px) {
    .voc-school-c {
        font-size: 22px;
        line-height: 32px
    }
}

.voc-school-c p {
    font: 20px/28px ABCText Light, Georgia, Times New Roman, serif;
    color: #000;
    margin-bottom: 16px
}

@media (min-width: 699px) {
    .voc-school-c p {
        font-size: 22px;
        line-height: 32px
    }
}

.voc-school-c p a {
    font-family: "ABCText Semibold", Georgia, Times New Roman, serif;
    -webkit-text-decoration: underline solid 1px;
    text-decoration: underline solid 1px;
    color: #ae5100;
    transition: .3s
}

.voc-school-c p a:hover {
    opacity: .8
}

.voc-school-c li {
    margin-bottom: 16px;
    display: flex;
    position: relative;
    padding-left: 19px;
    font: 20px/28px ABCText Light, Georgia, Times New Roman, serif;
    color: #000
}

@media (min-width: 699px) {
    .voc-school-c li {
        font-size: 22px;
        line-height: 32px
    }
}

.voc-school-c li:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: var(--cp2);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px
}

@media (min-width: 699px) {
    .voc-school-c li:before {
        top: 11px
    }
}

svg#mapa-busqueda [data-provincia] {
    cursor: pointer
}

svg#mapa-busqueda [data-provincia]:hover {
    fill: #0f6ab4
}

svg#mapa-busqueda [data-provincia][data-selected='selected'] {
    fill: #0f6ab4
}

@-webkit-keyframes b1 {
    100% {
        bottom: 48px
    }
}

@keyframes b1 {
    100% {
        bottom: 48px
    }
}

@media (min-width: 1039px) {

    .voc-header__logo-container--sevilla+.voc-header__submenu .voc-header__sections-menu ul li,
    .voc-header__logo:has(a)~.voc-header__submenu .voc-header__sections-menu ul li,
    .voc-header__logo:has(a)~.voc-header__submenu .voc-header__sections-menu ul li,
    .voc-header__sections-menu ul li[title*="Sevilla"] {
        padding: 12px 6px;
        font-size: 17px
    }
}

.voc-header__logo:has(a) img.voc-header__img--section {
    display: none
}

:root {
    color-scheme: only light !important;
    background-color: white
}

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: only light !important;
        background-color: white
    }
}

@media (min-width: 1039px) and (max-height: 800px) {
    .mb-is-show .voc-header .voc-navs-wrapper {
        overflow-y: overlay;
        height: calc(100vh - 110px)
    }
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent
}

html,
body {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    height: 100%
}

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

button {
    color: inherit;
    background-color: transparent;
    padding: 0;
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    margin: 0;
    font-weight: inherit
}

figcaption,
figure,
main {
    display: block
}

ul {
    list-style: none
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
    color: inherit;
    cursor: pointer
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none;
    display: block;
    width: 100%;
    height: auto
}

img[height="0"][width="0"] {
    height: 0;
    width: 0
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

html,
body {
    height: auto
}

body {
    font: 400 17px/1em "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    overflow-x: hidden
}

body.is-overflow {
    overflow: hidden
}

::-moz-selection {
    background-color: #e4b016;
    color: #000
}

::selection {
    background-color: #e4b016;
    color: #000
}

@-webkit-keyframes showOpacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes showOpacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes openAccordion {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

@keyframes openAccordion {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

@-webkit-keyframes openAccordionTopics {
    0% {
        height: 16px
    }

    100% {
        height: 100%
    }
}

@keyframes openAccordionTopics {
    0% {
        height: 16px
    }

    100% {
        height: 100%
    }
}

.rotation {
    transform: rotateZ(-180deg)
}

@-webkit-keyframes openTest {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

@keyframes openTest {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

@-webkit-keyframes ticker {
    0% {
        transform: translate3d(0, 0, 0);
        visibility: visible
    }

    100% {
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes ticker {
    0% {
        transform: translate3d(0, 0, 0);
        visibility: visible
    }

    100% {
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes blinkUrgentPill {
    0% {
        background: var(--cp7);
        color: #fff
    }

    50% {
        background: #fff;
        color: var(--cp7)
    }

    100% {
        background: var(--cp7);
        color: #fff
    }
}

@keyframes blinkUrgentPill {
    0% {
        background: var(--cp7);
        color: #fff
    }

    50% {
        background: #fff;
        color: var(--cp7)
    }

    100% {
        background: var(--cp7);
        color: #fff
    }
}

@-webkit-keyframes blinkLive {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes blinkLive {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes rotate360 {
    0% {
        transform: rotateZ(0)
    }

    100% {
        transform: rotateZ(360deg)
    }
}

@keyframes rotate360 {
    0% {
        transform: rotateZ(0)
    }

    100% {
        transform: rotateZ(360deg)
    }
}

@-webkit-keyframes showHeaderFixed {
    from {
        transform: translateY(-70px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes showHeaderFixed {
    from {
        transform: translateY(-70px)
    }

    to {
        transform: translateY(0)
    }
}

.voc-header {
    width: 100%;
    background: #fff;
    margin-bottom: 32px;
    position: relative;
    transition: .2s ease-in
}

.voc-header__wrapper {
    z-index: 250;
    position: relative;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029
}

@media (min-width: 1039px) {
    .voc-header__wrapper {
        box-shadow: none
    }
}

.voc-header__container {
    position: relative;
    display: flex;
    justify-content: space-between;
    min-height: 63px;
    padding: 11px 12px 6px 12px;
    background: #fff
}

@media (min-width: 1039px) {
    .voc-header__container {
        max-width: 1200px;
        min-height: 60px;
        margin: 0 auto;
        padding: 15px 25px 15px
    }
}

.voc-header__logo-container {
    display: flex;
    align-items: flex-end;
    margin-top: 11px
}

.voc-header__logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1
}

.voc-header__img {
    width: auto;
    height: 20px
}

@media (min-width: 1039px) {
    .voc-header__img {
        height: 22px;
        margin-top: 0
    }
}

.voc-header__text {
    display: block;
    font: 18px/18px "ABCDisplay Semibold", Georgia, Times New Roman, serif, sans-serif;
    color: var(--cp3);
    text-align: center
}

@media (min-width: 1039px) {
    .voc-header__text {
        margin-top: 0;
        font-size: 32px;
        line-height: 32px
    }
}

.voc-header__img--section {
    height: 18px;
    width: auto
}

@media (min-width: 1039px) {
    .voc-header__img--section {
        height: 30px
    }
}

.voc-header__img--section[alt="Cultural"] {
    height: 30px;
    margin-left: 8px
}

.voc-header__buttons {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    min-width: 50px
}

@media (min-width: 1039px) {
    .voc-header__buttons {
        min-width: 116px
    }
}

.voc-header__buttons--img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 375px) {
    .voc-header__buttons--img {
        width: 30px;
        height: 30px
    }
}

.voc-header .voc-social {
    display: none
}

.voc-header .voc-social__icon {
    width: 24px;
    height: 24px
}

@media (min-width: 375px) {
    .voc-header .voc-social__icon {
        width: 30px;
        height: 30px
    }
}

.voc-header .voc-social__icon svg {
    height: 13px
}

@media (min-width: 699px) {
    .voc-header .voc-social__icon svg {
        height: 15px
    }
}

.voc-header .voc-social__icon--save svg {
    height: 16px
}

@media (min-width: 699px) {
    .voc-header .voc-social__icon--save svg {
        height: 18px
    }
}

.voc-header .voc-social__icon--save:hover svg path {
    stroke: #fff;
    fill: #fff
}

.voc-header .voc-login-box {
    display: none;
    align-items: center;
    z-index: 2
}

.voc-header .voc-login {
    display: flex;
    align-items: center;
    z-index: 1
}

@media (min-width: 1039px) {
    .voc-header .voc-login:hover {
        opacity: .8
    }
}

.voc-header .voc-login__icon {
    width: 24px;
    height: 24px;
    padding: 6px;
    background: #000;
    border-radius: 100%
}

@media (min-width: 375px) {
    .voc-header .voc-login__icon {
        width: 30px;
        height: 30px
    }
}

.voc-header .voc-login__icon svg {
    fill: #fff
}

.voc-header .voc-login__icon svg path {
    fill: #fff
}

.voc-header .voc-login-miabc {
    position: absolute;
    top: -48px;
    right: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font: 10px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    gap: 4px
}

@media (min-width: 375px) {
    .voc-header .voc-login-miabc {
        font-size: 12px
    }
}

@media (min-width: 699px) {
    .voc-header .voc-login-miabc {
        position: relative;
        top: unset;
        right: unset;
        flex-direction: row;
        margin-right: 6px;
        font-size: 15px
    }
}

.voc-header .voc-login-miabc svg {
    width: 20px;
    height: 20px;
    margin-top: -2px
}

.voc-header .voc-login-miabc svg path {
    fill: #e4b016
}

.voc-header .voc-login-miabc span {
    color: #e4b016
}

.voc-header .voc-login-miabc span>* {
    color: #000
}

.voc-header button.voc-login {
    display: none
}

.voc-header .voc-user-icon span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font: 12px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    background-color: #dddddd;
    border-radius: 50%
}

@media (min-width: 375px) {
    .voc-header .voc-user-icon span {
        width: 30px;
        height: 30px
    }
}

.voc-header .voc-user-icon--login-prem {
    display: flex;
    align-items: center;
    gap: 8px
}

.voc-header .voc-user-icon--login-prem>span {
    color: #fff;
    background: #e4b016
}

.voc-header__pill-container--d {
    display: none
}

@media (min-width: 1039px) {
    .voc-header__pill-container--d {
        display: block;
        width: 1150px;
        margin: 0 auto;
        z-index: 1
    }
}

.voc-header__pill {
    max-height: 35px;
    max-width: 390px;
    margin: 0 auto
}

@media (min-width: 1039px) {
    .voc-header__pill {
        display: none
    }
}

@media (min-width: 1039px) {
    .voc-header__pill--desktop {
        position: absolute;
        top: -33px;
        display: block
    }

    .voc-header__pill--desktop--xs {
        display: none;
        z-index: 1;
        top: 0;
        left: 87px;
        width: 101px;
        height: 70px
    }

    .voc-header__pill--desktop img {
        width: 101px;
        height: 70px
    }
}

.voc-header__pill--mobile {
    position: relative;
    z-index: 251;
    display: block;
    background: #e4b016
}

.voc-header-news .voc-header__pill--desktop {
    display: none
}

@media (min-width: 1039px) {
    .voc-header-news .voc-header__pill--desktop--xs {
        display: block;
        left: 112px
    }
}

@media (min-width: 1039px) {
    .is-fixed .voc-header__pill--desktop {
        display: none
    }

    .is-fixed .voc-header__pill--desktop--xs {
        display: block
    }
}

.mb-is-show .is-fixed .voc-header__pill--desktop {
    display: none
}

.voc-menu-icon {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 42px;
    height: 19px;
    padding-left: 6px;
    transition: .3s;
    z-index: 1
}

.voc-menu-icon:hover {
    opacity: .6
}

.voc-menu-icon:before,
.voc-menu-icon:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    background: #000;
    transition: .3s
}

.voc-menu-icon:before {
    top: 0
}

.voc-menu-icon:after {
    bottom: 0
}

.voc-menu-icon__stripe {
    width: 28px;
    height: 2px;
    background: #000
}

.voc-bm {
    z-index: 150;
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 1150px;
    transition: all .3s ease-in-out;
    left: 50%;
    transform: translateX(-50%)
}

.voc-bm .voc-social-networks {
    overflow: hidden;
    height: 0
}

.voc-bm .voc-social-networks__container {
    display: flex;
    justify-content: center;
    padding: 6px 0;
    background: #D5E0E5
}

@media (min-width: 1039px) {
    .voc-bm .voc-social-networks__container {
        background: transparent
    }
}

.voc-bm .voc-social-networks__icon {
    width: 30px;
    height: 30px;
    margin: 0 9px
}

@media (min-width: 1039px) {
    .voc-bm .voc-social-networks__icon:hover {
        opacity: .8;
        transition: all .1s linear
    }
}

.voc-bm .voc-social-networks__icon svg {
    fill: #fff
}

.voc-bm .voc-social-networks__icon svg path {
    fill: #244765
}

.voc-bm .voc-bm-wrapper {
    overflow: hidden;
    height: 0;
    background: #F3F8F8
}

.voc-bm .voc-navs-wrapper {
    height: calc(100vh - 194px);
    padding: 0 16px;
    overflow-y: auto;
    overflow-y: overlay
}

.voc-bm .voc-navs-wrapper::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media (min-width: 1039px) {
    .voc-bm .voc-navs-wrapper {
        height: auto;
        overflow-y: initial;
        padding: 0
    }

    .voc-bm .voc-navs-wrapper::-webkit-scrollbar {
        display: initial;
        -ms-overflow-style: initial;
        scrollbar-width: initial
    }
}

@media (min-width: 1179px) {
    .voc-bm .voc-navs-wrapper {
        padding: 0
    }
}

.voc-bm .voc-nav {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 16px
}

@media (min-width: 1039px) {
    .voc-bm .voc-nav {
        max-width: 1200px;
        margin: 0 auto;
        padding: 16px 25px
    }
}

.voc-bm .voc-nav__container {
    position: relative;
    width: 50%
}

.voc-bm .voc-nav__container:first-child {
    padding-right: 9px
}

.voc-bm .voc-nav__container:last-child {
    padding-left: 9px
}

.voc-bm .voc-nav__container:not(:first-child):after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-right: 1px dashed var(--cp3)
}

.voc-bm .voc-nav__container--z2 {
    padding-top: 16px;
    border-top: 7px solid #244765
}

@media (min-width: 1039px) {
    .voc-bm .voc-nav__container {
        display: flex;
        justify-content: space-between
    }

    .voc-bm .voc-nav__container:first-child {
        padding-right: 0
    }

    .voc-bm .voc-nav__container:last-child {
        padding-left: 0
    }

    .voc-bm .voc-nav__container:not(:first-child):after {
        content: none
    }
}

.voc-bm .voc-nav .voc-nav__container:first-child .voc-nav__menu:first-child:after {
    content: none
}

.voc-bm .voc-nav__menu {
    position: relative
}

@media (min-width: 1039px) {
    .voc-bm .voc-nav__menu {
        width: 33%
    }

    .voc-bm .voc-nav__menu:after {
        content: "";
        position: absolute;
        top: 0;
        left: -12px;
        height: 100%;
        border-right: 1px dashed var(--cp3)
    }
}

.voc-bm .voc-nav__item {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 16px;
    font: 16px/19px "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: #244765;
    text-align: left;
    background: #F3F8F8;
    overflow: hidden
}

@media (min-width: 375px) {
    .voc-bm .voc-nav__item {
        font-size: 19px;
        line-height: 22px
    }
}

@media (min-width: 1039px) {
    .voc-bm .voc-nav__item {
        background: transparent
    }
}

.voc-bm .voc-nav__item button {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 100;
    width: 18px;
    height: 10px;
    transition: all 0.3s ease
}

@media (min-width: 1039px) {
    .voc-bm .voc-nav__item button {
        display: none
    }
}

.voc-bm .voc-nav__item button svg {
    display: block
}

.voc-bm .voc-nav__item img {
    width: auto;
    max-width: 134px;
    height: 13px
}

@media (min-width: 375px) {
    .voc-bm .voc-nav__item img {
        height: 15px;
        max-width: 174px
    }
}

.voc-bm .voc-nav__section {
    z-index: 100;
    display: inline-block;
    width: 100%;
    min-height: 22px;
    padding-top: 6px;
    line-height: 10px;
    background: #F3F8F8
}

.voc-bm .voc-nav__section:before {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    width: 30px;
    height: 1px;
    background: var(--cp3)
}

@media (min-width: 1039px) {
    .voc-bm .voc-nav__section {
        background: transparent
    }

    .voc-bm .voc-nav__section:hover {
        opacity: .8;
        transition: all .1s linear;
        text-decoration: underline
    }
}

.voc-bm .voc-nav__subsection {
    display: block;
    margin-top: -16px;
    font: 14px/22px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    transition: all .1s ease-in-out
}

@media (min-width: 1039px) {
    .voc-bm .voc-nav__subsection {
        display: block;
        margin-top: 4px
    }

    .voc-bm .voc-nav__subsection a:hover {
        opacity: .8;
        transition: all .1s linear;
        text-decoration: underline
    }
}

.voc-bm .voc-nav__subsection.is-show-blind {
    display: block;
    height: 100% !important;
    margin-top: 0;
    transition: all .1s ease-in-out;
    transform: translateY(0) !important
}

.voc-bm .bm-animation {
    overflow: initial !important;
    height: initial !important;
    display: block
}

.voc-bm .voc-its-news {
    width: calc(100% - 32px);
    max-width: 1150px;
    height: 35px;
    margin-bottom: 24px;
    padding: 8px 0;
    background: transparent;
    border-color: #D5E0E5
}

@media (min-width: 1039px) {
    .voc-bm .voc-its-news {
        margin-bottom: 8px
    }
}

.voc-bm .voc-its-news>span {
    display: block;
    margin-right: 8px;
    color: #000
}

.voc-bm .voc-its-news ul {
    height: auto;
    padding: 0 16px 0 0
}

.voc-bm .voc-its-news ul:after {
    background: transparent linear-gradient(270deg, #F3F8F8 0%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box
}

.voc-bm .voc-its-news ul li {
    color: #555
}

.voc-header-home:not(.is-fixed) .voc-topics,
.voc-header-subhome:not(.is-fixed) .voc-topics {
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 0
}

.voc-its-news {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 1150px;
    margin: 0 auto;
    background: #f3f3f3;
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

@media (min-width: 1039px) {
    .voc-its-news {
        padding: 0 10px
    }
}

.voc-its-news span {
    display: none;
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #55555580;
    text-transform: uppercase;
    white-space: nowrap
}

@media (min-width: 1039px) {
    .voc-its-news span {
        display: block
    }
}

.voc-its-news ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    height: 24px;
    padding: 0 8px;
    overflow-x: auto
}

@media (min-width: 1039px) {
    .voc-its-news ul {
        height: 34px
    }
}

@media (min-width: 1039px) {
    .voc-its-news ul {
        overflow-x: hidden
    }
}

.voc-its-news ul::-webkit-scrollbar {
    display: none
}

.voc-its-news ul li {
    flex: 0 0 auto;
    padding-right: 10px;
    font: 11px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #55555580;
    text-decoration: underline
}

@media (min-width: 1039px) {
    .voc-its-news ul li {
        font-size: 12px
    }
}

.voc-its-news ul li:last-child {
    padding-right: 0
}

@media (min-width: 1039px) {
    .voc-its-news ul li:hover {
        opacity: .8
    }
}

.voc-its-news ul:after {
    content: "";
    position: absolute;
    right: 0;
    width: 12px;
    height: 33px;
    display: block;
    background: transparent linear-gradient(270deg, #f3f3f3 0%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box
}

@media (min-width: 1039px) {
    .voc-its-news ul:after {
        display: none
    }
}

.voc-its-news>a {
    display: none
}

@media (min-width: 1039px) {
    .voc-its-news>a {
        display: block;
        position: absolute;
        right: 15px;
        width: 18px;
        height: 18px
    }

    .voc-its-news>a:hover {
        opacity: .8
    }
}

.voc-header-news.voc-header {
    border-bottom: 7px solid #ddd
}

@media (min-width: 1039px) {
    .voc-header-news.voc-header {
        height: 67px
    }
}

.voc-header-news .voc-menu-icon {
    min-width: 50px
}

@media (min-width: 1039px) {
    .voc-header-news .voc-menu-icon {
        min-width: 116px
    }
}

@media (min-width: 1039px) {
    .voc-header-news .voc-header__wrapper {
        height: 60px
    }
}

.voc-header-news .voc-header__container {
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 60px
}

@media (min-width: 1039px) {
    .voc-header-news .voc-header__logo {
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center
    }
}

.voc-header-news .voc-header__logo a:first-of-type {
    margin-bottom: 6px
}

@media (min-width: 1039px) {
    .voc-header-news .voc-header__logo a:first-of-type {
        margin-bottom: 0
    }
}

@media (min-width: 1039px) {
    .voc-header-news .voc-header__logo a {
        margin: 2px 5px
    }
}

.voc-header-news .voc-header__logo .voc-header__title {
    display: none
}

.voc-header-news .voc-header__img--section[alt="Cultural"] {
    height: 14px
}

@media (min-width: 1039px) {
    .voc-header-news .voc-header__img--section[alt="Cultural"] {
        height: 22px;
        margin-top: 2px;
        margin-left: 0
    }
}

.voc-header-news .voc-bm {
    max-width: none
}

.voc-progress {
    position: absolute;
    bottom: -7px;
    width: 100%;
    height: 7px;
    background: var(--cp3)
}

.voc-progress-gradient {
    --scrollAmount: 0%;
    width: var(--scrollAmount);
    background: linear-gradient(to right, var(--cp3) calc(100% - 30px), rgba(255, 255, 255, 0) 100%)
}

.voc-header-external {
    border-bottom: 7px solid var(--cp3)
}

.voc-header-external .voc-header__container {
    align-items: center;
    min-height: 60px
}

@media (max-width: 1366px) {
    .voc-header-external .voc-header__container {
        padding: 15px 12px
    }
}

.voc-header-external .voc-header__wrapper {
    box-shadow: unset
}

@media (min-width: 1039px) {
    .voc-header-external .voc-menu-icon {
        min-width: 116px
    }
}

.voc-header-external .voc-header__logo {
    justify-content: center
}

.voc-header-external .voc-header__img {
    min-height: 22px
}

.voc-header-external .voc-bm {
    max-width: none
}

.submenu-2-lvl {
    max-width: 1150px;
    margin: 0 auto;
    overflow: hidden;
    background: #fff
}

@media (min-width: 1366px) {
    .submenu-2-lvl {
        padding: 0
    }
}

.submenu-2-lvl__list {
    display: flex;
    align-items: center;
    overflow-x: auto;
    height: 45px
}

@media (min-width: 0) and (max-width: 699px) {
    .submenu-2-lvl__list {
        padding: 0 10px
    }
}

@media (min-width: 1039px) {
    .submenu-2-lvl__list {
        padding: 0;
        height: 32px;
        justify-content: center
    }
}

.submenu-2-lvl__list-item {
    flex: 0 0 auto;
    margin: 0 12px
}

.submenu-2-lvl__list-item:first-child {
    margin-left: 0
}

.submenu-2-lvl__list-item:last-child {
    margin-right: 0
}

.submenu-2-lvl__link {
    position: relative;
    font: 14px/16px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    display: inline-block;
    height: 16px
}

.submenu-2-lvl__link:hover:after {
    content: "";
    position: absolute;
    bottom: -6px;
    display: block;
    width: 100%;
    height: 4px;
    background: #888
}

.submenu-2-lvl__link.active {
    font-weight: 600
}

.submenu-2-lvl__link.active:after {
    content: "";
    position: absolute;
    bottom: -6px;
    display: block;
    width: 100%;
    height: 4px;
    background: var(--cp11)
}

.submenu-2-lvl__breadcrumb {
    color: #888
}

.submenu-2-lvl__breadcrumb--active {
    color: var(--cp3)
}

.submenu-2-lvl__breadcrumb .submenu-2-lvl__link {
    font: 16px/20px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    margin-right: 10px
}

.submenu-2-lvl__breadcrumb svg {
    width: 16px
}

.submenu-2-lvl ul::-webkit-scrollbar {
    -webkit-appearance: none
}

.submenu-2-lvl ul::-webkit-scrollbar:horizontal {
    height: 2px
}

.submenu-2-lvl ul::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 20px
}

.is-login a.voc-login {
    display: none
}

.is-login button.voc-login {
    display: flex
}

.is-login .voc-login-box {
    display: flex
}

.is-fixed.voc-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-name: showHeaderFixed;
    animation-name: showHeaderFixed;
    z-index: 201
}

.is-fixed .voc-header__logo {
    flex: 1;
    margin: 0 12px
}

@media (min-width: 1039px) {
    .is-fixed .voc-header__logo {
        align-items: center;
        max-width: 658px
    }
}

@media (min-width: 1366px) {
    .is-fixed .voc-header__logo {
        max-width: 758px
    }
}

@media (min-width: 1039px) {
    .is-fixed .voc-header__logo a {
        margin: 0 5px
    }
}

.is-fixed .voc-header__img--section {
    height: 20px
}

.is-fixed .voc-header__buttons__text {
    display: none
}

.is-fixed .voc-header__buttons__icon {
    width: 24px;
    height: 24px
}

@media (min-width: 375px) {
    .is-fixed .voc-header__buttons__icon {
        width: 30px;
        height: 30px
    }
}

.is-fixed .voc-header__buttons__icon img {
    width: 24px;
    height: 24px
}

@media (min-width: 375px) {
    .is-fixed .voc-header__buttons__icon img {
        width: 30px;
        height: 30px
    }
}

@media (min-width: 1039px) {
    .is-fixed .voc-header .voc-social {
        display: flex
    }
}

.is-fixed .voc-header-edt,
.is-fixed .voc-login-miabc,
.is-fixed .submenu-2-lvl {
    display: none
}

.is-fixed .voc-edt-flg {
    display: none !important
}

.is-fixed.voc-header-home {
    max-width: initial;
    padding-bottom: 0;
    transition: none;
    min-height: 105px;
    padding-top: 175px;
    top: -175px
}

@media (min-width: 699px) {
    .is-fixed.voc-header-home {
        min-height: 67px;
        padding-top: 218px;
        top: -218px
    }
}

.is-fixed.voc-header-home .voc-header__wrapper .voc-its-news,
.is-fixed.voc-header-home .voc-header__edits,
.is-fixed.voc-header-home .voc-header__date,
.is-fixed.voc-header-home .voc-header__cope,
.is-fixed.voc-header-home .voc-header__home-img,
.is-fixed.voc-header-home .voc-header__sections-menu {
    display: none
}

.is-fixed.voc-header-home .voc-header__container {
    align-items: center
}

@media (min-width: 1039px) and (max-width: 1200px) {
    .is-fixed.voc-header-home .voc-header__container {
        padding: 0 16px
    }
}

@media (min-width: 1170px) {
    .is-fixed.voc-header-home .voc-header__container {
        padding: 0
    }
}

.is-fixed.voc-header-home .voc-header__logo-container {
    position: absolute;
    margin-top: 0;
    min-height: initial
}

@media (max-width: 699px) {
    .is-fixed.voc-header-home .voc-header__logo-container--voz {
        max-width: 240px
    }
}

.is-fixed.voc-header-home .voc-header__logo {
    position: relative
}

.is-fixed.voc-header-home .voc-header__img {
    height: 30px
}

@media (min-width: 0) and (max-width: 699px) {
    .is-fixed.voc-header-home .voc-header__img {
        max-width: 240px
    }
}

@media (min-width: 1039px) {
    .is-fixed.voc-header-home .voc-header__img {
        height: 30px
    }
}

.is-fixed.voc-header-home .voc-header__submenu {
    justify-content: space-between;
    margin: 3px 0;
    border: none
}

.is-fixed.voc-header-home .voc-bm {
    max-width: none
}

.is-fixed.voc-header-subhome {
    max-width: initial;
    padding-bottom: 0;
    transition: none;
    min-height: 112px;
    padding-top: 168px;
    top: -168px
}

@media (min-width: 699px) {
    .is-fixed.voc-header-subhome {
        min-height: 67px;
        padding-top: 189px;
        top: -189px
    }
}

.is-fixed.voc-header-subhome .voc-header__wrapper .voc-its-news,
.is-fixed.voc-header-subhome .voc-header__edits,
.is-fixed.voc-header-subhome .voc-header__sections-menu {
    display: none
}

.is-fixed.voc-header-subhome .voc-header__container {
    align-items: center
}

@media (min-width: 1039px) {
    .is-fixed.voc-header-subhome .voc-header__container {
        height: 60px;
        padding: 0
    }
}

@media (min-width: 1039px) and (max-width: 1200px) {
    .is-fixed.voc-header-subhome .voc-header__container {
        padding: 0 16px
    }
}

.is-fixed.voc-header-subhome .voc-header__logo {
    align-items: center;
    position: absolute;
    margin-top: 0;
    min-height: initial;
    z-index: 1
}

.is-fixed.voc-header-subhome .voc-header__img {
    height: 20px
}

@media (min-width: 1039px) {
    .is-fixed.voc-header-subhome .voc-header__img {
        height: 22px;
        margin-top: 1px
    }
}

.is-fixed.voc-header-subhome .voc-header__img--section {
    height: 20px
}

@media (min-width: 1039px) {
    .is-fixed.voc-header-subhome .voc-header__img--section {
        height: 30px
    }
}

.is-fixed.voc-header-subhome .voc-header__img--section[alt="Cultural"] {
    height: 14px
}

@media (min-width: 1039px) {
    .is-fixed.voc-header-subhome .voc-header__img--section[alt="Cultural"] {
        height: 22px;
        margin-left: 4px
    }
}

.is-fixed.voc-header-subhome .voc-header__text {
    margin-top: 6px;
    font-size: 18px
}

@media (min-width: 1039px) {
    .is-fixed.voc-header-subhome .voc-header__text {
        margin-top: 0;
        margin-left: 0;
        font-size: 32px
    }
}

.is-fixed.voc-header-subhome .voc-header__submenu {
    justify-content: space-between;
    margin: 0;
    border: none
}

@media (min-width: 1039px) {
    .is-fixed.voc-header-subhome .voc-header__submenu {
        margin: 6px 0
    }
}

.is-fixed.voc-header-subhome .voc-menu-icon,
.is-fixed.voc-header-subhome .voc-login {
    top: 0
}

.is-fixed.voc-header-subhome .voc-user-menu.voc-modal-dropdown.is-open {
    top: 52px;
    right: -12px
}

@media (min-width: 375px) {
    .is-fixed.voc-header-subhome .voc-user-menu.voc-modal-dropdown.is-open {
        top: 57px;
        right: -9px
    }
}

@media (min-width: 699px) {
    .is-fixed.voc-header-subhome .voc-user-menu.voc-modal-dropdown.is-open {
        top: 60px;
        right: -9px
    }
}

.is-fixed.voc-header-subhome .voc-bm {
    max-width: none
}

@media (min-width: 1039px) {
    .is-fixed.voc-header-news .voc-header__title {
        display: block;
        width: 100%;
        max-width: 658px;
        margin-top: 5px;
        font: 14px/16px "ABCText Light", Georgia, Times New Roman, serif;
        color: #888;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .is-fixed.voc-header-news .voc-header__title--uc {
        font-size: 13px;
        line-height: 14px
    }
}

@media (min-width: 1366px) {
    .is-fixed.voc-header-news .voc-header__title {
        max-width: 758px
    }
}

.is-fixed.voc-header-news .voc-header__text {
    font-size: 20px;
    line-height: 20px
}

@media (min-width: 1039px) {
    .is-fixed.voc-header-news .voc-header__img {
        height: 14px
    }
}

.is-fixed.voc-header-news .voc-header__img--section[alt="Cultural"] {
    height: 14px
}

@media (min-width: 1039px) {
    .is-fixed.voc-header-news .voc-header__img--section[alt="Cultural"] {
        height: 14px;
        margin-top: 0;
        margin-left: -4px
    }
}

@media (min-width: 1039px) {
    .is-fixed.voc-header-news .voc-social {
        display: flex
    }
}

.is-fixed.voc-header-home .voc-header__wrapper,
.is-fixed.voc-header-subhome .voc-header__wrapper {
    border-bottom: 7px solid var(--cp3)
}

@media (min-width: 1039px) {

    .mb-is-show .is-fixed .voc-header__wrapper,
    .mb-is-show .is-fixed .voc-header__container,
    .mb-is-show .voc-header-news .voc-header__wrapper,
    .mb-is-show .voc-header-news .voc-header__container {
        background: #D5E0E5
    }

    .mb-is-show .voc-header .voc-login__icon {
        background: #fff
    }

    .mb-is-show .voc-header .voc-login__icon svg {
        fill: #244765
    }

    .mb-is-show .voc-header .voc-login__icon svg path {
        fill: #244765
    }

    .mb-is-show .voc-social-networks {
        position: relative;
        max-width: 1200px;
        margin: 0 auto
    }

    .mb-is-show .voc-social-networks__container {
        position: absolute;
        top: -58px;
        right: 65px
    }

    .mb-is-show .voc-header-home:not(.is-fixed) .voc-header__sections-menu ul,
    .mb-is-show .voc-header-home:not(.is-fixed) .submenu-2-lvl,
    .mb-is-show .voc-header-subhome:not(.is-fixed) .voc-header__sections-menu ul,
    .mb-is-show .voc-header-subhome:not(.is-fixed) .submenu-2-lvl {
        display: none
    }

    .mb-is-show .voc-header-home:not(.is-fixed) .voc-header__submenu,
    .mb-is-show .voc-header-subhome:not(.is-fixed) .voc-header__submenu {
        padding: 0 8px;
        border-top: 10px solid #244765;
        border-bottom: 0;
        background: #D5E0E5
    }

    .mb-is-show .voc-header-home:not(.is-fixed) .voc-login,
    .mb-is-show .voc-header-subhome:not(.is-fixed) .voc-login {
        height: 40px
    }

    .mb-is-show .voc-header-home:not(.is-fixed) .voc-social-networks__container,
    .mb-is-show .voc-header-subhome:not(.is-fixed) .voc-social-networks__container {
        position: absolute;
        top: -41px;
        right: 160px;
        width: initial
    }
}

.mb-is-show .voc-header-home .voc-bm {
    top: 148px
}

@media (min-width: 1039px) {
    .mb-is-show .voc-header-home .voc-bm {
        top: 258px;
        z-index: 250
    }
}

@media (max-width: 699px) {
    .mb-is-show .voc-header-home .voc-bm .voc-navs-wrapper {
        height: calc(100vh - 190px)
    }
}

.mb-is-show .voc-header-subhome .voc-bm {
    top: 148px
}

@media (min-width: 1039px) {
    .mb-is-show .voc-header-subhome .voc-bm {
        z-index: 250;
        top: 185px
    }
}

@media (max-width: 699px) {
    .mb-is-show .voc-header-subhome .voc-bm .voc-navs-wrapper {
        height: calc(100vh - 190px)
    }
}

.mb-is-show .voc-header-news .voc-header__pill--desktop {
    display: none
}

.mb-is-show .voc-header-news .voc-progress,
.mb-is-show .voc-header-news .voc-progress-gradient {
    width: 100%;
    background: #244765;
    transition: all .2s ease-in
}

.mb-is-show .voc-header-news .voc-bm {
    top: 67px
}

@media (min-width: 1039px) {
    .mb-is-show .voc-header-news .voc-bm {
        z-index: 250
    }
}

.mb-is-show .voc-header-external {
    border-color: #244765
}

.mb-is-show .voc-header-external .voc-bm {
    top: 67px
}

@media (min-width: 1039px) {
    .mb-is-show .voc-header-external .voc-bm {
        z-index: 250
    }
}

.mb-is-show .voc-menu-icon:before {
    transform: rotate(45deg) translate(10px, 2px);
    left: -8px
}

.mb-is-show .voc-menu-icon:after {
    transform: rotate(-45deg) translate(10px, -2px);
    left: -8px
}

.mb-is-show .voc-menu-icon__stripe {
    display: none
}

.mb-is-show .is-fixed .voc-header__title {
    display: none
}

.mb-is-show .is-fixed.voc-header-home {
    padding-top: 0;
    top: 0
}

@media (min-width: 1039px) {
    .mb-is-show .is-fixed.voc-header-home.voc-header .voc-header__wrapper {
        background: #D5E0E5
    }
}

.mb-is-show .is-fixed.voc-header-home .voc-bm {
    top: 70px
}

@media (min-width: 1039px) {
    .mb-is-show .is-fixed.voc-header-home .voc-bm {
        top: 67px;
        transition: none
    }
}

@media (max-width: 699px) {
    .mb-is-show .is-fixed.voc-header-home .voc-bm .voc-navs-wrapper {
        height: calc(100vh - 110px)
    }
}

.mb-is-show .is-fixed.voc-header-subhome {
    padding-top: 0;
    top: 0
}

@media (min-width: 1039px) {
    .mb-is-show .is-fixed.voc-header-subhome.voc-header .voc-header__wrapper {
        background: #D5E0E5
    }
}

.mb-is-show .is-fixed.voc-header-subhome .voc-bm {
    top: 70px
}

@media (min-width: 1039px) {
    .mb-is-show .is-fixed.voc-header-subhome .voc-bm {
        top: 67px;
        transition: none
    }
}

@media (max-width: 699px) {
    .mb-is-show .is-fixed.voc-header-subhome .voc-bm .voc-navs-wrapper {
        height: calc(100vh - 110px)
    }
}

@media (min-width: 1039px) {
    .mb-is-show .is-fixed.voc-header-news .voc-social {
        display: none
    }
}

@media (max-width: 699px) {
    .mb-is-show .is-fixed.voc-header-news .voc-navs-wrapper {
        height: calc(100vh - 168px)
    }
}

@media (max-width: 699px) {
    .mb-is-show .voc-header-home:has(.voc-header__pill--mobile) .voc-bm {
        top: 184px
    }
}

@media (max-width: 699px) {
    .mb-is-show .voc-header-home:has(.voc-header__pill--mobile) .voc-navs-wrapper {
        height: calc(100vh - 225px)
    }
}

@media (max-width: 699px) {
    .mb-is-show .voc-header-home.is-fixed:has(.voc-header__pill--mobile) .voc-bm {
        top: 105px
    }
}

@media (max-width: 699px) {
    .mb-is-show .voc-header-home.is-fixed:has(.voc-header__pill--mobile) .voc-navs-wrapper {
        height: calc(100vh - 146px)
    }
}

@media (max-width: 699px) {
    .mb-is-show .voc-header-subhome:has(.voc-header__pill--mobile) .voc-bm {
        top: 184px
    }
}

@media (max-width: 699px) {
    .mb-is-show .voc-header-subhome:has(.voc-header__pill--mobile) .voc-navs-wrapper {
        height: calc(100vh - 225px)
    }
}

@media (max-width: 699px) {
    .mb-is-show .voc-header-subhome.is-fixed:has(.voc-header__pill--mobile) .voc-bm {
        top: 105px
    }
}

@media (max-width: 699px) {
    .mb-is-show .voc-header-subhome.is-fixed:has(.voc-header__pill--mobile) .voc-navs-wrapper {
        height: calc(100vh - 146px)
    }
}

@media (max-width: 699px) {
    .mb-is-show .voc-header-news:has(.voc-header__pill--mobile) .voc-bm {
        top: 102px
    }
}

@media (max-width: 699px) {
    .mb-is-show .voc-header-news:has(.voc-header__pill--mobile) .voc-navs-wrapper {
        height: calc(100vh - 203px)
    }
}

@media (max-width: 699px) {
    .mb-is-show .voc-header-news.is-fixed:has(.voc-header__pill--mobile) .voc-bm {
        top: 102px
    }
}

@media (max-width: 699px) {
    .mb-is-show .voc-header-news.is-fixed:has(.voc-header__pill--mobile) .voc-navs-wrapper {
        height: calc(100vh - 203px)
    }
}

.voc-grid {
    display: grid;
    grid-gap: 26px;
    grid-template-columns: 100%
}

@media (min-width: 699px) {
    .voc-grid--1-cols {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--1-cols.voc-grid--1-cols--1-xs {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--1-cols.voc-grid--1-cols--1-sm {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--1-cols.voc-grid--1-cols--2-xs {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--1-cols.voc-grid--1-cols--2-sm {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--1-cols.voc-grid--1-cols--3-xs {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--1-cols.voc-grid--1-cols--3-sm {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--1-cols.voc-grid--1-cols--4-xs {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--1-cols.voc-grid--1-cols--4-sm {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--1-cols.voc-grid--1-cols--5-xs {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--1-cols.voc-grid--1-cols--5-sm {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--1-cols.voc-grid--1-cols--6-xs {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--1-cols.voc-grid--1-cols--6-sm {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--1-cols.voc-grid--1-cols--7-xs {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--1-cols.voc-grid--1-cols--7-sm {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--1-cols.voc-grid--1-cols--8-xs {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--1-cols.voc-grid--1-cols--8-sm {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--1-cols.voc-grid--1-cols--9-xs {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--1-cols.voc-grid--1-cols--9-sm {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--1-cols.voc-grid--1-cols--10-xs {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--1-cols.voc-grid--1-cols--10-sm {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--1-cols.voc-grid--1-cols--11-xs {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--1-cols.voc-grid--1-cols--11-sm {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--1-cols.voc-grid--1-cols--12-xs {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--1-cols.voc-grid--1-cols--12-sm {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (min-width: 699px) {
    .voc-grid--2-cols {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--2-cols.voc-grid--2-cols--1-xs {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--2-cols.voc-grid--2-cols--1-sm {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--2-cols.voc-grid--2-cols--2-xs {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--2-cols.voc-grid--2-cols--2-sm {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--2-cols.voc-grid--2-cols--3-xs {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--2-cols.voc-grid--2-cols--3-sm {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--2-cols.voc-grid--2-cols--4-xs {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--2-cols.voc-grid--2-cols--4-sm {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--2-cols.voc-grid--2-cols--5-xs {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--2-cols.voc-grid--2-cols--5-sm {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--2-cols.voc-grid--2-cols--6-xs {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--2-cols.voc-grid--2-cols--6-sm {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--2-cols.voc-grid--2-cols--7-xs {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--2-cols.voc-grid--2-cols--7-sm {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--2-cols.voc-grid--2-cols--8-xs {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--2-cols.voc-grid--2-cols--8-sm {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--2-cols.voc-grid--2-cols--9-xs {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--2-cols.voc-grid--2-cols--9-sm {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--2-cols.voc-grid--2-cols--10-xs {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--2-cols.voc-grid--2-cols--10-sm {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--2-cols.voc-grid--2-cols--11-xs {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--2-cols.voc-grid--2-cols--11-sm {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--2-cols.voc-grid--2-cols--12-xs {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--2-cols.voc-grid--2-cols--12-sm {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (min-width: 699px) {
    .voc-grid--3-cols {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--3-cols.voc-grid--3-cols--1-xs {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--3-cols.voc-grid--3-cols--1-sm {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--3-cols.voc-grid--3-cols--2-xs {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--3-cols.voc-grid--3-cols--2-sm {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--3-cols.voc-grid--3-cols--3-xs {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--3-cols.voc-grid--3-cols--3-sm {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--3-cols.voc-grid--3-cols--4-xs {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--3-cols.voc-grid--3-cols--4-sm {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--3-cols.voc-grid--3-cols--5-xs {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--3-cols.voc-grid--3-cols--5-sm {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--3-cols.voc-grid--3-cols--6-xs {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--3-cols.voc-grid--3-cols--6-sm {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--3-cols.voc-grid--3-cols--7-xs {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--3-cols.voc-grid--3-cols--7-sm {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--3-cols.voc-grid--3-cols--8-xs {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--3-cols.voc-grid--3-cols--8-sm {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--3-cols.voc-grid--3-cols--9-xs {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--3-cols.voc-grid--3-cols--9-sm {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--3-cols.voc-grid--3-cols--10-xs {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--3-cols.voc-grid--3-cols--10-sm {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--3-cols.voc-grid--3-cols--11-xs {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--3-cols.voc-grid--3-cols--11-sm {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--3-cols.voc-grid--3-cols--12-xs {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--3-cols.voc-grid--3-cols--12-sm {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (min-width: 699px) {
    .voc-grid--4-cols {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--4-cols.voc-grid--4-cols--1-xs {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--4-cols.voc-grid--4-cols--1-sm {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--4-cols.voc-grid--4-cols--2-xs {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--4-cols.voc-grid--4-cols--2-sm {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--4-cols.voc-grid--4-cols--3-xs {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--4-cols.voc-grid--4-cols--3-sm {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--4-cols.voc-grid--4-cols--4-xs {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--4-cols.voc-grid--4-cols--4-sm {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--4-cols.voc-grid--4-cols--5-xs {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--4-cols.voc-grid--4-cols--5-sm {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--4-cols.voc-grid--4-cols--6-xs {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--4-cols.voc-grid--4-cols--6-sm {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--4-cols.voc-grid--4-cols--7-xs {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--4-cols.voc-grid--4-cols--7-sm {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--4-cols.voc-grid--4-cols--8-xs {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--4-cols.voc-grid--4-cols--8-sm {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--4-cols.voc-grid--4-cols--9-xs {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--4-cols.voc-grid--4-cols--9-sm {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--4-cols.voc-grid--4-cols--10-xs {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--4-cols.voc-grid--4-cols--10-sm {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--4-cols.voc-grid--4-cols--11-xs {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--4-cols.voc-grid--4-cols--11-sm {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--4-cols.voc-grid--4-cols--12-xs {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--4-cols.voc-grid--4-cols--12-sm {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (min-width: 699px) {
    .voc-grid--5-cols {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--5-cols.voc-grid--5-cols--1-xs {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--5-cols.voc-grid--5-cols--1-sm {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--5-cols.voc-grid--5-cols--2-xs {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--5-cols.voc-grid--5-cols--2-sm {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--5-cols.voc-grid--5-cols--3-xs {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--5-cols.voc-grid--5-cols--3-sm {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--5-cols.voc-grid--5-cols--4-xs {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--5-cols.voc-grid--5-cols--4-sm {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--5-cols.voc-grid--5-cols--5-xs {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--5-cols.voc-grid--5-cols--5-sm {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--5-cols.voc-grid--5-cols--6-xs {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--5-cols.voc-grid--5-cols--6-sm {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--5-cols.voc-grid--5-cols--7-xs {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--5-cols.voc-grid--5-cols--7-sm {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--5-cols.voc-grid--5-cols--8-xs {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--5-cols.voc-grid--5-cols--8-sm {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--5-cols.voc-grid--5-cols--9-xs {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--5-cols.voc-grid--5-cols--9-sm {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--5-cols.voc-grid--5-cols--10-xs {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--5-cols.voc-grid--5-cols--10-sm {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--5-cols.voc-grid--5-cols--11-xs {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--5-cols.voc-grid--5-cols--11-sm {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--5-cols.voc-grid--5-cols--12-xs {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--5-cols.voc-grid--5-cols--12-sm {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (min-width: 699px) {
    .voc-grid--6-cols {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--6-cols.voc-grid--6-cols--1-xs {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--6-cols.voc-grid--6-cols--1-sm {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--6-cols.voc-grid--6-cols--2-xs {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--6-cols.voc-grid--6-cols--2-sm {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--6-cols.voc-grid--6-cols--3-xs {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--6-cols.voc-grid--6-cols--3-sm {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--6-cols.voc-grid--6-cols--4-xs {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--6-cols.voc-grid--6-cols--4-sm {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--6-cols.voc-grid--6-cols--5-xs {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--6-cols.voc-grid--6-cols--5-sm {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--6-cols.voc-grid--6-cols--6-xs {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--6-cols.voc-grid--6-cols--6-sm {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--6-cols.voc-grid--6-cols--7-xs {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--6-cols.voc-grid--6-cols--7-sm {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--6-cols.voc-grid--6-cols--8-xs {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--6-cols.voc-grid--6-cols--8-sm {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--6-cols.voc-grid--6-cols--9-xs {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--6-cols.voc-grid--6-cols--9-sm {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--6-cols.voc-grid--6-cols--10-xs {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--6-cols.voc-grid--6-cols--10-sm {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--6-cols.voc-grid--6-cols--11-xs {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--6-cols.voc-grid--6-cols--11-sm {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--6-cols.voc-grid--6-cols--12-xs {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--6-cols.voc-grid--6-cols--12-sm {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (min-width: 699px) {
    .voc-grid--7-cols {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--7-cols.voc-grid--7-cols--1-xs {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--7-cols.voc-grid--7-cols--1-sm {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--7-cols.voc-grid--7-cols--2-xs {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--7-cols.voc-grid--7-cols--2-sm {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--7-cols.voc-grid--7-cols--3-xs {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--7-cols.voc-grid--7-cols--3-sm {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--7-cols.voc-grid--7-cols--4-xs {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--7-cols.voc-grid--7-cols--4-sm {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--7-cols.voc-grid--7-cols--5-xs {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--7-cols.voc-grid--7-cols--5-sm {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--7-cols.voc-grid--7-cols--6-xs {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--7-cols.voc-grid--7-cols--6-sm {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--7-cols.voc-grid--7-cols--7-xs {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--7-cols.voc-grid--7-cols--7-sm {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--7-cols.voc-grid--7-cols--8-xs {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--7-cols.voc-grid--7-cols--8-sm {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--7-cols.voc-grid--7-cols--9-xs {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--7-cols.voc-grid--7-cols--9-sm {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--7-cols.voc-grid--7-cols--10-xs {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--7-cols.voc-grid--7-cols--10-sm {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--7-cols.voc-grid--7-cols--11-xs {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--7-cols.voc-grid--7-cols--11-sm {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--7-cols.voc-grid--7-cols--12-xs {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--7-cols.voc-grid--7-cols--12-sm {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (min-width: 699px) {
    .voc-grid--8-cols {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--8-cols.voc-grid--8-cols--1-xs {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--8-cols.voc-grid--8-cols--1-sm {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--8-cols.voc-grid--8-cols--2-xs {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--8-cols.voc-grid--8-cols--2-sm {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--8-cols.voc-grid--8-cols--3-xs {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--8-cols.voc-grid--8-cols--3-sm {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--8-cols.voc-grid--8-cols--4-xs {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--8-cols.voc-grid--8-cols--4-sm {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--8-cols.voc-grid--8-cols--5-xs {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--8-cols.voc-grid--8-cols--5-sm {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--8-cols.voc-grid--8-cols--6-xs {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--8-cols.voc-grid--8-cols--6-sm {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--8-cols.voc-grid--8-cols--7-xs {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--8-cols.voc-grid--8-cols--7-sm {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--8-cols.voc-grid--8-cols--8-xs {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--8-cols.voc-grid--8-cols--8-sm {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--8-cols.voc-grid--8-cols--9-xs {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--8-cols.voc-grid--8-cols--9-sm {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--8-cols.voc-grid--8-cols--10-xs {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--8-cols.voc-grid--8-cols--10-sm {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--8-cols.voc-grid--8-cols--11-xs {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--8-cols.voc-grid--8-cols--11-sm {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--8-cols.voc-grid--8-cols--12-xs {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--8-cols.voc-grid--8-cols--12-sm {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (min-width: 699px) {
    .voc-grid--9-cols {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--9-cols.voc-grid--9-cols--1-xs {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--9-cols.voc-grid--9-cols--1-sm {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--9-cols.voc-grid--9-cols--2-xs {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--9-cols.voc-grid--9-cols--2-sm {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--9-cols.voc-grid--9-cols--3-xs {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--9-cols.voc-grid--9-cols--3-sm {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--9-cols.voc-grid--9-cols--4-xs {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--9-cols.voc-grid--9-cols--4-sm {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--9-cols.voc-grid--9-cols--5-xs {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--9-cols.voc-grid--9-cols--5-sm {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--9-cols.voc-grid--9-cols--6-xs {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--9-cols.voc-grid--9-cols--6-sm {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--9-cols.voc-grid--9-cols--7-xs {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--9-cols.voc-grid--9-cols--7-sm {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--9-cols.voc-grid--9-cols--8-xs {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--9-cols.voc-grid--9-cols--8-sm {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--9-cols.voc-grid--9-cols--9-xs {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--9-cols.voc-grid--9-cols--9-sm {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--9-cols.voc-grid--9-cols--10-xs {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--9-cols.voc-grid--9-cols--10-sm {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--9-cols.voc-grid--9-cols--11-xs {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--9-cols.voc-grid--9-cols--11-sm {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--9-cols.voc-grid--9-cols--12-xs {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--9-cols.voc-grid--9-cols--12-sm {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (min-width: 699px) {
    .voc-grid--10-cols {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--10-cols.voc-grid--10-cols--1-xs {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--10-cols.voc-grid--10-cols--1-sm {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--10-cols.voc-grid--10-cols--2-xs {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--10-cols.voc-grid--10-cols--2-sm {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--10-cols.voc-grid--10-cols--3-xs {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--10-cols.voc-grid--10-cols--3-sm {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--10-cols.voc-grid--10-cols--4-xs {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--10-cols.voc-grid--10-cols--4-sm {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--10-cols.voc-grid--10-cols--5-xs {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--10-cols.voc-grid--10-cols--5-sm {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--10-cols.voc-grid--10-cols--6-xs {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--10-cols.voc-grid--10-cols--6-sm {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--10-cols.voc-grid--10-cols--7-xs {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--10-cols.voc-grid--10-cols--7-sm {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--10-cols.voc-grid--10-cols--8-xs {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--10-cols.voc-grid--10-cols--8-sm {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--10-cols.voc-grid--10-cols--9-xs {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--10-cols.voc-grid--10-cols--9-sm {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--10-cols.voc-grid--10-cols--10-xs {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--10-cols.voc-grid--10-cols--10-sm {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--10-cols.voc-grid--10-cols--11-xs {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--10-cols.voc-grid--10-cols--11-sm {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--10-cols.voc-grid--10-cols--12-xs {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--10-cols.voc-grid--10-cols--12-sm {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (min-width: 699px) {
    .voc-grid--11-cols {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--11-cols.voc-grid--11-cols--1-xs {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--11-cols.voc-grid--11-cols--1-sm {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--11-cols.voc-grid--11-cols--2-xs {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--11-cols.voc-grid--11-cols--2-sm {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--11-cols.voc-grid--11-cols--3-xs {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--11-cols.voc-grid--11-cols--3-sm {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--11-cols.voc-grid--11-cols--4-xs {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--11-cols.voc-grid--11-cols--4-sm {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--11-cols.voc-grid--11-cols--5-xs {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--11-cols.voc-grid--11-cols--5-sm {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--11-cols.voc-grid--11-cols--6-xs {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--11-cols.voc-grid--11-cols--6-sm {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--11-cols.voc-grid--11-cols--7-xs {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--11-cols.voc-grid--11-cols--7-sm {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--11-cols.voc-grid--11-cols--8-xs {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--11-cols.voc-grid--11-cols--8-sm {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--11-cols.voc-grid--11-cols--9-xs {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--11-cols.voc-grid--11-cols--9-sm {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--11-cols.voc-grid--11-cols--10-xs {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--11-cols.voc-grid--11-cols--10-sm {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--11-cols.voc-grid--11-cols--11-xs {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--11-cols.voc-grid--11-cols--11-sm {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--11-cols.voc-grid--11-cols--12-xs {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--11-cols.voc-grid--11-cols--12-sm {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (min-width: 699px) {
    .voc-grid--12-cols {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--12-cols.voc-grid--12-cols--1-xs {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--12-cols.voc-grid--12-cols--1-sm {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--12-cols.voc-grid--12-cols--2-xs {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--12-cols.voc-grid--12-cols--2-sm {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--12-cols.voc-grid--12-cols--3-xs {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--12-cols.voc-grid--12-cols--3-sm {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--12-cols.voc-grid--12-cols--4-xs {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--12-cols.voc-grid--12-cols--4-sm {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--12-cols.voc-grid--12-cols--5-xs {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--12-cols.voc-grid--12-cols--5-sm {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--12-cols.voc-grid--12-cols--6-xs {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--12-cols.voc-grid--12-cols--6-sm {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--12-cols.voc-grid--12-cols--7-xs {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--12-cols.voc-grid--12-cols--7-sm {
        grid-template-columns: repeat(7, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--12-cols.voc-grid--12-cols--8-xs {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--12-cols.voc-grid--12-cols--8-sm {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--12-cols.voc-grid--12-cols--9-xs {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--12-cols.voc-grid--12-cols--9-sm {
        grid-template-columns: repeat(9, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--12-cols.voc-grid--12-cols--10-xs {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--12-cols.voc-grid--12-cols--10-sm {
        grid-template-columns: repeat(10, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--12-cols.voc-grid--12-cols--11-xs {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--12-cols.voc-grid--12-cols--11-sm {
        grid-template-columns: repeat(11, 1fr)
    }
}

@media (max-width: 699px) {
    .voc-grid--12-cols.voc-grid--12-cols--12-xs {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (max-width: 1039px) {
    .voc-grid--12-cols.voc-grid--12-cols--12-sm {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-grid--2-cols-until-xs {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-grid--3-cols-until-xs {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-grid--4-cols-until-xs {
        grid-template-columns: repeat(4, 1fr)
    }
}

.voc-grid--ab-c {
    grid-gap: 26px
}

@media (min-width: 1039px) {
    .voc-grid--ab-c {
        grid-template-columns: 1fr 300px
    }
}

@media (min-width: 1366px) {
    .voc-grid--ab-c {
        grid-gap: 90px
    }
}

.voc-grid--wxsab-c {
    grid-gap: 26px
}

@media (min-width: 1039px) {
    .voc-grid--wxsab-c {
        grid-template-columns: minmax(auto, 660px) 300px;
        place-content: center
    }

    .voc-grid--wxsab-c>.voc-grid__col {
        position: relative;
        padding-top: 32px
    }

    .voc-grid--wxsab-c>.voc-grid__col:after {
        content: '';
        display: inline-block;
        height: 0.8px;
        background-color: #ddd;
        position: absolute;
        top: 0
    }

    .voc-grid--wxsab-c>.voc-grid__col:first-child:after {
        left: 0;
        right: 0
    }

    .voc-grid--wxsab-c>.voc-grid__col:last-child:after {
        left: 0;
        right: 104px
    }

    .voc-grid--wxsab-c>.voc-grid__col:last-child:before {
        content: '';
        display: inline-block;
        width: 0.9px;
        background-color: #ddd;
        position: absolute;
        top: 0;
        left: -13px;
        bottom: 0
    }
}

@media (min-width: 1366px) {
    .voc-grid--wxsab-c {
        grid-gap: 90px;
        place-content: flex-end
    }

    .voc-grid--wxsab-c>.voc-grid__col:last-child:before {
        left: -25px
    }
}

.voc-grid--a-bc {
    grid-gap: 26px
}

@media (min-width: 1039px) {
    .voc-grid--a-bc {
        grid-template-columns: 300px 1fr;
        grid-gap: 90px
    }
}

@media (min-width: 699px) {
    .voc-grid--a-bc-d {
        grid-template-columns: repeat(12, 1fr)
    }
}

@media (min-width: 699px) {
    .voc-grid--s-ab-c-d {
        grid-template-columns: repeat(8, 1fr)
    }
}

.voc-grid--bdr-top {
    border-top: 1px solid #ddd;
    padding-top: 16px
}

.voc-grid--bdr-c {
    overflow: hidden
}

.voc-grid--bdr-c .voc-grid__col:before {
    content: '';
    display: inline-block;
    position: absolute;
    background-color: #ddd;
    right: -13px;
    width: 1px;
    top: 0;
    bottom: 0
}

.voc-grid--bdr-c .voc-grid__col:after {
    content: '';
    display: inline-block;
    position: absolute;
    background-color: #ddd;
    right: 0;
    height: 1px;
    bottom: -16px;
    width: calc(100% + 32px)
}

@media (min-width: 699px) {

    .voc-grid--bdr-r-c .voc-grid__col:after,
    .voc-grid--bdr-r-c .voc-article-container:after {
        content: '';
        display: inline-block;
        position: absolute;
        background-color: #ddd
    }

    .voc-grid--bdr-r-c .voc-grid__col:last-child:after,
    .voc-grid--bdr-r-c .voc-article-container:last-child:after {
        display: none
    }

    .voc-grid--bdr-r-c .voc-grid__col:after {
        width: 1px;
        top: 0;
        bottom: 0;
        right: -13px
    }
}

@media (min-width: 699px) and (min-width: 699px) and (max-width: 1039px) {
    .voc-grid--bdr-r-c .voc-grid__col.voc-grid__col--12-s[class*="--sm"]:after {
        content: none
    }
}

@media (min-width: 699px) {
    .voc-grid--bdr-r-c .voc-article-container {
        position: relative
    }

    .voc-grid--bdr-r-c .voc-article-container:after {
        height: 1px;
        left: 0;
        right: 0;
        bottom: -13px
    }
}

@media (min-width: 1039px) {

    .voc-grid--no-bdr>.voc-grid__col,
    .voc-grid--no-bdr>.voc-grid__col:last-child {
        padding: 0
    }
}

@media (min-width: 1039px) {

    .voc-grid--no-bdr>.voc-grid__col:before,
    .voc-grid--no-bdr>.voc-grid__col:after,
    .voc-grid--no-bdr>.voc-grid__col:last-child:before,
    .voc-grid--no-bdr>.voc-grid__col:last-child:after {
        display: none
    }
}

@media (min-width: 1366px) {

    .voc-grid--no-bdr>.voc-grid__col:before,
    .voc-grid--no-bdr>.voc-grid__col:after,
    .voc-grid--no-bdr>.voc-grid__col:last-child:before,
    .voc-grid--no-bdr>.voc-grid__col:last-child:after {
        display: none
    }
}

.voc-grid__col {
    position: relative
}

.voc-grid__col>* {
    margin-bottom: 32px
}

.voc-grid__col>*:last-child {
    margin-bottom: 0
}

@media (min-width: 699px) {
    .voc-grid__col--sticky-adver {
        display: flex;
        flex-direction: column
    }
}

@media (min-width: 699px) {
    .voc-grid__col--1-s {
        grid-column: span 1
    }
}

@media (min-width: 699px) {
    .voc-grid__col--2-s {
        grid-column: span 2
    }
}

@media (min-width: 699px) {
    .voc-grid__col--3-s {
        grid-column: span 3
    }
}

@media (min-width: 699px) {
    .voc-grid__col--4-s {
        grid-column: span 4
    }
}

@media (min-width: 699px) {
    .voc-grid__col--5-s {
        grid-column: span 5
    }
}

@media (min-width: 699px) {
    .voc-grid__col--6-s {
        grid-column: span 6
    }
}

@media (min-width: 699px) {
    .voc-grid__col--7-s {
        grid-column: span 7
    }
}

@media (min-width: 699px) {
    .voc-grid__col--8-s {
        grid-column: span 8
    }
}

@media (min-width: 699px) {
    .voc-grid__col--9-s {
        grid-column: span 9
    }
}

@media (min-width: 699px) {
    .voc-grid__col--10-s {
        grid-column: span 10
    }
}

@media (min-width: 699px) {
    .voc-grid__col--11-s {
        grid-column: span 11
    }
}

@media (min-width: 699px) {
    .voc-grid__col--12-s {
        grid-column: span 12
    }
}

@media (min-width: 1039px) {
    .voc-grid__col--1-s--sm {
        grid-column: span 1
    }
}

@media (min-width: 1039px) {
    .voc-grid__col--2-s--sm {
        grid-column: span 2
    }
}

@media (min-width: 1039px) {
    .voc-grid__col--3-s--sm {
        grid-column: span 3
    }
}

@media (min-width: 1039px) {
    .voc-grid__col--4-s--sm {
        grid-column: span 4
    }
}

@media (min-width: 1039px) {
    .voc-grid__col--5-s--sm {
        grid-column: span 5
    }
}

@media (min-width: 1039px) {
    .voc-grid__col--6-s--sm {
        grid-column: span 6
    }
}

@media (min-width: 1039px) {
    .voc-grid__col--7-s--sm {
        grid-column: span 7
    }
}

@media (min-width: 1039px) {
    .voc-grid__col--8-s--sm {
        grid-column: span 8
    }
}

@media (min-width: 1039px) {
    .voc-grid__col--9-s--sm {
        grid-column: span 9
    }
}

@media (min-width: 1039px) {
    .voc-grid__col--10-s--sm {
        grid-column: span 10
    }
}

@media (min-width: 1039px) {
    .voc-grid__col--11-s--sm {
        grid-column: span 11
    }
}

@media (min-width: 1039px) {
    .voc-grid__col--12-s--sm {
        grid-column: span 12
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-grid__col--1-s--xs {
        grid-column: span 1
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-grid__col--2-s--xs {
        grid-column: span 2
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-grid__col--3-s--xs {
        grid-column: span 3
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-grid__col--4-s--xs {
        grid-column: span 4
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-grid__col--5-s--xs {
        grid-column: span 5
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-grid__col--6-s--xs {
        grid-column: span 6
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-grid__col--7-s--xs {
        grid-column: span 7
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-grid__col--8-s--xs {
        grid-column: span 8
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-grid__col--9-s--xs {
        grid-column: span 9
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-grid__col--10-s--xs {
        grid-column: span 10
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-grid__col--11-s--xs {
        grid-column: span 11
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-grid__col--12-s--xs {
        grid-column: span 12
    }
}

.voc-footer {
    padding: 24px 18px 32px 18px;
    text-align: center
}

@media (min-width: 1039px) {
    .voc-footer {
        max-width: 1150px;
        margin: 0 auto 32px
    }
}

@media (min-width: 1366px) {
    .voc-footer {
        padding: 24px 0
    }
}

.voc-footer__social {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 8px 0 24px 0
}

@media (min-width: 1039px) {
    .voc-footer__social {
        flex-wrap: nowrap;
        justify-content: space-between;
        margin: 16px 0 24px 0
    }
}

@media (min-width: 1039px) {
    .voc-footer__social .voc-to-top {
        order: 4
    }

    .voc-footer__social .voc-to-top span {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer
    }

    .voc-footer__social .voc-to-top__text {
        display: inline-block;
        font: 11px/11px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, sans-serif;
        text-transform: uppercase
    }
}

.voc-footer__social .voc-premium {
    width: 100%
}

@media (min-width: 1039px) {
    .voc-footer__social .voc-premium {
        width: auto;
        order: 2
    }

    .voc-footer__social .voc-premium:hover {
        opacity: .8;
        transition: all .2s linear
    }
}

.voc-footer__social .voc-premium__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    margin: 16px auto;
    padding: 0 16px;
    background-color: #e4b016;
    border-radius: 14px
}

@media (min-width: 1039px) {
    .voc-footer__social .voc-premium__link {
        margin: 0
    }
}

.voc-footer__social .voc-premium__text {
    font: 16px/18px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #fff;
    text-transform: uppercase
}

.voc-footer__social .voc-premium__icon {
    width: 19px;
    height: 19px;
    margin-left: 5px
}

.voc-footer__social .voc-premium__icon svg {
    fill: #fff
}

.voc-footer__social .voc-social-networks {
    display: flex
}

.voc-footer__social .voc-social-networks__icon {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 14px 0 0
}

@media (min-width: 1039px) {
    .voc-footer__social .voc-social-networks__icon:hover {
        opacity: .8;
        transition: all .2s linear
    }
}

.voc-footer__social .voc-social-networks__icon svg path {
    fill: #fff
}

@media (min-width: 1039px) {
    .voc-footer__social .voc-social-networks {
        order: 1
    }
}

.voc-footer__social .voc-stores {
    display: flex;
    align-items: center
}

@media (min-width: 1039px) {
    .voc-footer__social .voc-stores {
        order: 3
    }

    .voc-footer__social .voc-stores__text {
        display: block;
        margin-right: 16px;
        font: 11px/11px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, sans-serif;
        text-transform: uppercase
    }
}

.voc-footer__social .voc-stores__text {
    display: none
}

.voc-footer__social .voc-stores__icon {
    margin: 0 14px 0 0;
    width: 32px;
    height: 32px
}

@media (min-width: 1039px) {
    .voc-footer__social .voc-stores__icon:hover {
        opacity: .8;
        transition: all .2s linear
    }
}

.voc-footer__social .voc-stores__icon:last-child {
    margin-right: 0
}

.voc-footer__pages {
    margin: 0 0 24px 0
}

@media (min-width: 1039px) {
    .voc-footer__pages {
        margin-bottom: 32px
    }
}

.voc-footer .voc-footer-nav {
    text-align: left
}

.voc-footer .voc-footer-nav:nth-child(2) a {
    font: 11px/16px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: 0.17px
}

@media (min-width: 1039px) {
    .voc-footer .voc-footer-nav {
        text-align: center
    }
}

.voc-footer .voc-footer-nav__list {
    line-height: 20px
}

.voc-footer .voc-footer-nav__list li {
    display: contents
}

.voc-footer .voc-footer-nav__list li:after {
    content: "-";
    font: 13px/20px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    padding: 0 4px;
    color: #000
}

.voc-footer .voc-footer-nav__list li:last-child:after {
    content: none
}

.voc-footer .voc-footer-nav__list li a {
    font: 700 13px/20px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    letter-spacing: 0.26px
}

@media (min-width: 1039px) {
    .voc-footer .voc-footer-nav__list li a:hover {
        opacity: .8;
        transition: all .2s linear;
        text-decoration: underline
    }
}

.voc-footer__corporate {
    overflow: hidden
}

.voc-footer__corporate .voc-heading__icon--arrow {
    padding-right: 12px
}

.voc-footer__corporate .voc-heading__icon--arrow span {
    display: block;
    width: 18px;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease
}

.voc-footer__corporate .voc-heading__icon--arrow span svg {
    padding-bottom: 4px
}

@media (min-width: 1039px) {
    .voc-footer__corporate .voc-heading__icon--arrow {
        display: none
    }
}

.voc-footer__corporate .voc-footer-toggle {
    z-index: 1;
    height: 0;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #707070;
    transform: translateY(-320px);
    transition: all .2s;
    opacity: 0
}

@media (min-width: 1039px) {
    .voc-footer__corporate .voc-footer-toggle {
        transform: none;
        height: auto;
        margin-top: 12px;
        opacity: 1
    }
}

.voc-footer__corporate .voc-footer-toggle.is-show-blind {
    height: 100%;
    opacity: 1;
    transform: translateY(0);
    transition: all 0.3s cubic-bezier(0.15, 0.97, 1, 0.95)
}

.voc-footer__corporate .voc-footer-nav__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    line-height: 20px
}

@media (min-width: 1039px) {
    .voc-footer__corporate .voc-footer-nav__list {
        justify-content: flex-start
    }
}

.voc-footer__corporate .voc-footer-nav__list li {
    display: initial;
    width: 33%;
    text-align: left
}

.voc-footer__corporate .voc-footer-nav__list li:after {
    content: none
}

@media (min-width: 1039px) {
    .voc-footer__corporate .voc-footer-nav__list li {
        width: 11.11%
    }
}

.voc-footer__corporate .voc-footer-nav__list li a {
    font: 11px/18px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

@media (min-width: 1039px) {
    .voc-footer__corporate .voc-footer-nav__list li a:hover {
        opacity: .8;
        transition: all .2s linear;
        text-decoration: underline
    }
}

.voc-d>*,
.voc-d span.paywall>* {
    margin-bottom: 16px
}

.voc-d>*:last-child,
.voc-d span.paywall>*:last-child {
    margin-bottom: 0
}

.voc-d span.paywall {
    display: inline-block;
    width: 100%
}

.voc-d span.paywall.pw-open {
    display: inline
}

.voc-d span.paywall[access-hide] {
    display: none
}

.voc-d .report-error__btn {
    max-width: 87px;
    width: 100%
}

.voc-d-container>* {
    margin-bottom: 16px
}

.voc-d-container>*:last-child {
    margin-bottom: 0
}

@media (min-width: 699px) {
    .voc-d-container--bdr-lr {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        padding: 0 49px
    }
}

.voc-d .voc-tabs {
    margin-bottom: 32px
}

.voc-d--sponsored .voc-author__name {
    color: #888
}

@media (min-width: 699px) {
    .voc-d--sponsored .voc-author__item {
        border: none
    }
}

.voc-d--sponsored .voc-author__item--2 .voc-author__subitem--2 {
    border: none
}

@media (min-width: 699px) {
    .voc-d--sponsored .voc-author__item--2 .voc-author__subitem--2 {
        border-top: 1px solid #ddd
    }
}

.voc-d--sponsored .voc-author__subitem {
    width: auto
}

.voc-d--sponsored .voc-p {
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: -.01em
}

.voc-d--sponsored .voc-p a {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp3)
}

.voc-d--sponsored .voc-p strong {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-d--sponsored .voc-p strong i {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-d--sponsored .voc-p i {
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-d--sponsored .voc-d-c-top__number span {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888
}

.voc-d--sponsored .voc-d-c-top .voc-title {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-d--sponsored .voc-d-c__pretitle {
    color: #888
}

.voc-d--sponsored .voc-d-c-chapter__title {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-d--sponsored .voc-d-c__title {
    color: #888
}

.voc-d--sponsored .voc-d-c-top .voc-pretitle {
    color: #888
}

.voc-d--sponsored .voc-article--c-exploded-view .voc-pretitle {
    color: #888
}

.voc-d--sponsored .voc-d-c-list-block__subtitle-add {
    color: #888
}

.voc-d--sponsored .voc-figcaption--type {
    color: #888
}

.voc-d--sponsored .voc-article--c-summary .voc-info-container:before {
    background-color: #888
}

.voc-d--sponsored .voc-article-position__name {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888
}

.voc-d--sponsored .voc-article-position__employ {
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888
}

.voc-d--sponsored .voc-d-c-list__paragraph a {
    color: #888
}

.voc-d--sponsored .voc-d-c-list__item:before {
    background-color: #888
}

.voc-d--sponsored .voc-list__item strong,
.voc-d--sponsored .voc-list__item strong a {
    color: #888
}

.voc-d--sponsored .voc-d-c-review__rating-icon--filled svg path {
    fill: #888
}

.voc-d--sponsored .voc-d-c-fignumber__number {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888
}

.voc-d--sponsored .voc-d-c-fignumber__desc {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888
}

.voc-d--sponsored .voc-d-c-recipe__type .voc-list__item svg path {
    fill: #888
}

.voc-d--sponsored .voc-d-c-recipe__ingredients-list .voc-list__item:before {
    background-color: #888
}

.voc-d--sponsored .voc-d-c-recipe__ranges-title {
    color: #888
}

.voc-d--sponsored .voc-d-c-valuation__total .voc-range-bar-info__number {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888
}

.voc-d--sponsored .voc-range-bar-info__number {
    color: #888
}

.voc-d--sponsored .voc-d-c-file-tennis .voc-table__td {
    color: rgba(136, 136, 136, 0.3)
}

.voc-d--sponsored .voc-d-c-file-tennis .voc-table__td.is-win {
    color: #888
}

.voc-d--sponsored .voc-d-c-list-props__item:not([class*='voc-d-c-list-props__item--']):before {
    background-color: #888
}

.voc-d--opinion {
    margin-top: 32px
}

.voc-d--opinion .voc-p a {
    color: var(--cp3)
}

.voc-d--opinion>.voc-p:first-of-type::first-letter {
    float: left;
    margin: 0 4px 0 0;
    font: 98px/70% "ABCDisplay Light", Georgia, Times New Roman, serif
}

@media (min-width: 699px) {
    .voc-d--opinion>.voc-p:first-of-type::first-letter {
        margin: 0 10px 9px 0;
        font-size: 164px;
        line-height: 79%
    }
}

@media (min-width: 699px) {
    .voc-d--opinion .voc-author__image+.voc-author__item--1 {
        padding-top: 124px
    }
}

@media (min-width: 699px) {
    .voc-d--opinion .voc-author__image+.voc-author__item--1:before {
        top: 114px
    }
}

.voc-d--opinion .voc-author__name {
    color: var(--cp3)
}

.voc-d--opinion .voc-author__image {
    display: block;
    width: 114px;
    height: 114px;
    border: 0;
    border-radius: 0;
    position: static;
    transform: none
}

@media (min-width: 699px) {
    .voc-d--opinion .voc-author__image {
        position: absolute;
        top: 0;
        left: 0
    }
}

.voc-d--opinion .voc-author__item--1 {
    position: relative;
    padding-top: 10px
}

.voc-d--opinion .voc-author__item--1:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 114px;
    height: 7px;
    background-color: var(--cp3)
}

.voc-d--opinion .voc-about-author__title {
    color: var(--cp3)
}

.voc-d--opinion .voc-article--c-summary .voc-info-container:before {
    background-color: var(--cp3)
}

.voc-d--opinion .voc-d-c__title {
    color: var(--cp3)
}

.voc-d--opinion .voc-pretitle {
    color: var(--cp3)
}

.voc-d--opinion .voc-d-c__pretitle {
    color: var(--cp3)
}

.voc-d--opinion .voc-d-c-top .voc-pretitle {
    color: var(--cp3)
}

.voc-d--opinion .voc-d-c-list-block__subtitle-add {
    color: var(--cp3)
}

.voc-d--opinion .voc-figcaption--type {
    color: var(--cp3)
}

.voc-d--opinion .voc-article-position {
    color: var(--cp3)
}

.voc-d--opinion .voc-d-c-list__paragraph a {
    color: var(--cp3)
}

.voc-d--opinion .voc-d-c-list__item:before {
    background-color: var(--cp3)
}

.voc-d--opinion .voc-list__item strong,
.voc-d--opinion .voc-list__item strong a {
    color: var(--cp3)
}

.voc-d--opinion .voc-d-c-fignumber__number {
    color: var(--cp3)
}

.voc-d--opinion .voc-d-c-fignumber__desc {
    color: var(--cp3)
}

.voc-d--opinion .voc-d-c-recipe__type .voc-list__item svg path {
    fill: var(--cp3)
}

.voc-d--opinion .voc-d-c-recipe__ingredients-list .voc-list__item:before {
    background-color: var(--cp3)
}

.voc-d--opinion .voc-d-c-recipe__ranges-title {
    color: var(--cp3)
}

.voc-d--opinion .voc-range-bar-info__number {
    color: var(--cp3)
}

.voc-d--opinion .voc-d-c-file-tennis .voc-table__td.is-win {
    color: var(--cp3)
}

.voc-d--opinion .voc-d-c-file-tennis .voc-table__td {
    color: rgba(0, 138, 183, 0.3)
}

.voc-d--opinion .voc-d-c-top__number span {
    color: var(--cp3)
}

.voc-d--opinion .voc-article--c-exploded-view .voc-pretitle {
    color: var(--cp3)
}

.voc-d--opinion .voc-d-c-list-props__item:not([class*='voc-d-c-list-props__item--']):before {
    background-color: var(--cp3)
}

.voc-d--gallery>* {
    margin-bottom: 32px
}

@media (min-width: 699px) {
    .voc-d--gallery>* {
        margin-bottom: 24px
    }
}

.voc-d--gallery>*:last-child {
    margin-bottom: 0
}

.voc-d--gallery .voc-d-gallery-item__number {
    font-size: 25px;
    line-height: 25px;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp2)
}

.voc-d--gallery .voc-d-gallery-item__figcaption {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 6px;
    position: relative
}

@media (min-width: 699px) {
    .voc-d--gallery .voc-d-gallery-item__figcaption {
        flex-wrap: nowrap
    }
}

@media (min-width: 699px) {
    .voc-d--gallery .voc-d-gallery-item__figcaption .voc-modal-dropdown.is-open {
        right: -22px;
        top: 56px
    }
}

.voc-d--gallery .voc-d-gallery-item__figcaption .voc-social__icon--circle {
    margin: 0
}

.voc-d--gallery .voc-d-gallery-item .voc-img-link {
    background: transparent repeating-linear-gradient(45deg, #f2f2f2 1px, transparent 4px, #f2f2f2 5px)
}

.voc-d--gallery .voc-d-gallery-item .voc-img {
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 766px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-d--gallery .voc-d-gallery-item .voc-img {
        max-height: 400px;
        height: auto
    }
}

.voc-d--gallery .voc-figcaption-container {
    text-align: left;
    max-width: 954px;
    width: 100%;
    order: 1;
    margin-top: 5px
}

@media (min-width: 699px) {
    .voc-d--gallery .voc-figcaption-container {
        margin-top: 0;
        order: inherit;
        margin: 0 16px
    }
}

.voc-d--gallery .voc-figcaption--text+.voc-figcaption--author:before {
    content: '// '
}

.voc-d--gallery .voc-advertising--displacement .voc-advertising__item {
    margin: 0 auto
}

.voc-d--visual {
    margin-top: 92px
}

@media (min-width: 699px) {
    .voc-d--visual {
        margin-top: 108px
    }
}

.voc-d--visual .voc-epigraph {
    text-align: center
}

.voc-d--visual .voc-epigraph__box {
    background-color: transparent;
    border: 1px solid #555;
    color: #555
}

.voc-d--visual>.voc-subtitle {
    font-size: 28px;
    line-height: 32px;
    font-family: "ABCDisplay Extralight", Georgia, Times New Roman, serif;
    text-align: center;
    margin-bottom: 72px
}

@media (min-width: 699px) {
    .voc-d--visual>.voc-subtitle {
        font-size: 32px;
        line-height: 36px;
        margin-left: calc((-758px / 2) + 50%);
        width: 758px
    }
}

.voc-d--visual .voc-author {
    max-width: 366px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 92px
}

.voc-d--visual .voc-author__image {
    position: relative;
    left: auto;
    right: auto;
    transform: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -12px
}

.voc-d--visual .voc-author__name {
    color: #000
}

.voc-d--visual .voc-author__item--1 {
    padding: 0;
    text-align: center
}

.voc-d--visual .voc-author__item--1:before {
    content: '';
    display: inline-block;
    width: 90px;
    height: 0.9px;
    background-color: #888;
    margin-bottom: 12px
}

@media (min-width: 699px) {
    .voc-d--visual .voc-author__item--1:before {
        width: 170px
    }
}

.voc-d--visual .voc-author__item--1 .voc-author__subitem--2 {
    display: none
}

.voc-d--visual .voc-article--c-summary {
    align-items: center
}

.voc-d--visual .voc-article--c-summary .voc-info-container {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.voc-d--visual .voc-article--c-summary .voc-info-container:before {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 699px) {
    .voc-d--visual .voc-article--c-summary .voc-img-container {
        margin-bottom: 8px
    }
}

.voc-d--visual .voc-article--c-summary .voc-img-figure {
    width: 120px;
    overflow: hidden;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto
}

.voc-d--visual .voc-article--c-summary .voc-article-position {
    justify-content: center
}

.voc-d--visual .voc-figcaption-container {
    text-align: left
}

@media (min-width: 1039px) {

    .voc-d--visual .voc-c-container--bdr:before,
    .voc-d--visual .voc-c-container--bdr:after {
        width: 267px
    }
}

@media (min-width: 1366px) {
    .voc-d--visual .voc-d-c-fignumber__container {
        margin: 0;
        float: none;
        position: absolute;
        left: -239px;
        width: 196px
    }
}

@media (min-width: 1039px) {
    .voc-d--visual .voc-d-c-combo-3__container {
        grid-template-columns: 62% 1fr
    }
}

@media (min-width: 1039px) {
    .voc-d--visual .voc-d-c-combo-3__image--1 {
        height: 591px
    }
}

@media (min-width: 1039px) {

    .voc-d--visual .voc-d-c-combo-3__image--2,
    .voc-d--visual .voc-d-c-combo-3__image--3 {
        height: 417px
    }
}

.voc-d--visual .voc-article--c-exploded-view .voc-p {
    color: var(--cp23)
}

.voc-d--visual .voc-article--c-file .voc-p {
    color: var(--cp23)
}

.voc-d--live .voc-km {
    margin-bottom: 36px
}

.oreja.izquierda {
    position: fixed !important;
    top: 67px !important;
    width: calc((100% - (1140px + (30px * 2))) / 2);
    height: 100%;
    z-index: 105;
    display: block;
    left: 0;
    right: unset !important;
    margin: unset !important
}

.oreja.izquierda .creatividad {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-end;
    width: 100%
}

.oreja.derecha {
    position: fixed !important;
    top: 67px !important;
    width: calc((100% - (1140px + (30px * 2))) / 2);
    height: 100%;
    z-index: 105;
    display: block;
    right: 0;
    left: unset !important;
    margin: unset !important
}

.oreja.derecha .creatividad {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-start;
    width: 100%
}

.oreja.fija img {
    width: auto
}

.oreja.fija iframe {
    flex-grow: 0
}

.mega-superior {
    padding-top: 67px
}

.mega-superior .creatividad {
    min-height: 250px;
    align-items: center
}

.mega-inferior,
.mega-interior,
.mega-superior {
    max-width: 1200px !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center
}

.wrapper {
    max-width: 1200px !important
}

.titulo-seccion {
    display: none !important
}

.col-md-4.voc-flex {
    text-align: center
}

@media (max-width: 699px) {
    .wrapper {
        padding-top: 105px !important
    }
}

.voc-sports-subheader .voc-styled-select select {
    width: auto !important
}

.voc-ns-teams-portada .voc-ns-group-team .escudo img {
    margin-left: auto;
    margin-right: auto
}

.row.voc-ns-lottery-result {
    margin: 0;
    font-family: 'Guardian TextSans Regular';
    font-size: 16px;
    margin-right: 18px
}

.voc-ns-motogp-escudo {
    width: 18px;
    display: block;
    height: 18px
}

.voc-sports-f1-calendar .voc-resultados-list .bottom-24 .btn.principal {
    color: white;
    border: 1px solid #f7f7f8 !important
}

.voc-sports-f1 .escudo {
    width: 16px;
    display: inline-block;
    height: 16px
}

.voc-clasificacion-item.voc-ns-lottery-clasification._pleno>td {
    border-bottom: 0 none;
    padding-top: 20px
}

.voc-clasificacion-item.voc-ns-lottery-clasification .equipo {
    width: calc(100% - 39px);
    height: 32px;
    vertical-align: middle;
    border-bottom: 1px solid #d8d8d8;
    color: #333
}

@media (max-width: 1039px) {
    .voc-clasificacion-item.voc-ns-lottery-clasification .equipo {
        font-size: 16px
    }
}

@media (max-width: 699px) {
    .voc-clasificacion-item.voc-ns-lottery-clasification .equipo {
        width: 55%;
        height: auto;
        overflow: visible;
        padding: 0 8px
    }
}

.voc-clasificacion-item.voc-ns-lottery-clasification .equipo .escudo {
    padding-top: 0;
    width: 24px;
    position: relative;
    top: 2px
}

.voc-clasificacion-item.voc-ns-lottery-clasification .equipo .escudo img {
    height: 20px;
    width: 20px
}

.voc-clasificacion-item.voc-ns-lottery-clasification .equipo .nombre-equipo {
    color: #333
}

@media (max-width: 699px) {
    .voc-clasificacion-item.voc-ns-lottery-clasification .equipo .nombre-equipo {
        overflow: visible;
        text-overflow: inherit;
        white-space: normal;
        max-width: 100%;
        vertical-align: super
    }
}

.voc-clasificacion-item.voc-ns-lottery-clasification .voc-ns-lottery-value {
    border-bottom: 1px solid #d8d8d8;
    color: #333;
    height: 32px;
    text-align: center;
    width: 27px;
    padding: 3px 0
}

.voc-clasificacion-item.voc-ns-lottery-clasification .voc-ns-lottery-value .value-container {
    border-left: 1px solid #d8d8d8;
    display: block;
    padding-top: 3px
}

.voc-clasificacion-item.voc-ns-lottery-clasification .voc-ns-lottery-value .value-container.last {
    border-right: 1px solid #d8d8d8
}

.voc-clasificacion-item.voc-ns-lottery-clasification .voc-ns-lottery-value .value {
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 20px;
    padding: 3px 0;
    overflow: hidden
}

@media (max-width: 699px) {
    .voc-clasificacion-item.voc-ns-lottery-clasification .voc-ns-lottery-value .value {
        margin: 0 2px
    }
}

.voc-clasificacion-item.voc-ns-lottery-clasification .voc-ns-lottery-value .value._winner {
    background-color: #333;
    color: #fff
}

.voc-sports-section .container.container-block {
    display: block !important;
    width: 100% !important;
    padding: 0
}

.voc-ns-lottery-result {
    font-family: Proxima Nova Regular, sans-serif;
    font-size: 16px;
    color: #333
}

.voc-ns-lottery-result>div {
    padding: 8px 0;
    text-align: left;
    float: left;
    margin-right: 20px;
    width: calc(33% - 13px)
}

@media (min-width: 1039px) {
    .voc-ns-lottery-result>div {
        width: calc(33% - 12px)
    }
}

.voc-ns-lottery-result>div:last-child {
    margin-right: 0
}

.voc-ns-lottery-result>div.result-right {
    text-align: right
}

.voc-ns-lottery-result .lottery-result-item {
    border-top: 1px dotted #d8d8d8
}

.row.voc-ns-lottery-result {
    margin: 0 !important
}

.voc-sports-section.voc-sports-football {
    margin: 0 0 30px
}

.voc-ns-statistics-portada .voc-ns-team-group-statistics .voc-ns-team-statistic .voc-ns-dato-estadistica {
    flex: 1 0 0;
    text-align: right
}

.voc-pastime>* {
    margin-bottom: 50px
}

@media (max-width: 699px) {
    .voc-pastime>* {
        margin-bottom: 40px
    }
}

.voc-pastime>*:last-child {
    margin-bottom: 0
}

.voc-pastime__title {
    font-size: 17px;
    line-height: 20px;
    font-family: "ABCDisplay Light", Georgia, Times New Roman, serif;
    font-weight: 600;
    color: #191919;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 20px
}

.voc-pastime__title+.voc-pastime__date {
    margin-top: -20px
}

@media (max-width: 699px) {
    .voc-pastime__title {
        font-size: 16px;
        line-height: 19px
    }
}

.voc-pastime__date {
    font-size: 17px;
    line-height: 20px;
    font-family: "ABCDisplay Light", Georgia, Times New Roman, serif;
    font-weight: 400;
    color: #191919;
    text-transform: uppercase;
    display: block;
    margin-bottom: 12px
}

@media (max-width: 699px) {
    .voc-pastime__date {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 8px
    }
}

.voc-pastime__p {
    font-size: 17px;
    line-height: 19px;
    font-family: "ABCDisplay Light", Georgia, Times New Roman, serif;
    font-weight: 400;
    color: #191919;
    margin: 0;
    margin-bottom: 12px
}

@media (max-width: 699px) {
    .voc-pastime__p {
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 20px
    }
}

.voc-pastime__p--onplus {
    color: #4b4b4b;
    margin-bottom: 27px;
    position: relative
}

@media (max-width: 699px) {
    .voc-pastime__p--onplus {
        margin-bottom: 20px
    }
}

.voc-pastime__p--onplus a {
    color: var(--cp2);
    display: inline-flex;
    align-items: center;
    position: relative;
    transition: .3s
}

.voc-pastime__p--onplus a:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #888;
    bottom: 0
}

.voc-pastime__p--onplus a:hover {
    opacity: .75
}

.voc-pastime__arrow {
    display: inline-block;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg fill=%27%23313336%27 version=%271.1%27 id=%27Capa_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 239.2 443.6%27 style=%27enable-background:new 0 0 239.2 443.6;%27 xml:space=%27preserve%27%3E%3Cg%3E%3Cg%3E%3Cpath d=%27M197.1,221.8L0,418.9l24.7,24.7l209.4-209.5c6.8-6.8,6.8-17.9,0-24.7L24.7,0L0,24.7L197.1,221.8z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center center;
    background-size: contain;
    transition: .3s
}

.voc-pastime__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.voc-pastime__list-item {
    margin-right: 26px;
    margin-bottom: 16px
}

@supports (grid-gap: 16px 26px) {
    .voc-pastime__list {
        grid-gap: 16px 26px
    }

    .voc-pastime__list-item {
        margin: 0
    }
}

.voc-pastime__list--pill-item {
    margin-right: 16px;
    margin-bottom: 14px
}

@supports (grid-gap: 14px 16px) {
    .voc-pastime__list--pill {
        grid-gap: 14px 16px
    }

    .voc-pastime__list--pill-item {
        margin: 0
    }
}

.voc-pastime__list--pill .voc-pastime__list-link {
    border: 1px solid #c4c2c2;
    border-radius: 6px;
    padding: 10px 21px 9px 21px
}

.voc-pastime__list--pill .voc-pastime__list-link:after {
    display: none
}

.voc-pastime__list--pill .voc-pastime__list-link:hover {
    background-color: #555;
    color: #ffffff
}

.voc-pastime__list-link {
    font-size: 16px;
    line-height: 16px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000000;
    transition: .3s;
    display: block;
    position: relative
}

.voc-pastime__list-link:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000000;
    bottom: -4px;
    transform: scale(0, 1);
    transition: transform .3s;
    transform-origin: left top
}

.voc-pastime__list-link:hover {
    color: #000000
}

.voc-pastime__list-link:hover:after {
    transform: scale(1, 1)
}

.voc-pastime__header {
    border-top: 1px solid rgba(112, 112, 112, 0.2);
    padding-top: 10px;
    margin-bottom: 20px
}

.voc-pastime__header-img {
    width: 27px;
    height: 27px;
    margin-right: 8px;
    flex-shrink: 0
}

.voc-pastime__header-link {
    display: flex;
    align-items: center
}

.voc-pastime__header-title {
    font-size: 18px;
    line-height: 18px;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000000;
    margin: 0;
    position: relative
}

.voc-pastime__header-title:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #888;
    bottom: -3px;
    transform: scale(0, 1);
    transition: transform .3s;
    transform-origin: left top
}

.voc-pastime__header a.voc-pastime__header-link .voc-pastime__header-title:hover {
    color: #000000
}

.voc-pastime__header a.voc-pastime__header-link .voc-pastime__header-title:hover:after {
    transform: scale(1, 1)
}

.voc-pastime-item {
    border-radius: 8px;
    box-shadow: 0 3px 4px #0000001a
}

.voc-pastime-item .voc-pastime__arrow {
    width: 11px;
    height: 11px
}

.voc-pastime-item--1 .voc-pastime-item__header {
    background-color: #a0bec6
}

.voc-pastime-item--1 .voc-pastime-item__header:hover {
    background-color: #90b3bc
}

.voc-pastime-item--2 .voc-pastime-item__header {
    background-color: #d4c8de
}

.voc-pastime-item--2 .voc-pastime-item__header:hover {
    background-color: #c8b8d4
}

.voc-pastime-item--3 .voc-pastime-item__header {
    background-color: #f1ccac
}

.voc-pastime-item--3 .voc-pastime-item__header:hover {
    background-color: #edbf96
}

.voc-pastime-item__header {
    border: 1px solid #959595;
    border-radius: 8px 8px 0 0;
    transition: .3s
}

.voc-pastime-item__header-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 23px 12px 12px 12px;
    transition: .3s
}

@media (max-width: 699px) {
    .voc-pastime-item__header-link {
        padding: 23px 12px 16px 12px
    }
}

.voc-pastime-item__header-link:hover .voc-pastime-item__header-img {
    transform: scale(1.05)
}

.voc-pastime-item__header-img {
    margin-bottom: 15px;
    width: 50px;
    height: 50px;
    transition: .3s
}

@media (max-width: 699px) {
    .voc-pastime-item__header-img {
        margin-bottom: 12px
    }
}

.voc-pastime-item__header-title {
    font-size: 22px;
    line-height: 22px;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000000;
    margin: 0
}

@media (max-width: 699px) {
    .voc-pastime-item__header-title {
        font-size: 20px;
        line-height: 20px
    }
}

.voc-pastime-item__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.voc-pastime-item__list-item {
    border-bottom: 1px solid rgba(112, 112, 112, 0.3);
    transition: .3s
}

.voc-pastime-item__list-item:last-child {
    border-bottom: 0
}

.voc-pastime-item__list-item:hover {
    background-color: #f3f3f3
}

.voc-pastime-item__list-item:hover .voc-pastime__arrow {
    transform: translate(6px, 0)
}

.voc-pastime-item__list-link {
    padding: 13px;
    font-size: 17px;
    line-height: 17px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000000;
    display: flex;
    align-items: center;
    transition: .3s
}

.voc-pastime-item__list-link div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    margin-right: 4px
}

.voc-pastime-item__list-link:hover,
.voc-pastime-item__list-link:focus,
.voc-pastime-item__list-link:active {
    color: #000000
}

.voc-pastime-item .voc-onplus {
    margin-top: 0
}

.voc-pastime-item__nav {
    border-radius: 0 0 8px 8px;
    border-left: 1px solid rgba(112, 112, 112, 0.38);
    border-bottom: 1px solid rgba(112, 112, 112, 0.38);
    border-right: 1px solid rgba(112, 112, 112, 0.38);
    overflow: hidden
}

.voc-pastime-link {
    display: flex;
    align-items: center;
    height: 60px;
    transition: .3s
}

.voc-pastime-link:hover .voc-pastime-link__header {
    background-color: #f3f3f3
}

.voc-pastime-link:hover .voc-pastime__arrow {
    transform: translate(6px, 0)
}

.voc-pastime-link:hover .voc-pastime-link__image {
    background-color: #97b99e
}

.voc-pastime-link:hover .voc-pastime-link__img {
    transform: scale(1.05)
}

.voc-pastime-link .voc-pastime__arrow {
    width: 13px;
    height: 13px;
    transition: .3s
}

.voc-pastime-link__header {
    padding: 0 13px;
    display: flex;
    align-items: center;
    flex: 1;
    border-right: 1px solid #bababa;
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    border-radius: 0 8px 8px 0;
    height: 100%;
    transition: .3s
}

.voc-pastime-link__header-title {
    flex: 1;
    font-size: 20px;
    line-height: 20px;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000000;
    margin: 0;
    z-index: 1
}

.voc-pastime-link__image {
    background-color: #a6c3ac;
    border: 1px solid #bababa;
    min-width: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px 0 0 8px;
    height: 100%;
    z-index: 1;
    transition: .3s
}

.voc-pastime-link__img {
    width: 35px;
    height: 35px;
    transition: .3s
}

.voc-pastime-container__item {
    margin-bottom: 40px
}

@media (max-width: 699px) {
    .voc-pastime-container__item {
        margin-bottom: 30px
    }
}

.voc-pastime-container__item:last-child {
    margin-bottom: 0
}

.voc-pastime-container .voc-grid--2-cols {
    grid-gap: 16px
}

@media (min-width: 699px) {
    .voc-pastime-container .voc-grid--2-cols {
        grid-gap: 20px 32px
    }
}

.voc-pastime .voc-article--subhome.voc-article--photo-right {
    display: flex;
    flex-direction: row-reverse
}

.voc-pastime .voc-article--subhome.voc-article--photo-right .voc-img-container {
    margin-bottom: 0;
    float: none
}

.voc-pastime .voc-article--subhome.voc-article--photo-right .voc-info-container {
    flex: 1
}

@media (min-width: 699px) {
    .voc-pastime .voc-article--subhome .voc-title {
        max-width: 354px;
        width: 100%
    }
}

.voc-pastime--related .voc-img-container {
    width: 109px;
    height: 58px
}

.voc-detail-code .voc-guia-estilos__detail-code>div:not(.ai2html) {
    width: 100%
}

.voc-detail-code {
    overflow: hidden;
    position: relative
}

.ev-modals--pass .modal,
.ev-modals--pass .modal-open {
    overflow: hidden
}

.ev-modals--pass .modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.ev-modals--pass .modal.fade .modal-dialog {
    transform: translateY(-25%);
    transition: transform .3s ease-out
}

.ev-modals--pass .modal.in .modal-dialog {
    transform: translate(0)
}

.ev-modals--pass .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.ev-modals--pass .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.ev-modals--pass .modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0
}

.ev-modals--pass .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.ev-modals--pass .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.ev-modals--pass .modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.ev-modals--pass .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.ev-modals--pass .modal-header:after,
.ev-modals--pass .modal-header:before {
    content: " ";
    display: table
}

.ev-modals--pass .modal-header:after {
    clear: both
}

.ev-modals--pass .modal-header .close {
    margin-top: -2px
}

.ev-modals--pass .modal-title {
    margin: 0;
    line-height: 1.42857
}

.ev-modals--pass .modal-body {
    position: relative;
    padding: 15px
}

.ev-modals--pass .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.ev-modals--pass .modal-footer:after,
.ev-modals--pass .modal-footer:before {
    content: " ";
    display: table
}

.ev-modals--pass .modal-footer:after {
    clear: both
}

.ev-modals--pass .modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.ev-modals--pass .modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.ev-modals--pass .modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.ev-modals--pass .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 700px) {
    .ev-modals--pass .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .ev-modals--pass .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }

    .ev-modals--pass .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .ev-modals--pass .modal-lg {
        width: 900px
    }
}

.ev-modals--pass .modal-backdrop {
    z-index: -1
}

.ev-modals--pass {
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    top: 0;
    height: 700px
}

@media (max-width: 699px) {
    .ev-modals--pass {
        height: 700px
    }
}

.ev-modals--pass--crucigrama {
    background-image: url("../images/pastime/bg-crucigrama-desktop.png")
}

@media (max-width: 699px) {
    .ev-modals--pass {
        background-image: url("../images/pastime/bg-crucigrama-mobile.png")
    }
}

.ev-modals--pass--sudoku {
    background-image: url("../images/pastime/bg-sudoku-desktop.png")
}

@media (max-width: 699px) {
    .ev-modals--pass--sudoku {
        background-image: url("../images/pastime/bg-sudoku-mobile.png")
    }
}

.ev-modals--pass--sopa-de-letras {
    background-image: url("../images/pastime/bg-sopa-letras-desktop.png")
}

@media (max-width: 699px) {
    .ev-modals--pass--sopa-de-letras {
        background-image: url("../images/pastime/bg-sopa-letras-mobile.png")
    }
}

.ev-modals--pass .modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: block;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background-color: rgba(0, 0, 0, 0.6)
}

.ev-modals--pass .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -25%)
}

.ev-modals--pass .modal.in .modal-dialog {
    transform: translate(0, 0)
}

.ev-modals--pass.modal-open {
    overflow: hidden
}

.ev-modals--pass.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.ev-modals--pass .fade.in {
    opacity: 1
}

.ev-modals--pass .modal-dialog {
    position: relative;
    width: auto;
    margin: 190px 10px 10px 10px
}

@media (min-width: 699px) {
    .ev-modals--pass .modal-dialog {
        width: 500px !important;
        margin: 140px auto !important
    }
}

.ev-modals--pass .modal-dialog .modal-content {
    height: 300px;
    border-radius: 0;
    padding: 40px;
    text-align: center
}

.ev-modals--pass .modal-dialog .modal-content .modal-title {
    color: #000;
    font-size: 22px;
    font-family: 'Basier Square Semibold';
    line-height: 23px;
    margin-top: 8px
}

.ev-modals--pass .modal-dialog .modal-content .btn--pastime {
    margin-top: 36px;
    background-color: #202020;
    border-radius: 0;
    font-family: 'Basier Square Regular';
    font-size: 15px;
    line-height: 21px;
    color: #fff;
    padding: 0 32px;
    text-transform: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-out;
    cursor: pointer;
    text-align: center;
    border: none;
    outline: 0;
    height: 44px;
    min-width: 174px;
    position: relative;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    touch-action: manipulation;
    background-image: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ev-modals--pass .modal-dialog .modal-content--img {
    width: auto;
    height: 95px;
    margin-bottom: 10px
}

.ev-modals--pass .modal-dialog .modal-content--img img {
    width: auto;
    margin: 0 auto
}

.voc-p {
    font: 20px/28px ABCText Light, Georgia, Times New Roman, serif;
    color: #000
}

.voc-p a {
    font-family: "ABCText Semibold", Georgia, Times New Roman, serif;
    -webkit-text-decoration: underline solid 1px;
    text-decoration: underline solid 1px;
    color: var(--cp2);
    transition: .3s
}

.voc-p a:hover {
    opacity: .8
}

.voc-p strong {
    font-family: "ABCText Semibold", Georgia, Times New Roman, serif
}

.voc-p strong i {
    font-family: "ABCText Semibold", Georgia, Times New Roman, serif;
    font-style: italic
}

.voc-p i {
    font-style: italic;
    font-family: "ABCText Light", Georgia, Times New Roman, serif
}

@media (min-width: 699px) {
    .voc-p {
        font-size: 22px;
        line-height: 32px
    }
}

.voc-p--cap {
    overflow: hidden
}

.voc-p--cap::first-letter {
    float: left;
    margin: 0 2px 0 0;
    font: 64px/85% "ABCText Semibold", Georgia, Times New Roman, serif
}

@media (min-width: 699px) {
    .voc-p--cap::first-letter {
        font-size: 73px
    }
}

.voc-pretitle {
    font-size: 14px;
    line-height: 15px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888;
    text-transform: uppercase;
    margin-bottom: 8px
}

.voc-pretitle a:hover {
    text-decoration: underline
}

@media (min-width: 699px) {
    .voc-pretitle {
        font-size: 16px;
        line-height: 18px
    }
}

.voc-pretitle__prm {
    flex: 1 0 100%
}

.voc-pretitle__prm svg {
    width: auto;
    height: 22px
}

@media (min-width: 699px) {
    .voc-pretitle__prm {
        flex: 0 0 auto;
        margin-right: 10px
    }

    .voc-pretitle__prm svg {
        height: 24px
    }
}

.voc-pretitle__live {
    display: inline-flex;
    align-items: center;
    margin-right: 5px;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp7)
}

.voc-pretitle__live:before {
    content: '';
    width: 8px;
    height: 8px;
    margin-right: 8px;
    background-color: var(--cp7);
    border-radius: 100%;
    -webkit-animation: blinkLive 1.5s infinite;
    animation: blinkLive 1.5s infinite
}

.voc-pretitle__media {
    background-color: #999;
    border-radius: 15px;
    height: 24px;
    min-width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 6px
}

.voc-pretitle__media svg {
    width: 12px
}

.voc-pretitle__media svg path {
    fill: #fff
}

.voc-pretitle__media-number {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp2)
}

.voc-pretitle-img {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 15px;
    margin: 0 0 8px
}

.voc-pretitle-sponsor {
    width: 100%;
    height: auto;
    margin-bottom: 18px
}

@media (min-width: 699px) {
    .voc-pretitle-sponsor {
        width: auto;
        margin-bottom: 7px
    }
}

.voc-title {
    font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    font-weight: 500;
    color: #000
}

.voc-title span,
.voc-title strong {
    color: var(--cp2)
}

.voc-title a {
    transition: .3s
}

.voc-title a:hover {
    -webkit-text-decoration: underline solid 1px;
    text-decoration: underline solid 1px;
    opacity: .8
}

.voc-title--w {
    color: #fff
}

.voc-title--l {
    display: block;
    font-size: 36px;
    line-height: 38px
}

@media (min-width: 699px) {
    .voc-title--l {
        font-size: 42px;
        line-height: 44px
    }
}

.voc-onplus {
    display: inline-flex;
    align-items: center;
    margin-top: 17px
}

.voc-onplus__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #e4b016
}

.voc-onplus__icon+.voc-onplus__author {
    margin-left: 6px
}

.voc-onplus__icon svg {
    width: 10px;
    height: 10px
}

.voc-onplus__icon+.voc-onplus__icon {
    margin-left: 2px
}

.voc-onplus__icon--cul {
    background: #D42561
}

.voc-onplus__icon--cul svg path {
    fill: #fff
}

.voc-onplus__icon--nerv,
.voc-onplus__icon--palm {
    background: transparent
}

.voc-onplus__icon--nerv svg,
.voc-onplus__icon--palm svg {
    width: 100%;
    height: 16px
}

.voc-onplus__author {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 11px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: -.2px
}

.voc-onplus+.voc-subtitle,
.voc-onplus+.voc-p {
    margin-top: 12px
}

.voc-img-link {
    position: relative;
    display: block
}

.voc-img-link.video {
    aspect-ratio: 16/9
}

a.voc-img-link,
button.voc-img-link {
    transition: .3s
}

a.voc-img-link .voc-img,
button.voc-img-link .voc-img {
    transition: .3s
}

a.voc-img-link:hover .voc-img,
button.voc-img-link:hover .voc-img {
    opacity: .8
}

.voc-epigraph__box {
    font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    text-transform: uppercase;
    background-color: var(--cp4);
    color: #ffffff;
    display: inline-block;
    padding: 3px 8px
}

.voc-subtitle {
    font-family: "ABCDisplay Light", Georgia, Times New Roman, serif;
    color: #000
}

.voc-subtitle a {
    font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: var(--cp4);
    -webkit-text-decoration: underline solid 1px;
    text-decoration: underline solid 1px;
    transition: .3s
}

.voc-subtitle a:hover {
    opacity: .8
}

.voc-subtitle strong {
    font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif
}

.voc-subtitle--l {
    display: block;
    font-size: 23px;
    line-height: 25px
}

@media (min-width: 699px) {
    .voc-subtitle--l {
        font-size: 28px;
        line-height: 32px
    }
}

.voc-p__image {
    float: right;
    margin-left: 12px
}

.voc-p-chronology {
    width: 100%;
    margin-bottom: 8px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 15px;
    color: #888
}

@media (min-width: 699px) {
    .voc-p-chronology {
        max-width: 72px;
        margin-top: 12px;
        margin-right: 26px
    }
}

.voc-article-container {
    position: relative
}

.voc-article-position {
    display: flex;
    align-items: baseline;
    font-family: "ABCText Light", Georgia, Times New Roman, serif;
    color: var(--cp2)
}

.voc-article-position__name {
    font-family: "ABCText Semibold", Georgia, Times New Roman, serif;
    margin-right: 8px
}

.voc-article-sponsor {
    font-size: 11px;
    line-height: 11px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #333;
    letter-spacing: -.22px;
    margin-top: 12px
}

.voc-img-container {
    flex-shrink: 0;
    position: relative
}

.voc-img-container--circle .voc-img-link {
    background: unset;
    overflow: hidden;
    padding-bottom: 100%
}

.voc-img-container--circle img {
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 1039px) {
    .voc-img-container--wmd {
        margin-left: calc((-954px / 2) + 50%);
        width: 954px
    }
}

@media (min-width: 1366px) {
    .voc-img-container--wmd {
        margin-left: calc((-1150px / 2) + 50%);
        width: 1150px
    }
}

@media (min-width: 1366px) {
    .voc-img-container--w-col-ab {
        width: 760px;
        margin-left: -100px
    }
}

.voc-img-figure {
    position: relative
}

.voc-img-figure--2-images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 24px
}

.voc-img-figure--2-images .voc-figcaption-container {
    grid-column: 1 / span 2
}

@media (min-width: 1039px) {
    .voc-img-figure--wmd {
        margin-left: calc((-954px / 2) + 50%);
        width: 954px
    }
}

@media (min-width: 1366px) {
    .voc-img-figure--wmd {
        margin-left: calc((-1150px / 2) + 50%);
        width: 1150px
    }
}

@media (min-width: 1366px) {
    .voc-img-figure--w-col-ab {
        width: 760px;
        margin-left: -100px
    }
}

.voc-img-figure .voc-img-sponsor-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 37px;
    z-index: 1
}

@media (min-width: 699px) {
    .voc-img-figure .voc-img-sponsor-link {
        height: 32px
    }
}

.voc-img-figure .voc-img-sponsor-link img {
    height: 37px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width: 699px) {
    .voc-img-figure .voc-img-sponsor-link img {
        height: 32px
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article .voc-img-container.voc-img-container--fw-xs {
        width: 100vw;
        position: relative;
        margin-left: -50vw;
        left: 50%
    }

    .voc-article .voc-img-container.voc-img-container--fw-xs .voc-figcaption-container {
        padding: 0 25px
    }
}

.voc-article .voc-img-container.voc-img-container--square .voc-img-link {
    overflow: hidden;
    padding-bottom: 100%
}

.voc-article .voc-img-container.voc-img-container--square .voc-img {
    position: absolute;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article .voc-img-container.voc-img-container--square-xs .voc-img-link {
        overflow: hidden;
        padding-bottom: 100%
    }

    .voc-article .voc-img-container.voc-img-container--square-xs .voc-img {
        position: absolute;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (min-width: 699px) {
    .voc-article .voc-img-container.voc-img-container--square-fxs .voc-img-link {
        overflow: hidden;
        padding-bottom: 100%
    }

    .voc-article .voc-img-container.voc-img-container--square-fxs .voc-img {
        position: absolute;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.voc-article--bdr {
    padding-top: 12px;
    border-top: 1px solid #c9c3c9
}

.voc-article--bdr.voc-article--sponsor .voc-info-container {
    padding-top: 0
}

.voc-article--bdr-bottom {
    border-bottom: 1px solid #ddd;
    padding-bottom: 16px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--bdr-top {
        padding-top: 12px;
        border-top: 1px solid #c9c3c9
    }
}

.voc-article--photo-top {
    display: flex;
    flex-direction: column
}

.voc-article--photo-top .voc-img-container {
    margin-bottom: 12px
}

@media (min-width: 699px) {
    .voc-article--photo-top .voc-img-container {
        margin-bottom: 8px
    }
}

.voc-article--photo-left {
    display: flex;
    flex-direction: row
}

.voc-article--photo-left .voc-img-container {
    margin-right: 16px
}

.voc-article--photo-left .voc-info-container {
    flex: 1
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--photo-left--top-xs {
        flex-direction: column
    }

    .voc-article--photo-left--top-xs .voc-img-container {
        margin-right: 0;
        margin-bottom: 16px
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--photo-left--bottom-xs {
        flex-direction: column
    }

    .voc-article--photo-left--bottom-xs .voc-img-container {
        margin-right: 0;
        margin-top: 16px
    }
}

.voc-article--photo-right {
    display: flex;
    flex-direction: row-reverse
}

.voc-article--photo-right .voc-img-container {
    margin-left: 16px
}

.voc-article--photo-right .voc-info-container {
    flex: 1
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--photo-right--bottom-xs {
        flex-direction: column-reverse
    }

    .voc-article--photo-right--bottom-xs .voc-img-container {
        margin-left: 0;
        margin-top: 16px
    }
}

.voc-article--photo-right--bottom-grid {
    display: grid;
    grid-template-columns: 1fr auto
}

.voc-article--photo-right--bottom-grid>* {
    grid-column: span 2
}

.voc-article--photo-right--bottom-grid .voc-p {
    grid-column: 1
}

.voc-article--photo-right--bottom-grid .voc-img-container {
    grid-column: 2;
    order: 1;
    align-self: flex-end;
    width: 72px;
    margin-left: 12px
}

.voc-article--photo-right--float {
    display: block;
    min-height: 106px
}

.voc-article--photo-right--float .voc-img-container {
    float: right;
    width: 106px;
    margin-left: 12px
}

@media (min-width: 699px) {
    .voc-article--photo-right--float .voc-img-container {
        width: 170px;
        margin-bottom: 12px
    }
}

@media (min-width: 699px) {
    .voc-article--photo-right--float-l .voc-img-container {
        width: 268px
    }
}

@media (min-width: 699px) and (max-width: 1039px) {
    .voc-article--photo-right--float-l .voc-img-container {
        width: 50%
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--photo-right--float-xs {
        display: block;
        min-height: 106px
    }

    .voc-article--photo-right--float-xs .voc-img-container {
        float: right;
        width: 106px;
        margin-left: 12px
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--photo-right--float-xs--l {
        min-height: 160px
    }

    .voc-article--photo-right--float-xs--l .voc-img-container,
    .voc-article--photo-right--float-xs--l .voc-img {
        width: 160px;
        height: 160px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.voc-article--photo-bottom {
    display: flex;
    flex-direction: column-reverse
}

.voc-article--photo-bottom .voc-img-container {
    margin-top: 12px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--photo-bottom-xs {
        flex-direction: column-reverse
    }

    .voc-article--photo-bottom-xs .voc-img-container {
        margin-left: 0;
        margin-top: 16px
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--photo-top-xs {
        display: flex;
        flex-direction: column
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--photo-top-xs.voc-article--photo-right .voc-img-container {
        margin-left: 0;
        margin-bottom: 12px
    }

    .voc-article--photo-top-xs.voc-article--photo-right .voc-img-container--fw-xs {
        margin-left: -50vw
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--photo-top-xs.voc-article--photo-right--float .voc-img-container {
        float: unset;
        width: auto;
        margin-left: 0;
        margin-bottom: 12px
    }
}

@media (min-width: 699px) and (max-width: 1039px) {
    .voc-article--photo-top-sm {
        flex-direction: column
    }

    .voc-article--photo-top-sm .voc-img-container {
        margin: 0 0 12px
    }
}

.voc-pill-m {
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 48px;
    height: 48px
}

@media (min-width: 699px) {
    .voc-pill-m {
        bottom: 12px;
        right: 12px
    }
}

.voc-pill-m svg {
    width: 100%;
    height: auto
}

.voc-pill-m--l {
    width: 100px;
    height: 100px
}

.voc-pill-m--s {
    width: 40px;
    height: 40px
}

.voc-pill-m--t {
    top: 12px;
    bottom: unset
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-pill-m--l-xs {
        width: 100px;
        height: 100px
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-pill-m--s-xs {
        width: 40px;
        height: 40px
    }
}

@media (min-width: 699px) {
    .voc-pill-m--l-fxs {
        width: 100px;
        height: 100px
    }
}

@media (min-width: 699px) {
    .voc-pill-m--s-fxs {
        width: 40px;
        height: 40px
    }
}

.voc-article--detail {
    margin-bottom: 32px
}

@media (min-width: 1039px) {
    .voc-article--detail {
        margin-bottom: 72px
    }
}

.voc-article--detail .voc-img-container {
    margin-top: 24px
}

.voc-article--detail .voc-pretitle {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 0
}

@media (min-width: 699px) {
    .voc-article--detail .voc-pretitle {
        gap: 0
    }
}

.voc-article--detail .voc-title {
    font-size: 32px;
    line-height: 34px
}

@media (min-width: 699px) {
    .voc-article--detail .voc-title {
        font-size: 42px;
        line-height: 44px;
        width: 100%
    }
}

@media (min-width: 1039px) {
    .voc-article--detail .voc-title {
        max-width: 562px
    }
}

.voc-article--detail .voc-title+.voc-subtitle {
    margin-top: 48px
}

@media (min-width: 699px) {
    .voc-article--detail .voc-title+.voc-subtitle {
        margin-top: 72px
    }
}

.voc-article--detail .voc-subtitle {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 18px
}

.voc-article--detail .voc-subtitle:last-child {
    margin-bottom: 0
}

@media (min-width: 699px) {
    .voc-article--detail .voc-subtitle {
        font-size: 24px;
        line-height: 26px;
        width: 100%
    }
}

@media (min-width: 1039px) {
    .voc-article--detail .voc-subtitle {
        max-width: 562px
    }
}

.voc-article--detail .voc-epigraph {
    margin-bottom: 16px;
    margin-top: 48px
}

@media (min-width: 699px) {
    .voc-article--detail .voc-epigraph {
        margin-top: 72px
    }
}

.voc-article--detail .voc-epigraph__box {
    font-size: 15px;
    line-height: 15px
}

.voc-article--detail .voc-figcaption {
    font-size: 12px;
    line-height: 14px
}

@media (min-width: 699px) {
    .voc-article--detail .voc-figcaption {
        font-size: 14px;
        line-height: 16px
    }
}

.voc-article--detail .voc-figcaption--text+.voc-figcaption--author:before {
    content: '// '
}

.voc-article--detail .voc-figcaption--author {
    font-size: 12px;
    line-height: 14px
}

@media (min-width: 699px) {
    .voc-article--detail .voc-figcaption--author {
        font-size: 14px;
        line-height: 16px
    }
}

.voc-article--detail-base .voc-pretitle {
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 12px
}

@media (min-width: 699px) {
    .voc-article--detail-base .voc-pretitle {
        font-size: 16px;
        line-height: 17px;
        margin-bottom: 8px
    }
}

.voc-article--detail-sponsored .voc-title {
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: -.03em
}

.voc-article--detail-sponsored .voc-subtitle {
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-article--detail-sponsored .voc-subtitle a {
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp3)
}

.voc-article--detail-sponsored .voc-epigraph__box {
    background-color: transparent;
    padding: 0;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888
}

.voc-article--detail-sponsored .voc-figcaption-container {
    text-align: left
}

.voc-article--detail-reportage .voc-info-container {
    text-align: center
}

@media (min-width: 1366px) {
    .voc-article--detail-reportage .voc-info-container {
        width: 760px;
        margin-left: -100px
    }
}

.voc-article--detail-reportage .voc-title,
.voc-article--detail-reportage .voc-subtitle {
    margin-right: auto;
    margin-left: auto
}

.voc-article--detail-reportage .voc-title strong,
.voc-article--detail-reportage .voc-subtitle strong {
    font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: #000
}

.voc-article--detail-reportage .voc-pretitle {
    flex-direction: column
}

.voc-article--detail-reportage .voc-pretitle__prm {
    margin: 0 0 10px
}

@media (min-width: 699px) {
    .voc-article--detail-reportage .voc-pretitle__prm {
        margin: 0 0 16px
    }
}

.voc-article--detail-reportage .voc-pretitle-sponsor-link img {
    margin-right: auto;
    margin-left: auto
}

.voc-article--detail-reportage .voc-pretitle-sponsor-link+.voc-pretitle .voc-pretitle__prm {
    margin-top: 8px
}

.voc-article--detail-reportage .voc-title {
    max-width: 100%;
    font-family: "ABCDisplay Extralight", Georgia, Times New Roman, serif;
    font-size: 36px;
    line-height: 36px;
    letter-spacing: -.36px;
    text-transform: uppercase
}

@media (min-width: 699px) {
    .voc-article--detail-reportage .voc-title {
        max-width: 100%;
        letter-spacing: -.42px;
        line-height: 42px
    }
}

.voc-article--detail-reportage .voc-title:after {
    content: "";
    display: block;
    width: 90px;
    height: .9px;
    background-color: #ddd;
    margin: 0 auto;
    margin-top: 8px
}

@media (min-width: 699px) {
    .voc-article--detail-reportage .voc-title:after {
        width: 170px
    }
}

.voc-article--detail-reportage .voc-subtitle {
    font-size: 18px;
    line-height: 20px
}

@media (min-width: 699px) {
    .voc-article--detail-reportage .voc-subtitle {
        font-size: 20px;
        line-height: 22px
    }
}

@media (min-width: 699px) {
    .voc-article--detail-reportage .voc-figcaption-container {
        text-align: right
    }
}

.voc-article--detail-opinion {
    flex-direction: column;
    margin-bottom: -32px
}

@media (min-width: 1039px) {
    .voc-article--detail-opinion {
        margin-bottom: -32px
    }
}

@media (min-width: 699px) {
    .voc-article--detail-opinion {
        flex-wrap: wrap;
        flex-direction: row
    }
}

.voc-article--detail-opinion .voc-img-container {
    margin-top: -40px
}

@media (min-width: 699px) {
    .voc-article--detail-opinion .voc-img-container {
        margin-top: 0
    }
}

@media (min-width: 699px) {
    .voc-article--detail-opinion.voc-article--photo-m-negative .voc-img-container {
        margin-bottom: -84px
    }
}

.voc-article--detail-opinion .voc-pretitle {
    color: var(--cp3);
    width: 100%
}

.voc-article--detail-opinion .voc-title {
    font-family: "ABCDisplay Black", Georgia, Times New Roman, serif;
    margin-bottom: 48px
}

@media (min-width: 699px) {
    .voc-article--detail-opinion .voc-title {
        font-size: 46px;
        line-height: 48px;
        max-width: unset;
        margin-bottom: 72px
    }
}

@media (min-width: 699px) {
    .voc-article--detail-opinion .voc-title {
        margin-right: 15%
    }
}

.voc-article--detail-opinion .voc-title span,
.voc-article--detail-opinion .voc-title strong {
    color: var(--cp3)
}

.voc-article--detail-opinion .voc-img-container {
    order: 1;
    margin-bottom: 32px
}

@media (min-width: 699px) {
    .voc-article--detail-opinion .voc-img-container {
        width: 268px;
        margin-left: 16px
    }
}

@media (min-width: 699px) {
    .voc-article--detail-opinion .voc-info-container {
        flex: 1 0 calc(100% - 284px)
    }
}

.voc-article--detail-opinion .voc-subtitle {
    order: 1;
    font-family: "ABCDisplay Light", Georgia, Times New Roman, serif;
    color: #244765
}

.voc-article--detail-opinion .voc-subtitle:last-child {
    margin-bottom: 72px
}

.voc-article--detail-opinion .voc-subtitle a {
    color: #244765
}

.voc-article--detail-opinion .voc-epigraph__box {
    background-color: var(--cp3)
}

@media (min-width: 1039px) {
    .voc-article--detail-gallery {
        margin-bottom: 32px
    }
}

.voc-article--detail-gallery .voc-info-container {
    text-align: center
}

@media (min-width: 699px) {
    .voc-article--detail-gallery .voc-info-container {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd
    }

    .voc-article--detail-gallery .voc-info-container:before {
        content: '';
        display: block;
        width: 562px;
        height: 1px;
        background-color: #ddd;
        margin: 0 auto;
        margin-bottom: 32px
    }
}

.voc-article--detail-gallery .voc-pretitle {
    justify-content: center;
    flex-wrap: wrap
}

.voc-article--detail-gallery .voc-pretitle__prm {
    flex: 1 0 100%
}

@media (min-width: 699px) {
    .voc-article--detail-gallery .voc-pretitle__prm {
        margin: 0 0 16px
    }
}

.voc-article--detail-gallery .voc-title,
.voc-article--detail-gallery .voc-subtitle {
    margin-left: auto;
    margin-right: auto
}

.voc-article--detail-visual {
    margin-bottom: 0;
    margin-top: -32px
}

@media (min-width: 1039px) {
    .voc-article--detail-visual {
        margin-bottom: 0
    }
}

.voc-article--detail-visual .voc-pretitle {
    flex-direction: column
}

.voc-article--detail-visual .voc-pretitle__prm {
    margin: 0 0 2px
}

@media (min-width: 699px) {
    .voc-article--detail-visual .voc-pretitle__prm {
        margin: 0 0 16px
    }
}

@media (min-width: 699px) {

    .voc-article--detail-visual .voc-title,
    .voc-article--detail-visual .voc-pretitle {
        margin-left: auto;
        margin-right: auto;
        max-width: 660px
    }
}

.voc-article--detail-visual .voc-title {
    font-family: "ABCDisplay Black", Georgia, Times New Roman, serif;
    text-transform: uppercase
}

@media (min-width: 699px) {
    .voc-article--detail-visual .voc-title {
        font-size: 36px;
        line-height: 40px
    }
}

.voc-article--detail-visual .voc-pretitle {
    font-family: "ABCDisplay Light", Georgia, Times New Roman, serif;
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 22px
}

.voc-article--detail-visual .voc-pretitle:after {
    content: '';
    display: block;
    width: 90px;
    height: 1px;
    background-color: #555;
    margin: 0 auto;
    margin-top: 12px
}

@media (min-width: 699px) {
    .voc-article--detail-visual .voc-pretitle {
        font-size: 26px;
        line-height: 30px
    }
}

.voc-article--detail-visual .voc-info-container {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 80px 25px 0 25px
}

@media (min-width: 699px) {
    .voc-article--detail-visual .voc-info-container {
        padding: 120px 25px 0 25px
    }
}

@media (min-width: 0) and (max-width: 375px) {
    .voc-article--detail-visual .voc-info-container {
        padding: 80px 17px 0 17px
    }
}

.voc-article--detail-visual .voc-author {
    margin-top: 108px;
    margin-bottom: 0
}

.voc-article--detail-visual .voc-author__image {
    top: -25px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--detail-visual .voc-author__image {
        display: none
    }
}

.voc-article--detail-visual .voc-author__name {
    color: #000
}

.voc-article--detail-visual .voc-author__item--1 {
    text-align: center;
    padding: 0
}

.voc-article--detail-visual .voc-author__item--1:before {
    content: '';
    display: inline-block;
    width: 90px;
    height: 0.9px;
    background-color: #888;
    margin-bottom: 12px
}

@media (min-width: 699px) {
    .voc-article--detail-visual .voc-author__item--1:before {
        width: 170px
    }
}

.voc-article--detail-visual .voc-author__item--1 .voc-author__subitem--2 {
    display: none
}

.voc-article--detail-visual .voc-figcaption-container {
    display: none
}

.voc-article--detail-visual .vjs-ad-loading .vjs-loading-spinner {
    display: none
}

.voc-article--detail-visual--box .voc-info-container {
    background-color: #f3f3f3;
    padding: 24px 25px;
    flex: 1;
    justify-content: space-between
}

@media (min-width: 699px) {
    .voc-article--detail-visual--box .voc-info-container {
        width: 40%;
        height: 100%;
        justify-content: center;
        padding: 24px 25px
    }
}

@media (min-width: 0) and (max-width: 375px) {
    .voc-article--detail-visual--box .voc-info-container {
        padding: 24px 17px
    }
}

@media (max-height: 450px) {
    .voc-article--detail-visual--box .voc-info-container {
        padding: 72px 25px
    }
}

.voc-article--detail-visual--box .voc-img-container {
    margin: 0;
    height: calc(40vh - (101px / 2))
}

@media (min-width: 699px) {
    .voc-article--detail-visual--box .voc-img-container {
        height: 100%;
        width: 60%
    }
}

@media (min-width: 0) and (max-width: 375px) {
    .voc-article--detail-visual--box .voc-img-container {
        height: calc(40vh - (96px / 2))
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--detail-visual--box .voc-img-container {
        margin: 0
    }
}

@media (max-height: 450px) {
    .voc-article--detail-visual--box .voc-img-container {
        height: initial
    }
}

.voc-article--detail-visual--box .voc-img-figure,
.voc-article--detail-visual--box .voc-img-link {
    height: 100%
}

.voc-article--detail-visual--box .voc-img,
.voc-article--detail-visual--box video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

@media (min-width: 699px) {
    .voc-article--detail-visual--box .voc-title {
        max-width: 366px
    }
}

@media (min-width: 699px) {
    .voc-article--detail-visual--box .voc-pretitle {
        max-width: 294px
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--detail-visual--box .voc-author {
        margin-top: 24px
    }
}

.voc-article--detail-visual--box .voc-img-link.video {
    aspect-ratio: auto;
    width: 100%
}

.voc-article--detail-visual--box .voc-img-link.video>div {
    height: 100%;
    width: 100%
}

.voc-article--detail-visual--box .voc-img-link.video>div>div {
    height: 100%
}

.voc-article--detail-visual--box .voc-img-link.video video-js {
    height: 100%;
    padding-top: 0
}

.voc-article--detail-visual--fw {
    position: relative
}

.voc-article--detail-visual--fw .voc-info-container {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
    justify-content: flex-start;
    padding: 0 25px
}

@media (min-width: 699px) {
    .voc-article--detail-visual--fw .voc-info-container {
        top: 120px;
        padding: 0
    }
}

@media (min-width: 0) and (max-width: 375px) {
    .voc-article--detail-visual--fw .voc-info-container {
        padding: 0 17px
    }
}

.voc-article--detail-visual--fw .voc-img-container {
    height: 100%
}

.voc-article--detail-visual--fw .voc-img-container:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1;
    pointer-events: none
}

.voc-article--detail-visual--fw .voc-img-figure,
.voc-article--detail-visual--fw .voc-img-link {
    height: 100%
}

.voc-article--detail-visual--fw .voc-img,
.voc-article--detail-visual--fw video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.voc-article--detail-visual--fw .voc-title,
.voc-article--detail-visual--fw .voc-pretitle {
    color: #fff
}

@media (min-width: 1039px) {
    .voc-article--detail-visual--fw .voc-title {
        font-size: 40px;
        line-height: 44px
    }
}

.voc-article--detail-visual--fw .voc-pretitle:after {
    background-color: #fff
}

.voc-article--detail-visual--fw .voc-img-link.video {
    aspect-ratio: auto;
    width: 100%
}

.voc-article--detail-visual--fw .voc-img-link.video>div {
    height: 100%;
    width: 100%
}

.voc-article--detail-visual--fw .voc-img-link.video>div>div {
    height: 100%
}

.voc-article--detail-visual--fw .voc-img-link.video video-js {
    height: 100%;
    padding-top: 0
}

@media (min-width: 699px) {
    .voc-article--detail-visual .voc-title--m {
        font-size: 36px;
        line-height: 40px
    }
}

@media (min-width: 699px) {
    .voc-article--detail-visual .voc-title--l {
        font-size: 42px;
        line-height: 42px
    }
}

@media (min-width: 699px) {
    .voc-article--detail-visual .voc-title--xl {
        font-size: 50px;
        line-height: 50px
    }
}

.voc-article--detail-visual .voc-info-container--light .voc-title,
.voc-article--detail-visual .voc-info-container--light .voc-pretitle {
    color: #fff
}

.voc-article--detail-visual .voc-info-container--light .voc-pretitle:after {
    background-color: #fff
}

.voc-article--detail-visual .voc-info-container--light .voc-author__name,
.voc-article--detail-visual .voc-info-container--light .voc-author__special {
    color: #fff
}

.voc-article--detail-visual .voc-info-container--light .voc-author__item--1:before {
    background-color: #fff
}

.voc-article--detail-visual .voc-info-container--dark .voc-pretitle,
.voc-article--detail-visual .voc-info-container--dark .voc-title,
.voc-article--detail-visual .voc-info-container--dark .voc-author__name,
.voc-article--detail-visual .voc-info-container--dark .voc-author__special {
    color: #000
}

.voc-article--detail-visual .voc-info-container--dark .voc-pretitle:after {
    background-color: #000
}

.voc-article--detail-visual .voc-info-container--dark .voc-author__item--1:before {
    background-color: #000
}

.voc-article--detail-live .voc-pretitle {
    display: inline-flex;
    align-items: center
}

.voc-article--c-summary .voc-pretitle {
    letter-spacing: -.32px;
    margin-bottom: 5px
}

.voc-article--c-summary .voc-title {
    font: 26px/30px "ABCText Semibold", Georgia, Times New Roman, serif;
    border-bottom: 1px solid #ddd;
    padding-bottom: 16px;
    margin-bottom: 16px
}

.voc-article--c-summary .voc-title:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0
}

@media (min-width: 699px) {
    .voc-article--c-summary .voc-title {
        font-size: 28px;
        line-height: 32px
    }
}

.voc-article--c-summary .voc-article-position {
    flex-wrap: wrap;
    font-size: 22px;
    line-height: 24px;
    margin-top: 12px
}

@media (min-width: 699px) {
    .voc-article--c-summary .voc-article-position {
        margin-top: 12px
    }
}

.voc-article--c-summary .voc-img-container {
    margin-bottom: 8px;
    width: 160px
}

@media (min-width: 699px) {
    .voc-article--c-summary .voc-img-container {
        margin-bottom: 0;
        width: 170px
    }
}

.voc-article--c-summary .voc-img {
    aspect-ratio: 1
}

@media (min-width: 699px) {
    .voc-article--c-summary .voc-info-container {
        width: 100%
    }
}

@media (min-width: 1039px) {
    .voc-article--c-summary .voc-info-container {
        max-width: 562px
    }
}

.voc-article--c-summary .voc-info-container:before {
    content: "";
    display: block;
    height: 6px;
    background-color: var(--cp2);
    margin-bottom: 8px;
    width: 160px
}

@media (min-width: 699px) {
    .voc-article--c-summary .voc-info-container:before {
        width: 170px;
        height: 7px
    }
}

.voc-article--c-exploded-view .voc-pretitle {
    letter-spacing: -.32px;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp2);
    margin-bottom: 8px
}

.voc-article--c-exploded-view .voc-pretitle:after {
    content: "";
    display: block;
    width: 90px;
    height: .9px;
    background-color: #4C4C4C;
    margin-top: 8px
}

@media (min-width: 699px) {
    .voc-article--c-exploded-view .voc-pretitle:after {
        width: 170px
    }
}

.voc-article--c-exploded-view .voc-title {
    font-size: 34px;
    line-height: 39px;
    font-family: "ABCDisplay Light", Georgia, Times New Roman, serif
}

@media (min-width: 1039px) {
    .voc-article--c-exploded-view .voc-title {
        font-size: 38px;
        line-height: 43px
    }
}

.voc-article--c-exploded-view .voc-figcaption-container {
    margin-top: 2px
}

.voc-article--c-exploded-view .voc-p {
    margin-top: 20px;
    color: var(--cp23);
    font: 20px/26px "ABCText Light", Georgia, Times New Roman, serif
}

.voc-article--c-exploded-view .voc-p a {
    color: #000
}

.voc-article--c-exploded-view .voc-p__img {
    max-width: 160px;
    width: 100%;
    margin: 0 auto
}

@media (min-width: 1039px) {
    .voc-article--c-exploded-view .voc-p__img {
        max-width: 100%
    }
}

.voc-article--c-exploded-view .voc-p__image {
    display: block;
    max-width: 249px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 24px;
    float: none
}

@media (min-width: 1039px) {
    .voc-article--c-exploded-view .voc-p__image {
        max-width: 268px;
        height: 166px;
        margin-left: 29px;
        margin-bottom: 36px;
        margin-top: 28px;
        float: right
    }
}

.voc-article--c-exploded-view .voc-p__image .voc-figcaption-container {
    text-align: center
}

@media (min-width: 1039px) {
    .voc-article--c-exploded-view .voc-p__image .voc-figcaption-container {
        text-align: right
    }
}

.voc-article--c-media .voc-figcaption-container {
    text-align: left
}

.voc-article--c-zoom {
    width: 249px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px
}

@media (min-width: 699px) {
    .voc-article--c-zoom {
        width: 268px;
        float: right;
        margin-left: 18px;
        clear: both
    }
}

.voc-article--c-zoom .voc-figcaption-container {
    text-align: right
}

.voc-article--c-file .voc-title {
    font: 22px/24px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-article--c-file.voc-article--photo-top .voc-img-container {
    margin-bottom: 12px
}

.voc-article--c-file .voc-img-container {
    width: 249px
}

@media (min-width: 699px) {
    .voc-article--c-file .voc-img-container {
        width: 100%
    }
}

.voc-article--c-file .voc-p {
    font: 20px/26px "ABCText Light", Georgia, Times New Roman, serif;
    color: var(--cp23);
    margin-top: 24px
}

.voc-article--c-file .voc-p__image {
    width: 98px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 24px
}

.voc-article--c-file .voc-p__img {
    aspect-ratio: 1
}

.voc-article--c-file-5-col {
    overflow: hidden
}

@media (min-width: 699px) {
    .voc-article--c-file-5-col {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto 1fr
    }
}

@media (min-width: 699px) {
    .voc-article--c-file-5-col .voc-header-container {
        grid-column: 2
    }
}

.voc-article--c-file-5-col .voc-img-container {
    width: 89px;
    float: left;
    margin-right: 16px;
    margin-top: 32px
}

@media (min-width: 699px) {
    .voc-article--c-file-5-col .voc-img-container {
        width: 170px;
        margin-top: 0;
        grid-row: 1 / span 2
    }
}

@media (min-width: 699px) {
    .voc-article--c-file-5-col .voc-info-container {
        grid-column: 2
    }
}

.voc-article--c-file-5-col .voc-p__image {
    display: none
}

@media (min-width: 699px) {
    .voc-article--c-file-5-col .voc-p__image {
        display: block
    }
}

.voc-article--c-file-generic .voc-img-container {
    width: 249px
}

@media (min-width: 699px) {
    .voc-article--c-file-generic .voc-img-container {
        width: 366px;
        margin-bottom: 16px
    }
}

.voc-article--c-file-generic .voc-title {
    font-size: 24px;
    line-height: 26px;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

@media (min-width: 699px) {
    .voc-article--c-file-generic .voc-title {
        font-size: 26px;
        line-height: 28px
    }
}

.voc-article--c-file-generic .voc-list+.voc-title {
    margin-top: 30px
}

.voc-article--c-file-generic .voc-p {
    margin-top: 17px;
    font-size: 18px;
    line-height: 22px;
    font-family: "ABCText Light", Georgia, Times New Roman, serif;
    color: var(--cp23)
}

@media (min-width: 699px) {
    .voc-article--c-file-generic .voc-p {
        font-size: 20px;
        line-height: 26px
    }
}

.voc-article--c-related-news .voc-title {
    font-size: 18px;
    line-height: 20px;
    font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    display: block
}

.voc-article--c-related-news .voc-title strong {
    color: #000
}

@media (min-width: 699px) {
    .voc-article--c-related-news .voc-title {
        font-size: 22px;
        line-height: 24px
    }
}

.voc-article--c-related-news .voc-p {
    font-size: 15px;
    line-height: 18px;
    font-family: "ABCText Light", Georgia, Times New Roman, serif;
    margin-top: 16px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--c-related-news .voc-p {
        display: none
    }
}

.voc-article--c-related-news .voc-img-container {
    width: 106px;
    margin-left: 8px
}

@media (min-width: 699px) {
    .voc-article--c-related-news .voc-img-container {
        width: 268px;
        margin-left: 26px
    }
}

.voc-article--c-related-news.voc-article--opinion .voc-pretitle {
    font-size: 14px;
    line-height: 16px
}

.voc-article--c-related-news.voc-article--opinion .voc-title {
    font: 18px/20px "ABCDisplay Black", Georgia, Times New Roman, serif
}

@media (min-width: 699px) {
    .voc-article--c-related-news.voc-article--opinion .voc-title {
        font-size: 26px;
        line-height: 28px
    }
}

@media (min-width: 699px) {
    .voc-article--c-related-news.voc-article--opinion .voc-img-container {
        width: 170px
    }
}

.voc-article--c-related-news.voc-article--sponsor {
    align-items: normal
}

.voc-article--c-related-news.voc-article--sponsor .voc-pretitle {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 14px
}

@media (min-width: 699px) {
    .voc-article--c-related-news.voc-article--reportage .voc-title {
        margin-left: 20px;
        margin-right: 20px
    }
}

.voc-article--c-related-news.voc-article--visual .voc-info-container {
    padding: 16px 40px
}

.voc-article--c-related-news.voc-article--visual .voc-pretitle {
    font-size: 22px;
    line-height: 25px
}

.voc-article--c-related-news.voc-article--visual .voc-title {
    font-size: 22px;
    line-height: 24px
}

.voc-article--c-related-news.voc-article--visual .voc-title strong {
    color: #fff
}

.voc-article--c-top .voc-p {
    margin-bottom: 16px
}

.voc-article--c-top .voc-p:last-of-type {
    margin-bottom: 0
}

.voc-article--swiss .voc-title {
    display: block;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 12px
}

.voc-article--swiss .voc-pretitle {
    color: var(--cp3);
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    margin-bottom: 8px;
    font-size: 11px;
    line-height: 11px
}

.voc-article--swiss .voc-p {
    font-size: 15px;
    line-height: 18px;
    color: #333
}

.voc-article--swiss .voc-onplus {
    margin-top: 0
}

.voc-article--swiss.voc-article--photo-right .voc-img-container {
    width: 137px
}

.voc-article--swiss.voc-article--photo-right .voc-img {
    aspect-ratio: 1
}

.voc-article--swiss-main .voc-pretitle {
    font-size: 11px
}

.voc-article--swiss-main .voc-p {
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-article--swiss-secondary .voc-title {
    font-size: 19px;
    line-height: 21px
}

.voc-article--swiss-secondary .voc-pretitle {
    font-size: 13px;
    line-height: .9
}

.voc-article--swiss.voc-article--reportage .voc-p {
    text-align: left
}

.voc-article--swiss.voc-article--reportage .voc-onplus {
    display: flex
}

.voc-article--swiss.voc-article--reportage.voc-article--photo-right .voc-title {
    font-size: 19px;
    line-height: 21px
}

.voc-article--swiss.voc-article--reportage.voc-article--photo-right .voc-pretitle {
    font-size: 13px
}

.voc-article--swiss.voc-article--opinion .voc-title {
    font-size: 30px;
    line-height: 32px
}

.voc-article--swiss.voc-article--opinion .voc-pretitle {
    font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    font-size: 14px
}

.voc-article--swiss.voc-article--opinion .voc-info-container {
    text-align: center
}

.voc-article--swiss.voc-article--opinion .voc-img-container {
    width: 218px;
    border-bottom: 1px solid #c9c3c9;
    padding: 0 24px;
    margin-left: auto;
    margin-right: auto
}

.voc-article--swiss.voc-article--opinion.voc-article--photo-right {
    border-bottom: 1px solid #c9c3c9
}

.voc-article--swiss.voc-article--opinion.voc-article--photo-right .voc-title {
    font-size: 19px;
    line-height: 21px
}

.voc-article--swiss.voc-article--opinion.voc-article--photo-right .voc-img-container {
    width: 106px;
    border: none;
    padding: 0;
    align-self: flex-end
}

.voc-article--swiss.voc-article--opinion.voc-article--photo-right .voc-onplus {
    display: flex;
    flex: 1;
    align-items: flex-end;
    justify-content: flex-start;
    margin-bottom: 16px
}

.voc-article--swiss.voc-article--opinion.voc-article--photo-right .voc-info-container {
    display: flex;
    flex-direction: column;
    text-align: left
}

.voc-article--swiss.voc-article--sponsor {
    padding: 16px
}

.voc-article--swiss.voc-article--sponsor .voc-info-container {
    padding: 0
}

.voc-article--swiss.voc-article--sponsor .voc-pretitle {
    font-size: 11px
}

.voc-article--swiss.voc-article--sponsor.voc-article--photo-top {
    padding: 0
}

.voc-article--swiss.voc-article--sponsor.voc-article--photo-top .voc-info-container {
    padding: 16px
}

.voc-article--swiss.voc-article--sponsor.voc-article--photo-right .voc-title {
    font-size: 17px;
    line-height: 19px
}

.voc-article--reportage .voc-info-container {
    text-align: center
}

.voc-article--reportage .voc-title {
    font-family: "ABCDisplay Extralight", Georgia, Times New Roman, serif;
    text-transform: uppercase
}

.voc-article--opinion .voc-pretitle {
    color: var(--cp3);
    font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif
}

.voc-article--opinion .voc-title {
    font-family: "ABCDisplay Black", Georgia, Times New Roman, serif
}

.voc-article--visual {
    background-color: #000
}

.voc-article--visual .voc-onplus {
    margin-top: 24px
}

.voc-article--visual .voc-onplus__author,
.voc-article--visual .voc-title {
    color: #fff
}

.voc-article--visual .voc-pretitle {
    color: var(--cp19);
    font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    text-transform: none;
    position: relative;
    display: inline-block;
    padding-top: 10px
}

.voc-article--visual .voc-pretitle:before,
.voc-article--visual .voc-pretitle:after {
    content: '';
    position: absolute;
    display: inline-block
}

.voc-article--visual .voc-pretitle:before {
    top: 0;
    height: 7px;
    left: 0;
    right: 0;
    background-color: var(--cp19)
}

.voc-article--visual .voc-pretitle:after {
    height: 1px;
    top: 7px;
    left: 50%;
    transform: translate(-50%, 0);
    right: 0;
    min-width: 236px;
    background-color: rgba(255, 255, 255, 0.5);
    width: calc(100% + 60px)
}

.voc-article--visual .voc-title {
    font-family: "ABCDisplay Extralight", Georgia, Times New Roman, serif;
    text-transform: uppercase
}

.voc-article--visual .voc-title strong {
    color: #fff
}

.voc-article--visual .voc-img-figure,
.voc-article--visual .voc-img-link {
    height: 100%
}

.voc-article--visual .voc-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.voc-article--visual .voc-info-container {
    position: relative;
    padding: 16px;
    text-align: center
}

.voc-article--visual .voc-info-container:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: -98px;
    bottom: 0;
    width: 98px;
    background: #000;
    background: linear-gradient(90deg, #000 0%, #000 38%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1)
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--visual.voc-article--photo-right--bottom-xs .voc-img-container {
        width: 100%;
        margin-left: 0
    }

    .voc-article--visual.voc-article--photo-right--bottom-xs .voc-info-container:after {
        top: auto;
        bottom: -98px;
        left: 0;
        right: 0;
        width: 100%;
        height: 98px;
        background: linear-gradient(180deg, #000 0%, #000 38%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1)
    }
}

.voc-article--sponsor {
    background-color: #8181401C
}

.voc-article--sponsor .voc-pretitle {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

.voc-article--sponsor .voc-title {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-article--sponsor .voc-img-container {
    margin: 0
}

.voc-article--sponsor .voc-img-figure,
.voc-article--sponsor .voc-img-link {
    height: 100%
}

.voc-article--sponsor .voc-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.voc-article--sponsor .voc-info-container {
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.voc-article--gente .voc-pretitle {
    color: #d42561
}

.voc-article--gente .voc-title {
    font-family: "ABCDisplay Extralight", Georgia, Times New Roman, serif
}

.voc-article--gente .voc-title strong {
    font-weight: normal;
    color: #d42561
}

.voc-wrapper {
    margin-bottom: 32px
}

.voc-wrapper>.voc-container,
.voc-wrapper>.voc-container-fw,
.voc-wrapper>.nibara-element-inview,
.voc-wrapper>.nibara-element-inview>.voc-container {
    margin-bottom: 32px
}

.voc-wrapper>.voc-container:last-child,
.voc-wrapper>.voc-container-fw:last-child,
.voc-wrapper>.nibara-element-inview:last-child,
.voc-wrapper>.nibara-element-inview>.voc-container:last-child {
    margin-bottom: 0
}

.voc-wrapper--dark {
    background-color: #262626;
    padding: 32px 0 16px 0
}

.voc-wrapper--dark .voc-title,
.voc-wrapper--dark .voc-subtitle,
.voc-wrapper--dark .voc-breadcrumbs__text,
.voc-wrapper--dark .voc-p,
.voc-wrapper--dark .voc-figcaption {
    color: #fff
}

.voc-wrapper--dark .voc-topics__link {
    color: #ddd
}

.voc-wrapper--dark .voc-topics__icon path {
    stroke: #fff
}

.voc-wrapper--dark .voc-author-comments-number {
    color: #000
}

.voc-wrapper--dark .voc-author p:not(.voc-author__name):not(.voc-share-social__paragraph),
.voc-wrapper--dark .voc-author time {
    color: #ddd
}

.voc-wrapper--dark .voc-author__btn {
    border: 1px solid #888;
    background-color: transparent;
    color: #ddd
}

.voc-wrapper--dark .voc-social__icon--save path {
    stroke: #ddd
}

.voc-wrapper--dark .voc-social__icon--comments path {
    fill: #ddd
}

.voc-wrapper--dark .voc-breadcrumbs__icon path {
    fill: #fff
}

.voc-wrapper--dark .voc-pretitle__media {
    border: 1px solid #fff;
    background-color: transparent
}

.voc-wrapper--dark .voc-article--detail-gallery .voc-info-container,
.voc-wrapper--dark .voc-d-container--bdr-lr {
    border-left: 1px solid #555;
    border-right: 1px solid #555
}

.voc-wrapper--dark .voc-img-link {
    background: transparent repeating-linear-gradient(45deg, #444 1px, transparent 4px, #444 5px)
}

.voc-wrapper--not-space-bottom {
    margin-bottom: 0
}

.voc-container>*,
.voc-container-fw>* {
    margin-bottom: 32px
}

.voc-container>*:last-child,
.voc-container-fw>*:last-child {
    margin-bottom: 0
}

.voc-container {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 25px
}

@media (min-width: 0) and (max-width: 375px) {
    .voc-container {
        padding: 0 17px
    }
}

.voc-container:empty {
    display: none
}

.voc-container-fw {
    width: 100%
}

.voc-container--bg-color {
    background-color: #f3f3f3
}

.voc-container--bdr-bottom {
    border-bottom: 1px solid #ddd
}

.voc-container--wmd {
    max-width: 1150px;
    margin-left: calc((-1150px / 2) + 50%)
}

.voc-container--wsm {
    max-width: 758px;
    padding: 0
}

@media (min-width: 699px) and (max-width: 1039px) {
    .voc-container--wsm {
        padding: 0 25px
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-container--wsm {
        padding: 0 25px
    }
}

.voc-container--wxs {
    max-width: 660px;
    padding: 0
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-container--wxs {
        padding: 0 25px
    }
}

.voc-container--wxxs {
    max-width: 562px;
    padding: 0
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-container--wxxs {
        padding: 0 25px
    }
}

.voc-container--fh {
    height: calc(100vh - 101px)
}

@media (min-width: 699px) {
    .voc-container--fh {
        height: calc(100vh - 67px)
    }
}

.voc-container--fh .voc-container,
.voc-container--fh .voc-container-fw,
.voc-container--fh .voc-article-container,
.voc-container--fh .voc-article {
    height: 100%
}

@media (max-height: 450px) {
    .voc-container--fh-auto-h {
        height: auto
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-container--fh-auto-min-xs {
        min-height: calc(100vh - 101px);
        height: auto
    }

    .voc-container--fh-auto-min-xs .voc-container,
    .voc-container--fh-auto-min-xs .voc-container-fw,
    .voc-container--fh-auto-min-xs .voc-article-container,
    .voc-container--fh-auto-min-xs .voc-article {
        min-height: calc(100vh - 101px)
    }
}

@media (min-width: 0) and (max-width: 699px) and (min-width: 0) and (max-width: 375px) {
    .voc-container--fh-auto-min-xs {
        min-height: calc(100vh - 96px);
        height: auto
    }

    .voc-container--fh-auto-min-xs .voc-container,
    .voc-container--fh-auto-min-xs .voc-container-fw,
    .voc-container--fh-auto-min-xs .voc-article-container,
    .voc-container--fh-auto-min-xs .voc-article {
        min-height: calc(100vh - 96px)
    }
}

.voc-container--fw {
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
    position: relative
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-container--fw-xs {
        padding: 0
    }
}

.voc-container--no-padding {
    padding: 0
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-container--mt-neg-xs {
        margin-top: -32px
    }
}

.voc-article--no-bdr,
.voc-article--no-bdr .voc-article-content {
    padding-top: 0;
    border-top: 0
}

@media (min-width: 699px) {

    .voc-container--c-sponsor+.voc-container--c-ticker,
    .voc-container--c-sponsor+.voc-container--c-last-hour,
    .voc-container--c-ticker+.voc-container--c-last-hour {
        margin-top: -32px
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-container--c-ticker {
        padding: 0;
        position: relative
    }

    .voc-container--c-ticker>.voc-ticker {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (min-width: 0) and (max-width: 699px) {

    .voc-container--c-ticker,
    .voc-container--c-last-hour,
    .voc-container--c-scoreboard {
        margin-top: -32px
    }
}

.voc-c-container {
    position: relative
}

.voc-c-container--center {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1366px) {
    .voc-c-container--w-col-ab {
        width: 760px;
        margin-left: -100px
    }
}

@media (min-width: 1039px) {
    .voc-c-container--wmd {
        width: 954px;
        margin-left: calc((-954px / 2) + 50%)
    }
}

@media (min-width: 1366px) {
    .voc-c-container--wmd {
        width: 1150px;
        margin-left: calc((-1150px / 2) + 50%)
    }

    .voc-c-container--wmd .voc-article--c-media .voc-figcaption-container,
    .voc-c-container--wmd .voc-article--c-photo .voc-figcaption-container {
        max-width: 170px;
        width: 100%;
        position: absolute;
        border: 0;
        left: 0
    }
}

@media (min-width: 699px) {
    .voc-c-container--wsm {
        width: 758px;
        margin-left: calc((-758px / 2) + 50%)
    }
}

@media (min-width: 1039px) {
    .voc-c-container--wsm-max {
        width: 954px;
        margin-left: calc((-954px / 2) + 50%)
    }

    .voc-c-container--wsm-max .voc-d-c-file__4-cols {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (min-width: 1039px) {
    .voc-c-container--wmd .voc-d-c-file__4-cols {
        grid-template-columns: repeat(4, 1fr)
    }
}

.voc-c-container--wxxs {
    max-width: 562px;
    width: 100%
}

.voc-c-container--wxxxs {
    max-width: 462px;
    width: 100%
}

.voc-c-container--bdr:before,
.voc-c-container--bdr:after {
    content: '';
    display: block;
    width: 90px;
    height: .9px;
    background-color: #888
}

@media (min-width: 699px) {

    .voc-c-container--bdr:before,
    .voc-c-container--bdr:after {
        width: 170px
    }
}

.voc-c-container--bdr:before {
    margin-bottom: 12px
}

.voc-c-container--bdr:after {
    margin-top: 12px
}

.voc-c-container--bdr-top:before {
    content: '';
    display: block;
    width: 90px;
    height: .9px;
    background-color: #888;
    margin-bottom: 12px
}

@media (min-width: 699px) {
    .voc-c-container--bdr-top:before {
        width: 170px
    }
}

.voc-c-container--bdr-bottom:after {
    content: '';
    display: block;
    width: 90px;
    height: .9px;
    background-color: #888;
    margin-top: 12px
}

@media (min-width: 699px) {
    .voc-c-container--bdr-bottom:after {
        width: 170px
    }
}

.voc-c-container--fw {
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
    position: relative
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-c-container--fw-xs {
        width: 100vw;
        margin-left: -50vw;
        left: 50%;
        position: relative
    }
}

.voc-c-container .voc-figcaption--text+.voc-figcaption--author:before {
    content: '// '
}

.voc-m-container>.voc-article-container:not(:last-child) {
    margin-bottom: 32px
}

.voc-modal {
    display: none;
    z-index: 202;
    position: fixed;
    left: 25px;
    right: 25px;
    transform: none;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #fff;
    padding: 16px
}

@media (min-width: 699px) {
    .voc-modal {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 562px;
        width: 100%;
        padding: 32px
    }
}

.voc-modal__wrapper--has-bg {
    background-color: #8CCEF140;
    padding: 24px 20px 16px 20px
}

.voc-modal__wrapper--has-bg .voc-modal__title {
    color: var(--cp3)
}

.voc-modal__paragraph {
    font-size: 12px;
    line-height: 16px;
    color: #000;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    margin-bottom: 16px
}

.voc-modal__paragraph:last-child {
    margin-bottom: 0
}

.voc-modal__paragraph a {
    -webkit-text-decoration: 1px underline #000;
    text-decoration: 1px underline #000;
    transition: .3s
}

.voc-modal__paragraph a:hover {
    opacity: .8
}

.voc-modal__header {
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 3px solid #4C4C4C
}

@media (min-width: 699px) {
    .voc-modal__header {
        margin-bottom: 24px
    }
}

.voc-modal__header-icon {
    width: 31px;
    margin-right: 17px;
    flex-shrink: 0
}

.voc-modal__title {
    font: 18px/20px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #555
}

@media (min-width: 699px) {
    .voc-modal__title {
        font-size: 20px;
        line-height: 22px
    }
}

.voc-modal__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #000;
    border-radius: 50%;
    transition: .3s;
    position: absolute;
    right: -15px;
    top: -15px
}

.voc-modal__close:hover {
    opacity: .6
}

.voc-modal__close svg {
    width: 18px;
    height: 15px
}

.voc-modal__close svg rect {
    fill: #fff
}

.voc-modal-backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(136, 136, 136, 0.6);
    z-index: 201;
    display: none
}

.voc-modal.is-open {
    display: block;
    -webkit-animation: showOpacity ease-in-out .3s;
    animation: showOpacity ease-in-out .3s
}

.voc-modal--from-right {
    display: block;
    top: 0;
    bottom: 0;
    left: auto;
    right: -100vw;
    width: auto;
    margin: 0;
    transform: none;
    transition: right .3s
}

@media (min-width: 699px) {
    .voc-modal--from-right {
        display: block;
        top: 0;
        bottom: 0;
        left: auto;
        right: -100vw;
        width: auto;
        margin: 0;
        transform: none;
        transition: right .3s
    }
}

.voc-modal--from-right.is-open {
    right: 0;
    -webkit-animation: none;
    animation: none
}

.voc-modal-dropdown {
    display: none
}

.voc-modal-dropdown__header {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px
}

.voc-modal-dropdown__title {
    flex: 1;
    font-size: 14px;
    line-height: 15px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp3);
    text-transform: uppercase;
    margin-bottom: 8px
}

.voc-modal-dropdown__wrapper {
    background-color: #f3f3f3;
    position: relative;
    padding: 16px 25px 16px 25px;
    box-shadow: 0px -2px 8px #00000033;
    border-radius: 14px
}

@media (min-width: 699px) {
    .voc-modal-dropdown__wrapper {
        border-radius: 0 0 8px 8px;
        box-shadow: -6px 6px 8px #00000033;
        min-width: 174px;
        padding: 8px 16px 13px 16px
    }

    .voc-modal-dropdown__wrapper:before {
        content: '';
        display: inline-block;
        position: absolute;
        top: -24px;
        right: 24px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 24px 24px 24px;
        border-color: transparent transparent #f3f3f3 transparent
    }
}

.voc-modal-dropdown .voc-modal__close {
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #ddd;
    border-radius: 50%;
    position: static
}

.voc-modal-dropdown .voc-modal__close svg {
    width: 14px
}

.voc-modal-dropdown .voc-modal__close svg rect {
    fill: #000000
}

@media (min-width: 699px) {
    .voc-modal-dropdown .voc-modal__close {
        display: none
    }
}

@media (min-width: 699px) {
    .voc-modal-dropdown--negative .voc-modal-dropdown__wrapper {
        background-color: rgba(85, 85, 85, 0.9)
    }

    .voc-modal-dropdown--negative .voc-modal-dropdown__wrapper:before {
        border-color: transparent transparent rgba(85, 85, 85, 0.9) transparent
    }
}

.voc-modal-dropdown.is-open {
    opacity: 1;
    height: auto;
    display: block;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-animation: showOpacity ease-in-out .3s;
    animation: showOpacity ease-in-out .3s;
    width: auto;
    left: 25px;
    right: 25px;
    position: fixed;
    z-index: 202
}

@media (min-width: 699px) {
    .voc-modal-dropdown.is-open {
        position: absolute;
        left: auto;
        right: auto;
        top: auto;
        transform: none;
        z-index: 1;
        width: 174px
    }
}

@media (min-width: 699px) {
    .voc-header .voc-share-social.is-open {
        top: 56px;
        right: 21px
    }
}

@media (min-width: 699px) {
    .voc-header .voc-save-news.is-open {
        top: 56px;
        right: -22px
    }
}

@media (min-width: 699px) {
    .voc-author .voc-save-news.is-open {
        top: 64px;
        right: 15px
    }
}

@media (min-width: 699px) {
    .voc-author .voc-see-comments.is-open {
        top: 64px;
        right: -22px;
        left: auto
    }
}

@media (min-width: 699px) {
    .voc-author .voc-follow-author.is-open {
        top: 46px;
        left: auto;
        right: 0
    }
}

@media (min-width: 699px) {
    .voc-author .voc-share-social.is-open {
        top: 64px;
        right: -20px
    }
}

@media (min-width: 699px) {
    .voc-see-comments.is-open {
        top: 58px;
        left: 0
    }
}

.voc-user-menu.voc-modal-dropdown__wrapper {
    border-radius: 0 0 8px 8px;
    box-shadow: -6px 6px 8px #00000033;
    min-width: 174px;
    padding: 8px 16px 13px 16px
}

.voc-user-menu.voc-modal-dropdown__wrapper:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -24px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 24px 24px 24px;
    border-color: transparent transparent #f3f3f3 transparent
}

.voc-user-menu.voc-modal-dropdown.is-open {
    top: 95px;
    right: 1px;
    left: initial;
    width: 235px;
    transform: none
}

@media (min-width: 375px) {
    .voc-user-menu.voc-modal-dropdown.is-open {
        top: 105px;
        right: 3px
    }
}

@media (min-width: 699px) {
    .voc-user-menu.voc-modal-dropdown.is-open {
        top: 60px;
        right: -10px
    }
}

.popbox_container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 600px !important;
    margin-bottom: 0 !important;
    padding: 32px !important;
    border-radius: 0 !important
}

.popbox_container p {
    font-size: 18px;
    line-height: 22px
}

.popbox_container a {
    color: var(--cp3)
}

.popbox_close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #000;
    border-radius: 50%;
    transition: .3s;
    position: absolute;
    right: -15px;
    top: -15px
}

.popbox_close svg {
    width: 18px;
    height: 15px
}

.popbox_close rect {
    fill: #fff
}

.voc-form__container {
    position: relative
}

.voc-form__container--inputs-w .voc-form__input {
    background-color: #fff;
    border: 1px solid #fff
}

.voc-form__container--inputs-w .voc-form__selector+span {
    background-color: #fff;
    border: 1px solid #fff
}

.voc-form__container--inputs-g .voc-form__input {
    background-color: #f3f3f3;
    border: 0
}

.voc-form__container--has-bg {
    background-color: #8CCEF140;
    padding: 6px 7px
}

@media (min-width: 699px) {
    .voc-form__container--has-bg {
        padding: 10px 11px
    }
}

.voc-form__label {
    font-size: 15px;
    line-height: 23px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    margin-bottom: 2px;
    display: block
}

.voc-form__input {
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #000;
    border: 1px solid #888;
    outline: none;
    height: 30px;
    width: 100%;
    border-radius: 0;
    transition: 0.3s;
    padding: 0 9px;
    background-color: transparent
}

.voc-form__input--textarea {
    height: 100px;
    resize: none;
    padding: 9px
}

.voc-form__input::-moz-placeholder {
    color: #888;
    font-size: 15px;
    line-height: 18px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-form__input:-ms-input-placeholder {
    color: #888;
    font-size: 15px;
    line-height: 18px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-form__input::placeholder {
    color: #888;
    font-size: 15px;
    line-height: 18px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-form__input--select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 36px 0 9px;
    color: #888;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 19.387 7.193%27%3E%3Cpath d=%27m.693.694 9.025 6 8.975-6%27 fill=%27none%27 stroke=%27%23000%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: calc(100% - 10px) center
}

.voc-form__input--select:not(:checked) {
    color: #000
}

.voc-form__input--select option {
    color: #888
}

.voc-form__input--select::-moz-placeholder {
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-form__input--select:-ms-input-placeholder {
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-form__input--select::placeholder {
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-form__selector {
    opacity: 0;
    position: absolute;
    left: 0;
    z-index: 1;
    width: 16px;
    height: 16px
}

.voc-form__selector+span {
    flex-shrink: 0;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left: 0;
    width: 16px;
    height: 16px;
    z-index: 0;
    border: 0;
    background-color: transparent;
    border: 1px solid #888;
    border-radius: 0;
    transition: color .3s ease;
    will-change: color;
    position: relative;
    margin-right: 12px
}

.voc-form__selector--radio+span {
    border-radius: 50%
}

.voc-form__selector--radio+span:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #000;
    opacity: 0;
    transition: opacity .3s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.voc-form__selector--radio:checked+span:before {
    opacity: 1
}

.voc-form__selector--checkbox+span:before,
.voc-form__selector--checkbox+span:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0.1rem;
    background-color: #000;
    display: block;
    transform-origin: left top;
    transition: opacity 0.28s ease, height 0s linear 0.28s;
    opacity: 0;
    will-change: opacity, height
}

.voc-form__selector--checkbox+span:before {
    top: 11px;
    left: 5px;
    transform: rotate(-135deg)
}

.voc-form__selector--checkbox+span:after {
    top: 7px;
    left: 1px;
    transform: rotate(-45deg)
}

.voc-form__selector--checkbox:checked+span:before,
.voc-form__selector--checkbox:checked+span:after {
    opacity: 1;
    transition: height 0.28s ease
}

.voc-form__selector--checkbox:checked+span:before {
    height: 0.6rem;
    transition-delay: 0.28s
}

.voc-form__selector--checkbox:checked+span:after {
    height: 0.3rem
}

.voc-form__item {
    margin-bottom: 9px;
    position: relative
}

.voc-form__item:last-child {
    margin-bottom: 0
}

.voc-form__item--no-label .voc-form__label {
    display: none
}

.voc-form__item--center {
    text-align: center
}

.voc-form__item--selector {
    display: flex;
    cursor: pointer
}

.voc-form__item--selector .voc-form__label {
    font-size: 10px;
    line-height: 12px;
    color: #555;
    margin: 0;
    transform: translate(0, 2px)
}

.voc-form__row {
    display: flex
}

.voc-form__row .voc-form__item {
    margin-bottom: 0;
    margin-right: 12px
}

.voc-form__row .voc-form__item:last-child {
    margin-right: 0
}

.voc-form__help {
    font-size: 12px;
    line-height: 14px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888
}

@media (min-width: 699px) {
    .voc-form__help {
        font-size: 15px;
        line-height: 18px
    }
}

.voc-form__help-container {
    display: flex;
    flex-direction: column
}

@media (min-width: 699px) {
    .voc-form__help-container {
        justify-content: space-between;
        flex-direction: row
    }
}

.voc-form__help-error {
    font-size: 12px;
    line-height: 14px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp7);
    display: none
}

@media (min-width: 699px) {
    .voc-form__help-error {
        font-size: 15px;
        line-height: 18px
    }
}

.voc-form__help-error.is-error {
    display: block
}

.voc-form__message {
    display: none
}

.voc-form__message-text {
    font-size: 22px;
    line-height: 26px;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp3);
    margin-bottom: 10px
}

@media (min-width: 699px) {
    .voc-form__message-text {
        font-size: 24px;
        line-height: 28px
    }
}

.voc-form__message-text:last-child {
    margin-bottom: 0
}

.voc-form__link {
    font-size: 12px;
    line-height: 14px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888;
    -webkit-text-decoration: 1px underline #888;
    text-decoration: 1px underline #888
}

@media (min-width: 699px) {
    .voc-form__link {
        font-size: 15px;
        line-height: 18px
    }
}

.voc-form .is-error .voc-form__input {
    border: 1px solid var(--cp7)
}

.voc-captcha {
    display: flex;
    flex-direction: column
}

@media (min-width: 0) and (max-width: 398px) {
    .voc-captcha #voc-report-error-captcha {
        transform: scale(0.77);
        transform-origin: 0 0
    }
}

@media (min-width: 699px) {
    .voc-captcha {
        flex-direction: row
    }
}

.voc-captcha .voc-form__link {
    white-space: nowrap
}

.voc-captcha .voc-btn {
    margin-bottom: 13px
}

.voc-captcha__item {
    margin-bottom: 13px
}

@media (min-width: 699px) {
    .voc-captcha__item {
        margin-right: 16px;
        margin-bottom: 0
    }
}

.voc-captcha__item:last-child {
    margin-right: 0;
    margin-bottom: 0
}

.voc-captcha__item--2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

@media (min-width: 699px) {
    .voc-captcha__item--2 {
        align-items: flex-end
    }
}

.voc-captcha.is-error .voc-captcha__item--1 {
    border: 1px solid var(--cp7)
}

.voc-s-form select {
    width: 100%;
    max-width: 100%
}

.voc-s-form select option {
    width: 300px;
    max-width: 300px
}

.voc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 100px;
    height: 32px;
    padding: 8px 17px;
    font: 12px/12px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    border-radius: 16px;
    transition: .3s;
    color: #fff;
    background-color: var(--cp3);
    border: none;
    cursor: pointer
}

.voc-btn:hover {
    opacity: .8
}

.voc-btn__number {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-btn__container {
    display: flex;
    position: relative
}

.voc-btn__container--s-between {
    justify-content: space-between
}

.voc-btn__container--center {
    justify-content: center
}

@media (min-width: 699px) {
    .voc-btn__container--center .voc-see-comments.is-open {
        left: 50%;
        transform: translate(-50%, 0)
    }
}

.voc-btn__container--s-end {
    justify-content: flex-end
}

.voc-btn--w {
    background-color: #fff;
    color: #000
}

.voc-btn--w:hover {
    opacity: 1;
    background-color: var(--cp3);
    color: #fff
}

.voc-btn--g {
    background-color: #ddd;
    color: #000
}

.voc-btn--y {
    flex-direction: column;
    justify-content: space-evenly;
    width: 300px;
    height: auto;
    min-height: 50px;
    padding: 6px 12px;
    font: 16px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    background-color: #FFD814;
    color: #000;
    border-radius: 4px
}

.voc-btn--y:hover {
    opacity: 1;
    background-color: #FFE872
}

.voc-btn--y .voc-btn__pretext {
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    margin-bottom: 2px
}

.voc-btn--pw {
    padding: 0;
    height: 30px;
    font: 16px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    background: #e4b016
}

.voc-btn--sb {
    padding: 0;
    height: 43px;
    font: 12px/1 "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    background: #e4b016;
    color: #000;
    border-radius: 2px
}

.voc-btn--go {
    justify-content: space-between;
    height: 30px;
    background: #fff;
    font: 12px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #4C4C4C;
    text-transform: initial;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15)
}

.voc-btn--pw {
    padding: 0;
    height: 30px;
    font: 16px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    background: #e4b016
}

.voc-btn--go {
    justify-content: space-between;
    height: 30px;
    background: #fff;
    font: 12px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #4C4C4C;
    text-transform: initial;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15)
}

.voc-btn--bdr {
    color: #000;
    background-color: #fff;
    border: 1px solid var(--cp3)
}

.voc-btn--bdr:hover {
    opacity: 1;
    color: #fff;
    background-color: var(--cp3)
}

.voc-btn--bdr-g {
    color: #000;
    background-color: #fff;
    border: 1px solid #888
}

.voc-btn--has-icon .voc-btn__icon {
    display: inline-block;
    height: 13px;
    width: 13px;
    transition: .3s
}

.voc-btn--has-icon .voc-btn__icon svg {
    height: 13px;
    width: 13px
}

.voc-btn--has-icon--right .voc-btn__icon {
    margin-left: 8px
}

.voc-btn--has-icon--right:hover .voc-btn__icon {
    margin-left: 15px
}

.voc-btn--has-icon--right:hover .voc-btn__icon svg path {
    stroke: #fff
}

.voc-btn--has-icon--left .voc-btn__icon {
    margin-right: 8px
}

.voc-btn--has-icon--left:hover .voc-btn__icon {
    margin-right: 15px
}

.voc-btn--has-icon--left:hover .voc-btn__icon svg path {
    stroke: #fff
}

.voc-btn--has-icon--down .voc-btn__icon {
    margin-left: 6px
}

.voc-btn--has-icon--down:hover .voc-btn__icon {
    margin-left: 12px
}

.voc-btn--has-icon--down:hover .voc-btn__icon svg path {
    stroke: #fff
}

.voc-btn--has-icon--reload {
    min-width: 124px;
    padding: 8px 13px;
    transition: .3s
}

.voc-btn--has-icon--reload .voc-btn__text {
    margin-right: 8px
}

.voc-btn--has-icon--reload .voc-btn__text-reload {
    display: none
}

.voc-btn--has-icon--reload .voc-btn__icon {
    width: 16px;
    height: 16px
}

.voc-btn--has-icon--reload .voc-btn__icon svg path {
    fill: #fff
}

.voc-btn--has-icon--reload.is-active {
    min-width: 42px
}

.voc-btn--has-icon--reload.is-active .voc-btn__text {
    display: none
}

.voc-btn--has-icon--reload.is-active .voc-btn__icon {
    -webkit-animation: rotate360 linear infinite 1.25s;
    animation: rotate360 linear infinite 1.25s
}

.voc-btn--has-icon--reload.is-disabled .voc-btn__text {
    display: none
}

.voc-btn--has-icon--reload.is-disabled .voc-btn__text-reload {
    display: block
}

.voc-btn--has-icon--reload.is-disabled .voc-btn__icon {
    display: none
}

.voc-btn--xs {
    height: 20px;
    font-size: 10px;
    line-height: 1px;
    border-radius: 10px;
    padding: 0 12px
}

.voc-btn.is-disabled {
    cursor: default;
    color: #888;
    background-color: transparent;
    border: 1px solid #888
}

.voc-btn.is-disabled:hover {
    opacity: 1
}

.voc-btn.visible-xs {
    display: inline-flex
}

@media (min-width: 699px) {
    .voc-btn.visible-xs {
        display: none
    }
}

.voc-switch {
    display: flex;
    align-items: center
}

.voc-switch__btn {
    position: relative;
    display: inline-block;
    width: 57px;
    height: 32px
}

.voc-switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.voc-switch__toggle {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ddd;
    border-radius: 34px;
    transition: .4s
}

.voc-switch__toggle:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    border-radius: 50%;
    transition: .3s
}

.voc-switch input:checked+.voc-switch__toggle {
    background-color: var(--cp3)
}

.voc-switch input:checked+.voc-switch__toggle:before {
    transform: translateX(25px)
}

.voc-switch__desc {
    display: inline-block;
    width: 108px;
    margin-left: 7px;
    font: 12px/15px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #000
}

.voc-list__item {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 23px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: .01em;
    color: #000
}

@media (min-width: 699px) {
    .voc-list__item {
        font-size: 20px;
        line-height: 25px
    }
}

.voc-list__item strong,
.voc-list__item strong a {
    color: var(--cp2);
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-list__item a {
    -webkit-text-decoration: 1px underline solid;
    text-decoration: 1px underline solid;
    transition: .3s
}

.voc-list__item a:hover {
    opacity: .8
}

.voc-list__item:last-child {
    margin-bottom: 0
}

.voc-list--supps .voc-list__item {
    position: relative;
    padding-left: 12px;
    font: 14px/17px "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    flex: 1 0 0
}

.voc-list--supps .voc-list__item:not(:last-child) {
    margin-bottom: 16px
}

.voc-list--supps .voc-list__item:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #262626;
    border-radius: 100%
}

.voc-list--supps .voc-list__item strong {
    font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif
}

.voc-list--supps .voc-list__item a {
    text-decoration: none;
    border-bottom: 1px solid transparent
}

.voc-list--supps .voc-list__item a:hover {
    border-bottom-color: #000
}

.voc-list--supps .voc-list__item-author {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    color: var(--cp3);
    text-transform: uppercase
}

.voc-list--supps .voc-list__item--opinion {
    font-family: "ABCDisplay Black", Georgia, Times New Roman, serif
}

.voc-list--supps .voc-list__item--live strong {
    color: var(--cp7)
}

.voc-list--supps .voc-list__item--live:before {
    background: var(--cp7)
}

@media (min-width: 1039px) {
    .voc-list--supps-2-cols-f-xs {
        display: flex;
        gap: 40px
    }
}

@media (min-width: 1039px) {
    .voc-list--supps-2-cols-f-xs .voc-list__item:not(:last-child) {
        margin-bottom: 0
    }
}

.voc-list--supps .voc-onplus {
    margin-top: 0;
    margin-right: 3px
}

.voc-list-cols {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 16px;
    column-gap: 16px
}

@media (min-width: 699px) {
    .voc-list-cols--3 {
        -moz-column-count: 3;
        column-count: 3
    }
}

@media (min-width: 699px) {
    .voc-list-cols--4 {
        -moz-column-count: 4;
        column-count: 4
    }
}

.voc-list-cols li {
    margin-bottom: 6px;
    font-size: 14px
}

.voc-list-cols li a {
    transition: .3s
}

.voc-list-cols li a:hover {
    text-decoration: underline;
    color: var(--cp3);
    opacity: .8
}

#zone-last-news .voc-list__item {
    font-size: 18px;
    line-height: 24px
}

#zone-last-news .voc-list__item strong {
    color: var(--cp3);
    margin-right: 8px
}

.voc-card {
    display: flex;
    flex-direction: column;
    height: 100%
}

.voc-card a {
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: .3s
}

.voc-card a:hover {
    opacity: .8
}

.voc-card a .voc-card__title {
    text-decoration: underline;
    color: var(--cp2)
}

.voc-card__body {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 4px;
    text-align: center;
    background-color: #f3f3f3
}

.voc-card__title {
    margin-bottom: 2px;
    font: 15px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

.voc-card__subtitle {
    font: 13px/15px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888
}

.voc-table {
    width: 100%;
    border-collapse: collapse
}

.voc-table__tr {
    border-bottom: 1px solid #707070
}

.voc-table__tr:first-child {
    border-top: 1px solid #707070
}

.voc-table__td {
    font-size: 20px;
    line-height: 27px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-accordion__header.is-active {
    -webkit-animation: openAccordion ease-in-out .3s;
    animation: openAccordion ease-in-out .3s
}

.voc-accordion__header.is-active+.voc-accordion__collapse {
    display: block
}

.voc-accordion__header.is-active .voc-accordion__icon {
    transition: .5s;
    transform: rotate(180deg)
}

.voc-accordion__link {
    display: flex;
    align-items: center
}

.voc-accordion__icon {
    display: inline-block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-left: 12px
}

.voc-accordion__icon svg {
    width: 16px;
    height: 16px
}

.voc-accordion__collapse {
    display: none
}

.voc-accordion__card.is-active .voc-accordion__collapse {
    display: block
}

.voc-accordion__card.is-active .voc-accordion__header {
    -webkit-animation: openAccordion ease-in-out .3s;
    animation: openAccordion ease-in-out .3s
}

.voc-accordion__card.is-active .voc-accordion__icon {
    transition: .5s;
    transform: rotate(180deg)
}

.voc-slider {
    position: relative
}

.voc-slider__wrapper {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.voc-slider__wrapper::-webkit-scrollbar {
    display: none
}

.voc-slider__container {
    position: relative
}

.voc-slider__slide {
    margin-right: 24px;
    flex-shrink: 0
}

.voc-slider__slide:last-child {
    margin-right: 0
}

.voc-slider__button-next,
.voc-slider__button-prev {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #000;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    transition: .3s;
    display: none;
    z-index: 101;
    cursor: pointer
}

@media (min-width: 699px) {

    .voc-slider__button-next,
    .voc-slider__button-prev {
        width: 36px;
        height: 36px
    }
}

@media (min-width: 699px) {

    .voc-slider__button-next:hover,
    .voc-slider__button-prev:hover {
        opacity: .8
    }
}

.voc-slider__button-next svg,
.voc-slider__button-prev svg {
    height: 15px;
    width: 26px;
    transform: translate(0, 6px)
}

@media (min-width: 699px) {

    .voc-slider__button-next svg,
    .voc-slider__button-prev svg {
        height: 20px;
        width: 36px;
        transform: translate(0, 8px)
    }
}

.voc-slider__button-next path,
.voc-slider__button-prev path {
    stroke: #fff
}

.voc-slider__button-next {
    right: 14px
}

@media (min-width: 699px) {
    .voc-slider__button-next {
        right: 25px
    }
}

.voc-slider__button-prev {
    left: 14px
}

@media (min-width: 699px) {
    .voc-slider__button-prev {
        left: 25px
    }
}

.voc-slider--1-cols {
    width: calc((100% - (25px * (1 - 1))) / 1)
}

.voc-slider--2-cols {
    width: calc((100% - (25px * (2 - 1))) / 2)
}

.voc-slider--3-cols {
    width: calc((100% - (25px * (3 - 1))) / 3)
}

.voc-slider--4-cols {
    width: calc((100% - (25px * (4 - 1))) / 4)
}

.voc-slider--5-cols {
    width: calc((100% - (25px * (5 - 1))) / 5)
}

.voc-slider--6-cols {
    width: calc((100% - (25px * (6 - 1))) / 6)
}

.voc-slider--7-cols {
    width: calc((100% - (25px * (7 - 1))) / 7)
}

.voc-slider--8-cols {
    width: calc((100% - (25px * (8 - 1))) / 8)
}

.voc-slider--9-cols {
    width: calc((100% - (25px * (9 - 1))) / 9)
}

.voc-slider--10-cols {
    width: calc((100% - (25px * (10 - 1))) / 10)
}

.voc-slider--11-cols {
    width: calc((100% - (25px * (11 - 1))) / 11)
}

.voc-slider--12-cols {
    width: calc((100% - (25px * (12 - 1))) / 12)
}

.voc-advertising .voc-guia-estilos {
    background-color: #61bdfa;
    font: 16px/18px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.voc-advertising__header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px
}

.voc-advertising__header-title {
    color: #000;
    font: 12px/14px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: 2.3px;
    text-transform: uppercase;
    flex-shrink: 0;
    margin: 0 12px
}

@media (min-width: 699px) {
    .voc-advertising__header-title {
        margin: 0 24px
    }
}

.voc-advertising__header:after,
.voc-advertising__header:before {
    content: '';
    display: inline-block;
    background-color: #ddd;
    height: 1px;
    width: 100%
}

.voc-advertising__item {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 47px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.voc-advertising--fw {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding: 0 25px
}

@media (min-width: 0) and (max-width: 375px) {
    .voc-advertising--fw {
        padding: 0 17px
    }
}

@media (min-width: 699px) and (max-width: 1039px) {
    .voc-advertising--fw-sm {
        width: 100vw;
        position: relative;
        margin-left: -50vw;
        left: 50%
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-advertising--fw-xs {
        width: 100vw;
        position: relative;
        margin-left: -50vw;
        left: 50%
    }
}

.voc-advertising--bg-color {
    padding: 23px 0;
    background-color: #f3f3f3
}

@media (min-width: 699px) and (max-width: 1039px) {
    .voc-advertising--bg-color-sm {
        padding: 20px 0;
        background-color: #f3f3f3
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-advertising--bg-color-xs {
        padding: 20px 0;
        background-color: #f3f3f3
    }
}

.voc-advertising--head {
    margin-top: -32px
}

.voc-advertising--head .voc-guia-estilos {
    height: 250px
}

.voc-advertising--head .voc-advertising__item {
    min-height: 250px;
    align-items: center
}

.voc-advertising--megabanner {
    padding: 12px 0;
    background-color: #f3f3f3;
    min-height: 124px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-left: -25px;
    margin-right: -25px
}

@media (min-width: 699px) {
    .voc-advertising--megabanner {
        min-height: 276px
    }
}

.voc-advertising--megabanner .voc-guia-estilos {
    height: 100px;
    max-width: 980px;
    width: 100%
}

.voc-advertising--megabanner+.voc-advertising--buttons,
.voc-advertising--megabanner+.voc-advertising--local {
    padding-top: 0
}

.voc-advertising--megabanner.voc-advertising--fw {
    margin-left: -50vw;
    margin-bottom: 16px;
    padding: 0 25px
}

@media (min-width: 0) and (max-width: 375px) {
    .voc-advertising--megabanner.voc-advertising--fw {
        padding: 0 17px
    }
}

.voc-advertising--cintillo {
    margin-left: -25px;
    margin-right: -25px;
    padding: 12px 0px;
    background-color: #f3f3f3;
    min-height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.voc-advertising--footer {
    min-height: 100px;
    background-color: #f3f3f3;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.voc-advertising--footer .voc-guia-estilos {
    height: 100px
}

@media (min-width: 699px) {
    .voc-advertising--footer {
        min-height: 274px;
        padding: 12px 0
    }
}

.voc-advertising--buttons {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 1039px) {
    .voc-advertising--buttons {
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row
    }
}

.voc-advertising--buttons .voc-guia-estilos {
    height: 60px
}

.voc-advertising--buttons .voc-advertising__item {
    width: 300px;
    margin-bottom: 12px
}

.voc-advertising--buttons .voc-advertising__item:last-child {
    margin-bottom: 0
}

@media (min-width: 1039px) {
    .voc-advertising--buttons .voc-advertising__item {
        margin-bottom: 0
    }
}

.voc-advertising--local {
    display: flex;
    justify-content: space-between
}

.voc-advertising--local .voc-advertising__item {
    width: 300px
}

@media (min-width: 1039px) {
    .voc-advertising--local .voc-advertising__item--cintillo {
        width: 660px
    }
}

.voc-advertising--local .voc-guia-estilos {
    height: 60px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-advertising--roba {
        min-height: 626px
    }
}

.voc-advertising--roba .voc-advertising__item {
    width: 300px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-advertising--roba .voc-advertising__item {
        position: -webkit-sticky;
        position: sticky;
        top: 110px
    }
}

.voc-advertising--roba .voc-guia-estilos {
    height: 600px
}

.voc-advertising--roba--combined .voc-advertising__item {
    margin-bottom: 20px
}

.voc-advertising--roba--combined .voc-advertising__item:last-child {
    margin-bottom: 0
}

.voc-advertising--roba--combined .voc-guia-estilos {
    height: 250px
}

@media (min-width: 699px) {
    .voc-advertising--displacement {
        display: flex;
        overflow: visible;
        flex-direction: column;
        flex: 1;
        height: 100%
    }
}

.voc-advertising--displacement .voc-advertising__item {
    position: -webkit-sticky;
    position: sticky;
    top: 67px
}

.voc-advertising--displacement.voc-advertising--bg-color {
    padding: 0
}

@media (min-width: 699px) and (max-width: 1039px) {
    .voc-advertising--displacement.voc-advertising--fw-sm {
        padding: 20px 0
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-advertising--displacement.voc-advertising--fw-xs {
        padding: 20px 0
    }
}

.voc-advertising--sky {
    display: none
}

@media (min-width: 1039px) {
    .voc-advertising--sky {
        position: fixed;
        top: 0;
        width: calc((100% - 1200px) / 2);
        height: 100%;
        z-index: 100;
        display: block
    }

    .voc-advertising--sky--left {
        left: 0
    }

    .voc-advertising--sky--left .voc-advertising__item {
        justify-content: flex-end
    }

    .voc-advertising--sky--right {
        right: 0
    }

    .voc-advertising--sky--right .voc-advertising__item {
        justify-content: flex-start
    }

    .voc-advertising--sky .voc-advertising__item {
        height: 100%;
        align-items: flex-start
    }

    .voc-advertising--sky .voc-guia-estilos {
        width: 100%;
        height: 100%
    }
}

.voc-advertising--sticky {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f3f3f3;
    padding: 8px;
    z-index: 100;
    top: auto;
    overflow: initial
}

@media (min-width: 699px) {
    .voc-advertising--sticky {
        display: none
    }
}

.voc-advertising--sticky .icon {
    width: 14px;
    display: inline-block
}

.voc-advertising--sticky .icon svg {
    width: 14px
}

.voc-advertising--sticky .voc-advertising__close {
    cursor: pointer;
    background-color: #f3f3f3;
    position: absolute;
    right: 0;
    top: -28px;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center
}

.voc-advertising--sticky .voc-guia-estilos {
    height: 100px;
    width: 100%
}

.voc-advertising--native {
    min-height: 366px
}

.voc-advertising--native .voc-advertising__item {
    margin: 0 auto
}

.voc-advertising--native .voc-advertising__item>div {
    width: 100%
}

.voc-advertising--native .voc-guia-estilos {
    background-color: #61bdfa;
    height: 380px
}

.voc-taboola__span {
    background-color: #61bdfa;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 800px;
    width: 100%;
    font: 16px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

.raiSkinDesktop {
    background-position: center top;
    background-attachment: fixed;
    background-size: auto 100%;
    width: 100%;
    height: 100%
}

.raiSkinDesktop .voc-header-news,
.raiSkinDesktop .voc-header-external {
    position: fixed;
    top: 0;
    right: 0;
    left: 0
}

.raiSkinDesktop .voc-wrapper {
    max-width: 1200px;
    width: 100%;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    padding-top: 32px;
    margin-bottom: 0;
    padding-bottom: 32px
}

.raiSkinDesktop .voc-footer {
    background-color: #fff;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 25px
}

@media (min-width: 1039px) {
    .raiSkinDesktop .voc-footer {
        padding-bottom: 32px
    }
}

.cmv_wallpaper a>div {
    background-size: auto 100% !important
}

.cmv_wallpaper~.voc-wrapper {
    max-width: 1200px;
    width: 100%;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding-bottom: 32px;
    position: relative
}

.cmv_wallpaper~.voc-footer {
    background-color: #fff;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 25px;
    position: relative
}

@media (min-width: 1039px) {
    .cmv_wallpaper~.voc-footer {
        padding-bottom: 32px
    }
}

.cmv_wallpaper_body .voc-advertising--sky,
.cmv_wallpaper_body .voc-advertising--head {
    display: none
}

@media (min-width: 1039px) {
    .cmv_wallpaper_body .voc-container--wxs .voc-d--visual .voc-advertising--megabanner {
        width: 1200px;
        margin-left: -600px
    }
}

.voc-container--c-sponsor {
    min-height: 46px
}

.bp {
    top: 67px !important
}

.bp .voc-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0
}

.bp .voc-header-home+.voc-wrapper {
    margin-top: 288px
}

@media (min-width: 699px) {
    .bp .voc-header-home+.voc-wrapper {
        margin-top: 293px
    }
}

.bp .voc-header-subhome+.voc-wrapper {
    margin-top: 296px
}

@media (min-width: 699px) {
    .bp .voc-header-subhome+.voc-wrapper {
        margin-top: 200px
    }
}

.bp .voc-header-news+.voc-wrapper,
.bp .voc-header-external+.voc-wrapper {
    margin-top: 135px
}

@media (min-width: 699px) {

    .bp .voc-header-news+.voc-wrapper,
    .bp .voc-header-external+.voc-wrapper {
        margin-top: 99px
    }
}

.bp .voc-wrapper {
    max-width: 1200px;
    width: 100%;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    padding-top: 32px;
    margin-bottom: 0;
    padding-bottom: 32px;
    position: relative
}

.bp .voc-footer {
    background-color: #fff;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 25px;
    position: relative
}

.cmv_wallpaper {
    top: 67px !important
}

.cmv_wallpaper~.voc-header-news {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3
}

.voc-advertising--head {
    margin: -32px -25px 0;
    padding: 0
}

@media (min-width: 1039px) {
    .voc-advertising--sky {
        top: 67px
    }
}

.cmv_wallpaper_body {
    padding-top: 316px
}

.voc-heading {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px
}

@media (min-width: 1039px) {
    .voc-heading {
        flex-direction: row
    }
}

@media (min-width: 1039px) {

    .voc-heading:before,
    .voc-heading:after {
        content: '';
        position: relative;
        top: 10px;
        flex: 1 0 auto;
        background: #707070;
        background-size: 11px 1px;
        height: 1px
    }
}

.voc-heading__logo {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px
}

.voc-heading__logo:before,
.voc-heading__logo:after {
    content: '';
    position: relative;
    top: 6px;
    flex: 1 0 auto;
    background: #707070;
    background-size: 11px 1px;
    height: 1px
}

@media (min-width: 1039px) {
    .voc-heading__logo {
        margin-bottom: 0
    }

    .voc-heading__logo:before,
    .voc-heading__logo:after {
        content: none
    }
}

@media (min-width: 1039px) {
    .voc-heading__logo {
        align-items: center
    }
}

.voc-heading__link {
    padding: 0 12px
}

.voc-heading__img {
    width: auto;
    height: 14px
}

.voc-heading__text {
    padding-right: 12px;
    font: 13px/20px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: 0.07px;
    white-space: nowrap
}

.voc-author {
    position: relative;
    margin-bottom: 32px
}

.voc-author__container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.voc-author__item--1 {
    padding-bottom: 8px
}

.voc-author__item--2 {
    border-top: 1px solid #ddd
}

.voc-author__item--2 .voc-author__subitem--1 {
    padding-top: 8px
}

.voc-author__subitem--1 {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-right: 16px
}

.voc-author__subitem--2 {
    display: flex;
    justify-content: flex-end;
    position: relative
}

@media (min-width: 699px) {
    .voc-author__subitem--2 .voc-modal-dropdown {
        right: 0;
        top: 48px
    }
}

.voc-author__premium {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 13px;
    background-color: #e4b016;
    border-radius: 13px;
    margin-right: 12px
}

.voc-author__premium svg {
    width: 10px;
    height: 10px
}

.voc-author__premium svg path {
    fill: #fff
}

.voc-author__name {
    font: 14px/16px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp2);
    text-transform: uppercase
}

.voc-author__name a {
    transition: .3s
}

.voc-author__name a:hover {
    opacity: .8
}

.voc-author__special {
    font: 12px/14px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #555
}

.voc-author__date {
    font: 11px/15px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #333
}

.voc-author__time {
    font: 11px/15px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #333
}

.voc-author__time strong {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-author__btn:after {
    content: 'Seguir autor'
}

.voc-author__btn:hover {
    opacity: .8
}

.voc-author__btn.is-active {
    background-color: #888;
    color: #ffffff
}

.voc-author__btn.is-active:after {
    content: 'Siguiendo'
}

.voc-author__social {
    display: flex
}

.voc-author__social-container {
    display: flex;
    border-right: 1px solid #ddd;
    padding-top: 8px;
    position: relative
}

.voc-author__social-container:last-child {
    padding-right: 0;
    border-right: 0;
    padding-left: 12px
}

.voc-author__image {
    width: 72px;
    height: 72px;
    border: 1px solid #ddd;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background-color: #fff
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-author__image {
        display: none
    }
}

.voc-author__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.voc-author-comments-number {
    font-size: 12px;
    line-height: 12px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #ffffff;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 5px
}

@media (min-width: 0) and (max-width: 699px) {

    .voc-author .voc-social--tw,
    .voc-author .voc-social--fb {
        display: none
    }
}

.voc-author--not-sm {
    margin-bottom: 92px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.voc-author--not-sm .voc-author__name {
    color: #000
}

.voc-author--not-sm .voc-author__image {
    position: relative;
    transform: none;
    left: auto;
    top: auto;
    margin-bottom: -12px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-author--not-sm .voc-author__image {
        display: block
    }
}

.voc-author--not-sm .voc-author__item--1 {
    padding-bottom: 0;
    text-align: center;
    margin-bottom: 10px
}

.voc-author--not-sm .voc-author__item--1:last-child {
    margin-bottom: 0
}

.voc-author--not-sm .voc-author__item--1:before {
    content: '';
    display: inline-block;
    width: 90px;
    height: .9px;
    background-color: #888;
    margin-bottom: 8px
}

@media (min-width: 699px) {
    .voc-author--not-sm .voc-author__item--1:before {
        width: 170px
    }
}

.voc-c-container+.voc-author {
    margin-top: 48px
}

.voc-social__icon--save.is-active svg,
.voc-social__icon--save.is-active svg path {
    fill: #e4b016;
    stroke: #e4b016
}

.voc-social__icon--save.is-active-2 svg,
.voc-social__icon--save.is-active-2 svg path {
    stroke: #000;
    fill: #fff
}

.voc-figcaption {
    font-size: 12px;
    line-height: 12px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    display: contents
}

.voc-figcaption--author {
    display: inline-block;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-left: 3px;
    font-size: 10px
}

.voc-figcaption--type {
    text-transform: uppercase;
    color: var(--cp2);
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    display: inline-block
}

.voc-figcaption--text a {
    color: var(--cp2);
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    -webkit-text-decoration: 1px solid underline;
    text-decoration: 1px solid underline
}

.voc-figcaption--text a:hover {
    opacity: .8
}

.voc-figcaption-container {
    text-align: right;
    margin-top: 6px
}

@media (min-width: 699px) {
    .voc-figcaption-container {
        display: block
    }
}

.voc-range-bar {
    width: 100%;
    height: 10px;
    background-color: #f3f3f3
}

.voc-range-bar__value {
    width: 0%;
    height: 100%;
    background-color: var(--cp9)
}

.voc-range-bar__value--10 {
    width: 10%
}

.voc-range-bar__value--20 {
    width: 20%
}

.voc-range-bar__value--30 {
    width: 30%
}

.voc-range-bar__value--40 {
    width: 40%
}

.voc-range-bar__value--50 {
    width: 50%
}

.voc-range-bar__value--60 {
    width: 60%
}

.voc-range-bar__value--70 {
    width: 70%
}

.voc-range-bar__value--80 {
    width: 80%
}

.voc-range-bar__value--90 {
    width: 90%
}

.voc-range-bar__value--100 {
    width: 100%
}

.voc-range-bar-info {
    position: relative;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 6px
}

.voc-range-bar-info__title {
    font: 16px/18px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

.voc-range-bar-info__number {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    font: 20px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp2)
}

.voc-km {
    padding-top: 12px;
    border-top: 1px solid #B7B7B7;
    scroll-margin: 100px
}

.voc-km__head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

.voc-km .voc-title {
    font: 22px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: var(--cp7)
}

.voc-km .voc-accordion__link {
    font: 12px/15px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #000;
    transition: .3s
}

.voc-km .voc-accordion__link:hover {
    opacity: .8
}

.voc-km .voc-accordion__icon {
    margin-left: 10px
}

.voc-km .voc-accordion__card .voc-d-c-list__item.is-hidden {
    display: none
}

.voc-km .voc-accordion__card.is-active .voc-d-c-list__item.is-hidden {
    display: flex
}

.voc-km .voc-d-c-list--chrono .voc-d-c-list__item {
    padding-left: 16px
}

.voc-km .voc-d-c-list--chrono .voc-d-c-list__item:before {
    background-color: var(--cp7)
}

.voc-km .voc-d-c-list--chrono .voc-d-c-list__pre {
    margin-bottom: 4px
}

@media (min-width: 1039px) {
    .voc-km .voc-d-c-list--chrono .voc-d-c-list__pre {
        min-width: 110px;
        margin-right: 16px
    }
}

.voc-km .voc-d-c-list--chrono .voc-d-c-list__paragraph {
    font: 14px/16px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

@media (min-width: 1039px) {
    .voc-km .voc-d-c-list--chrono .voc-d-c-list__paragraph {
        margin-top: 4px
    }
}

.voc-km .voc-d-c-list--chrono .voc-d-c-list__paragraph a {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.voc-comments-panel {
    width: 100vw;
    height: 100vh;
    padding-top: 32px
}

@media (min-width: 699px) {
    .voc-comments-panel {
        width: 100%;
        max-width: 639px;
        box-shadow: 0px 0px 20px #00000029
    }
}

.voc-comments-panel__header {
    padding: 0;
    border: 0;
    position: relative
}

@media (min-width: 699px) {
    .voc-comments-panel__header {
        margin-bottom: 8px
    }
}

.voc-comments-panel__header-top {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 3px solid #4C4C4C
}

.voc-comments-panel__header-bottom {
    margin-bottom: 24px
}

.voc-comments-panel__header-link {
    display: inline-block;
    font: 13px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    border-bottom: 1px solid #000;
    text-decoration: none;
    transition: .3s
}

@media (min-width: 699px) {
    .voc-comments-panel__header-link {
        font-size: 15px
    }
}

.voc-comments-panel__header-link:hover {
    opacity: .8
}

.voc-comments-panel__title {
    font: 21px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #4C4C4C
}

@media (min-width: 699px) {
    .voc-comments-panel__title {
        font-size: 23px
    }
}

.voc-comments-panel__comments {
    position: relative;
    width: 28px;
    height: 28px;
    margin-left: 12px
}

@media (min-width: 699px) {
    .voc-comments-panel__comments {
        width: 32px;
        height: 32px;
        margin-left: 8px
    }
}

.voc-comments-panel__comments-n {
    font: 10px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translate(-50%);
    color: #fff
}

@media (min-width: 699px) {
    .voc-comments-panel__comments-n {
        top: 6px;
        font-size: 12px
    }
}

.voc-comments-panel__comments svg path {
    fill: #4C4C4C
}

.voc-comments-panel .voc-comments-login {
    display: grid;
    align-items: center;
    padding: 16px 16px 10px;
    background-color: #f3f3f3;
    gap: 8px;
    justify-content: center;
    text-align: center;
    margin-bottom: 24px
}

@media (min-width: 699px) {
    .voc-comments-panel .voc-comments-login {
        gap: 0 16px;
        padding: 15px 12px 15px 20px;
        text-align: left;
        justify-content: flex-start
    }
}

.voc-comments-panel .voc-comments-login__txt-1 {
    font: 14px/16px "ABCText Light", Georgia, Times New Roman, serif;
    color: #262626;
    grid-row: 1
}

@media (min-width: 699px) {
    .voc-comments-panel .voc-comments-login__txt-1 {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 8px
    }
}

.voc-comments-panel .voc-comments-login__txt-2 {
    font: 13px/16px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    grid-row: 3
}

@media (min-width: 699px) {
    .voc-comments-panel .voc-comments-login__txt-2 {
        grid-row: 2
    }
}

.voc-comments-panel .voc-comments-login__txt-2 a {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    transition: .3s
}

.voc-comments-panel .voc-comments-login__txt-2 a:hover {
    opacity: .8
}

.voc-comments-panel .voc-comments-login .voc-btn {
    grid-row: 2;
    background: #e4b016;
    gap: 4px;
    order: 2;
    width: 126px;
    margin: 0 auto
}

@media (min-width: 699px) {
    .voc-comments-panel .voc-comments-login .voc-btn {
        grid-row: 1/3;
        grid-column: 2
    }
}

.voc-comments-panel .voc-comments-login .voc-btn svg {
    width: 14px;
    height: 14px
}

.voc-comments-panel__close {
    position: absolute;
    right: 0;
    top: 0
}

.voc-comments-panel__container {
    height: calc(100vh - 123px);
    overflow-y: auto;
    overflow-y: overlay
}

.voc-comments-panel__container::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.voc-comments-panel #commentsBlock {
    display: flex;
    flex-direction: column
}

.voc-comments-panel .gig-comments-header {
    position: relative;
    width: 200px;
    margin-bottom: 24px;
    padding: 0;
    background-color: #f3f3f3;
    border: 0;
    overflow: visible
}

.voc-comments-panel .gig-comments-header svg {
    position: relative;
    top: 1px;
    width: auto;
    height: 15px;
    margin-left: 8px;
    transform: rotate(90deg)
}

.voc-comments-panel .gig-comments-header svg path {
    fill: #4C4C4C
}

.voc-comments-panel .gig-comments-sort-container {
    position: relative;
    display: flex;
    align-items: center;
    padding: 5px 8px;
    background-color: #f3f3f3;
    cursor: pointer
}

.voc-comments-panel .gig-comments-sort {
    font: 14px/14px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #4C4C4C
}

.voc-comments-panel .gig-comments-sort-icon {
    width: 12px;
    height: 14px;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 19%27%3E%3Cpath d=%27M11.01 8.716a1 1 0 0 1 0 1.568l-9.389 7.433A1 1 0 0 1 0 16.933V2.067a1 1 0 0 1 1.621-.784Z%27/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 12px 15px;
    transform: rotate(90deg)
}

.voc-comments-panel .gig-comments-sort-selected {
    margin-left: 10px;
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-comments-panel .gig-comments-container .voc-sort-items {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: unset;
    z-index: 1
}

.voc-comments-panel .gig-comments-sortbox:before {
    content: none
}

.voc-comments-panel .gig-comments-sortbox ul {
    position: absolute;
    top: 24px;
    width: 100%;
    transition: .2s
}

.voc-comments-panel .gig-comments-sortbox ul li {
    padding: 6px 8px 6px 60px;
    font: 12px/13px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #4C4C4C;
    background-color: #ddd;
    border: 0;
    cursor: pointer;
    transition: .3s
}

.voc-comments-panel .gig-comments-sortbox ul li:hover {
    background-color: #f3f3f3
}

.voc-comments-panel .gig-comments-sortbox ul li.gig-comments-sortbox-selected {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-comments-panel .gig-comments-composebox {
    display: block;
    margin-bottom: 24px
}

.voc-comments-panel .gig-comments-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    height: 32px;
    margin-left: 16px;
    padding: 0 16px;
    font: 12px/12px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    border-radius: 16px;
    transition: .3s;
    color: #fff;
    background: var(--cp3);
    box-shadow: unset;
    box-sizing: border-box;
    border: none;
    cursor: pointer;
    text-indent: -99990px
}

.voc-comments-panel .gig-comments-button:after {
    content: 'Enviar';
    text-indent: 0
}

.voc-comments-panel .gig-comments-button:hover {
    background: var(--cp3);
    opacity: 0.6
}

.voc-comments-panel .gig-comments-linksContainer {
    display: flex;
    align-items: center
}

.voc-comments-panel .gig-comments-linksContainer li {
    display: flex;
    align-items: center;
    margin: 0;
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #555
}

.voc-comments-panel .gig-comments-linksContainer li:not(:last-child):after {
    content: '';
    width: 3px;
    height: 3px;
    margin: 0 8px;
    background-color: #555;
    border-radius: 100%
}

.voc-comments-panel .gig-comments-linksContainer a,
.voc-comments-panel .gig-comments-linksContainer a:active,
.voc-comments-panel .gig-comments-linksContainer a:link,
.voc-comments-panel .gig-comments-linksContainer a:visited,
.voc-comments-panel .gig-comments-linksContainer a:hover {
    display: flex;
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #555
}

.voc-comments-panel .gig-comments-linksContainer li:hover,
.voc-comments-panel .gig-comments-linksContainer a:hover {
    text-decoration: none
}

.voc-comments-panel .gig-comments-link-lastVisible>* {
    display: flex;
    align-items: center
}

.voc-comments-panel .gig-comments-link-lastVisible>*:not(:last-child):after {
    content: '';
    width: 3px;
    height: 3px;
    margin: 0 8px;
    background-color: #555;
    border-radius: 100%
}

.voc-comments-panel .gig-comments-vote-total {
    display: none
}

.voc-comments-panel .gig-comments-more {
    position: relative;
    width: 220px;
    margin: 16px auto;
    padding: 9px 18px;
    box-sizing: border-box;
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #000;
    background-color: #fff;
    border: 1px solid var(--cp3);
    border-radius: 16px;
    cursor: pointer;
    transition: .3s
}

.voc-comments-panel .gig-comments-more:hover {
    color: #fff;
    background-color: var(--cp3)
}

.voc-comments-panel .acceso-comentarios {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 16px 16px 10px;
    background-color: #f3f3f3
}

@media (min-width: 699px) {
    .voc-comments-panel .acceso-comentarios {
        flex-direction: row;
        -moz-column-gap: 16px;
        column-gap: 16px;
        padding: 15px 12px 15px 20px
    }
}

.voc-comments-panel .acceso-comentarios .commentResponse {
    display: inline-flex;
    flex-direction: column;
    margin-bottom: 16px;
    font: 14px/16px "ABCText Light", Georgia, Times New Roman, serif;
    color: #262626;
    text-indent: -99999px
}

@media (min-width: 699px) {
    .voc-comments-panel .acceso-comentarios .commentResponse {
        width: auto;
        margin-bottom: 0;
        font-size: 16px;
        line-height: 18px
    }
}

.voc-comments-panel .acceso-comentarios .commentResponse:before {
    content: 'Suscríbete a ABC Premium para enviar tus comentarios';
    text-indent: 0
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-comments-panel .acceso-comentarios .commentResponse:before {
        text-align: center;
        max-width: 200px
    }
}

.voc-comments-panel .acceso-comentarios .commentResponse:after {
    content: none
}

.voc-comments-panel .acceso-comentarios .commentResponse span {
    text-indent: 0;
    margin-top: -10px;
    width: 100%;
    display: block;
    font: 13px/16px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-comments-panel .acceso-comentarios .commentResponse span a {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    transition: .3s
}

.voc-comments-panel .acceso-comentarios .commentResponse span a:hover {
    opacity: .8
}

.voc-comments-panel .enviar-comentario {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6px 7px;
    background-color: #8CCEF140
}

@media (min-width: 699px) {
    .voc-comments-panel .enviar-comentario {
        flex-direction: row;
        padding: 10px 11px
    }
}

.voc-comments-panel .gig-composebox-site-login {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    padding: 9px 16px;
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    border-radius: 36px;
    color: #fff;
    background: #e4b016;
    box-shadow: unset;
    box-sizing: border-box;
    border: unset;
    cursor: pointer;
    transition: .3s;
    text-indent: -99999px;
    gap: 3px
}

.voc-comments-panel .gig-composebox-site-login:hover {
    opacity: .8
}

.voc-comments-panel .gig-composebox-site-login:before {
    content: 'Suscríbete';
    text-indent: 0;
    top: 1px;
    position: relative
}

.voc-comments-panel .gig-composebox-site-login:after {
    content: '';
    background: url(../images/icon-estrella-white.svg) transparent no-repeat;
    width: 14px;
    height: 14px
}

.voc-comments-panel .gig-composebox-editor {
    width: 100%;
    min-height: 134px;
    margin: 0 0 8px;
    padding: 9px;
    box-sizing: border-box;
    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: unset
}

@media (min-width: 699px) {
    .voc-comments-panel .gig-composebox-editor {
        width: calc(100% - 116px)
    }
}

.voc-comments-panel .gig-composebox-textarea {
    width: 100%;
    min-height: 116px;
    margin: 0;
    font: 14px/16px "ABCText Light", Georgia, Times New Roman, serif
}

@media (min-width: 699px) {
    .voc-comments-panel .gig-composebox-textarea {
        font-size: 16px;
        line-height: 18px
    }
}

.voc-comments-panel .gig-composebox-textarea:empty:not(:focus):before {
    color: #000;
    content: 'Escribe aquí tus comentarios...'
}

.voc-comments-panel .gig-composebox-textarea:focus {
    outline: 0
}

.voc-comments-panel .gig-comment {
    padding: 16px 0 0;
    border-top: 1px solid #ccc
}

.voc-comments-panel .gig-comment:last-child {
    border-bottom: 1px solid #999
}

.voc-comments-panel .gig-comment-title {
    margin: 0
}

.voc-comments-panel .gig-comment-photo {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    float: left
}

@media (min-width: 699px) {
    .voc-comments-panel .gig-comment-photo {
        width: 45px;
        height: 45px
    }
}

.voc-comments-panel .gig-comment-img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1
}

.voc-comments-panel .gig-comment-data {
    width: 100%;
    padding-left: 40px;
    box-sizing: border-box
}

@media (min-width: 699px) {
    .voc-comments-panel .gig-comment-data {
        padding-left: 45px
    }
}

.voc-comments-panel .gig-comment .gig-comment-content {
    padding-left: 8px;
    margin-bottom: 5px
}

.voc-comments-panel .gig-comment-header {
    margin-bottom: 10px
}

.voc-comments-panel .gig-comment-header-left>span {
    display: flex;
    flex-direction: column-reverse
}

.voc-comments-panel .gig-comment-header-right {
    display: none
}

.voc-comments-panel .gig-comment-username {
    margin: 6px 0 0;
    font: 18px/20px "ABCText Semibold", Georgia, Times New Roman, serif
}

@media (min-width: 699px) {
    .voc-comments-panel .gig-comment-username {
        font-size: 20px;
        line-height: 23px;
        color: #4C4C4C
    }
}

.voc-comments-panel .gig-comment-header-title {
    margin: 0
}

.voc-comments-panel .gig-comment-index {
    margin-right: 4px;
    font: 12px/1 "ABCText Semibold", Georgia, Times New Roman, serif;
    color: #262626
}

.voc-comments-panel .gig-comment-index:before {
    content: '#'
}

.voc-comments-panel .gig-comment-time {
    float: none;
    margin: 0;
    font: 12px/1 "ABCText Light", Georgia, Times New Roman, serif;
    color: #262626
}

.voc-comments-panel .gig-comment-body {
    margin: 12px 0 5px -48px;
    font: 14px/16px "ABCText Light", Georgia, Times New Roman, serif;
    color: #262626
}

@media (min-width: 699px) {
    .voc-comments-panel .gig-comment-body {
        margin: 0 0 8px;
        font-size: 16px;
        line-height: 20px
    }
}

.voc-comments-panel .gig-comment-replyLink {
    transition: .3s
}

.voc-comments-panel .gig-comment-replyLink:hover {
    opacity: .6
}

.voc-comments-panel .gig-comment-replyesArrow {
    position: relative
}

.voc-comments-panel .gig-comment-replyesArrow:after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.voc-comments-panel .gig-comment-repliesArrow-text {
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #555
}

.voc-comments-panel .gig-comment .gig-comment-replybox-open {
    background-color: transparent;
    margin: 0 0 10px -40px;
    padding: 0
}

@media (min-width: 699px) {
    .voc-comments-panel .gig-comment .gig-comment-replybox-open {
        margin: 0 0 10px 8px
    }
}

.voc-comments-panel .gig-comment-vote-with-value {
    position: relative;
    height: 22px;
    padding: 0
}

.voc-comments-panel .gig-comment-vote-pos,
.voc-comments-panel .gig-comment-vote-neg {
    background: unset
}

.voc-comments-panel .gig-comment-vote-pos:hover,
.voc-comments-panel .gig-comment-vote-neg:hover {
    background: unset
}

.voc-comments-panel .gig-comment-vote-pos:hover:before,
.voc-comments-panel .gig-comment-vote-neg:hover:before {
    background-color: #888
}

.voc-comments-panel .gig-comment-vote-pos:before,
.voc-comments-panel .gig-comment-vote-neg:before {
    content: '';
    width: 30px;
    height: 30px;
    margin-right: 4px;
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100%;
    opacity: .6;
    transition: .3s
}

.voc-comments-panel .gig-comment-vote-pos:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 21.977 21.977%27%3E%3Cg fill=%27none%27%3E%3Cpath d=%27m5.295 10.318-2.708.726a.841.841 0 0 0-.595 1.03l2.178 8.123a.841.841 0 0 0 1.03.594l2.705-.725a.841.841 0 0 0 .595-1.03l-2.178-8.122a.841.841 0 0 0-1.027-.596Zm8.444-6.406c.385 1.437-.278 2.477-.268 3.504l3.444-.924a2.094 2.094 0 0 1 2.543 1.426 2.538 2.538 0 0 1-.212 1.841 2.928 2.928 0 0 1 .407 2.775 2.771 2.771 0 0 1 .124 2.68 1.861 1.861 0 0 1 .197 1.566c-.424 1.179-2.133 1.651-3.581 2.04l-.097.025a10.062 10.062 0 0 1-4.335.011 5.517 5.517 0 0 0-1.93-.07.421.421 0 0 1-.507-.298l-1.938-7.229a.42.42 0 0 1 .043-.322c.98-1.683 1.181-3.24 1.985-4.636a4.245 4.245 0 0 0 .325-2.224c-.019-.667-.06-2.082.624-2.265.813-.218 2.51-.383 3.177 2.104Z%27/%3E%3Cpath d=%27M11.01 2.735c-.079.278-.084.844-.072 1.301v.014c.023.877.05 1.87-.458 2.75-.333.579-.561 1.227-.804 1.913-.27.764-.572 1.623-1.068 2.518l1.746 6.511c.577-.036 1.199.048 1.76.137 1.168.184 2.491.393 3.921.01l.096-.025c1.054-.283 2.646-.71 2.9-1.413.027-.075.11-.304-.133-.747l-.264-.48.264-.481c.22-.403.241-1.161-.08-1.647l-.29-.437.194-.487c.251-.626.056-1.374-.267-1.79l-.413-.53.338-.586c.16-.28.209-.734.114-1.08-.13-.475-.704-.89-1.32-.724l-4.69 1.257-.013-1.29c-.004-.5.102-.957.205-1.4.148-.64.276-1.19.098-1.854-.204-.76-.52-1.23-.938-1.396-.267-.107-.573-.092-.826-.044M3 11.969l2.096 7.818 2.401-.644-2.096-7.818-2.402.644m7.564-10.157c.812-.218 2.51-.383 3.177 2.104.385 1.436-.278 2.477-.269 3.503l3.444-.923c1.131-.304 2.263.4 2.544 1.426.166.607.083 1.33-.212 1.842l-.002.005c.544.7.787 1.822.406 2.775.529.798.521 1.954.124 2.68.305.556.371 1.082.197 1.566-.425 1.178-2.134 1.651-3.582 2.04l-.096.025c-1.635.438-3.133.202-4.336.012-.605-.096-1.39-.204-1.93-.07a.42.42 0 0 1-.507-.3L7.58 11.26a.42.42 0 0 1 .042-.32C8.61 9.255 8.81 7.697 9.613 6.3c.367-.636.346-1.444.326-2.224-.018-.667-.06-2.082.624-2.265Zm-7.976 9.232 2.708-.726a.841.841 0 0 1 1.03.594l2.18 8.126a.841.841 0 0 1-.596 1.03l-2.708.726a.841.841 0 0 1-1.03-.595l-2.179-8.125a.841.841 0 0 1 .595-1.03Z%27 fill=%27%23000%27/%3E%3C/g%3E%3C/svg%3E%0A")
}

.voc-comments-panel .gig-comment-vote-pos:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 21.977 21.977%27%3E%3Cg fill=%27none%27%3E%3Cpath d=%27m5.295 10.318-2.708.726a.841.841 0 0 0-.595 1.03l2.178 8.123a.841.841 0 0 0 1.03.594l2.705-.725a.841.841 0 0 0 .595-1.03l-2.178-8.122a.841.841 0 0 0-1.027-.596Zm8.444-6.406c.385 1.437-.278 2.477-.268 3.504l3.444-.924a2.094 2.094 0 0 1 2.543 1.426 2.538 2.538 0 0 1-.212 1.841 2.928 2.928 0 0 1 .407 2.775 2.771 2.771 0 0 1 .124 2.68 1.861 1.861 0 0 1 .197 1.566c-.424 1.179-2.133 1.651-3.581 2.04l-.097.025a10.062 10.062 0 0 1-4.335.011 5.517 5.517 0 0 0-1.93-.07.421.421 0 0 1-.507-.298l-1.938-7.229a.42.42 0 0 1 .043-.322c.98-1.683 1.181-3.24 1.985-4.636a4.245 4.245 0 0 0 .325-2.224c-.019-.667-.06-2.082.624-2.265.813-.218 2.51-.383 3.177 2.104Z%27/%3E%3Cpath d=%27M11.01 2.735c-.079.278-.084.844-.072 1.301v.014c.023.877.05 1.87-.458 2.75-.333.579-.561 1.227-.804 1.913-.27.764-.572 1.623-1.068 2.518l1.746 6.511c.577-.036 1.199.048 1.76.137 1.168.184 2.491.393 3.921.01l.096-.025c1.054-.283 2.646-.71 2.9-1.413.027-.075.11-.304-.133-.747l-.264-.48.264-.481c.22-.403.241-1.161-.08-1.647l-.29-.437.194-.487c.251-.626.056-1.374-.267-1.79l-.413-.53.338-.586c.16-.28.209-.734.114-1.08-.13-.475-.704-.89-1.32-.724l-4.69 1.257-.013-1.29c-.004-.5.102-.957.205-1.4.148-.64.276-1.19.098-1.854-.204-.76-.52-1.23-.938-1.396-.267-.107-.573-.092-.826-.044M3 11.969l2.096 7.818 2.401-.644-2.096-7.818-2.402.644m7.564-10.157c.812-.218 2.51-.383 3.177 2.104.385 1.436-.278 2.477-.269 3.503l3.444-.923c1.131-.304 2.263.4 2.544 1.426.166.607.083 1.33-.212 1.842l-.002.005c.544.7.787 1.822.406 2.775.529.798.521 1.954.124 2.68.305.556.371 1.082.197 1.566-.425 1.178-2.134 1.651-3.582 2.04l-.096.025c-1.635.438-3.133.202-4.336.012-.605-.096-1.39-.204-1.93-.07a.42.42 0 0 1-.507-.3L7.58 11.26a.42.42 0 0 1 .042-.32C8.61 9.255 8.81 7.697 9.613 6.3c.367-.636.346-1.444.326-2.224-.018-.667-.06-2.082.624-2.265Zm-7.976 9.232 2.708-.726a.841.841 0 0 1 1.03.594l2.18 8.126a.841.841 0 0 1-.596 1.03l-2.708.726a.841.841 0 0 1-1.03-.595l-2.179-8.125a.841.841 0 0 1 .595-1.03Z%27 fill=%27%23FFF%27/%3E%3C/g%3E%3C/svg%3E%0A")
}

.voc-comments-panel .gig-comment-vote-pos.commento-upvoted:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 21.977 21.977%27%3E%3Cg fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27m5.295 10.318-2.708.726a.841.841 0 0 0-.595 1.03l2.178 8.123a.841.841 0 0 0 1.03.594l2.705-.725a.841.841 0 0 0 .595-1.03l-2.178-8.122a.841.841 0 0 0-1.027-.596Zm8.444-6.406c.385 1.437-.278 2.477-.268 3.504l3.444-.924a2.094 2.094 0 0 1 2.543 1.426 2.538 2.538 0 0 1-.212 1.841 2.928 2.928 0 0 1 .407 2.775 2.771 2.771 0 0 1 .124 2.68 1.861 1.861 0 0 1 .197 1.566c-.424 1.179-2.133 1.651-3.581 2.04l-.097.025a10.062 10.062 0 0 1-4.335.011 5.517 5.517 0 0 0-1.93-.07.421.421 0 0 1-.507-.298l-1.938-7.229a.42.42 0 0 1 .043-.322c.98-1.683 1.181-3.24 1.985-4.636a4.245 4.245 0 0 0 .325-2.224c-.019-.667-.06-2.082.624-2.265.813-.218 2.51-.383 3.177 2.104Z%27/%3E%3Cpath d=%27M11.01 2.735c-.079.278-.084.844-.072 1.301v.014c.023.877.05 1.87-.458 2.75-.333.579-.561 1.227-.804 1.913-.27.764-.572 1.623-1.068 2.518l1.746 6.511c.577-.036 1.199.048 1.76.137 1.168.184 2.491.393 3.921.01l.096-.025c1.054-.283 2.646-.71 2.9-1.413.027-.075.11-.304-.133-.747l-.264-.48.264-.481c.22-.403.241-1.161-.08-1.647l-.29-.437.194-.487c.251-.626.056-1.374-.267-1.79l-.413-.53.338-.586c.16-.28.209-.734.114-1.08-.13-.475-.704-.89-1.32-.724l-4.69 1.257-.013-1.29c-.004-.5.102-.957.205-1.4.148-.64.276-1.19.098-1.854-.204-.76-.52-1.23-.938-1.396-.267-.107-.573-.092-.826-.044M3 11.969l2.096 7.818 2.401-.644-2.096-7.818-2.402.644m7.564-10.157c.812-.218 2.51-.383 3.177 2.104.385 1.436-.278 2.477-.269 3.503l3.444-.923c1.131-.304 2.263.4 2.544 1.426.166.607.083 1.33-.212 1.842l-.002.005c.544.7.787 1.822.406 2.775.529.798.521 1.954.124 2.68.305.556.371 1.082.197 1.566-.425 1.178-2.134 1.651-3.582 2.04l-.096.025c-1.635.438-3.133.202-4.336.012-.605-.096-1.39-.204-1.93-.07a.42.42 0 0 1-.507-.3L7.58 11.26a.42.42 0 0 1 .042-.32C8.61 9.255 8.81 7.697 9.613 6.3c.367-.636.346-1.444.326-2.224-.018-.667-.06-2.082.624-2.265Zm-7.976 9.232 2.708-.726a.841.841 0 0 1 1.03.594l2.18 8.126a.841.841 0 0 1-.596 1.03l-2.708.726a.841.841 0 0 1-1.03-.595l-2.179-8.125a.841.841 0 0 1 .595-1.03Z%27 fill=%27%27/%3E%3C/g%3E%3C/svg%3E%0A")
}

.voc-comments-panel .gig-comment-vote-pos.commento-upvoted:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 21.977 21.977%27%3E%3Cg fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27m5.295 10.318-2.708.726a.841.841 0 0 0-.595 1.03l2.178 8.123a.841.841 0 0 0 1.03.594l2.705-.725a.841.841 0 0 0 .595-1.03l-2.178-8.122a.841.841 0 0 0-1.027-.596Zm8.444-6.406c.385 1.437-.278 2.477-.268 3.504l3.444-.924a2.094 2.094 0 0 1 2.543 1.426 2.538 2.538 0 0 1-.212 1.841 2.928 2.928 0 0 1 .407 2.775 2.771 2.771 0 0 1 .124 2.68 1.861 1.861 0 0 1 .197 1.566c-.424 1.179-2.133 1.651-3.581 2.04l-.097.025a10.062 10.062 0 0 1-4.335.011 5.517 5.517 0 0 0-1.93-.07.421.421 0 0 1-.507-.298l-1.938-7.229a.42.42 0 0 1 .043-.322c.98-1.683 1.181-3.24 1.985-4.636a4.245 4.245 0 0 0 .325-2.224c-.019-.667-.06-2.082.624-2.265.813-.218 2.51-.383 3.177 2.104Z%27/%3E%3Cpath d=%27M11.01 2.735c-.079.278-.084.844-.072 1.301v.014c.023.877.05 1.87-.458 2.75-.333.579-.561 1.227-.804 1.913-.27.764-.572 1.623-1.068 2.518l1.746 6.511c.577-.036 1.199.048 1.76.137 1.168.184 2.491.393 3.921.01l.096-.025c1.054-.283 2.646-.71 2.9-1.413.027-.075.11-.304-.133-.747l-.264-.48.264-.481c.22-.403.241-1.161-.08-1.647l-.29-.437.194-.487c.251-.626.056-1.374-.267-1.79l-.413-.53.338-.586c.16-.28.209-.734.114-1.08-.13-.475-.704-.89-1.32-.724l-4.69 1.257-.013-1.29c-.004-.5.102-.957.205-1.4.148-.64.276-1.19.098-1.854-.204-.76-.52-1.23-.938-1.396-.267-.107-.573-.092-.826-.044M3 11.969l2.096 7.818 2.401-.644-2.096-7.818-2.402.644m7.564-10.157c.812-.218 2.51-.383 3.177 2.104.385 1.436-.278 2.477-.269 3.503l3.444-.923c1.131-.304 2.263.4 2.544 1.426.166.607.083 1.33-.212 1.842l-.002.005c.544.7.787 1.822.406 2.775.529.798.521 1.954.124 2.68.305.556.371 1.082.197 1.566-.425 1.178-2.134 1.651-3.582 2.04l-.096.025c-1.635.438-3.133.202-4.336.012-.605-.096-1.39-.204-1.93-.07a.42.42 0 0 1-.507-.3L7.58 11.26a.42.42 0 0 1 .042-.32C8.61 9.255 8.81 7.697 9.613 6.3c.367-.636.346-1.444.326-2.224-.018-.667-.06-2.082.624-2.265Zm-7.976 9.232 2.708-.726a.841.841 0 0 1 1.03.594l2.18 8.126a.841.841 0 0 1-.596 1.03l-2.708.726a.841.841 0 0 1-1.03-.595l-2.179-8.125a.841.841 0 0 1 .595-1.03Z%27 fill=%27%27/%3E%3C/g%3E%3C/svg%3E%0A")
}

.voc-comments-panel .gig-comment-vote-neg:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 21.977 21.977%27%3E%3Cg fill=%27none%27%3E%3Cpath d=%27m6.394 14.417-2.708.726a.841.841 0 0 1-1.03-.595L.476 6.422a.841.841 0 0 1 .595-1.03l2.705-.725a.841.841 0 0 1 1.03.595l2.179 8.125a.841.841 0 0 1-.59 1.03Zm10.516 1.322c-.385-1.436-1.48-2.005-1.985-2.9l3.444-.922a2.094 2.094 0 0 0 1.488-2.512 2.538 2.538 0 0 0-1.105-1.489 2.928 2.928 0 0 0-1.036-2.606 2.771 2.771 0 0 0-1.233-2.382 1.861 1.861 0 0 0-.613-1.455c-.963-.811-2.68-.366-4.127.023l-.097.025a10.062 10.062 0 0 0-3.76 2.16 5.517 5.517 0 0 1-1.635 1.025.421.421 0 0 0-.29.514l1.94 7.237a.42.42 0 0 0 .2.258c1.695.966 2.648 2.214 4.043 3.02a4.246 4.246 0 0 1 1.394 1.764c.318.585.99 1.832 1.673 1.649.812-.22 2.364-.926 1.698-3.413Z%27/%3E%3Cpath d=%27M15.136 18.123c.243-.085.515-.225.693-.451.28-.354.317-.918.114-1.678-.178-.663-.565-1.077-1.013-1.556-.31-.332-.631-.676-.877-1.11l-.635-1.124 4.69-1.257c.617-.165.906-.811.781-1.287-.091-.348-.36-.717-.638-.878l-.586-.34.091-.665c.072-.521-.133-1.266-.663-1.683l-.413-.325.032-.523c.036-.582-.36-1.228-.754-1.466l-.468-.285-.012-.548c-.012-.504-.198-.661-.259-.713-.571-.482-2.164-.055-3.217.228l-.097.025c-1.43.384-2.47 1.227-3.39 1.971-.44.357-.937.742-1.455.999l1.745 6.511c.878.528 1.57 1.12 2.186 1.646.552.473 1.074.92 1.652 1.254.88.509 1.354 1.382 1.773 2.152l.006.012c.36.662.58.962.714 1.091m-9.154-4.631L3.885 5.673l-2.401.644 2.096 7.819 2.402-.644m9.228 5.654c-.683.183-1.354-1.063-1.673-1.649-.373-.686-.758-1.395-1.394-1.763-1.395-.807-2.348-2.055-4.044-3.02a.42.42 0 0 1-.198-.257L5.961 5.22a.42.42 0 0 1 .29-.513c.533-.154 1.16-.64 1.635-1.026.947-.767 2.125-1.72 3.76-2.16l.096-.025c1.449-.389 3.165-.834 4.122-.026.394.332.6.82.613 1.455.708.43 1.293 1.427 1.234 2.382.806.634 1.157 1.727 1.036 2.606l.005.003c.511.297.945.881 1.105 1.49.27 1.028-.359 2.203-1.49 2.507l-3.443.923c.505.893 1.6 1.463 1.985 2.899.666 2.487-.886 3.193-1.699 3.411Zm-8.816-4.73-2.708.727a.841.841 0 0 1-1.03-.595L.475 6.423a.841.841 0 0 1 .596-1.03l2.708-.727a.841.841 0 0 1 1.03.595l2.179 8.125a.841.841 0 0 1-.595 1.03Z%27 fill=%27%23000%27/%3E%3C/g%3E%3C/svg%3E%0A")
}

.voc-comments-panel .gig-comment-vote-neg:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 21.977 21.977%27%3E%3Cg fill=%27none%27%3E%3Cpath d=%27m6.394 14.417-2.708.726a.841.841 0 0 1-1.03-.595L.476 6.422a.841.841 0 0 1 .595-1.03l2.705-.725a.841.841 0 0 1 1.03.595l2.179 8.125a.841.841 0 0 1-.59 1.03Zm10.516 1.322c-.385-1.436-1.48-2.005-1.985-2.9l3.444-.922a2.094 2.094 0 0 0 1.488-2.512 2.538 2.538 0 0 0-1.105-1.489 2.928 2.928 0 0 0-1.036-2.606 2.771 2.771 0 0 0-1.233-2.382 1.861 1.861 0 0 0-.613-1.455c-.963-.811-2.68-.366-4.127.023l-.097.025a10.062 10.062 0 0 0-3.76 2.16 5.517 5.517 0 0 1-1.635 1.025.421.421 0 0 0-.29.514l1.94 7.237a.42.42 0 0 0 .2.258c1.695.966 2.648 2.214 4.043 3.02a4.246 4.246 0 0 1 1.394 1.764c.318.585.99 1.832 1.673 1.649.812-.22 2.364-.926 1.698-3.413Z%27/%3E%3Cpath d=%27M15.136 18.123c.243-.085.515-.225.693-.451.28-.354.317-.918.114-1.678-.178-.663-.565-1.077-1.013-1.556-.31-.332-.631-.676-.877-1.11l-.635-1.124 4.69-1.257c.617-.165.906-.811.781-1.287-.091-.348-.36-.717-.638-.878l-.586-.34.091-.665c.072-.521-.133-1.266-.663-1.683l-.413-.325.032-.523c.036-.582-.36-1.228-.754-1.466l-.468-.285-.012-.548c-.012-.504-.198-.661-.259-.713-.571-.482-2.164-.055-3.217.228l-.097.025c-1.43.384-2.47 1.227-3.39 1.971-.44.357-.937.742-1.455.999l1.745 6.511c.878.528 1.57 1.12 2.186 1.646.552.473 1.074.92 1.652 1.254.88.509 1.354 1.382 1.773 2.152l.006.012c.36.662.58.962.714 1.091m-9.154-4.631L3.885 5.673l-2.401.644 2.096 7.819 2.402-.644m9.228 5.654c-.683.183-1.354-1.063-1.673-1.649-.373-.686-.758-1.395-1.394-1.763-1.395-.807-2.348-2.055-4.044-3.02a.42.42 0 0 1-.198-.257L5.961 5.22a.42.42 0 0 1 .29-.513c.533-.154 1.16-.64 1.635-1.026.947-.767 2.125-1.72 3.76-2.16l.096-.025c1.449-.389 3.165-.834 4.122-.026.394.332.6.82.613 1.455.708.43 1.293 1.427 1.234 2.382.806.634 1.157 1.727 1.036 2.606l.005.003c.511.297.945.881 1.105 1.49.27 1.028-.359 2.203-1.49 2.507l-3.443.923c.505.893 1.6 1.463 1.985 2.899.666 2.487-.886 3.193-1.699 3.411Zm-8.816-4.73-2.708.727a.841.841 0 0 1-1.03-.595L.475 6.423a.841.841 0 0 1 .596-1.03l2.708-.727a.841.841 0 0 1 1.03.595l2.179 8.125a.841.841 0 0 1-.595 1.03Z%27 fill=%27%23FFF%27/%3E%3C/g%3E%3C/svg%3E%0A")
}

.voc-comments-panel .gig-comment-vote-neg.commento-downvoted:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 21.977 21.977%27%3E%3Cg fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27m6.394 14.417-2.708.726a.841.841 0 0 1-1.03-.595L.476 6.422a.841.841 0 0 1 .595-1.03l2.705-.725a.841.841 0 0 1 1.03.595l2.179 8.125a.841.841 0 0 1-.59 1.03Zm10.516 1.322c-.385-1.436-1.48-2.005-1.985-2.9l3.444-.922a2.094 2.094 0 0 0 1.488-2.512 2.538 2.538 0 0 0-1.105-1.489 2.928 2.928 0 0 0-1.036-2.606 2.771 2.771 0 0 0-1.233-2.382 1.861 1.861 0 0 0-.613-1.455c-.963-.811-2.68-.366-4.127.023l-.097.025a10.062 10.062 0 0 0-3.76 2.16 5.517 5.517 0 0 1-1.635 1.025.421.421 0 0 0-.29.514l1.94 7.237a.42.42 0 0 0 .2.258c1.695.966 2.648 2.214 4.043 3.02a4.246 4.246 0 0 1 1.394 1.764c.318.585.99 1.832 1.673 1.649.812-.22 2.364-.926 1.698-3.413Z%27/%3E%3Cpath d=%27M15.136 18.123c.243-.085.515-.225.693-.451.28-.354.317-.918.114-1.678-.178-.663-.565-1.077-1.013-1.556-.31-.332-.631-.676-.877-1.11l-.635-1.124 4.69-1.257c.617-.165.906-.811.781-1.287-.091-.348-.36-.717-.638-.878l-.586-.34.091-.665c.072-.521-.133-1.266-.663-1.683l-.413-.325.032-.523c.036-.582-.36-1.228-.754-1.466l-.468-.285-.012-.548c-.012-.504-.198-.661-.259-.713-.571-.482-2.164-.055-3.217.228l-.097.025c-1.43.384-2.47 1.227-3.39 1.971-.44.357-.937.742-1.455.999l1.745 6.511c.878.528 1.57 1.12 2.186 1.646.552.473 1.074.92 1.652 1.254.88.509 1.354 1.382 1.773 2.152l.006.012c.36.662.58.962.714 1.091m-9.154-4.631L3.885 5.673l-2.401.644 2.096 7.819 2.402-.644m9.228 5.654c-.683.183-1.354-1.063-1.673-1.649-.373-.686-.758-1.395-1.394-1.763-1.395-.807-2.348-2.055-4.044-3.02a.42.42 0 0 1-.198-.257L5.961 5.22a.42.42 0 0 1 .29-.513c.533-.154 1.16-.64 1.635-1.026.947-.767 2.125-1.72 3.76-2.16l.096-.025c1.449-.389 3.165-.834 4.122-.026.394.332.6.82.613 1.455.708.43 1.293 1.427 1.234 2.382.806.634 1.157 1.727 1.036 2.606l.005.003c.511.297.945.881 1.105 1.49.27 1.028-.359 2.203-1.49 2.507l-3.443.923c.505.893 1.6 1.463 1.985 2.899.666 2.487-.886 3.193-1.699 3.411Zm-8.816-4.73-2.708.727a.841.841 0 0 1-1.03-.595L.475 6.423a.841.841 0 0 1 .596-1.03l2.708-.727a.841.841 0 0 1 1.03.595l2.179 8.125a.841.841 0 0 1-.595 1.03Z%27 fill=%27%27/%3E%3C/g%3E%3C/svg%3E%0A")
}

.voc-comments-panel .gig-comment-vote-neg.commento-downvoted:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 21.977 21.977%27%3E%3Cg fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27m6.394 14.417-2.708.726a.841.841 0 0 1-1.03-.595L.476 6.422a.841.841 0 0 1 .595-1.03l2.705-.725a.841.841 0 0 1 1.03.595l2.179 8.125a.841.841 0 0 1-.59 1.03Zm10.516 1.322c-.385-1.436-1.48-2.005-1.985-2.9l3.444-.922a2.094 2.094 0 0 0 1.488-2.512 2.538 2.538 0 0 0-1.105-1.489 2.928 2.928 0 0 0-1.036-2.606 2.771 2.771 0 0 0-1.233-2.382 1.861 1.861 0 0 0-.613-1.455c-.963-.811-2.68-.366-4.127.023l-.097.025a10.062 10.062 0 0 0-3.76 2.16 5.517 5.517 0 0 1-1.635 1.025.421.421 0 0 0-.29.514l1.94 7.237a.42.42 0 0 0 .2.258c1.695.966 2.648 2.214 4.043 3.02a4.246 4.246 0 0 1 1.394 1.764c.318.585.99 1.832 1.673 1.649.812-.22 2.364-.926 1.698-3.413Z%27/%3E%3Cpath d=%27M15.136 18.123c.243-.085.515-.225.693-.451.28-.354.317-.918.114-1.678-.178-.663-.565-1.077-1.013-1.556-.31-.332-.631-.676-.877-1.11l-.635-1.124 4.69-1.257c.617-.165.906-.811.781-1.287-.091-.348-.36-.717-.638-.878l-.586-.34.091-.665c.072-.521-.133-1.266-.663-1.683l-.413-.325.032-.523c.036-.582-.36-1.228-.754-1.466l-.468-.285-.012-.548c-.012-.504-.198-.661-.259-.713-.571-.482-2.164-.055-3.217.228l-.097.025c-1.43.384-2.47 1.227-3.39 1.971-.44.357-.937.742-1.455.999l1.745 6.511c.878.528 1.57 1.12 2.186 1.646.552.473 1.074.92 1.652 1.254.88.509 1.354 1.382 1.773 2.152l.006.012c.36.662.58.962.714 1.091m-9.154-4.631L3.885 5.673l-2.401.644 2.096 7.819 2.402-.644m9.228 5.654c-.683.183-1.354-1.063-1.673-1.649-.373-.686-.758-1.395-1.394-1.763-1.395-.807-2.348-2.055-4.044-3.02a.42.42 0 0 1-.198-.257L5.961 5.22a.42.42 0 0 1 .29-.513c.533-.154 1.16-.64 1.635-1.026.947-.767 2.125-1.72 3.76-2.16l.096-.025c1.449-.389 3.165-.834 4.122-.026.394.332.6.82.613 1.455.708.43 1.293 1.427 1.234 2.382.806.634 1.157 1.727 1.036 2.606l.005.003c.511.297.945.881 1.105 1.49.27 1.028-.359 2.203-1.49 2.507l-3.443.923c.505.893 1.6 1.463 1.985 2.899.666 2.487-.886 3.193-1.699 3.411Zm-8.816-4.73-2.708.727a.841.841 0 0 1-1.03-.595L.475 6.423a.841.841 0 0 1 .596-1.03l2.708-.727a.841.841 0 0 1 1.03.595l2.179 8.125a.841.841 0 0 1-.595 1.03Z%27 fill=%27%27/%3E%3C/g%3E%3C/svg%3E%0A")
}

.voc-comments-panel .gig-comment-footer {
    height: 30px;
    display: flex;
    align-items: center;
    margin: 0 0 4px -40px;
    padding: 0;
    border: 0
}

@media (min-width: 699px) {
    .voc-comments-panel .gig-comment-footer {
        margin: 0 0 4px 8px
    }
}

.voc-comments-panel .gig-comment-footer li:hover {
    text-decoration: none
}

.voc-comments-panel .gig-comment-replies {
    margin-left: -15px;
    padding: 0;
    overflow: visible
}

@media (min-width: 699px) {
    .voc-comments-panel .gig-comment-replies {
        margin-left: 0
    }
}

.voc-comments-panel .gig-comment-replies>.gig-comment {
    padding-top: 8px;
    border: 0
}

.voc-comments-panel .gig-comment-replies>.gig-comment .gig-comment-replies {
    margin-left: -40px
}

@media (min-width: 699px) {
    .voc-comments-panel .gig-comment-replies>.gig-comment .gig-comment-replies {
        margin-left: -45px
    }
}

.voc-comments-panel .gig-comment .suscriptor .gig-comment-username {
    color: #e4b016
}

.voc-comments-panel .gig-comment .suscriptor .gig-comment-content {
    position: relative
}

.voc-comments-panel .gig-comment .suscriptor .gig-comment-content:after {
    content: '';
    position: absolute;
    top: -13px;
    left: -31px;
    width: 19px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 19.047 19.047%27%3E%3Cpath fill=%27%23e4b016%27 d=%27M508.842.5a.717.717,0,0,1,1.364,0l2.024,5.658a.419.419,0,0,0,.14.192.391.391,0,0,0,.218.08l5.764.268a.734.734,0,0,1,.66.526.785.785,0,0,1-.239.832l-4.513,3.764a.421.421,0,0,0-.131.2.439.439,0,0,0-.005.242l1.538,5.824a.782.782,0,0,1-.274.82.7.7,0,0,1-.83.02l-4.813-3.332a.387.387,0,0,0-.443,0l-4.813,3.332a.7.7,0,0,1-.83-.02.782.782,0,0,1-.274-.82l1.538-5.824a.439.439,0,0,0-.005-.242.421.421,0,0,0-.131-.2l-4.513-3.764a.785.785,0,0,1-.239-.832.734.734,0,0,1,.66-.526l5.764-.268a.391.391,0,0,0,.218-.08.419.419,0,0,0,.14-.192Z%27 transform=%27translate%28-500%29%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E%0A")
}

.voc-last-hour {
    background-color: #f3f3f3;
    padding: 10px 0;
    border-bottom: 1px solid #ddd
}

@media (min-width: 699px) {
    .voc-last-hour {
        padding: 20px 0;
        border-bottom: 0
    }
}

.voc-last-hour__header {
    width: 93px;
    flex-shrink: 0;
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid #888
}

@media (min-width: 699px) {
    .voc-last-hour__header {
        width: 88px;
        padding-right: 12px;
        margin-right: 16px
    }
}

.voc-last-hour__header-title {
    font-size: 14px;
    line-height: 16px;
    font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: var(--cp7)
}

@media (min-width: 699px) {
    .voc-last-hour__header-title {
        font-size: 21px;
        line-height: 21px
    }
}

.voc-last-hour__header-subtitle {
    font-size: 11px;
    line-height: 13px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%
}

@media (min-width: 699px) {
    .voc-last-hour__header-subtitle {
        margin-top: 4px;
        -webkit-line-clamp: 2
    }
}

.voc-last-hour__time {
    font-size: 12px;
    line-height: 14px;
    font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: var(--cp7);
    position: relative;
    float: left;
    margin-right: 4px
}

@media (min-width: 699px) {
    .voc-last-hour__time {
        font-size: 16px;
        line-height: 18px;
        float: none;
        display: block;
        margin-right: 0
    }

    .voc-last-hour__time:before {
        content: '';
        display: inline-block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: var(--cp7);
        position: absolute;
        left: -12px;
        top: 6px
    }
}

.voc-last-hour__title {
    font-size: 12px;
    line-height: 14px;
    font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: .3s
}

.voc-last-hour__title .voc-last-hour__text {
    transition: .3s;
    width: 100%;
    flex-shrink: 0
}

.voc-last-hour__title:hover .voc-last-hour__text {
    opacity: .8
}

@media (min-width: 699px) {
    .voc-last-hour__title {
        font-size: 16px;
        line-height: 18px;
        overflow: visible;
        display: flex;
        flex-wrap: wrap;
        gap: 4px
    }
}

.voc-last-hour .voc-slider__container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 16px
}

@media (min-width: 699px) {
    .voc-last-hour .voc-slider__container {
        padding: 0 25px
    }
}

.voc-last-hour .voc-slider__wrapper:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 94px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #f3f3f3 100%)
}

.voc-last-hour .voc-slider__wrapper.is-move:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 94px;
    background: linear-gradient(280deg, rgba(255, 255, 255, 0) 0%, #f3f3f3 100%)
}

.voc-last-hour .voc-slider__wrapper.is-start:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 94px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #f3f3f3 100%)
}

.voc-last-hour .voc-slider__wrapper.is-start:before {
    display: none
}

.voc-last-hour .voc-slider__wrapper.is-end:after {
    display: none
}

.voc-last-hour .voc-slider__wrapper.is-end:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 94px;
    background: linear-gradient(280deg, rgba(255, 255, 255, 0) 0%, #f3f3f3 100%)
}

.voc-last-hour .voc-slider__slide {
    border-right: 1px solid #888;
    padding-right: 8px;
    width: 208px;
    margin-right: 8px
}

.voc-last-hour .voc-slider__slide:last-child {
    margin-right: 0
}

@media (min-width: 699px) {
    .voc-last-hour .voc-slider__slide {
        padding-right: 12px;
        padding-left: 12px;
        width: 268px;
        margin-right: 16px
    }
}

.voc-last-hour .voc-slider__slide:last-child {
    padding-right: 0;
    border-right: 0
}

.voc-last-hour .voc-onplus {
    margin-top: 0
}

@media (max-width: 699px) {
    .voc-last-hour .voc-onplus {
        margin-right: 4px;
        float: left
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-last-hour--home {
        margin: 0 -25px;
        padding: 40px 0 10px;
        border: none
    }
}

@media (min-width: 0) and (max-width: 375px) {
    .voc-last-hour--home {
        margin: 0 -17px
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-last-hour--home .voc-slider__slide {
        width: 300px;
        padding-right: 12px;
        padding-left: 12px;
        width: 268px;
        margin-right: 16px
    }
}

.voc-last-hour--home .voc-slider__wrapper.is-move .voc-last-hour__header {
    display: block
}

.voc-last-hour--home .voc-last-hour__header-title {
    font-family: "ABCDisplay Black", Georgia, Times New Roman, serif
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-last-hour--home .voc-last-hour__header-title {
        border-top: 7px solid var(--cp7);
        padding-top: 4px;
        display: inline;
        margin-right: 4px;
        font-size: 21px;
        line-height: 21px
    }
}

.voc-last-hour--home .voc-last-hour__header-subtitle {
    color: #262626;
    display: inline
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-last-hour--home .voc-last-hour__header {
        position: absolute;
        top: -34px;
        left: 16px;
        width: initial;
        border: 0;
        margin: initial;
        display: block;
        padding: initial
    }
}

.voc-last-hour--home .voc-last-hour__time {
    font-size: 14px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-last-hour--home .voc-last-hour__time:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--cp7);
    position: absolute;
    left: -12px;
    top: 6px
}

.voc-last-hour--home .voc-last-hour__title {
    color: #191919;
    font-size: 16px;
    line-height: 18px;
    overflow: visible;
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-last-hour--home .voc-last-hour__title {
        font-size: 19px;
        line-height: 21px
    }
}

.voc-last-hour--home .voc-onplus__icon svg {
    transform: initial
}

.voc-share-email .voc-modal__header {
    display: flex
}

.voc-share-email.is-message .voc-form {
    opacity: 0
}

.voc-share-email.is-message .voc-form__message {
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.voc-report-error .voc-modal__title {
    max-width: 165px;
    width: 100%
}

@media (min-width: 699px) {
    .voc-report-error .voc-modal__title {
        max-width: 100%
    }
}

.voc-report-error.is-message .voc-form {
    opacity: 0
}

.voc-report-error.is-message .voc-form__message {
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.voc-comment-item {
    padding: 16px 0 0;
    border-top: 1px solid #ccc
}

.voc-comment-item--premium>.voc-comment-item__header .voc-comment-item__username {
    color: #e4b016
}

.voc-comment-item__header {
    display: flex;
    margin-bottom: 14px
}

.voc-comment-item__avatar {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 100%
}

@media (min-width: 699px) {
    .voc-comment-item__avatar {
        width: 45px;
        height: 45px
    }
}

.voc-comment-item__avatar-premium-icon {
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translate(-50%);
    width: 19px;
    height: 19px
}

.voc-comment-item__avatar-premium-icon path {
    fill: #e4b016
}

.voc-comment-item__avatar-media {
    border-radius: 100%;
    overflow: hidden
}

.voc-comment-item__avatar svg g {
    stroke: #ccc
}

.voc-comment-item__info {
    margin-left: 8px
}

.voc-comment-item__details {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 1;
    color: #262626
}

@media (min-width: 699px) {
    .voc-comment-item__details {
        margin-bottom: 10px
    }
}

.voc-comment-item__number {
    font-family: "ABCText Semibold", Georgia, Times New Roman, serif
}

.voc-comment-item__timestamp {
    font-family: "ABCText Light", Georgia, Times New Roman, serif
}

.voc-comment-item__username {
    font: 18px/20px "ABCText Semibold", Georgia, Times New Roman, serif;
    color: #4C4C4C
}

@media (min-width: 699px) {
    .voc-comment-item__username {
        font-size: 20px;
        line-height: 23px
    }
}

.voc-comment-item__body {
    margin-bottom: 5px
}

@media (min-width: 699px) {
    .voc-comment-item__body {
        padding-left: 53px
    }
}

.voc-comment-item__body p {
    font: 14px/16px "ABCText Light", Georgia, Times New Roman, serif;
    color: #262626
}

@media (min-width: 699px) {
    .voc-comment-item__body p {
        font-size: 16px;
        line-height: 18px
    }
}

.voc-comment-item__footer {
    display: flex;
    align-items: center;
    padding-bottom: 8px;
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #555
}

@media (min-width: 699px) {
    .voc-comment-item__footer {
        padding-left: 53px
    }
}

.voc-comment-item__footer>*:not(:first-child) {
    display: flex;
    align-items: center
}

.voc-comment-item__footer>*:not(:first-child)::before {
    content: '';
    width: 3px;
    height: 3px;
    margin: 0 8px;
    background-color: #555;
    border-radius: 100%
}

.voc-comment-item__reply {
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #555;
    transition: .3s
}

.voc-comment-item__reply:hover {
    opacity: .6
}

.voc-comment-item__vote button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 100%;
    transition: .3s
}

.voc-comment-item__vote button:hover {
    background-color: #999
}

.voc-comment-item__vote button:hover svg path:last-child {
    fill: #fff
}

.voc-comment-item__vote svg {
    position: relative;
    width: 22px;
    height: 22px;
    opacity: .6
}

.voc-comment-item__vote span {
    margin-left: 4px
}

.voc-comment-item__vote--up svg {
    top: -1px
}

.voc-comment-item__vote--down svg {
    top: 1px
}

.voc-comment-item__replies {
    padding-left: 24px
}

@media (min-width: 699px) {
    .voc-comment-item__replies {
        padding-left: 53px
    }
}

.voc-comment-item__replies>.voc-comment-item {
    border-top: 0
}

.voc-share-social__item {
    border-bottom: 1px solid #ddd;
    padding: 4px 0;
    position: relative;
    transition: .3s
}

.voc-share-social__item:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -25px;
    right: -25px;
    transition: .3s
}

@media (min-width: 699px) {
    .voc-share-social__item:before {
        right: -16px;
        left: -16px
    }
}

.voc-share-social__item:hover .voc-share-social__paragraph {
    color: #fff;
    border-bottom: 1px solid #fff
}

.voc-share-social__item:hover:before {
    background-color: #888
}

.voc-share-social__item.i_miabc .voc-share-social__icon {
    background: #000
}

.voc-share-social__item.i_miabc .voc-share-social__icon svg {
    fill: #e4b016
}

.voc-share-social__item.i_miabc .voc-share-social__icon svg path {
    fill: #e4b016
}

.voc-share-social__item.i_miabc .voc-share-social__paragraph {
    font-weight: 600
}

.voc-share-social__item.i_miabc .voc-share-social__paragraph span {
    color: #e4b016
}

.voc-share-social__icon {
    width: 30px;
    height: 30px;
    background-color: #ddd;
    border-radius: 50%;
    margin-right: 11px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.voc-share-social__icon svg {
    height: 15px;
    max-width: 17px
}

.voc-share-social__icon svg rect {
    fill: #ddd
}

.voc-share-social__icon svg path {
    fill: #000
}

.voc-share-social__paragraph {
    font-size: 14px;
    line-height: 14px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

.voc-share-social__link {
    display: flex;
    align-items: center;
    z-index: 1;
    position: relative
}

.voc-social {
    display: flex;
    position: relative
}

.voc-social__icon {
    margin-right: 12px;
    transition: .3s;
    flex-shrink: 0
}

.voc-social__icon--save svg {
    fill: transparent;
    stroke: #000;
    height: 30px
}

.voc-social__icon--comments {
    position: relative
}

.voc-social__icon--comments svg {
    height: 30px
}

.voc-social__icon--share {
    position: relative
}

.voc-social__icon--share.is-active-2 {
    background-color: #555
}

.voc-social__icon--share.is-active-2 svg {
    fill: #fff
}

.voc-social__icon--circle {
    border-radius: 50%;
    background-color: #ddd;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.voc-social__icon--circle svg {
    height: 15px
}

.voc-social__icon--circle:hover:not(:active):not(:focus) {
    background-color: #555
}

.voc-social__icon--circle:hover:not(:active):not(:focus) svg {
    fill: #fff
}

.voc-social__icon:hover:not(:active):not(:focus) {
    opacity: .8
}

.voc-save-news .voc-modal-dropdown__container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.voc-save-news__paragraph {
    font-size: 12px;
    line-height: 16px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    margin-bottom: 11px
}

@media (min-width: 699px) {
    .voc-save-news__paragraph {
        color: #fff
    }
}

.voc-save-news__btn {
    background-color: #555;
    color: #fff
}

@media (min-width: 699px) {
    .voc-save-news__btn {
        background-color: #fff;
        color: #000
    }
}

.ev-modals .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: block;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.ev-modals .modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -25%)
}

.ev-modals .modal.in .modal-dialog {
    transform: translate(0, 0)
}

.ev-modals.modal-open {
    overflow: hidden
}

.ev-modals.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.ev-modals .fade.in {
    opacity: 1
}

.ev-modals .modal-dialog {
    position: relative;
    width: auto;
    margin: 50px 10px 10px 10px
}

@media (min-width: 699px) {
    .ev-modals .modal-dialog {
        width: 600px !important;
        margin: 50px auto !important
    }
}

.ev-modals .modal-backdrop.fade {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.ev-modals .modal-backdrop.fade.fade {
    opacity: 0
}

.ev-modals .modal-backdrop.fade.in {
    opacity: .5
}

.ev-modals .modal-content-private-area {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    outline: 0;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5)
}

@media (min-width: 699px) {
    .ev-modals .modal-content-private-area {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }
}

.ev-modals .modal-content-private-area .container-rtim-widget {
    width: 598px;
    margin: auto;
    text-align: center;
    border: 1px solid #cacbcc;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.09);
    position: relative
}

@media (max-width: 699px) {
    .ev-modals .modal-content-private-area .container-rtim-widget {
        width: auto
    }
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-header {
    float: none;
    width: auto;
    height: auto;
    position: absolute;
    top: 13px;
    right: 15px
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content {
    margin: 0;
    padding: 26px 37px 32px 37px
}

@media (max-width: 699px) {
    .ev-modals .modal-content-private-area .container-rtim-widget .grip-content {
        padding: 26px 16px 26px 16px
    }
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .icon {
    display: inline-block;
    width: 99px;
    height: 99px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .icon.icon--suspension {
    background-image: url("../images/csicons/ic-1.svg")
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .icon.icon--newsletter {
    background-image: url("../images/csicons/ic-2.svg")
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .icon.icon--app {
    background-image: url("../images/csicons/ic-3.svg")
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .icon--only {
    width: 74px;
    height: 74px
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .logo {
    width: auto;
    height: 20px;
    margin-bottom: 40px
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .logo img {
    width: auto;
    height: 100%;
    margin: 0 auto
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .paragraph-titles {
    margin-bottom: 18px
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .paragraph-titles--title {
    margin: 0;
    font: 28px/115% "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, sans-serif;
    letter-spacing: -0.15px;
    color: #000000;
    margin-bottom: 6px;
    display: inline-block
}

@media (max-width: 699px) {
    .ev-modals .modal-content-private-area .container-rtim-widget .grip-content .paragraph-titles--title {
        font-size: 24px
    }
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .paragraph-titles--subtitle {
    margin: 0;
    font: 17px/140% "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, sans-serif;
    color: #000000;
    margin-bottom: 6px;
    display: inline-block
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .paragraph-titles--subtitle span {
    color: lightgrey;
    font-weight: 600
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .paragraph-titles--subtitle a {
    color: inherit;
    text-decoration: underline
}

@media (max-width: 699px) {
    .ev-modals .modal-content-private-area .container-rtim-widget .grip-content .paragraph-titles--subtitle {
        font-size: 16px
    }
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .modules {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .modules .modules__item {
    width: calc(50% - 24px);
    margin-right: 24px;
    margin-bottom: 12px;
    display: flex;
    align-items: center
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .modules .modules__item:nth-child(2n) {
    margin-right: 0
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .modules .modules__item:nth-last-child(-n+2) {
    margin-bottom: 0
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .modules .modules__item .modules__item-text {
    text-align: left;
    margin: 0;
    font-size: 15px
}

@media (max-width: 699px) {
    .ev-modals .modal-content-private-area .container-rtim-widget .grip-content .modules .modules__item .modules__item-text {
        font-size: 13px
    }
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .modules .modules__item .icon {
    display: inline-block;
    width: 54px;
    height: 54px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 6px;
    flex-shrink: 0
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .modules .modules__item .icon--1 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Capa_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 310 310%27 style=%27enable-background:new 0 0 310 310;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:url%28%23SVGID_1_%29;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:lightgrey;%7D%0A%3C/style%3E%3CradialGradient id=%27SVGID_1_%27 cx=%27148.0728%27 cy=%27156.7033%27 r=%27138.2471%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop offset=%270%27 style=%27stop-color:%23000000%27/%3E%3Cstop offset=%270.2688%27 style=%27stop-color:%23282826%27/%3E%3Cstop offset=%270.995%27 style=%27stop-color:%23FFFFFF%27/%3E%3C/radialGradient%3E%3Ccircle class=%27st0%27 cx=%27148.1%27 cy=%27156.7%27 r=%27138.2%27/%3E%3Cg%3E%3Cg%3E%3Ccircle class=%27st1%27 cx=%27142.8%27 cy=%27151.1%27 r=%27125%27/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class=%27st2%27 d=%27M146.5,173l-58.2-54.3L139,68l58.2,54.3L146.5,173z M94.6,118.6l51.7,48.3l44.5-44.5l-51.7-48.3L94.6,118.6z%27 /%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x=%27110.7%27 y=%27104.6%27 transform=%27matrix%280.7071 -0.7071 0.7071 0.7071 -37.7108 122.5488%29%27 class=%27st2%27 width=%2736.7%27 height=%274.4%27/%3E%3C/g%3E%3Cg%3E%3Crect x=%27119.8%27 y=%27113.7%27 transform=%27matrix%280.7071 -0.7071 0.7071 0.7071 -41.4941 131.6147%29%27 class=%27st2%27 width=%2736.7%27 height=%274.4%27/%3E%3C/g%3E%3Cg%3E%3Crect x=%27129%27 y=%27122.9%27 transform=%27matrix%280.7071 -0.7071 0.7071 0.7071 -45.2947 140.8391%29%27 class=%27st2%27 width=%2736.7%27 height=%274.4%27/%3E%3C/g%3E%3Cg%3E%3Crect x=%27138.1%27 y=%27132%27 transform=%27matrix%280.7071 -0.7071 0.7071 0.7071 -49.0781 149.905%29%27 class=%27st2%27 width=%2736.7%27 height=%274.4%27/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpolygon class=%27st2%27 points=%27146.5,193.8 88.3,139.5 100.8,127 103.9,130.1 94.6,139.4 146.4,187.7 190.9,143.2 181.4,134.3 184.4,131.1 197.2,143 %27/%3E%3C/g%3E%3Cg%3E%3Cpolygon class=%27st2%27 points=%27146.5,214.5 88.3,160.2 100.3,148.3 103.4,151.4 94.6,160.1 146.4,208.4 190.9,163.9 181.7,155.3 184.7,152.1 197.2,163.8 %27/%3E%3C/g%3E%3Cg%3E%3Cpolygon class=%27st2%27 points=%27146.5,235.3 88.3,181 100.2,169.1 103.3,172.2 94.6,180.9 146.4,229.2 190.9,184.7 181.7,176.1 184.7,172.9 197.2,184.6 %27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .modules .modules__item .icon--2 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Capa_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 310 310%27 style=%27enable-background:new 0 0 310 310;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:url%28%23SVGID_1_%29;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:lightgrey;%7D%0A%3C/style%3E%3CradialGradient id=%27SVGID_1_%27 cx=%27148.0728%27 cy=%27156.7033%27 r=%27138.2471%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop offset=%270%27 style=%27stop-color:%23000000%27/%3E%3Cstop offset=%270.2688%27 style=%27stop-color:%23282826%27/%3E%3Cstop offset=%270.995%27 style=%27stop-color:%23FFFFFF%27/%3E%3C/radialGradient%3E%3Ccircle class=%27st0%27 cx=%27148.1%27 cy=%27156.7%27 r=%27138.2%27/%3E%3Cg%3E%3Cg%3E%3Ccircle class=%27st1%27 cx=%27142.8%27 cy=%27151.1%27 r=%27125%27/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class=%27st2%27 d=%27M84.9,205.2v-20.4h-7.1c-6.2,0-11.4-5.4-11.4-11.9v-64.5c0-6.3,5.1-11.4,11.4-11.4h129.9 c6.3,0,11.4,5.1,11.4,11.4v64.5c0,6.4-5.2,11.9-11.4,11.9h-92.1L84.9,205.2z M77.8,101.3c-3.9,0-7.1,3.2-7.1,7.1v64.5 c0,4,3.3,7.6,7.1,7.6h11.4v16.7l25-16.7h93.4c3.8,0,7.1-3.5,7.1-7.6v-64.5c0-3.9-3.2-7.1-7.1-7.1 C207.6,101.3,77.8,101.3,77.8,101.3z%27/%3E%3C/g%3E%3Cg%3E%3Cpath class=%27st2%27 d=%27M105.6,156c-8.3,0-15.1-6.8-15.1-15.1s6.8-15.1,15.1-15.1s15.1,6.8,15.1,15.1C120.8,149.3,114,156,105.6,156z M105.6,130.1c-6,0-10.8,4.9-10.8,10.8c0,6,4.9,10.8,10.8,10.8c6,0,10.8-4.9,10.8-10.8C116.5,134.9,111.6,130.1,105.6,130.1z%27/%3E%3C/g%3E%3Cg%3E%3Cpath class=%27st2%27 d=%27M142.8,156c-8.3,0-15.1-6.8-15.1-15.1s6.8-15.1,15.1-15.1s15.1,6.8,15.1,15.1 C157.9,149.3,151.1,156,142.8,156z M142.8,130.1c-6,0-10.8,4.9-10.8,10.8c0,6,4.9,10.8,10.8,10.8s10.8-4.9,10.8-10.8 C153.6,134.9,148.7,130.1,142.8,130.1z%27/%3E%3C/g%3E%3Cg%3E%3Cpath class=%27st2%27 d=%27M179.9,156c-8.3,0-15.1-6.8-15.1-15.1s6.8-15.1,15.1-15.1s15.1,6.8,15.1,15.1C195,149.3,188.2,156,179.9,156z M179.9,130.1c-6,0-10.8,4.9-10.8,10.8c0,6,4.9,10.8,10.8,10.8c6,0,10.8-4.9,10.8-10.8C190.7,134.9,185.8,130.1,179.9,130.1z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .modules .modules__item .icon--3 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Capa_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 310 310%27 style=%27enable-background:new 0 0 310 310;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:url%28%23SVGID_1_%29;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:lightgrey;%7D%0A%3C/style%3E%3CradialGradient id=%27SVGID_1_%27 cx=%27148.0728%27 cy=%27156.7033%27 r=%27138.2471%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop offset=%270%27 style=%27stop-color:%23000000%27/%3E%3Cstop offset=%270.2688%27 style=%27stop-color:%23282826%27/%3E%3Cstop offset=%270.995%27 style=%27stop-color:%23FFFFFF%27/%3E%3C/radialGradient%3E%3Ccircle class=%27st0%27 cx=%27148.1%27 cy=%27156.7%27 r=%27138.2%27/%3E%3Cg%3E%3Cg%3E%3Ccircle class=%27st1%27 cx=%27142.8%27 cy=%27151.1%27 r=%27125%27/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath class=%27st2%27 d=%27M144.7,211H95.6c-3.6,0-6.4-2.9-6.4-6.4v-107c0-3.6,2.9-6.4,6.4-6.4h75.3c3.6,0,6.4,2.9,6.4,6.4V118H174V97.6 c0-1.7-1.4-3.1-3.1-3.1H95.6c-1.7,0-3.1,1.4-3.1,3.1v106.9c0,1.7,1.4,3.1,3.1,3.1h49.1V211z%27/%3E%3C/g%3E%3Cg%3E%3Cpath class=%27st2%27 d=%27M190.5,207.1h-39.7c-3.2,0-5.8-2.6-5.8-5.8v-75.1c0-3.2,2.6-5.8,5.8-5.8h39.7c3.2,0,5.8,2.6,5.8,5.8v75.1 C196.3,204.4,193.7,207.1,190.5,207.1z M150.8,123.6c-1.4,0-2.5,1.1-2.5,2.5v75.1c0,1.4,1.1,2.5,2.5,2.5h39.7 c1.4,0,2.5-1.1,2.5-2.5v-75.1c0-1.4-1.1-2.5-2.5-2.5H150.8z%27/%3E%3C/g%3E%3Cg%3E%3Cpolygon class=%27st2%27 points=%27138,195.9 101.6,195.9 101.6,109.6 165,109.6 165,118 161.6,118 161.6,113 104.9,113 104.9,192.5 138,192.5 %27/%3E%3C/g%3E%3Cg%3E%3Crect x=%27146.7%27 y=%27133.3%27 class=%27st2%27 width=%2748%27 height=%273.3%27/%3E%3C/g%3E%3Cg%3E%3Crect x=%27146.7%27 y=%27185.8%27 class=%27st2%27 width=%2748%27 height=%273.3%27/%3E%3C/g%3E%3C/svg%3E%0A")
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .modules .modules__item .icon--4 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Capa_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 310 310%27 style=%27enable-background:new 0 0 310 310;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:url%28%23SVGID_1_%29;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:lightgrey;%7D%0A%3C/style%3E%3CradialGradient id=%27SVGID_1_%27 cx=%27148.0728%27 cy=%27156.7033%27 r=%27138.2471%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop offset=%270%27 style=%27stop-color:%23000000%27/%3E%3Cstop offset=%270.2688%27 style=%27stop-color:%23282826%27/%3E%3Cstop offset=%270.995%27 style=%27stop-color:%23FFFFFF%27/%3E%3C/radialGradient%3E%3Ccircle class=%27st0%27 cx=%27148.1%27 cy=%27156.7%27 r=%27138.2%27/%3E%3Cg%3E%3Cg%3E%3Ccircle class=%27st1%27 cx=%27142.8%27 cy=%27151.1%27 r=%27125%27/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class=%27st2%27 d=%27M142.4,168.6c-0.5,0-1-0.1-1.5-0.4c-7.8-4.3-12.8-10-15.3-17.2c-1-2.9-1.2-5.4-0.5-7.8c1-3.7,3.6-6.5,6.9-7.6 c3.4-1.1,7.1-0.3,10,2.2c0.1,0.1,0.2,0.2,0.4,0.3c1.1-1,2.6-2.1,4.5-2.6c2.9-0.8,5.9-0.3,8.4,1.3c2.5,1.7,4.2,4.4,4.6,7.4 c0.3,2.4,0,4.9-1.1,7.7c-2.7,6.8-7.5,12.1-14.9,16.1C143.6,168.5,143.1,168.6,142.4,168.6z M143,164.7L143,164.7L143,164.7z M135.1,139.4c-0.6,0-1.2,0.1-1.8,0.3c-2.1,0.7-3.6,2.4-4.2,4.7c-0.4,1.6-0.3,3.3,0.5,5.4c2.1,6.1,6.3,10.9,12.9,14.6 c6.2-3.5,10.4-8,12.6-13.8c0.8-2.1,1.1-3.9,0.9-5.6c-0.2-1.9-1.3-3.5-2.8-4.5s-3.3-1.3-5.1-0.8c-1.4,0.4-2.7,1.3-4.1,2.9l-1.5,1.7 l-2.2-2.3c-0.3-0.3-0.6-0.7-0.9-0.9C138.2,140,136.6,139.4,135.1,139.4z%27/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class=%27st2%27 d=%27M142.3,195.7c-5.1,0-10.2-0.5-15.2-1.6c-14.4-3.1-29.1-10.5-43.8-22.2c-7.1-5.7-12.4-10.7-16.7-15.8 c-2.8-3.3-2.8-7.4,0-10.6c1.7-2,3.5-3.8,5.2-5.5c10.3-10.2,21.3-18.4,32.7-24.2c8.7-4.4,16.8-7.3,24.7-8.7 c9.6-1.7,19.2-1.6,28.5,0.4c14.4,3.1,29.1,10.5,43.8,22.2c7.1,5.7,12.4,10.7,16.7,15.8c1,1,1.7,2.3,2,3.8l0.1,0.4l0,0v0.1 c0,0.1,0,0.2,0,0.3v0.3l-2.1,0.1l2.1,0.1v0.2v0.8l-2.1-0.1l0.7,0.2h1.3v0.3c-0.3,1.6-1,3.1-2.2,4.2c-1.6,1.9-3.5,3.8-5.1,5.4 c-10.3,10.2-21.3,18.4-32.7,24.2c-8.7,4.4-16.8,7.3-24.7,8.7C151.2,195.3,146.8,195.7,142.3,195.7z M142.5,110 c-4.2,0-8.4,0.4-12.6,1.1c-7.5,1.3-15.2,4.1-23.5,8.3c-11,5.6-21.6,13.5-31.7,23.4c-1.7,1.6-3.4,3.4-5,5.3 c-1.5,1.7-1.5,3.6,0,5.3c4.1,4.9,9.2,9.7,16.2,15.2c14.2,11.3,28.3,18.5,42.1,21.4c8.8,1.9,17.8,2,26.9,0.4 c7.5-1.3,15.2-4.1,23.5-8.3c11-5.6,21.6-13.5,31.6-23.4c1.6-1.6,3.4-3.4,5-5.3c0.6-0.6,1-1.3,1.1-2l0.1-0.4l2-0.5l-1.5,0.1 l-0.4,0.2l-0.1-0.2h-0.1h0.1l-0.1-0.3V150c-0.1-0.7-0.5-1.3-1-1.9c-4.2-5-9.4-9.9-16.3-15.3c-14.2-11.3-28.3-18.5-42.1-21.4 C152.1,110.5,147.4,110,142.5,110z M217.1,150.5l-0.3,0.1l1.5-0.1H217.1z M142.5,183.5c-18,0-32.7-14.7-32.7-32.7 s14.7-32.7,32.7-32.7s32.7,14.6,32.7,32.7C175.1,168.8,160.5,183.5,142.5,183.5z M142.5,122.3c-15.7,0-28.6,12.8-28.6,28.5 s12.8,28.6,28.6,28.6c15.7,0,28.5-12.8,28.5-28.6C171,135.1,158.2,122.3,142.5,122.3z%27/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .modules .modules__item .icon--5 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Capa_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 310 310%27 style=%27enable-background:new 0 0 310 310;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:url%28%23SVGID_1_%29;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:lightgrey;%7D%0A%3C/style%3E%3CradialGradient id=%27SVGID_1_%27 cx=%27148.0728%27 cy=%27156.7033%27 r=%27138.2471%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop offset=%270%27 style=%27stop-color:%23000000%27/%3E%3Cstop offset=%270.2688%27 style=%27stop-color:%23282826%27/%3E%3Cstop offset=%270.995%27 style=%27stop-color:%23FFFFFF%27/%3E%3C/radialGradient%3E%3Ccircle class=%27st0%27 cx=%27148.1%27 cy=%27156.7%27 r=%27138.2%27/%3E%3Cg%3E%3Cg%3E%3Ccircle class=%27st1%27 cx=%27142.8%27 cy=%27151.1%27 r=%27125%27/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class=%27st2%27 d=%27M159,111.2l-10.2-7.2c-3.6-2.5-8.4-2.5-12,0l-10.2,7.2l-1.8-2.6l10.2-7.2c4.7-3.3,11-3.3,15.7,0l10.2,7.2 L159,111.2z%27/%3E%3C/g%3E%3Cg%3E%3Cpolygon class=%27st2%27 points=%27199.4,205.2 86.1,205.2 86.1,135.6 104.2,122.9 106.1,125.5 89.3,137.3 89.3,202 196.2,202 196.2,137.3 179.9,125.9 181.8,123.3 199.4,135.6 %27/%3E%3C/g%3E%3Cg%3E%3Cpolygon class=%27st2%27 points=%27196.8,204.8 142.8,161.5 88.7,204.8 86.7,202.3 142.8,157.4 198.8,202.3 %27/%3E%3C/g%3E%3Cg%3E%3Crect x=%27108%27 y=%27125.4%27 transform=%27matrix%280.5892 -0.808 0.808 0.5892 -78.1635 151.2071%29%27 class=%27st2%27 width=%273.2%27 height=%2754.2%27/%3E%3C/g%3E%3Cg%3E%3Crect x=%27148.7%27 y=%27150.9%27 transform=%27matrix%280.8082 -0.5889 0.5889 0.8082 -56.1055 132.779%29%27 class=%27st2%27 width=%2754.2%27 height=%273.2%27/%3E%3C/g%3E%3Cg%3E%3Cpolygon class=%27st2%27 points=%27106.8,149.2 103.6,149.2 103.6,127 182.4,127 182.4,148.8 179.2,148.8 179.2,130.2 106.8,130.2 %27/%3E%3C/g%3E%3Cg%3E%3Cpolygon class=%27st2%27 points=%27106.8,128.6 103.6,128.6 103.6,108.3 159.9,108.3 159.9,111.5 106.8,111.5 %27/%3E%3C/g%3E%3Cg%3E%3Cpolygon class=%27st2%27 points=%27182.4,124.6 179.2,124.6 179.2,111.5 159.9,111.5 159.9,108.3 182.4,108.3 %27/%3E%3C/g%3E%3Cg%3E%3Crect x=%27179.2%27 y=%27124.6%27 class=%27st2%27 width=%273.2%27 height=%274%27/%3E%3C/g%3E%3Cg%3E%3Crect x=%27121%27 y=%27142.7%27 class=%27st2%27 width=%2742.9%27 height=%273.2%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.ev-modals .modal-content-private-area .container-rtim-widget .grip-content .modules .modules__item .icon--6 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27utf-8%27%3F%3E%3C%21-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version=%271.1%27 id=%27Capa_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 310 310%27 style=%27enable-background:new 0 0 310 310;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bfill:url%28%23SVGID_1_%29;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:lightgrey;%7D%0A%3C/style%3E%3CradialGradient id=%27SVGID_1_%27 cx=%27148.0728%27 cy=%27156.7033%27 r=%27138.2471%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop offset=%270%27 style=%27stop-color:%23000000%27/%3E%3Cstop offset=%270.2688%27 style=%27stop-color:%23282826%27/%3E%3Cstop offset=%270.995%27 style=%27stop-color:%23FFFFFF%27/%3E%3C/radialGradient%3E%3Ccircle class=%27st0%27 cx=%27148.1%27 cy=%27156.7%27 r=%27138.2%27/%3E%3Cg%3E%3Cg%3E%3Ccircle class=%27st1%27 cx=%27142.8%27 cy=%27151.1%27 r=%27125%27/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class=%27st2%27 d=%27M94.5,208.1c-10.1,0-20.8-3.5-20.8-10c0-4.3,5-7.8,13.1-9.3l0.7,3.9c-6.4,1.1-9.9,3.6-9.9,5.4 c0,2.4,6.6,6,16.9,6s16.9-3.5,16.9-6c0-1.8-3.5-4.3-9.9-5.4l0.7-3.9c8.1,1.4,13.2,5,13.2,9.3C115.3,204.6,104.6,208.1,94.5,208.1z %27/%3E%3C/g%3E%3Cg%3E%3Cpath class=%27st2%27 d=%27M95.2,199.4c-4.7,0-8.5-3.8-8.5-8.5v-72.5c0-4.7,3.8-8.5,8.5-8.5s8.5,3.8,8.5,8.5v72.5 C103.7,195.6,99.9,199.4,95.2,199.4z M95.2,113.9c-2.5,0-4.5,2-4.5,4.5v72.5c0,2.5,2,4.5,4.5,4.5s4.5-2,4.5-4.5v-72.5 C99.7,115.9,97.7,113.9,95.2,113.9z%27/%3E%3C/g%3E%3Cg%3E%3Cpath class=%27st2%27 d=%27M143.7,167.5c-23.5,0-42.6-21.5-42.6-47.9h4c0,24.2,17.3,43.9,38.6,43.9s38.6-19.7,38.6-43.9h4 C186.3,146,167.2,167.5,143.7,167.5z%27/%3E%3C/g%3E%3Cg%3E%3Cpath class=%27st2%27 d=%27M95.2,112.4c-5.1,0-9.2-4.1-9.2-9.2s4.1-9.2,9.2-9.2s9.2,4.1,9.2,9.2C104.4,108.3,100.3,112.4,95.2,112.4z M95.2,97.9c-2.9,0-5.3,2.4-5.3,5.3s2.4,5.3,5.3,5.3s5.3-2.4,5.3-5.3C100.4,100.3,98.1,97.9,95.2,97.9z%27/%3E%3C/g%3E%3Cg%3E%3Cpath class=%27st2%27 d=%27M191.6,208.1c-10.1,0-20.8-3.5-20.8-10c0-4.3,5-7.8,13.1-9.3l0.7,3.9c-6.4,1.1-9.9,3.6-9.9,5.4 c0,2.4,6.6,6,16.9,6s16.9-3.5,16.9-6c0-1.8-3.5-4.3-9.9-5.4l0.7-3.9c8.1,1.4,13.2,5,13.2,9.3C212.4,204.6,201.7,208.1,191.6,208.1 z%27/%3E%3C/g%3E%3Cg%3E%3Cpath class=%27st2%27 d=%27M192.3,199.4c-4.7,0-8.5-3.8-8.5-8.5v-72.5c0-4.7,3.8-8.5,8.5-8.5s8.5,3.8,8.5,8.5v72.5 C200.8,195.6,197,199.4,192.3,199.4z M192.3,113.9c-2.5,0-4.5,2-4.5,4.5v72.5c0,2.5,2,4.5,4.5,4.5s4.5-2,4.5-4.5v-72.5 C196.8,115.9,194.8,113.9,192.3,113.9z%27/%3E%3C/g%3E%3Cg%3E%3Cpath class=%27st2%27 d=%27M192.3,112.4c-5.1,0-9.2-4.1-9.2-9.2s4.1-9.2,9.2-9.2c5.1,0,9.2,4.1,9.2,9.2S197.4,112.4,192.3,112.4z M192.3,97.9c-2.9,0-5.3,2.4-5.3,5.3s2.4,5.3,5.3,5.3c2.9,0,5.3-2.4,5.3-5.3S195.2,97.9,192.3,97.9z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.ev-modals .modal-content-private-area .container-rtim-widget .btns-row .btn-close {
    position: static;
    transform: none;
    top: auto;
    left: auto;
    height: 20px;
    width: 20px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 28px;
    color: #727272;
    line-height: 26px;
    cursor: pointer;
    margin: 0;
    text-indent: -999999px
}

@media (max-width: 699px) {
    .ev-modals .modal-content-private-area .container-rtim-widget .btns-row .btn-close {
        font-size: 24px
    }
}

.ev-modals .modal-content-private-area .container-rtim-widget .btns-row .btn-close:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 18.139 15.673%27%3E%3Cg transform=%27translate%281005.835 -1055.521%29%27%3E%3Crect width=%2722%27 height=%272%27 rx=%271%27 transform=%27rotate%2840 -1952.285 -852.229%29%27%3E%3C/rect%3E%3Crect width=%2722%27 height=%272%27 rx=%271%27 transform=%27rotate%28-40 966.519 1916.585%29%27%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-color: white;
    background-position: center center;
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    left: 0
}

.ev-modals .modal-content-private-area .container-rtim-widget .btns-row>.btn-cta {
    margin-right: 10px
}

.ev-modals .modal-content-private-area .container-rtim-widget .btns-row>.btn-cta:last-of-type {
    margin-right: 0
}

@media (max-width: 699px) {
    .ev-modals .modal-content-private-area .container-rtim-widget .btns-row>.btn-cta {
        margin-bottom: 12px;
        margin-right: 0
    }

    .ev-modals .modal-content-private-area .container-rtim-widget .btns-row>.btn-cta:last-of-type {
        margin-bottom: 0
    }
}

.ev-modals .modal-content-private-area .container-rtim-widget .btns-row .btn-cta {
    background-color: var(--cp3);
    border: 0;
    border-radius: 22px;
    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.04);
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #ffffff;
    padding: 13px 28px 14px 28px;
    min-width: 196px;
    display: inline-block;
    cursor: pointer;
    transition: .3s;
    cursor: pointer
}

.ev-modals .modal-content-private-area .container-rtim-widget .btns-row .btn-cta:hover {
    opacity: .8
}

.ev-modals .modal-content-private-area .container-rtim-widget .btns-row .btn-cta--inverse {
    background-color: #ffffff;
    box-shadow: inset 0 0 0 2px lightgrey;
    color: lightgrey
}

.ev-modals .modal-content-private-area .container-rtim-widget .btns-row .btn-cta--underline {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    min-width: auto;
    transition: .3s;
    color: #000000;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 0;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.ev-modals .modal-content-private-area .container-rtim-widget .btns-row .btn-cta--underline:hover {
    opacity: .7
}

.ev-modals .modal-content-private-area .container-rtim-widget .btns-row--column {
    display: flex;
    flex-direction: column;
    align-items: center
}

.ev-modals .modal-content-private-area .container-rtim-widget .btns-row--column>.btn-cta {
    margin: 0;
    margin-bottom: 16px
}

.ev-modals .modal-content-private-area .container-rtim-widget .btns-row--column>.btn-cta:last-child {
    margin-bottom: 0
}

.ev-modals .modal-content-private-area .container-rtim-widget .btns-row--2 {
    display: flex;
    justify-content: center
}

.ev-modals .modal-content-private-area .container-rtim-widget .btns-row--2 a {
    display: inline-block;
    width: 109px;
    margin-right: 12px
}

.ev-modals .modal-content-private-area .container-rtim-widget .btns-row--2 a:last-of-type {
    margin-right: 0
}

.ev-modals .modal-content-private-area .container-rtim-widget .btns-row--2 a img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%
}

.rtim-loading {
    display: flex;
    justify-content: center
}

.rtim-loading-container {
    margin-top: 37px
}

@media (max-width: 699px) {
    .rtim-loading-container {
        margin-top: 20px
    }
}

.rtim-loading div {
    width: 8px;
    height: 8px;
    margin-right: 6px;
    background-color: #191919;
    border-radius: 50%;
    -webkit-animation: 0.9s animationWallExclusiveLoader infinite alternate;
    animation: 0.9s animationWallExclusiveLoader infinite alternate
}

.rtim-loading div:nth-child(2) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

.rtim-loading div:nth-child(3) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s
}

.rtim-loading div:last-child {
    margin-right: 0
}

@-webkit-keyframes animationWallExclusiveLoader {
    to {
        opacity: 0.3;
        transform: translate3d(0, -8px, 0)
    }
}

@keyframes animationWallExclusiveLoader {
    to {
        opacity: 0.3;
        transform: translate3d(0, -8px, 0)
    }
}

.voc-tabs {
    position: relative
}

.voc-tabs:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 90%)
}

@media (min-width: 1039px) {
    .voc-tabs:after {
        height: calc(100% - 1px)
    }
}

.voc-tabs ul {
    display: flex;
    flex-wrap: nowrap;
    -moz-column-gap: 18px;
    column-gap: 18px;
    padding-right: 30px;
    border-bottom: 1px solid #000;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none
}

@media (min-width: 1039px) {
    .voc-tabs ul {
        -moz-column-gap: 32px;
        column-gap: 32px;
        font-size: 18px
    }
}

.voc-tabs ul::-webkit-scrollbar {
    display: none
}

@media (min-width: 1039px) {
    .voc-tabs ul::-webkit-scrollbar {
        display: block;
        height: 5px;
        cursor: pointer
    }
}

@media (min-width: 1039px) {
    .voc-tabs ul::-webkit-scrollbar-track {
        border-radius: 4px;
        cursor: pointer
    }

    .voc-tabs ul::-webkit-scrollbar-thumb {
        background: #ddd;
        border-radius: 4px;
        cursor: pointer
    }
}

.voc-tabs ul li {
    position: relative;
    flex: 0 0 auto;
    font: 18px/1 "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: #000;
    transition: .3s
}

@media (min-width: 1039px) {
    .voc-tabs ul li {
        font-size: 20px
    }
}

.voc-tabs ul li:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background-color: transparent;
    transition: .3s;
    pointer-events: none
}

.voc-tabs ul li:hover:after {
    background-color: #888
}

.voc-tabs ul li:hover a {
    opacity: .8
}

.voc-tabs ul li a {
    display: block;
    padding: 0 0 12px
}

.voc-tabs ul li.is-disabled {
    color: #ddd
}

.voc-tabs ul li.is-disabled:hover:after {
    content: none
}

.voc-tabs ul li.is-disabled:hover a {
    cursor: text;
    opacity: 1
}

.voc-tabs ul li.is-active:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background-color: var(--cp3)
}

.voc-tabs ul li.is-active a {
    opacity: 1
}

.voc-spoiler {
    display: flex;
    align-items: center
}

@media (min-width: 699px) {
    .voc-spoiler {
        align-items: unset
    }
}

.voc-spoiler:before,
.voc-spoiler:after {
    content: '';
    flex: 1 0 auto;
    background: var(--cp7);
    height: 1px
}

@media (min-width: 699px) {

    .voc-spoiler:before,
    .voc-spoiler:after {
        position: relative;
        top: 10px
    }
}

.voc-spoiler__wrapper {
    max-width: 268px;
    text-align: center
}

@media (min-width: 699px) {
    .voc-spoiler__wrapper {
        box-sizing: content-box;
        padding: 0 26px
    }
}

.voc-spoiler__title {
    display: block;
    font: 22px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: var(--cp7)
}

.voc-spoiler__desc {
    font: 15px/18px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp7)
}

.voc-score {
    margin: 0 -17px
}

@media (min-width: 376px) {
    .voc-score {
        margin: 0 -25px
    }
}

@media (min-width: 699px) {
    .voc-score {
        margin: 0
    }
}

.voc-score__body {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -moz-column-gap: 32px;
    column-gap: 32px;
    padding: 16px 26px 8px;
    background: #f3f3f3
}

@media (min-width: 699px) {
    .voc-score__body {
        -moz-column-gap: unset;
        column-gap: unset;
        background: transparent;
        padding: 0 0 12px
    }
}

.voc-score .voc-score__list {
    font: 12px/16px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888
}

.voc-score__name {
    font: 18px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #262626
}

@media (min-width: 699px) {
    .voc-score__name {
        font-size: 24px
    }
}

.voc-score__name a {
    transition: .3s
}

.voc-score__name a:hover {
    opacity: .8
}

.voc-score__player {
    flex: 1 0 0
}

@media (min-width: 699px) {
    .voc-score__player {
        display: grid;
        grid-template-rows: auto 1fr;
        -moz-column-gap: 12px;
        column-gap: 12px;
        padding-top: 6px
    }
}

.voc-score__player-media {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 60px;
    height: 60px;
    margin-bottom: 8px
}

@media (min-width: 699px) {
    .voc-score__player-media {
        grid-row: 1 / span 2;
        margin-bottom: 0
    }
}

.voc-score__player-media img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top center;
    object-position: top center;
    aspect-ratio: 1
}

.voc-score__player .voc-score__list {
    grid-row: 2;
    margin-top: 4px
}

.voc-score__player .voc-score__list li {
    display: inline
}

@media (min-width: 699px) {
    .voc-score__player--home {
        grid-template-columns: 1fr auto;
        text-align: right
    }
}

@media (min-width: 699px) {
    .voc-score__player--home .voc-score__player-media {
        grid-column: 2
    }
}

.voc-score__player--away {
    text-align: right
}

@media (min-width: 699px) {
    .voc-score__player--away {
        grid-template-columns: auto 1fr;
        text-align: left
    }
}

.voc-score__player--away .voc-score__player-media {
    margin-left: auto
}

.voc-score__scoreblock {
    position: absolute;
    display: flex;
    justify-content: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    margin: 0 12px
}

@media (min-width: 699px) {
    .voc-score__scoreblock {
        position: relative;
        -moz-column-gap: 16px;
        column-gap: 16px
    }
}

.voc-score__scoreblock-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 54px
}

@media (min-width: 699px) {
    .voc-score__scoreblock-item {
        width: 72px;
        height: 72px
    }
}

.voc-score__scoreblock-item .voc-score__scoreblock-score {
    position: relative;
    font: 28px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #fff
}

@media (min-width: 699px) {
    .voc-score__scoreblock-item .voc-score__scoreblock-score {
        font-size: 36px
    }
}

.voc-score__scoreblock-item--home {
    border-top-left-radius: 54px;
    border-bottom-left-radius: 54px
}

@media (min-width: 699px) {
    .voc-score__scoreblock-item--home {
        border-top-left-radius: 72px;
        border-bottom-left-radius: 72px
    }
}

.voc-score__scoreblock-item--home .voc-score__scoreblock-score {
    left: 2px
}

.voc-score__scoreblock-item--home .voc-score__scoreblock-penalties {
    left: -16px
}

@media (min-width: 699px) {
    .voc-score__scoreblock-item--home .voc-score__scoreblock-penalties {
        left: 0
    }
}

.voc-score__scoreblock-item--away {
    border-top-right-radius: 54px;
    border-bottom-right-radius: 54px
}

@media (min-width: 699px) {
    .voc-score__scoreblock-item--away {
        border-top-right-radius: 72px;
        border-bottom-right-radius: 72px
    }
}

.voc-score__scoreblock-item--away .voc-score__scoreblock-score {
    right: 2px
}

.voc-score__scoreblock-item--away .voc-score__scoreblock-penalties {
    right: -16px
}

@media (min-width: 699px) {
    .voc-score__scoreblock-item--away .voc-score__scoreblock-penalties {
        right: 0
    }
}

.voc-score__scoreblock-time {
    position: absolute;
    top: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    height: 20px;
    padding: 0 8px;
    font: 14px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp7);
    background: #fff;
    border: 1px solid #000;
    border-radius: 10px
}

.voc-score__scoreblock-penalties {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 20px;
    padding: 0 8px;
    font: 14px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #fff;
    background: #000;
    border-radius: 10px
}

@media (min-width: 699px) {
    .voc-score__scoreblock-penalties {
        bottom: -6px
    }
}

.voc-score__info {
    border-top: 1px dashed var(--cp7)
}

.voc-score__info-wrapper {
    padding: 4px 26px 0;
    text-align: center
}

@media (min-width: 699px) {
    .voc-score__info-wrapper {
        max-width: 755px;
        margin: 0 auto;
        padding: 4px 0 0
    }
}

.voc-score__info-wrapper>span {
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #262626
}

@media (min-width: 699px) {
    .voc-score__info-wrapper>span {
        font-size: 14px
    }
}

.voc-score__info-wrapper>span strong {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-score.is-pending .voc-score__scoreblock-item {
    background: #ddd
}

.voc-score.is-live .voc-score__scoreblock-item {
    background: var(--cp7)
}

.voc-score.is-live .voc-score__info-wrapper>span {
    font-size: 12px;
    text-transform: uppercase;
    color: var(--cp7)
}

.voc-score.is-finished .voc-score__scoreblock-item {
    background: var(--cp3)
}

.voc-score.is-finished .voc-score__info-wrapper>span {
    text-transform: uppercase
}

@media (min-width: 1039px) {
    .voc-score--basketball:not(.is-pending) .voc-score__player--away .voc-score__name {
        padding-right: 100px
    }
}

@media (min-width: 1039px) {
    .voc-score--basketball .voc-score__body {
        position: relative
    }
}

.voc-score--basketball .voc-score__scoreblock-item {
    width: 64px
}

@media (min-width: 699px) {
    .voc-score--basketball .voc-score__scoreblock-item {
        width: 82px
    }
}

.voc-score--basketball .voc-score__scoreblock-item--home span {
    left: 2px
}

.voc-score--basketball .voc-score__scoreblock-item--away span {
    right: 2px
}

.voc-score--basketball .voc-score__quarters {
    flex: 1 0 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 8px
}

@media (min-width: 1039px) {
    .voc-score--basketball .voc-score__quarters {
        position: absolute;
        right: 0;
        margin-top: 0;
        text-align: right
    }
}

.voc-score--basketball .voc-score__quarters .voc-score__list {
    display: flex;
    flex-wrap: wrap;
    max-width: 250px;
    justify-content: center
}

@media (min-width: 1039px) {
    .voc-score--basketball .voc-score__quarters .voc-score__list {
        display: block;
        max-width: 100%;
        text-align: left
    }
}

.voc-score--basketball .voc-score__quarters .voc-score__list li {
    flex: 0 0 50%
}

@media (min-width: 1039px) {
    .voc-score--basketball .voc-score__quarters .voc-score__list li {
        flex: 1 0 auto
    }
}

.voc-score--basketball .voc-score__quarters .voc-score__list li:nth-child(odd) {
    text-align: right
}

@media (min-width: 1039px) {
    .voc-score--basketball .voc-score__quarters .voc-score__list li:nth-child(odd) {
        text-align: left
    }
}

.voc-score--basketball .voc-score__quarters .voc-score__list li:nth-child(even) {
    padding-left: 4px
}

@media (min-width: 1039px) {
    .voc-score--basketball .voc-score__quarters .voc-score__list li:nth-child(even) {
        padding-left: 0px
    }
}

.voc-score--basketball .voc-score__quarters .voc-score__list li:nth-child(even):before {
    content: '-';
    padding-right: 4px
}

@media (min-width: 1039px) {
    .voc-score--basketball .voc-score__quarters .voc-score__list li:nth-child(even):before {
        content: none
    }
}

@media (min-width: 1039px) {
    .voc-score--basketball .voc-score__quarters .voc-score__list li:nth-child(even):before {
        content: none
    }
}

@media (min-width: 1039px) {
    .voc-score--tennis .voc-table {
        max-width: 755px;
        margin: 0 auto
    }
}

.voc-score--tennis .voc-table tr {
    border: 0
}

.voc-score--tennis .voc-table tr:last-child .voc-score__score--actual:after {
    height: calc(100% - 12px)
}

@media (min-width: 1039px) {
    .voc-score--tennis .voc-table tr:last-child .voc-score__score--actual:after {
        height: calc(100% + 4px)
    }
}

.voc-score--tennis .voc-table tr:last-child td {
    padding-bottom: 12px
}

.voc-score--tennis .voc-table tr:last-child td:not(:first-child) {
    vertical-align: top
}

.voc-score--tennis .voc-table tr.is-info td {
    padding-bottom: 3px;
    font: 11px/20px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #555
}

.voc-score--tennis .voc-table tr.is-info td:not(:nth-child(2)) {
    padding-left: 8px
}

.voc-score--tennis .voc-table tr.is-info td:nth-child(3) {
    padding-left: 12px
}

.voc-score--tennis .voc-table tr td {
    padding-bottom: 8px;
    text-align: center
}

.voc-score--tennis .voc-score__body {
    padding: 4px 26px
}

.voc-score--tennis .voc-score__name {
    text-align: left
}

.voc-score--tennis .voc-score__score {
    width: 25px;
    padding-left: 8px
}

@media (min-width: 1039px) {
    .voc-score--tennis .voc-score__score {
        width: 30px
    }
}

.voc-score--tennis .voc-score__score span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    font: 14px/25px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #fff
}

@media (min-width: 1039px) {
    .voc-score--tennis .voc-score__score span {
        width: 30px;
        height: 30px
    }
}

.voc-score--tennis .voc-score__score.is-finished span {
    background: var(--cp3)
}

.voc-score--tennis .voc-score__score.is-live span {
    background: var(--cp7)
}

.voc-score--tennis .voc-score__score.is-pending span {
    background: #ddd;
    color: #555
}

.voc-score--tennis .voc-score__score--actual {
    position: relative;
    width: 60px;
    padding: 0
}

@media (min-width: 1039px) {
    .voc-score--tennis .voc-score__score--actual {
        width: 60px
    }
}

.voc-score--tennis .voc-score__score--actual:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background: #ddd
}

@media (min-width: 699px) {
    .voc-score--tennis .voc-score__score--actual:after {
        height: calc(100% + 4px)
    }
}

.voc-score--tennis .voc-score__score--actual+.voc-score__score {
    padding-left: 12px
}

.voc-score--tennis .voc-score__score--actual span {
    color: var(--cp7);
    border: 1px solid #888;
    border-radius: 100%
}

.voc-score--tennis .voc-score__score--actual.is-live span {
    border: 1px solid var(--cp7);
    background-color: transparent
}

.voc-score--basquepelota .voc-score__player {
    margin-top: 62px
}

@media (min-width: 699px) {
    .voc-score--basquepelota .voc-score__player {
        margin-top: 0
    }
}

@media (min-width: 699px) {
    .voc-score--basquepelota .voc-score__player--home {
        grid-template-columns: auto;
        justify-content: flex-start
    }
}

@media (min-width: 699px) {
    .voc-score--basquepelota .voc-score__player--away {
        grid-template-columns: auto;
        justify-content: flex-end
    }
}

.voc-score--basquepelota .voc-score__scoreblock-item {
    width: 48px
}

@media (min-width: 699px) {
    .voc-score--basquepelota .voc-score__scoreblock-item {
        width: 72px
    }
}

.voc-d-c__header {
    margin-bottom: 16px
}

@media (min-width: 699px) {
    .voc-d-c__header {
        margin-bottom: 24px
    }
}

.voc-d-c__pretitle {
    font-size: 14px;
    line-height: 15px;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp2);
    text-transform: uppercase;
    margin-bottom: 8px
}

@media (min-width: 699px) {
    .voc-d-c__pretitle {
        font-size: 16px;
        line-height: 18px
    }
}

.voc-d-c__title {
    font: 16px/18px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp2);
    text-transform: uppercase
}

@media (min-width: 699px) {
    .voc-d-c__title {
        font-size: 20px;
        line-height: 24px
    }
}

.voc-d-c__s-title {
    margin-top: 24px;
    margin-bottom: -8px;
    font: 24px/26px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

@media (min-width: 699px) {
    .voc-d-c__s-title {
        font-size: 26px;
        line-height: 28px
    }
}

.voc-d-c__s-title a {
    -webkit-text-decoration: underline solid 1px;
    text-decoration: underline solid 1px;
    transition: .3s
}

.voc-d-c__s-title a:hover {
    opacity: .8
}

.voc-to-top {
    width: 100%
}

.voc-to-top:hover {
    opacity: .8;
    transition: all .2s linear
}

@media (min-width: 1039px) {
    .voc-to-top {
        width: auto
    }
}

.voc-to-top__text {
    display: none
}

.voc-to-top__icon {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    cursor: pointer
}

.voc-to-top__icon svg {
    fill: var(--cp5)
}

.voc-m-menu {
    position: relative
}

.voc-m-menu__nav {
    border-radius: 10px;
    box-shadow: 0 2px 8px #c4c4c439;
    position: relative
}

.voc-m-menu__nav:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 1px;
    right: 1px;
    bottom: 0;
    border: 1px solid #cecece;
    border-radius: 10px
}

.voc-m-menu__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between
}

.voc-m-menu__list-link {
    padding: 12px 30px 11px 30px;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 17px;
    line-height: 17px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000000;
    z-index: 1;
    position: relative;
    transition: all .35s ease-in-out
}

.voc-m-menu__list-link:hover,
.voc-m-menu__list-link:focus,
.voc-m-menu__list-link:active {
    color: #000000
}

@media (max-width: 699px) {
    .voc-m-menu__list-link {
        font-size: 13px;
        line-height: 13px;
        padding: 10px 10px 9px 10px
    }
}

@media (max-width: 390px) {
    .voc-m-menu__list-link {
        display: flex;
        align-items: center;
        height: 45px;
        padding: 10px 7px 9px 7px
    }
}

.voc-m-menu__list-item {
    text-align: center
}

.voc-m-menu__list-item.is-active .voc-m-menu__list-link {
    background-color: #000000;
    border-radius: 8px;
    color: #ffffff
}

.voc-m-menu .target {
    position: absolute;
    z-index: 0;
    background-color: #ddd;
    top: 0;
    bottom: 0;
    display: block;
    border-radius: 8px;
    transition: all .35s ease-in-out
}

.voc-disclaimer {
    padding: 6px 8px;
    font: 10px/14px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888;
    background: #f3f3f3;
    border: 1px dashed var(--cp3);
    border-radius: 6px
}

.twitter-tweet {
    min-height: 650px
}

@media (max-width: 699px) {
    .twitter-tweet {
        min-height: 350px
    }
}

.twitter-tweet+.twitter-tweet {
    display: none
}

.voc-ob-wrapper {
    min-height: 422px
}

@media (min-width: 1039px) {
    .voc-ob-wrapper {
        min-height: 259px
    }
}

@media (min-width: 699px) {
    .voc-ob-wrapper {
        min-height: 382px
    }
}

.voc-n-a__act-y {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 12px;
    width: 100%;
    font: 34px/1 "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: var(--cp3);
    border-bottom: 1px solid #888
}

@media (min-width: 699px) {
    .voc-n-a__act-y {
        font-size: 44px
    }
}

.voc-n-a__act-y:before {
    content: '';
    display: block;
    width: 98px;
    border-top: 4px solid var(--cp3)
}

.voc-n-a__sel-y {
    margin-bottom: 36px
}

.voc-n-a__sel-y.is-active ul {
    height: auto;
    overflow: visible
}

.voc-n-a__sel-y-c {
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px
}

.voc-n-a__sel-y ul {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    height: 22px;
    overflow: hidden
}

@media (min-width: 699px) {
    .voc-n-a__sel-y ul {
        height: auto;
        overflow: visible
    }
}

.voc-n-a__sel-y ul li {
    position: relative;
    min-width: 36px;
    font: 15px/18px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #555;
    text-align: center
}

@media (min-width: 699px) {
    .voc-n-a__sel-y ul li {
        min-width: 41px;
        font-size: 14px
    }
}

.voc-n-a__sel-y ul li a {
    color: #888;
    transition: .3s
}

.voc-n-a__sel-y ul li a:hover:after,
.voc-n-a__sel-y ul li.active:after {
    content: '';
    background: #888;
    width: 34px;
    height: 4px;
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%)
}

.voc-n-a__sel-y ul li a:hover {
    opacity: .8
}

.voc-n-a__sel-y ul li.active {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-n-a__sub {
    display: block;
    font: 15px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

.voc-n-a__trig {
    display: flex;
    align-items: center;
    font: 14px/18px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp3);
    text-transform: uppercase
}

@media (min-width: 699px) {
    .voc-n-a__trig {
        display: none
    }
}

.voc-n-a__cals .voc-n-a__sub {
    margin-bottom: 18px
}

.voc-n-a__cals-c {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media (min-width: 699px) {
    .voc-n-a__cals-c {
        flex-wrap: wrap;
        flex-direction: row;
        gap: 35px
    }
}

@media (min-width: 1039px) {
    .voc-n-a__cals-c {
        flex-wrap: wrap;
        flex-direction: row;
        gap: 35px 70px
    }
}

.voc-n-a__cals-c .voc-cal {
    flex: 1 0 calc(33% - 70px)
}

.voc-tgl-b input {
    display: none
}

.voc-tgl-b input:checked~.voc-tgl:before {
    transform: translateX(20px)
}

.voc-tgl-b .voc-tgl {
    display: block;
    position: relative;
    width: 44px;
    height: 24px;
    cursor: pointer;
    background-color: var(--cp11);
    border-radius: 44px
}

.voc-tgl-b .voc-tgl:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    top: 2px;
    background-color: #fff;
    border-radius: 50%;
    transition: .3s
}

.voc-d-c-aud-p {
    display: flex;
    align-items: center;
    width: 249px;
    margin: 0 auto
}

@media (min-width: 699px) {
    .voc-d-c-aud-p {
        width: 464px
    }
}

.voc-d-c-aud-p__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: var(--cp3);
    border-radius: 100%;
    cursor: pointer
}

@media (min-width: 699px) {
    .voc-d-c-aud-p__btn {
        width: 30px;
        height: 30px
    }
}

.voc-d-c-aud-p__btn span {
    margin-left: 2px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #fff;
    transition: .1s ease
}

@media (min-width: 699px) {
    .voc-d-c-aud-p__btn span {
        border-top-width: 7.5px;
        border-bottom-width: 7.5px;
        border-left-width: 11px
    }
}

.voc-d-c-aud-p__bar {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 30px;
    z-index: 1
}

.voc-d-c-aud-p__bar progress {
    width: 100%;
    height: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer
}

.voc-d-c-aud-p__bar progress::-webkit-progress-bar {
    background-color: #c9c3c9
}

.voc-d-c-aud-p__bar progress::-moz-progress-bar {
    background-color: #008ab7
}

.voc-d-c-aud-p__bar progress::-webkit-progress-value {
    background-color: var(--cp3)
}

.voc-d-c-aud-p__time {
    position: absolute;
    top: -4px;
    right: 5px;
    font: 14px/16px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-d-c-aud-p__time-display {
    display: none
}

.voc-d-c-aud-p__edge {
    position: relative;
    top: -7px;
    width: 24px;
    height: 24px
}

.voc-d-c-aud-p__edge svg path {
    fill: var(--cp3)
}

.voc-d-c-aud-p.is-playing .voc-d-c-aud-p__btn {
    background-color: var(--cp9)
}

.voc-d-c-aud-p.is-playing .voc-d-c-aud-p__btn span {
    margin-left: 0;
    height: 12px;
    border: 0;
    border-right: 9px double #fff
}

@media (min-width: 699px) {
    .voc-d-c-aud-p.is-playing .voc-d-c-aud-p__btn span {
        height: 14px;
        border-right: 12px double #fff
    }
}

.voc-d-c-aud-p.is-playing .voc-d-c-aud-p__bar progress::-webkit-progress-value {
    background-color: var(--cp9)
}

.voc-d-c-aud-p.is-playing .voc-d-c-aud-p__bar progress::-moz-progress-bar {
    background-color: #FFA85B
}

.voc-d-c-aud-p.is-paused .voc-d-c-aud-p__time-display,
.voc-d-c-aud-p.is-playing .voc-d-c-aud-p__time-display {
    display: block
}

.voc-d-c-aud-p.is-paused .voc-d-c-aud-p__time-length,
.voc-d-c-aud-p.is-playing .voc-d-c-aud-p__time-length {
    display: none
}

.voc-d-c-aud-p--news {
    width: 100%
}

.voc-d-c-aud-p--news .voc-d-c-aud-p__btn {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border: 1px solid var(--cp3);
    z-index: 2;
    transition: .1s
}

.voc-d-c-aud-p--news .voc-d-c-aud-p__btn span {
    border-top-width: 9.5px;
    border-bottom-width: 9.5px;
    border-left-width: 14px;
    border-left-color: var(--cp3)
}

.voc-d-c-aud-p--news .voc-d-c-aud-p__btn:hover {
    background-color: var(--cp3)
}

.voc-d-c-aud-p--news .voc-d-c-aud-p__btn:hover span {
    border-left-color: #fff
}

.voc-d-c-aud-p--news .voc-d-c-aud-p__bar {
    width: calc(100% + 16px);
    height: 36px;
    margin-left: -16px;
    padding: 0 10px 0 16px;
    background: #f3f3f3;
    border-radius: 0 18px 0 0
}

.voc-d-c-aud-p--news .voc-d-c-aud-p__bar>span {
    padding-left: 10px;
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #555
}

.voc-d-c-aud-p--news .voc-d-c-aud-p__bar progress {
    display: none
}

.voc-d-c-aud-p--news .voc-d-c-aud-p__bar .voc-d-c-aud-p__indicator {
    display: none;
    position: absolute;
    left: -1px;
    width: 10px;
    height: 10px;
    margin-left: 16px;
    background-color: #FFA85B;
    border-radius: 50%;
    pointer-events: none
}

.voc-d-c-aud-p--news .voc-d-c-aud-p__time {
    flex: 1 0 auto;
    position: unset;
    top: unset;
    right: unset;
    font-size: 11px;
    line-height: 1;
    text-align: right
}

.voc-d-c-aud-p--news .voc-d-c-aud-p__time-display {
    width: 70px
}

.voc-d-c-aud-p--news.is-playing .voc-d-c-aud-p__btn {
    border-color: var(--cp9)
}

.voc-d-c-aud-p--news.is-playing .voc-d-c-aud-p__btn:hover {
    border-color: var(--cp3)
}

.voc-d-c-aud-p--news.is-paused .voc-d-c-aud-p__bar .voc-d-c-aud-p__indicator {
    background-color: var(--cp3)
}

.voc-d-c-aud-p--news.is-paused .voc-d-c-aud-p__bar>span,
.voc-d-c-aud-p--news.is-playing .voc-d-c-aud-p__bar>span {
    display: none
}

.voc-d-c-aud-p--news.is-paused .voc-d-c-aud-p__bar progress,
.voc-d-c-aud-p--news.is-playing .voc-d-c-aud-p__bar progress {
    display: block
}

.voc-d-c-aud-p--news.is-paused .voc-d-c-aud-p__bar .voc-d-c-aud-p__indicator,
.voc-d-c-aud-p--news.is-playing .voc-d-c-aud-p__bar .voc-d-c-aud-p__indicator {
    display: block
}

.voc-d-c-aud-p--news .voc-modal-dropdown {
    width: 180px;
    z-index: 2;
    transform: translateY(100px)
}

.voc-d-c-aud-p--news .voc-modal-dropdown.is-open {
    position: absolute;
    top: 55px;
    left: 0;
    transform: unset
}

.voc-d-c-aud-p--news .voc-modal-dropdown__wrapper {
    border-radius: 0 0 8px 8px;
    box-shadow: -6px 6px 8px #00000033;
    background-color: rgba(85, 85, 85, 0.8);
    padding: 12px 16px 13px 16px
}

.voc-d-c-aud-p--news .voc-modal-dropdown__wrapper:before {
    content: '';
    position: absolute;
    border-style: solid;
    top: -17px;
    left: 6px;
    right: unset;
    border-width: 0px 12px 17px 12px;
    border-color: transparent transparent rgba(85, 85, 85, 0.8) transparent
}

.voc-d-c-aud-p--news .voc-modal-dropdown p {
    margin-bottom: 12px;
    font: 13px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-align: center;
    color: #fff
}

.voc-d-c-aud-p--news .voc-modal-dropdown .voc-btn {
    width: 100%;
    height: 24px;
    margin-bottom: 12px;
    font: 15px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp3);
    background: #fff;
    border: 1px solid var(--cp3)
}

.voc-d-c-aud-p--news .voc-modal-dropdown .voc-btn--pw {
    color: #fff;
    background: #e4b016;
    border-color: #e4b016
}

.voc-d-c-aud-p--news .voc-modal-dropdown span {
    display: block;
    text-align: center;
    font: 15px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #fff
}

.voc-d-c-aud-p--news .voc-modal-dropdown span a {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-decoration: underline;
    transition: .3s
}

.voc-d-c-aud-p--news .voc-modal-dropdown span a:hover {
    opacity: .8
}

.voc-c-container--aud-p-news {
    height: 36px
}

.voc-d-c-related-news .voc-d-c__header {
    margin-bottom: 8px
}

.voc-d-c-related-news .voc-p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-d-c-related-news .voc-grid {
        grid-gap: 16px
    }
}

.voc-d-c-related-news .voc-grid .voc-img-container {
    width: 106px
}

@media (min-width: 699px) {
    .voc-d-c-related-news .voc-grid .voc-img-container {
        margin-left: 16px
    }
}

.voc-d-c-related-news .voc-grid .voc-title {
    font-size: 18px;
    line-height: 20px
}

.voc-d-c-related-news .voc-grid .voc-article--reportage .voc-title {
    margin-left: 0;
    margin-right: 0
}

.voc-d-c-related-news .voc-grid .voc-article--opinion .voc-pretitle {
    font-size: 10px;
    line-height: 12px
}

.voc-d-c-related-news .voc-grid .voc-article--opinion .voc-title {
    font-size: 18px;
    line-height: 20px
}

.voc-d-c-related-news .voc-grid .voc-article--opinion .voc-img-container {
    width: 106px
}

.voc-d-c-related-news .voc-grid .voc-article--sponsor .voc-img-link,
.voc-d-c-related-news .voc-grid .voc-article--sponsor .voc-img-figure {
    height: auto
}

@media (min-width: 699px) {
    .voc-d-c-aud-q {
        position: relative;
        display: inline-flex;
        align-items: center
    }
}

@media (min-width: 699px) {

    .voc-d-c-aud-q.is-playing .voc-d-c-aud-q__btn,
    .voc-d-c-aud-q.is-paused .voc-d-c-aud-q__btn {
        background-color: var(--cp9)
    }
}

.voc-d-c-aud-q.is-playing .voc-d-c-aud-q__edge,
.voc-d-c-aud-q.is-paused .voc-d-c-aud-q__edge {
    background-color: var(--cp9)
}

.voc-d-c-aud-q.is-playing .voc-d-c-aud-q__btn span {
    height: 16px;
    border: 0;
    border-right: 13px double #fff
}

.voc-d-c-aud-q__quote {
    font: 20px/28px "ABCText Semibold", Georgia, Times New Roman, serif;
    color: #000
}

@media (min-width: 699px) {
    .voc-d-c-aud-q__quote {
        padding: 0 8px;
        font-size: 22px;
        line-height: 29px;
        border-bottom: 3px solid #26262680;
        z-index: 1
    }
}

.voc-d-c-aud-q__prog-bar-bdr {
    display: none;
    position: absolute;
    width: 0;
    height: 3px;
    background: var(--cp9);
    left: 32px;
    bottom: 0;
    z-index: 2
}

@media (min-width: 699px) {
    .voc-d-c-aud-q__prog-bar-bdr {
        display: block
    }
}

.voc-d-c-aud-q progress {
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0
}

@media (min-width: 699px) {
    .voc-d-c-aud-q progress {
        left: 32px;
        width: calc(100% - 63px)
    }
}

.voc-d-c-aud-q progress::-moz-progress-bar {
    background-color: var(--cp9)
}

@media (min-width: 699px) {
    .voc-d-c-aud-q progress::-moz-progress-bar {
        background-color: #ffa85b75
    }
}

.voc-d-c-aud-q progress::-webkit-progress-bar {
    background-color: transparent
}

.voc-d-c-aud-q progress::-webkit-progress-value {
    background-color: var(--cp9)
}

@media (min-width: 699px) {
    .voc-d-c-aud-q progress::-webkit-progress-value {
        background-color: #ffa85b75
    }
}

.voc-d-c-aud-q__btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 56px;
    height: 28px;
    padding: 0 8px;
    background-color: #26262680;
    border-radius: 28px;
    overflow: hidden;
    cursor: pointer
}

@media (min-width: 699px) {
    .voc-d-c-aud-q__btn {
        flex: 1 0 auto;
        position: unset;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 32px 0 0 32px
    }
}

.voc-d-c-aud-q__btn span {
    position: relative;
    left: 1px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #fff;
    z-index: 1
}

@media (min-width: 699px) {
    .voc-d-c-aud-q__btn span {
        left: 2px
    }
}

.voc-d-c-aud-q__btn svg {
    width: 18px;
    height: 18px;
    z-index: 1
}

@media (min-width: 699px) {
    .voc-d-c-aud-q__btn svg {
        display: none
    }
}

.voc-d-c-aud-q__btn svg path {
    fill: #fff
}

.voc-d-c-aud-q__edge {
    display: none
}

@media (min-width: 699px) {
    .voc-d-c-aud-q__edge {
        flex: 1 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        background-color: #26262680;
        border-top-right-radius: 32px;
        border-bottom-right-radius: 32px;
        z-index: 1
    }

    .voc-d-c-aud-q__edge svg {
        position: relative;
        left: -1px;
        width: 18px;
        height: 18px
    }

    .voc-d-c-aud-q__edge svg path {
        fill: #fff
    }
}

.voc-d-c-chapter .voc-d-c__pretitle:after {
    content: '';
    display: block;
    width: 90px;
    height: .9px;
    background-color: #888;
    margin-top: 8px
}

@media (min-width: 699px) {
    .voc-d-c-chapter .voc-d-c__pretitle:after {
        width: 170px
    }
}

.voc-d-c-chapter__title {
    font: 32px/36px "ABCDisplay Light", Georgia, Times New Roman, serif;
    color: #262626
}

@media (min-width: 699px) {
    .voc-d-c-chapter__title {
        font-size: 38px;
        line-height: 43px
    }
}

.voc-d-c-combo-3 .voc-figcaption-container {
    text-align: left
}

@media (min-width: 1039px) {
    .voc-d-c-combo-3 .voc-figcaption-container {
        grid-column: 1 / span 2
    }
}

.voc-d-c-combo-3 .voc-figcaption--type,
.voc-d-c-combo-3 .voc-figcaption--text {
    font-size: 14px
}

.voc-d-c-combo-3__container {
    display: flex;
    flex-direction: column
}

@media (min-width: 1039px) {
    .voc-d-c-combo-3__container {
        display: grid;
        grid-column-gap: 16px;
        grid-template-columns: 464px 1fr
    }
}

.voc-d-c-combo-3__image {
    margin-bottom: 16px
}

@media (min-width: 1039px) {
    .voc-d-c-combo-3__image {
        margin-bottom: 0
    }
}

.voc-d-c-combo-3__image:last-of-type {
    margin-bottom: 0
}

@media (min-width: 1039px) {
    .voc-d-c-combo-3__image--1 {
        grid-column: 1 / span 2;
        margin-bottom: 16px
    }
}

.voc-d-c-combo-3__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.voc-d-c-fignumber__container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 12px
}

@media (min-width: 1366px) {
    .voc-d-c-fignumber__container {
        float: left;
        width: 268px;
        margin-left: -100px;
        margin-right: 18px
    }
}

@media (min-width: 699px) {
    .voc-d-c-fignumber__container {
        align-items: flex-start
    }
}

.voc-d-c-fignumber__container:before {
    content: '';
    display: block;
    width: 90px;
    height: .9px;
    background-color: #888;
    margin-bottom: 8px
}

@media (min-width: 699px) {
    .voc-d-c-fignumber__container:before {
        width: 170px
    }
}

.voc-d-c-fignumber__kicker {
    margin-bottom: 4px;
    font: 16px/14px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: .32px;
    text-transform: uppercase;
    color: #888
}

.voc-d-c-fignumber__number {
    font: 60px/1 "ABCDisplay Light", Georgia, Times New Roman, serif;
    color: var(--cp2)
}

.voc-d-c-fignumber__title {
    margin-bottom: 14px;
    font: 22px/24px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

@media (min-width: 699px) {
    .voc-d-c-fignumber__title {
        margin-bottom: 8px
    }
}

.voc-d-c-fignumber__desc {
    font: 20px/26px "ABCText Semibold", Georgia, Times New Roman, serif;
    text-align: center;
    color: var(--cp2)
}

@media (min-width: 699px) {
    .voc-d-c-fignumber__desc {
        text-align: left
    }
}

@media (min-width: 699px) {
    .voc-d-c-file__4-cols .voc-grid__col:first-child {
        position: relative
    }

    .voc-d-c-file__4-cols .voc-grid__col:first-child:after {
        content: '';
        display: inline-block;
        width: 90px;
        height: .9px;
        background-color: #888;
        bottom: -8px;
        position: absolute;
        left: 0
    }
}

@media (min-width: 699px) and (min-width: 699px) {
    .voc-d-c-file__4-cols .voc-grid__col:first-child:after {
        width: 170px
    }
}

.voc-d-c-file .voc-grid__col:not(:first-child):before {
    content: '';
    display: inline-block;
    width: 90px;
    height: .9px;
    background-color: #888;
    margin-bottom: 8px
}

@media (min-width: 699px) {
    .voc-d-c-file .voc-grid__col:not(:first-child):before {
        display: none
    }
}

.voc-d-c-file__5-cols {
    display: flex;
    flex-direction: column;
    grid-gap: 13px
}

@media (min-width: 699px) {
    .voc-d-c-file__5-cols .voc-grid__col:not(:first-child):before {
        content: '';
        display: inline-block;
        width: 170px;
        height: .9px;
        background-color: #888;
        margin-bottom: 8px
    }
}

.voc-d-c-file--play .voc-d-c__header {
    margin-bottom: 12px
}

.voc-d-c-file--play .voc-grid--4-cols {
    margin-bottom: 24px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-d-c-file--play .voc-grid--2-cols-xs {
        grid-template-columns: repeat(2, 1fr)
    }
}

.voc-d-c-file--play .voc-d-c-file__4-cols .voc-grid__col:first-child:after,
.voc-d-c-file--play .voc-grid__col:not(:first-child):before {
    content: none
}

.voc-d-c-file--play .voc-article {
    transition: .3s
}

.voc-d-c-file--play .voc-article:hover {
    opacity: .8
}

.voc-d-c-file--play .voc-img-container {
    width: auto;
    height: 245px
}

.voc-d-c-file--play .voc-img-figure,
.voc-d-c-file--play .voc-img-link,
.voc-d-c-file--play .voc-img {
    height: 100%
}

.voc-d-c-file--play .voc-img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.voc-d-c-file--play .voc-title a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.voc-d-c-file-generic--play {
    width: 100%
}

@media (min-width: 699px) {
    .voc-d-c-file-generic--play {
        width: 562px
    }
}

.voc-d-c-file-generic--play .voc-d-c__header {
    margin-bottom: 12px
}

.voc-d-c-file-generic--play .voc-img-container {
    max-width: 170px;
    margin-bottom: 16px
}

.voc-d-c-file-generic--play .voc-p {
    font: 20px/25px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.voc-d-c-file-generic--play .voc-p strong,
.voc-d-c-file-generic--play .voc-p a {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp2)
}

.voc-d-c-file-tennis .voc-table__td {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: rgba(var(--cp2), 0.3);
    padding: 5px 0
}

.voc-d-c-file-tennis .voc-table__td span {
    display: block
}

.voc-d-c-file-tennis .voc-table__td:first-child {
    color: #000;
    font-size: 22px;
    line-height: 24px
}

@media (min-width: 699px) {
    .voc-d-c-file-tennis .voc-table__td:first-child {
        font-size: 22px;
        line-height: 24px
    }
}

.voc-d-c-file-tennis .voc-table__td:not(:first-child) {
    text-align: right;
    width: 24px
}

@media (min-width: 699px) {
    .voc-d-c-file-tennis .voc-table__td:not(:first-child) {
        width: 36px
    }
}

.voc-d-c-file-tennis .voc-table__td.is-win {
    color: var(--cp2)
}

.voc-d-c-file-tennis .voc-d-c__header .voc-pretitle {
    margin: 0;
    margin-top: 4px
}

.voc-d-c-file-lineup .voc-d-c__header .voc-pretitle {
    margin: 0;
    margin-top: 4px
}

@media (min-width: 699px) {
    .voc-d-c-file-lineup .voc-d-c__header .voc-pretitle {
        margin-top: 8px
    }
}

.voc-d-c-file-report .voc-d-c__header {
    margin-bottom: 0
}

.voc-d-c-file-report .voc-d-c__header .voc-d-c__title {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 18px
}

.voc-d-c-file-report .voc-d-c__header .voc-pretitle {
    margin-bottom: 0
}

.voc-d-c-file-report .voc-d-c__title {
    display: block;
    margin-bottom: 12px
}

.voc-d-c-file-report__section {
    margin-bottom: 16px
}

.voc-d-c-file-report__section:before {
    content: '';
    display: block;
    width: 90px;
    height: 0.9px;
    margin-bottom: 12px;
    background-color: #888
}

@media (min-width: 699px) {
    .voc-d-c-file-report__section:before {
        width: 170px
    }
}

.voc-d-c-file-report__section .voc-p {
    font: 18px/23px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

@media (min-width: 699px) {
    .voc-d-c-file-report__section .voc-p {
        font-size: 20px;
        line-height: 25px
    }
}

.voc-d-c-file-report__section .voc-p strong {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-d-c-file-report__section .voc-list:not(:last-child) {
    margin-bottom: 12px
}

.voc-d-c-file-report__section .voc-list svg {
    width: 16px;
    height: 21px;
    margin-right: 10px
}

.voc-d-c-file-report__section .voc-list li {
    margin-bottom: 8px
}

.voc-d-c-file-report .voc-score {
    margin-bottom: 12px;
    padding-top: 12px
}

.voc-d-c-file-report .voc-score__body {
    background: transparent
}

@media (min-width: 699px) {
    .voc-d-c-file-report .voc-score__body {
        -moz-column-gap: 48px;
        column-gap: 48px
    }
}

@media (min-width: 699px) {
    .voc-d-c-file-report .voc-score__player-media {
        grid-row: 1
    }
}

.voc-d-c-file-report .voc-score__player .voc-score__list {
    margin-top: 12px;
    font-size: 16px;
    line-height: 21px;
    color: #000
}

@media (min-width: 699px) {
    .voc-d-c-file-report .voc-score__player .voc-score__list {
        grid-column: 1 / span 2;
        margin-top: 18px;
        font-size: 20px;
        line-height: 25px
    }
}

@media (min-width: 699px) {
    .voc-d-c-file-report .voc-score__player--home {
        grid-template-columns: auto 1fr;
        text-align: left
    }
}

@media (min-width: 699px) {
    .voc-d-c-file-report .voc-score__player--home .voc-score__player-media {
        grid-column: 1
    }
}

@media (min-width: 699px) {
    .voc-d-c-file-report .voc-score__player--home .voc-score__name {
        padding-right: 60px
    }
}

@media (min-width: 699px) {
    .voc-d-c-file-report .voc-score__player--away {
        grid-template-columns: 1fr auto;
        text-align: right
    }
}

@media (min-width: 699px) {
    .voc-d-c-file-report .voc-score__player--away .voc-score__player-media {
        grid-column: 2
    }
}

@media (min-width: 699px) {
    .voc-d-c-file-report .voc-score__player--away .voc-score__name {
        padding-left: 60px
    }
}

@media (min-width: 699px) {
    .voc-d-c-file-report .voc-score--soccer .voc-score__scoreblock {
        position: absolute
    }
}

.voc-d-c-prod {
    position: relative;
    margin-bottom: 48px;
    padding: 16px;
    border: 3px solid #244765
}

.voc-d-c-prod__container>* {
    margin-bottom: 12px
}

@media (min-width: 699px) {
    .voc-d-c-prod__container {
        display: grid;
        grid-template-columns: 1fr 150px;
        grid-template-rows: auto auto auto;
        -moz-column-gap: 12px;
        column-gap: 12px
    }
}

.voc-d-c-prod .voc-pretitle {
    display: flex;
    margin: 0 0 8px;
    font: 15px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #244765
}

.voc-d-c-prod .voc-pretitle svg {
    width: 20px;
    height: 14px;
    margin-right: 4px
}

.voc-d-c-prod .voc-pretitle svg path {
    fill: var(--cp11)
}

.voc-d-c-prod .voc-img-container {
    width: 150px
}

@media (min-width: 699px) {
    .voc-d-c-prod .voc-img-container {
        grid-column: 2;
        grid-row: 1 / span all;
        margin: 0 0 12px
    }
}

.voc-d-c-prod .voc .voc-img {
    aspect-ratio: 1
}

.voc-d-c-prod .voc-title {
    display: block;
    font: 24px/26px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #244765
}

.voc-d-c-prod .voc-p {
    font: 18px/22px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-d-c-prod .voc-btn {
    font: 20px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-d-c-prod .voc-btn__pretext {
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-d-c-prod .voc-btn__container {
    flex-wrap: wrap;
    gap: 16px
}

@media (min-width: 699px) {
    .voc-d-c-prod .voc-btn__container {
        gap: 20px
    }
}

.voc-d-c-graphic__desktop {
    display: none
}

@media (min-width: 699px) {
    .voc-d-c-graphic__desktop {
        display: block
    }
}

@media (min-width: 699px) {
    .voc-d-c-graphic__mobile {
        display: none
    }
}

.voc-d-c-graphic .voc-img-link {
    aspect-ratio: auto
}

.voc-d-c-juxtapose .voc-d-c__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px
}

.voc-d-c-juxtapose .voc-figcaption-container {
    text-align: left
}

.voc-juxtapose__image {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.voc-juxtapose__image.is-overlay:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 3px;
    background-color: #fff;
    right: 0;
    top: 0;
    bottom: 0
}

.voc-juxtapose__img {
    width: auto;
    height: 100%;
    aspect-ratio: 16/9
}

.voc-juxtapose__container {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden
}

.voc-juxtapose__container:hover .juxtapose-slider:before {
    transform: scale(2.5) translate(-6px, 0)
}

.voc-juxtapose__container:hover .juxtapose-slider:after {
    transform: scale(2.5) translate(6px, 0)
}

.voc-juxtapose__slider {
    position: absolute;
    top: 50%;
    transform: translate(-1px, -50%);
    z-index: 1;
    cursor: ew-resize;
    width: 64px;
    height: 32px;
    border: 1px solid #fff;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px
}

.voc-juxtapose__slider:before,
.voc-juxtapose__slider:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    transition: .3s
}

.voc-juxtapose__slider:before {
    border-width: 8px 8px 8px 0;
    border-color: transparent #fff transparent transparent
}

.voc-juxtapose__slider:after {
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #fff
}

.voc-d-c-list-block {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-row-gap: 8px
}

.voc-d-c-list-block__item {
    display: flex;
    grid-row: auto
}

.voc-d-c-list-block__item>* {
    margin-right: 12px
}

@media (min-width: 699px) {
    .voc-d-c-list-block__item {
        grid-row: 1 / span 2
    }
}

.voc-d-c-list-block__item+.voc-d-c-list-block__kicker {
    grid-column: auto
}

.voc-d-c-list-block__index {
    font: 55px/60% "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: #000
}

@media (min-width: 699px) {
    .voc-d-c-list-block__index {
        font-size: 68px
    }
}

.voc-d-c-list-block__media {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    overflow: hidden
}

@media (min-width: 699px) {
    .voc-d-c-list-block__media {
        width: 78px;
        height: 78px
    }
}

.voc-d-c-list-block__kicker {
    grid-column: 1 / span 2
}

.voc-d-c-list-block .voc-d-c__pretitle {
    font: 16px/19px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

.voc-d-c-list-block__subtitle-add {
    display: block;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp2)
}

@media (min-width: 699px) {
    .voc-d-c-list-block__subtitle-add {
        position: relative;
        display: inline-block;
        margin-left: 6px;
        padding-left: 14px
    }

    .voc-d-c-list-block__subtitle-add:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 6px;
        height: 6px;
        background-color: #888;
        border-radius: 100%
    }
}

.voc-d-c-list-block__title {
    grid-column: 1 / span 2;
    font: 24px/26px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

@media (min-width: 699px) {
    .voc-d-c-list-block__title {
        font-size: 26px;
        line-height: 28px;
        grid-column: auto
    }
}

.voc-d-c-list-block__title a {
    -webkit-text-decoration: underline solid 1px;
    text-decoration: underline solid 1px;
    transition: .3s
}

.voc-d-c-list-block__title a:hover {
    opacity: .8
}

.voc-d-c-list-props .voc-d-c__pretitle {
    font: 20px/20px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-d-c-list-props__item {
    margin-bottom: 16px;
    display: flex;
    position: relative;
    padding-left: 25px
}

.voc-d-c-list-props__item:last-child {
    margin-bottom: 0
}

.voc-d-c-list-props__item:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: var(--cp2);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px
}

.voc-d-c-list-props__item--red-circle:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: var(--cp7);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px;
    -webkit-animation: blinkLive 1.5s infinite;
    animation: blinkLive 1.5s infinite
}

.voc-d-c-list-props__item--triangle:before {
    content: '';
    display: inline-block;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 3px;
    width: 0px;
    height: 0px;
    border-top: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 14px solid var(--cp3);
    border-radius: 0
}

.voc-d-c-list-props__item--audio:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/ICN-audio.svg) transparent no-repeat;
    border-radius: 0
}

.voc-d-c-list-props__item--camera:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/ICN-fotos.svg) transparent no-repeat;
    border-radius: 0
}

.voc-d-c-list-props__item--graphic:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/ICN-grafico.svg) transparent no-repeat;
    border-radius: 0
}

.voc-d-c-list-props__paragraph {
    font: 18px/23px "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    text-decoration: underline;
    color: #000000;
    transition: .3s
}

.voc-d-c-list-props__paragraph:hover {
    opacity: .8
}

.voc-d-c-list-props__paragraph .voc-onplus {
    margin: 0
}

.voc-d-c-list ol.voc-d-c-list__list {
    counter-reset: numList
}

.voc-d-c-list ol.voc-d-c-list__list li {
    counter-increment: numList;
    margin-bottom: 0;
    padding-left: 0
}

.voc-d-c-list ol.voc-d-c-list__list li:before {
    content: counter(numList) ". ";
    position: relative;
    top: 1px;
    width: auto;
    height: auto;
    margin-right: 8px;
    font: 18px/23px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp2);
    background: transparent
}

@media (min-width: 699px) {
    .voc-d-c-list ol.voc-d-c-list__list li:before {
        font-size: 20px;
        line-height: 25px
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-d-c-list .voc-d-c__header {
        margin-bottom: 24px
    }
}

.voc-d-c-list .voc-d-c__s-title {
    margin-top: 0
}

.voc-d-c-list+.voc-d-c-list {
    margin-top: 32px
}

.voc-d-c-list__item {
    margin-bottom: 16px;
    display: flex;
    position: relative;
    padding-left: 19px
}

.voc-d-c-list__item:last-child {
    margin-bottom: 0
}

.voc-d-c-list__item:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: var(--cp2);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px
}

.voc-d-c-list__number {
    font: 22px/22px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    flex-shrink: 0;
    min-width: 27px;
    transform: translate(0, 2px)
}

@media (min-width: 1039px) {
    .voc-d-c-list__number {
        font-size: 22px;
        line-height: 22px;
        min-width: 30px
    }
}

.voc-d-c-list__pre {
    margin: 5px 12px 8px 0;
    font: 14px/16px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #555
}

@media (min-width: 1039px) {
    .voc-d-c-list__pre {
        min-width: 120px
    }
}

.voc-d-c-list__pre strong {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-d-c-list__paragraph {
    font: 18px/23px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000000
}

@media (min-width: 1039px) {
    .voc-d-c-list__paragraph {
        font-size: 20px;
        line-height: 25px
    }
}

.voc-d-c-list__paragraph a {
    color: var(--cp2);
    -webkit-text-decoration: underline solid 1px;
    text-decoration: underline solid 1px;
    transition: .3s;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-d-c-list__paragraph a:hover {
    opacity: .8
}

.voc-d-c-list--numeric .voc-d-c-list__item {
    padding-left: 0
}

.voc-d-c-list--numeric .voc-d-c-list__item:before {
    display: none
}

.voc-d-c-list--chrono .voc-d-c-list__item {
    flex-direction: column
}

@media (min-width: 1039px) {
    .voc-d-c-list--chrono .voc-d-c-list__item {
        flex-direction: row
    }
}

.voc-d-c-list--chrono .voc-d-c-list__item:not(:last-child) {
    margin-bottom: 0;
    padding-bottom: 16px
}

.voc-d-c-list--chrono .voc-d-c-list__item:last-child:after {
    height: calc(100% - 8px)
}

.voc-d-c-list--chrono .voc-d-c-list__item:before {
    top: 8px;
    width: 9px;
    height: 9px;
    z-index: 1
}

.voc-d-c-list--chrono .voc-d-c-list__item:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 4px;
    display: block;
    width: 1px;
    height: 100%;
    background: #B7B7B7
}

.voc-d-c-list--chrono .voc-d-c-list__paragraph {
    font: 20px/28px "ABCText Light", Georgia, Times New Roman, serif
}

@media (min-width: 1039px) {
    .voc-d-c-list--chrono .voc-d-c-list__paragraph {
        font-size: 22px;
        line-height: 32px
    }
}

.voc-d-c-list--chrono .voc-d-c-list__paragraph a {
    font-family: "ABCText Semibold", Georgia, Times New Roman, serif
}

.voc-d-c-recipe__media {
    display: block;
    width: 249px;
    margin-bottom: 10px
}

@media (min-width: 699px) {
    .voc-d-c-recipe__media {
        width: 100%
    }
}

.voc-d-c-recipe__container {
    display: grid
}

@media (min-width: 699px) {
    .voc-d-c-recipe__container {
        grid-template-columns: 1fr 170px;
        grid-column-gap: 24px;
        grid-template-rows: auto auto 1fr
    }
}

.voc-d-c-recipe__title {
    margin-bottom: 13px;
    font: 22px/24px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

.voc-d-c-recipe__title a {
    text-decoration: underline;
    transition: .3s
}

.voc-d-c-recipe__title a:hover {
    opacity: .6
}

.voc-d-c-recipe__type {
    margin-bottom: 6px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-d-c-recipe__type {
        order: 1
    }
}

@media (min-width: 699px) {
    .voc-d-c-recipe__type {
        margin-bottom: 16px
    }
}

.voc-d-c-recipe__type .voc-list__item {
    margin-bottom: 0
}

.voc-d-c-recipe__type .voc-list__item span {
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

.voc-d-c-recipe__type .voc-list__item svg {
    width: 20px;
    height: 15px;
    margin-right: 4px
}

.voc-d-c-recipe__type .voc-list__item svg path {
    fill: var(--cp2)
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-d-c-recipe__ingredients {
        order: 2
    }
}

.voc-d-c-recipe__ingredients-list:not(:last-child) {
    margin-bottom: 12px
}

@media (min-width: 699px) {
    .voc-d-c-recipe__ingredients-list:not(:last-child) {
        margin-bottom: 16px
    }
}

.voc-d-c-recipe__ingredients-list:before {
    content: '';
    display: inline-block;
    width: 90px;
    height: .9px;
    margin-bottom: 8px;
    background-color: #888
}

@media (min-width: 699px) {
    .voc-d-c-recipe__ingredients-list:before {
        width: 170px
    }
}

.voc-d-c-recipe__ingredients-list .voc-list__item:not(:last-child) {
    margin-bottom: 12px
}

@media (min-width: 699px) {
    .voc-d-c-recipe__ingredients-list .voc-list__item:not(:last-child) {
        margin-bottom: 16px
    }
}

.voc-d-c-recipe__ingredients-list .voc-list__item:last-child {
    margin-bottom: 12px
}

.voc-d-c-recipe__ingredients-list .voc-list__item:before {
    content: '';
    position: relative;
    top: -3px;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 12px;
    background-color: var(--cp2);
    border-radius: 100%
}

.voc-d-c-recipe__ingredients-list .voc-list__item a {
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

.voc-d-c-recipe__ranges {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-d-c-recipe__ranges {
        order: 3
    }
}

@media (min-width: 699px) {
    .voc-d-c-recipe__ranges {
        grid-column: 2;
        grid-row: 1 / span 3;
        display: block;
        margin-bottom: 12px
    }
}

.voc-d-c-recipe__ranges li {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
    padding-right: 10px
}

@media (min-width: 699px) {
    .voc-d-c-recipe__ranges li:after {
        content: '';
        display: block;
        width: 75px;
        height: .9px;
        background-color: #888;
        margin-top: 4px
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-d-c-recipe__ranges li:before {
        content: '';
        display: block;
        width: 75px;
        height: .9px;
        background-color: #888;
        margin-bottom: 8px
    }
}

.voc-d-c-recipe__ranges-title {
    display: block;
    font: 16px/18px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp2)
}

.voc-d-c-recipe__ranges-content {
    flex: 1;
    display: flex;
    font: 20px/25px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

.voc-d-c-recipe__ranges-icon {
    color: #ddd
}

.voc-d-c-recipe__ranges-icon--filled {
    color: #000
}

.voc-d-c-recipe-metadata {
    margin-bottom: 48px
}

.voc-d-c-recipe-metadata:before,
.voc-d-c-recipe-metadata:after {
    content: '';
    display: block;
    width: 90px;
    height: .9px;
    background-color: #888
}

@media (min-width: 699px) {

    .voc-d-c-recipe-metadata:before,
    .voc-d-c-recipe-metadata:after {
        width: 170px
    }
}

.voc-d-c-recipe-metadata:before {
    margin-bottom: 12px
}

.voc-d-c-recipe-metadata:after {
    margin-top: 12px
}

.voc-d-c-recipe-metadata ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 16px
}

@media (min-width: 699px) {
    .voc-d-c-recipe-metadata ul {
        flex-direction: row
    }
}

.voc-d-c-recipe-metadata ul:not(:last-child) {
    margin-bottom: 16px
}

.voc-d-c-recipe-metadata li {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--cp2)
}

@media (min-width: 699px) {
    .voc-d-c-recipe-metadata li {
        gap: 8px
    }
}

.voc-d-c-recipe-metadata svg {
    max-width: 36px;
    width: 100%;
    height: 28px
}

.voc-d-c-recipe-metadata span {
    flex: 1 0 auto
}

.voc-d-c-recipe-steps .voc-d-c__header {
    margin-bottom: 8px
}

.voc-d-c-recipe-steps .voc-d-c__s-title {
    margin-top: 0;
    margin-bottom: 0
}

.voc-d-c-recipe-steps .voc-p {
    margin-bottom: 24px
}

.voc-d-c-recipe-steps .voc-img-container {
    margin-bottom: 46px
}

.voc-d-c-review {
    position: relative;
    overflow: hidden
}

@media (min-width: 699px) {
    .voc-d-c-review {
        display: grid;
        grid-template-rows: auto 1fr;
        grid-template-columns: auto 1fr
    }
}

@media (min-width: 699px) {
    .voc-d-c-review .voc-d-c__header {
        grid-column: 2
    }
}

.voc-d-c-review .voc-d-c__s-title {
    margin-top: 0
}

@media (min-width: 699px) {
    .voc-d-c-review__container {
        grid-column: 2;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
}

.voc-d-c-review__media+.voc-d-c-review__container {
    position: relative
}

.voc-d-c-review__media+.voc-d-c-review__container .voc-d-c-review__list {
    margin-bottom: 0;
    padding-bottom: 40px
}

@media (min-width: 699px) {
    .voc-d-c-review__media+.voc-d-c-review__container .voc-d-c-review__list {
        margin-bottom: 12px;
        padding-bottom: 0
    }
}

.voc-d-c-review__media+.voc-d-c-review__container .voc-d-c-review__rating {
    position: absolute;
    bottom: 0
}

@media (min-width: 699px) {
    .voc-d-c-review__media+.voc-d-c-review__container .voc-d-c-review__rating {
        position: unset
    }
}

.voc-d-c-review__media {
    float: right;
    width: 160px;
    margin: 0 0 16px 16px
}

@media (min-width: 699px) {
    .voc-d-c-review__media {
        width: 224px;
        margin: 0 12px 0 0;
        grid-row: 1 / span 2
    }
}

.voc-d-c-review__list {
    margin-bottom: 12px
}

.voc-d-c-review__list li {
    display: inline;
    font: 18px/23px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

@media (min-width: 699px) {
    .voc-d-c-review__list li {
        font-size: 20px;
        line-height: 24px
    }
}

.voc-d-c-review__list li b {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-d-c-review__rating {
    display: flex;
    gap: 6px
}

.voc-d-c-review__rating-icon {
    width: 28px;
    height: 28px
}

.voc-d-c-review__rating-icon svg,
.voc-d-c-review__rating-icon svg path {
    stroke: #888;
    stroke-width: .5px;
    fill: #fff
}

.voc-d-c-review__rating-icon--filled svg,
.voc-d-c-review__rating-icon--filled svg path {
    stroke-width: 0;
    fill: var(--cp3)
}

@media (min-width: 699px) {
    .voc-d-c-review--play {
        display: flex;
        -moz-column-gap: 72px;
        column-gap: 72px
    }
}

.voc-d-c-review--play .voc-d-c-review__media {
    display: none
}

@media (min-width: 699px) {
    .voc-d-c-review--play .voc-d-c-review__media {
        display: block;
        width: 170px;
        height: auto;
        margin: 0;
        float: none
    }
}

.voc-d-c-review--play .voc-d-c__header {
    margin-bottom: 0
}

.voc-d-c-review--play .voc-d-c__header+.voc-d-c-review__list {
    margin-top: 36px
}

.voc-d-c-review--play .voc-onplus {
    margin-top: 24px
}

.voc-d-c-review--play .voc-d-c-review__container {
    justify-content: flex-start;
    flex: 1 0 0
}

.voc-d-c-review--play .voc-d-c__pretitle {
    margin-bottom: 16px
}

.voc-d-c-review--play .voc-d-c__s-title {
    font: 22px/24px "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    margin: 0
}

.voc-d-c-review--play .voc-p {
    margin-bottom: 36px;
    font-size: 15px;
    line-height: 18px
}

.voc-d-c-review--play .voc-d-c-review__list {
    margin-top: 12px;
    margin-bottom: 24px
}

.voc-d-c-review--play .voc-d-c-review__list li {
    font-size: 18px;
    line-height: 22px
}

.voc-d-c-review--play .voc-d-c-review__rating {
    margin-top: auto
}

.voc-d-c-review--play .voc-d-c-review__rating .voc-d-c-review__rating-icon--filled path {
    fill: var(--cp2)
}

.voc-d-c-top__number {
    position: relative;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-top: 64px
}

.voc-d-c-top__number:before,
.voc-d-c-top__number:after {
    width: 25%;
    height: 1px;
    content: "";
    display: block;
    position: absolute;
    bottom: 12px;
    background-color: #888
}

.voc-d-c-top__number:before {
    left: 0
}

.voc-d-c-top__number:after {
    right: 0
}

.voc-d-c-top__number span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font: 50px/50px "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: var(--cp2);
    text-align: center;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.4);
    border-radius: 100%;
    background-color: #fff;
    width: 90px;
    height: 90px;
    position: absolute;
    top: -45px;
    left: calc(50% - 45px)
}

@media (min-width: 1039px) {
    .voc-d-c-top__number span {
        font-size: 60px;
        line-height: 60px;
        width: 100px;
        height: 100px;
        top: -50px;
        left: calc(50% - 50px)
    }
}

.voc-d-c-top__number+.voc-article-container .voc-info-container:first-child {
    margin-top: 64px
}

.voc-d-c-top .voc-pretitle {
    margin-bottom: 12px;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp2)
}

.voc-d-c-top .voc-pretitle:after {
    content: "";
    display: block;
    width: 90px;
    height: .9px;
    background-color: #888;
    margin-top: 8px
}

@media (min-width: 699px) {
    .voc-d-c-top .voc-pretitle:after {
        width: 170px
    }
}

.voc-d-c-top .voc-title {
    font: 32px/36px "ABCDisplay Light", Georgia, Times New Roman, serif
}

@media (min-width: 1039px) {
    .voc-d-c-top .voc-title {
        font-size: 38px;
        line-height: 43px
    }
}

.voc-d-c-top .voc-title+.voc-subtitle,
.voc-d-c-top .voc-title+.voc-p {
    margin-top: 16px
}

.voc-d-c-top .voc-subtitle {
    font-size: 20px;
    line-height: 28px;
    font-family: "ABCText Semibold", Georgia, Times New Roman, serif
}

@media (min-width: 699px) {
    .voc-d-c-top .voc-subtitle {
        font-size: 22px;
        line-height: 32px
    }
}

.voc-d-c-top .voc-subtitle a {
    color: #000
}

.voc-d-c-top .voc-subtitle+.voc-p {
    margin-top: 16px
}

.voc-d-c-top .voc-list-top {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 16px
}

.voc-d-c-top .voc-list-top li {
    display: inline;
    font: 20px/28px "ABCText Semibold", Georgia, Times New Roman, serif;
    color: #000
}

.voc-d-c-top .voc-list-top li:not(:first-of-type)::before {
    display: inline-block;
    content: "/"
}

.voc-d-c-top .voc-list-top li a {
    color: #000
}

.voc-d-c-top .voc-list-top li a:hover {
    -webkit-text-decoration: underline solid 1px;
    text-decoration: underline solid 1px;
    opacity: 0.6
}

.voc-d-c-top .voc-btn__container+.voc-btn__container {
    margin-top: 16px
}

.voc-d-c-valuation .voc-title {
    display: block;
    margin-bottom: 3px;
    font: 16px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: var(--cp2)
}

.voc-d-c-valuation .voc-p {
    margin-bottom: 16px;
    font: 18px/23px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

@media (min-width: 699px) {
    .voc-d-c-valuation .voc-p {
        margin-bottom: 24px;
        font-size: 20px;
        line-height: 25px
    }
}

.voc-d-c-valuation .voc-p:last-child {
    margin-bottom: 24px
}

.voc-d-c-valuation__total {
    margin-bottom: 22px
}

@media (min-width: 699px) {
    .voc-d-c-valuation__total {
        margin-bottom: 30px
    }
}

.voc-d-c-valuation__total .voc-range-bar-info__number {
    position: absolute;
    top: -40px;
    right: 0;
    font: 60px/32px "ABCDisplay Light", Georgia, Times New Roman, serif
}

.voc-d-c-valuation__values {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 18px;
    column-gap: 18px;
    row-gap: 22px;
    margin-bottom: 32px
}

@media (min-width: 699px) {
    .voc-d-c-valuation__values {
        -moz-column-gap: 26px;
        column-gap: 26px;
        row-gap: 15px
    }
}

.voc-d-c-valuation__values>* {
    flex: 0 0 calc(50% - 9px)
}

@media (min-width: 699px) {
    .voc-d-c-valuation__values>* {
        flex-basis: calc(50% - 13px)
    }
}

.voc-d-c-valuation__source {
    font: 14px/15px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

.voc-d-c-valuation__source a {
    transition: .3s
}

.voc-d-c-valuation__source a:hover {
    opacity: .6
}

.voc-live {
    margin-bottom: 0
}

.voc-live>* {
    margin: 0 0 24px
}

.voc-live-item {
    display: block;
    padding: 16px 0 16px;
    border-top: 1px solid #ddd
}

.voc-live-item>*:not(:last-child) {
    margin-bottom: 16px
}

.voc-live-item__details {
    display: flex;
    align-items: center
}

.voc-live-item__details-l,
.voc-live-item__details-r {
    display: flex;
    align-items: center
}

.voc-live-item__details-l {
    gap: 10px
}

.voc-live-item__details-r {
    gap: 5px
}

.voc-live-item__details-r .voc-live-item__icon {
    width: 24px;
    height: 24px
}

.voc-live-item__details-r .voc-live-item__icon svg {
    width: 24px;
    height: 24px
}

.voc-live-item__details-r .voc-live-item__icon-desc {
    font-size: 12px
}

.voc-live-item__pretitle {
    display: block;
    font: 18px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp2)
}

.voc-live-item__icon {
    display: flex;
    align-items: center;
    width: 20px;
    height: 20px
}

.voc-live-item__icon-desc {
    font: 18px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

.voc-live-item__vifr {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%
}

.voc-live-item__vifr iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.voc-live-item .voc-author {
    align-items: flex-start;
    margin: 0 0 12px
}

.voc-live-item .voc-author__item {
    padding: 0;
    text-align: left
}

.voc-live-item .voc-author__item:before {
    content: none
}

.voc-live-item .voc-author__name {
    font-size: 12px;
    line-height: 14px;
    color: #000
}

.voc-live-item .twitter-tweet {
    max-width: 464px !important;
    margin: 0 auto 16px !important;
    padding-bottom: 6px
}

.voc-live-item__footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.voc-live-item .voc-social__icon--circle {
    width: 32px;
    height: 34px
}

.voc-live-item .voc-social--fb svg {
    height: 20px
}

.voc-live-item .voc-social--twitter svg {
    height: 15px
}

.voc-live-item .voc-social--copy-link svg {
    height: 17px
}

.voc-live-item .voc-to-top {
    width: auto
}

.voc-live-item .voc-to-top svg {
    transition: .3s;
    fill: #ddd
}

.voc-live-item .voc-to-top svg path {
    fill: #000
}

.voc-live-item .voc-to-top:hover {
    opacity: 1
}

.voc-live-item .voc-to-top:hover svg {
    opacity: 0.6;
    fill: #555
}

.voc-live-item .voc-to-top:hover svg path {
    fill: #fff
}

.voc-live-item .voc-title {
    display: block;
    font: 28px/30px "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: #000
}

.voc-live-item .voc-title a {
    text-decoration: underline
}

.voc-live-item .voc-title+* {
    margin-top: 24px
}

.voc-live-item .voc-p {
    display: block
}

.voc-live .is-key,
.voc-live .is-pinned {
    padding: 16px;
    scroll-margin: 100px;
    border-top-width: 2px;
    border-top-style: solid
}

.voc-live .is-key .voc-social__icon--circle,
.voc-live .is-pinned .voc-social__icon--circle {
    background-color: #fff
}

.voc-live .is-key .voc-to-top svg,
.voc-live .is-pinned .voc-to-top svg {
    fill: #fff
}

.voc-live .is-key .voc-to-top svg path,
.voc-live .is-pinned .voc-to-top svg path {
    fill: #000
}

.voc-live .is-key .voc-to-top:hover svg,
.voc-live .is-pinned .voc-to-top:hover svg {
    fill: #555
}

.voc-live .is-key .voc-to-top:hover svg path,
.voc-live .is-pinned .voc-to-top:hover svg path {
    fill: #fff
}

.voc-live .is-key,
.voc-live .is-key.is-pinned {
    background: #fcede8;
    border-top-color: #f19e84
}

.voc-live .is-pinned {
    background: #f3f3f3;
    border-top-color: #999
}

.voc-live .is-pinned .voc-live-item__details {
    justify-content: space-between
}

.voc-live.is-active .voc-live-item:not(.is-key) {
    display: none
}

.voc-live .voc-grid {
    grid-gap: 16px
}

.voc-live .voc-advertising__item {
    margin: 0 auto
}

.voc-live-arena.arena-liveblog {
    margin-bottom: 32px
}

.voc-live-arena.arena-liveblog .live-pbp--container .live-message--container {
    margin-top: 0
}

.voc-live-arena.arena-liveblog .live-message--action--pinned--icon {
    width: 8px;
    height: 16px
}

.voc-live-arena.arena-liveblog .live-message--reactions--ctas {
    height: auto;
    margin: 0
}

.voc-live-arena.arena-liveblog .summary--container {
    margin: 0;
    padding: 0
}

.voc-live-arena.arena-liveblog .summary--wrapper {
    margin-bottom: 36px;
    padding: 12px 0 0;
    border-top: 1px solid #B7B7B7;
    border-bottom: 0;
    scroll-margin: 100px;
    max-width: 100%
}

.voc-live-arena.arena-liveblog .summary--wrapper .live-message--card {
    margin-bottom: 0;
    border: 0;
    padding: 0
}

.voc-live-arena.arena-liveblog .summary--wrapper .live-message--card--container {
    margin: 0;
    padding: 0
}

.voc-live-arena.arena-liveblog .summary--wrapper div[class*="CardHeader-"] {
    border: 0
}

.voc-live-arena.arena-liveblog .summary--wrapper .live-message--message {
    line-height: 1
}

.voc-live-arena.arena-liveblog .summary--wrapper .live-message--message li {
    position: relative;
    padding-left: 16px
}

.voc-live-arena.arena-liveblog .summary--wrapper .live-message--message li:not(:last-child) {
    padding-bottom: 16px
}

.voc-live-arena.arena-liveblog .summary--wrapper .live-message--message li:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: var(--cp7);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 1
}

.voc-live-arena.arena-liveblog .summary--wrapper .live-message--message li a {
    font: 14px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-text-decoration: underline solid 1px;
    text-decoration: underline solid 1px;
    transition: .3s
}

.voc-live-arena.arena-liveblog .summary--wrapper .live-message--message li a:hover {
    opacity: .8
}

.voc-live-arena.arena-liveblog .summary--title {
    margin: 0 0 16px;
    text-align: left;
    font: 22px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: var(--cp7)
}

.voc-live-arena.arena-liveblog .summary--body>div>div {
    margin: 0
}

.voc-live-arena.arena-liveblog .summary--body .live-message--card--container>*:not(:last-child) {
    margin-bottom: 0
}

.voc-live-arena.arena-liveblog .summary--body .live-message-card {
    border-top: 0
}

.voc-live-arena.arena-liveblog .live-pbp--messages>div>div:not(:last-child) {
    margin-bottom: 24px
}

.voc-live-arena.arena-liveblog .live-pbp--container {
    max-width: 100%
}

.voc-live-arena.arena-liveblog .live-message--card {
    max-width: 100%;
    margin: 0;
    padding: 16px 0;
    border-top: 1px solid #ddd;
    border-radius: 0;
    box-shadow: unset
}

.voc-live-arena.arena-liveblog .live-message--card--container {
    display: flex;
    flex-direction: column;
    margin-top: 0
}

.voc-live-arena.arena-liveblog .live-message--card--container>*:not(:last-child) {
    margin-bottom: 16px
}

.voc-live-arena.arena-liveblog .live-message--card div[class*="CardHeader-"] {
    order: 2;
    padding: 0
}

.voc-live-arena.arena-liveblog .live-message--card div[class*="CardHeaderTime"] {
    order: 1;
    padding: 0
}

.voc-live-arena.arena-liveblog .live-message--card div[class*="CardHeaderTime"] .live-message--action--container {
    margin-bottom: 0
}

.voc-live-arena.arena-liveblog .live-message--card div[class*="CardBody"] {
    order: 3;
    padding: 0
}

.voc-live-arena.arena-liveblog .live-message--card div[class*="CardFooter"] {
    order: 4;
    padding: 0
}

.voc-live-arena.arena-liveblog .live-message--card--player {
    padding: 0 0 16px;
    border-bottom: 0
}

.voc-live-arena.arena-liveblog .live-message--card--player--image {
    width: 46px;
    height: 46px
}

.voc-live-arena.arena-liveblog .live-message--card div[class*="CardPlayerName"] {
    margin-top: 0;
    font-family: 'Basier Square Semibold';
    color: black;
    font-size: 14px;
    line-height: 1;
    height: auto
}

.voc-live-arena.arena-liveblog .live-message--title {
    font: 28px/30px "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: #000
}

.voc-live-arena.arena-liveblog .live-message--action--date>div>span {
    font: 18px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif !important;
    color: var(--cp2)
}

.voc-live-arena.arena-liveblog .live-message--action--date>div>span:first-child {
    margin-right: 8px;
    padding-right: 8px
}

.voc-live-arena.arena-liveblog .live-message--message {
    font: 20px/28px "ABCText Light", Georgia, Times New Roman, serif;
    color: #000;
    padding: 0 !important
}

@media (min-width: 699px) {
    .voc-live-arena.arena-liveblog .live-message--message {
        font-size: 22px;
        line-height: 32px
    }
}

.voc-live-arena.arena-liveblog .live-message--editor {
    justify-content: flex-start;
    margin-left: 0
}

.voc-live-arena.arena-liveblog .live-message--editor--name {
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-live-arena.arena-liveblog--card .live-message--media .twitter-tweet {
    margin-left: auto;
    margin-right: auto
}

.voc-live-arena.arena-liveblog .live-message--action--player-wrapper {
    padding: 0;
    margin-bottom: 16px
}

.voc-live-arena.arena-liveblog .live-message--action--player-wrapper>div {
    padding: 0
}

.voc-live-arena.arena-liveblog .live-message--content--wrapper {
    margin-top: 0
}

.voc-live-arena.arena-liveblog .live-pbp--load-more {
    color: #000;
    background-color: #fff;
    border: 1px solid var(--cp3);
    margin: 0 auto 32px;
    height: 32px;
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding: 8px 16px;
    border-radius: 16px;
    transition: .3s;
    max-width: 250px
}

.voc-live-arena.arena-liveblog .live-pbp--load-more:after {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 19.387 7.193%27%3E%3Cpath d=%27m.693.694 9.025 6 8.975-6%27 fill=%27none%27 stroke=%27%23000%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3C/path%3E%3C/svg%3E") no-repeat center;
    width: 13px;
    height: 13px;
    margin-left: 6px;
    transition: .3s
}

.voc-live-arena.arena-liveblog .live-pbp--load-more:hover {
    background-color: var(--cp3);
    color: #fff;
    border-color: var(--cp3)
}

.voc-live-arena.arena-liveblog .live-pbp--load-more:hover:after {
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 19.387 7.193%27%3E%3Cpath d=%27m.693.694 9.025 6 8.975-6%27 fill=%27none%27 stroke=%27%23000%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3C/path%3E%3C/svg%3E") no-repeat center;
    margin-left: 12px
}

.voc-live-arena.arena-liveblog .live-pbp--poweredby {
    margin: 0;
    padding: 0
}

.voc-live-arena.arena-liveblog .live-pbp--messages {
    margin: 0;
    padding: 0;
    border: 0
}

.voc-live-arena.arena-liveblog div[class*="PlayerImage-"] {
    width: 46px;
    height: 46px
}

.voc-live-arena.arena-liveblog div[class*="PlayerName-"] {
    font: 14px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

.voc-live-arena.arena-liveblog .live-message--message--wrapper {
    border-top: 1px solid #ddd;
    padding: 16px 0;
    max-width: 100%;
    display: flex;
    flex-direction: column
}

.voc-live-arena.arena-liveblog .live-message--message--wrapper .live-message--reactions--ctas {
    margin: 0
}

.voc-live-arena.arena-liveblog .live-message--action--container {
    position: relative;
    left: unset;
    margin-bottom: 16px;
    width: 100%
}

.voc-live-arena.arena-liveblog .live-message--action--container .live-message--action--period-time {
    width: 100%
}

.voc-live-arena.arena-liveblog .live-message--action--container .live-message--action--period-time .live-message--action--date {
    width: 100%
}

.voc-live-arena.arena-liveblog .live-message--action--container .live-message--action--period-time .live-message--action--date>div {
    flex-direction: row;
    cursor: auto;
    margin: 0
}

.voc-live-arena.arena-liveblog .live-message--action--container .live-message--action--period-time .live-message--action--date>div>span:first-child {
    border-right: 1px solid #9b9b9b
}

.voc-live-arena.arena-liveblog .live-message--action--container .live-message--action--icon {
    display: none
}

.voc-live-arena .arena-liveblog--no-timeline .live-message--content--wrapper {
    margin: 0;
    padding: 0
}

.voc-live-arena .arena-liveblog--no-timeline .live-message--content--wrapper>div {
    padding: 0
}

.voc-live-arena .arena-liveblog--no-timeline .live-message--action--player-wrapper {
    margin-bottom: 16px
}

.voc-live-arena .arena-liveblog--no-timeline .live-message--time-title {
    margin: 0 0 16px;
    padding: 0 !important
}

.voc-live-arena .arena-liveblog--no-timeline .live-message--action--container {
    flex-direction: row;
    width: 100%;
    max-width: 100%;
    margin: 0 0 16px;
    bottom: unset
}

.voc-live-arena .arena-liveblog--no-timeline .live-message--action--date {
    margin-bottom: 0
}

.voc-live-arena .arena-liveblog--no-timeline .live-message--action--pinned {
    margin-top: 0
}

.voc-live-arena .arena-liveblog--no-timeline .live-pbp--poweredby {
    margin-top: 32px;
    padding: 0 !important
}

.voc-live-arena .arena-live__small .arena-liveblog--card .live-pbp--container .live-message--container {
    margin: 0
}

.voc-live-arena .arena-live__small .arena-liveblog--no-timeline .live-message--action--container {
    padding: 0 !important
}

.voc-d-c-zoom-modal {
    padding: 0
}

@media (min-width: 699px) {
    .voc-d-c-zoom-modal {
        padding: 0
    }
}

.scroll {
    position: relative
}

.scroll__graphic {
    position: -webkit-sticky;
    position: sticky;
    z-index: 0
}

.scroll .step {
    background-color: #fff;
    border: 1px solid #d8d8d8;
    box-shadow: 4px 5px 8px #9A9A9A24;
    padding: 21px 12px 12px 26px;
    transition: opacity .25s ease-in-out;
    max-width: 562px;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    margin-bottom: 100vh
}

.scroll .step__title-post {
    color: #333;
    font: 22px/24px "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    margin-bottom: 14px
}

.scroll .step__text-post {
    color: #000;
    font: 16px/24px "ABCText Light", Georgia, Times New Roman, serif
}

.scroll .step__text-post strong {
    font-family: "ABCText Semibold", Georgia, Times New Roman, serif
}

@media (min-width: 1039px) {
    .scroll .step--right {
        margin-left: calc(100vw - (562px + 48px))
    }
}

@media (min-width: 1039px) {
    .scroll .step--left {
        margin-left: 48px
    }
}

.scroll .img-scroll-element {
    aspect-ratio: 16/9
}

.scroll .img-scroll-element img {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%)
}

.scroll__audio-text {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 18px;
    color: #333;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    position: -webkit-sticky;
    position: sticky;
    top: 83px
}

.scroll__audio-text-icon {
    width: 17px;
    height: 17px;
    margin-right: 10px;
    transform: translate(0, -2px);
    flex-shrink: 0
}

.scroll__audio-text-icon path {
    fill: #555
}

.scroll {
    position: relative
}

.scroll__map {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    width: 100%;
    margin: 0;
    transform: translate3d(0, 0, 0);
    z-index: 0
}

.scroll #map {
    background-color: #f3f3f3;
    height: 100vh;
    overflow: hidden
}

.scroll .leaflet-container .leaflet-tile-loaded {
    left: auto
}

.voc-gallery-scroll {
    height: auto;
    max-height: 550px;
    overflow: hidden
}

.voc-live-scribble {
    position: relative
}

.voc-match-stats {
    width: 100%;
    margin-bottom: 32px
}

.voc-match-stats tr {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px 12px
}

.voc-match-stats .voc-match-field {
    grid-column: 1 / span 2
}

.voc-match-stats .voc-match-field {
    order: 1
}

.voc-match-stats .voc-match-align .team-header {
    text-align: center;
    padding-bottom: 12px;
    border-bottom: 1px dotted #333;
    min-height: 128px
}

.voc-match-stats .voc-match-align .team-header img {
    display: block;
    margin: 0 auto 8px;
    width: 32px;
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center
}

.voc-match-stats .voc-match-align .team-header .team-name {
    display: block;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #000;
    padding-bottom: 4px;
    margin-top: 0;
    margin-bottom: 0
}

.voc-match-stats .voc-match-align .team-header .team-leader {
    display: block;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #333
}

.voc-match-stats .voc-match-align .team-header .team-tactic {
    display: block;
    font-family: Guardian TextSans Medium, sans-serif;
    font-size: 13px;
    color: #333
}

.voc-match-stats .team-members {
    list-style: none;
    margin: 0;
    padding: 0
}

.voc-match-stats .team-members .member {
    font-size: 0;
    line-height: 1.1;
    border-bottom: 1px dotted #333;
    padding: 7px 0 0;
    transition: .3s
}

.voc-match-stats .team-members .member:hover {
    opacity: .6
}

.voc-match-stats .voc-match-align.align-local .team-members .member {
    text-align: right
}

.voc-match-stats .voc-match-align.align-local .member-data {
    margin-right: 10px
}

.voc-match-stats .team-members .member .member-data .member-name {
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #000;
    max-width: 100%;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.voc-match-stats .team-members .member .member-data {
    max-width: calc(100% - 35px);
    display: inline-block
}

.voc-match-stats .team-members .member .member-data .member-position {
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #333
}

.voc-match-stats .team-members .member .member-number {
    display: inline-block;
    width: 24px;
    text-align: center;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #333;
    line-height: 1;
    padding: 6px 0;
    background-color: #f7f7f8;
    position: relative;
    top: -8px
}

.voc-match-stats .voc-field-container {
    width: 270px;
    height: 432px;
    margin: 0 auto;
    background: url(../images/campofutbol.svg) no-repeat 0 0;
    background-size: 100% 100%;
    position: relative
}

@media (min-width: 699px) {
    .voc-match-stats--not-responsive .voc-field-container {
        margin: 0 auto
    }
}

.voc-match-stats .voc-field-container .tactic {
    position: absolute;
    height: 216px;
    left: 0;
    right: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: stretch
}

.voc-match-stats .voc-field-container .tactic.local-tactic {
    top: 0;
    flex-direction: column;
    padding: 12px 24px 8px
}

.voc-match-stats .voc-field-container .tactic .tactic-row {
    text-align: center
}

.voc-match-stats .voc-field-container .tactic .tactic-inner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around
}

.voc-match-stats .voc-field-container .tactic .tactic-inner .player {
    display: inline-block;
    width: 24px;
    padding: 6px 0;
    text-align: center;
    line-height: 1;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    cursor: pointer;
    transition: .3s
}

.voc-match-stats .voc-field-container .tactic .tactic-inner .player:hover {
    opacity: .7
}

.voc-match-stats .voc-field-container .tactic.local-tactic .player {
    background: #fff;
    color: #000
}

.voc-match-stats .voc-field-container .tactic.visitor-tactic .player {
    background: #000;
    color: #fff
}

.voc-match-stats .voc-field-container .tactic.visitor-tactic {
    bottom: 0;
    flex-direction: column-reverse;
    padding: 8px 24px 12px
}

.voc-live-scribble .voc-subtitle-match {
    font-family: "ABCText Semibold", Georgia, Times New Roman, serif;
    font-size: 16px;
    color: #000;
    margin: 0;
    margin-bottom: 16px
}

.voc-match-percentage {
    margin-bottom: 16px;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.voc-match-percentage .voc-bars {
    position: relative;
    height: 40px;
    background-color: #d8d8d8;
    margin-bottom: 12px;
    grid-column: 1 / span 2
}

.voc-match-percentage .voc-bars .inner {
    height: 40px;
    background-color: var(--cp2)
}

.voc-match-percentage .voc-stat-team {
    display: grid;
    grid-gap: 8px 4px
}

.voc-match-percentage .voc-stat-team .number {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 28px;
    display: block;
    line-height: 24px;
    grid-column: 1 / span 2
}

.voc-match-percentage .voc-stat-team img {
    height: 28px;
    width: 28px;
    vertical-align: bottom;
    display: inline-block
}

.voc-match-percentage .voc-stat-team .name {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #000;
    align-self: center
}

.voc-match-percentage .voc-stat-team.voc-bigger {
    grid-template-columns: 28px 1fr
}

.voc-match-percentage .voc-stat-team.voc-bigger .number {
    color: var(--cp2)
}

.voc-match-percentage .voc-stat-team.voc-smaller {
    grid-template-columns: 1fr 28px;
    text-align: right
}

.voc-match-percentage .voc-stat-team.voc-smaller .number {
    color: #333
}

.voc-match-percentage .voc-bars:after {
    content: " ";
    width: 1px;
    left: 50%;
    position: absolute;
    height: 50px;
    background: #000;
    top: -4px
}

.stats-container {
    border-top: 1px dotted #333
}

.stats-container .voc-stat-group {
    background: #f7f7f8;
    text-align: center;
    font-size: 14px;
    color: #333;
    padding: 9px 0;
    margin: -1px 0;
    text-transform: uppercase;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.stats-container .voc-stat-item {
    border-bottom: 1px dotted #333;
    text-align: center;
    position: relative;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333;
    padding: 9px 0;
    line-height: 1
}

.stats-container .voc-stat-item .voc-stat-team {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.stats-container .voc-stat-item .home-team {
    left: 4px;
    text-align: left
}

.stats-container .voc-stat-item .visitor-team {
    right: 4px;
    text-align: right
}

.stats-container+.statistics-table-container {
    margin-top: 32px
}

.statistics-table-container .stat-title {
    display: block;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #333;
    margin-bottom: 12px
}

.statistics-table-container table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 32px
}

.statistics-table-container tr {
    border-bottom: 1px solid #9d9d9d
}

.statistics-table-container th,
.statistics-table-container td {
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #333
}

.statistics-table-container th {
    font-weight: 400;
    text-align: left
}

.statistics-table-container td {
    padding: 9px 0
}

.statistics-table-container .destacado {
    border-top: 1px solid #9d9d9d;
    text-transform: uppercase;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.statistics-table-container th:not(:first-child),
.statistics-table-container td:not(:first-child) {
    text-align: right
}

.statistics-table-container div[data-voc-toggle-click] {
    display: flex;
    flex-direction: column
}

.statistics-table-container .more-players {
    background: #fff;
    border: 1px solid #9d9d9d;
    color: #9d9d9d;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 32px;
    margin-bottom: 40px;
    padding: 8px;
    line-height: 1;
    transition: .3s;
    align-self: flex-end
}

.statistics-table-container .more-players:hover {
    color: #fff;
    background: #9d9d9d
}

.cont-dep {
    position: relative
}

.cont-dep.datos-set {
    text-align: center
}

@media (min-width: 0) and (max-width: 699px) {
    .cont-dep.datos-set {
        width: 100vw;
        margin-left: -50vw;
        left: 50%;
        position: relative
    }
}

.pest {
    display: none
}

.pest1,
.pest2,
.pest3,
.pest4,
.pest5,
.pest6,
.pest7,
.pest8 {
    display: none
}

.input1:checked~.pest1,
.input2:checked~.pest2,
.input3:checked~.pest3,
.input4:checked~.pest4,
.input5:checked~.pest5,
.input6:checked~.pest6,
.input7:checked~.pest7,
.input8:checked~.pest8 {
    display: block
}

.cont-label {
    display: flex;
    font-size: 0;
    position: relative;
    border-bottom: 1px solid #000;
    margin-bottom: 16px
}

.controlp {
    display: inline-block;
    font-size: 18px;
    text-align: center;
    padding-bottom: 12px;
    color: #000;
    position: relative;
    cursor: pointer;
    font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    transition: .3s;
    flex: 1
}

.controlp:focus,
.controlp:active {
    color: #000
}

.controlp:hover {
    opacity: .8
}

.controlp:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 7px solid transparent
}

.input1:checked~.cont-label .datos1:after,
.input2:checked~.cont-label .datos2:after,
.input3:checked~.cont-label .datos3:after,
.input4:checked~.cont-label .datos4:after,
.input5:checked~.cont-label .datos5:after,
.input6:checked~.cont-label .datos6:after,
.input7:checked~.cont-label .datos7:after,
.input8:checked~.cont-label .datos8:after {
    border-bottom: 7px solid var(--cp3)
}

.cont-dep table {
    width: 100%;
    border-collapse: collapse
}

.cont-dep.datos-set table tr:nth-child(odd) {
    background-color: #f7f7f8
}

.cont-dep.datos-set table th,
.cont-dep.datos-set table td {
    padding: 9px 0;
    font-size: 14px;
    line-height: 1;
    width: 35%
}

.cont-dep.datos-set table th {
    background-color: var(--cp3);
    color: #fff;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.cont-dep.datos-set table td:nth-child(2),
.cont-dep.datos-set table th:nth-child(2) {
    width: 30%
}

.cont-dep.datos-set table td:nth-child(2) {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    width: 30%
}

button.more-players {
    display: none
}

.voc-d-c-comparative {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (min-width: 699px) {
    .voc-d-c-comparative {
        flex-direction: row
    }
}

.voc-d-c-comparative__item {
    max-width: 202px;
    margin: 0 26px 16px 0
}

.voc-d-c-comparative__item:before {
    content: "";
    display: block;
    width: 90px;
    height: 8px;
    margin-bottom: 8px;
    background: #244765
}

@media (min-width: 699px) {
    .voc-d-c-comparative__item:before {
        width: 170px
    }
}

.voc-d-c-comparative__item:last-child {
    margin-right: 0
}

.voc-d-c-comparative__item a {
    color: #244765;
    text-decoration: underline
}

.voc-d-c-comparative__item a:hover {
    opacity: .8
}

.voc-d-c-comparative__pretitle {
    font: 15px/16px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #FFA41C;
    text-transform: uppercase
}

.voc-d-c-comparative__img {
    width: 150px;
    height: 150px;
    margin: 12px 0;
    -o-object-fit: contain;
    object-fit: contain
}

.voc-d-c-comparative__title {
    display: block;
    margin-bottom: 8px;
    font: 24px/26px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #244765
}

.voc-d-c-comparative p {
    font: 18px/22px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-most-read__item:not(:first-child) {
    position: relative;
    margin-top: 16px;
    padding-top: 12px
}

.voc-most-read__item:not(:first-child):before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 196px;
    height: 1px;
    background-color: #ddd
}

.voc-most-read__item-link {
    display: grid;
    grid-template-columns: 19px 19px 6px 1fr;
    transition: .3s
}

.voc-most-read__item-link:hover {
    opacity: .8
}

.voc-most-read__item-link:hover .voc-most-read__item-title {
    -webkit-text-decoration: underline solid 1px;
    text-decoration: underline solid 1px
}

.voc-most-read__item-number {
    grid-column: 1;
    font: 26px/22px "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: var(--cp3);
    opacity: .75
}

.voc-most-read__item-title,
.voc-most-read__item-media {
    grid-column: 4
}

.voc-most-read__item-title {
    font: 16px/18px "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: #000
}

.voc-most-read__item-media {
    margin-top: 12px
}

.voc-most-read .voc-onplus {
    grid-column: 2;
    margin-top: 3px;
    align-items: flex-start
}

@media (min-width: 1039px) {
    .voc-grid--ab-c .voc-grid__col:first-child .voc-most-read {
        grid-template-columns: minmax(auto, 660px);
        display: grid;
        place-content: flex-end
    }
}

@media (min-width: 699px) {
    .voc-grid--ab-c .voc-grid__col:first-child .voc-most-read ol {
        display: grid;
        grid-column-gap: 14px
    }

    .voc-grid--ab-c .voc-grid__col:first-child .voc-most-read ol .voc-most-read__item:first-child {
        grid-row-start: 1;
        grid-row-end: 6
    }

    .voc-grid--ab-c .voc-grid__col:first-child .voc-most-read ol .voc-most-read__item:first-child .voc-most-read__item-media {
        grid-column-start: 1;
        grid-column-end: 5
    }

    .voc-grid--ab-c .voc-grid__col:first-child .voc-most-read ol .voc-most-read__item:not(:first-child) {
        grid-column: 2;
        margin-top: 12px;
        padding-top: 13px
    }

    .voc-grid--ab-c .voc-grid__col:first-child .voc-most-read ol .voc-most-read__item:first-of-type:is(:last-of-type) .voc-most-read__item-media {
        grid-column: 5;
        margin-top: 0
    }

    .voc-grid--ab-c .voc-grid__col:first-child .voc-most-read ol .voc-most-read__item:first-of-type:is(:last-of-type) .voc-most-read__item-title {
        margin-right: 16px
    }

    .voc-grid--ab-c .voc-grid__col:first-child .voc-most-read ol .voc-most-read__item:nth-child(2) {
        margin: 0;
        padding: 0
    }

    .voc-grid--ab-c .voc-grid__col:first-child .voc-most-read ol .voc-most-read__item:nth-child(2):before {
        content: none
    }
}

.voc-ints .voc-img-container {
    width: 98px;
    margin-left: 9px
}

.voc-ints .voc-title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.voc-ints .voc-onplus {
    margin-top: 10px
}

.voc-ints__i {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.voc-prospect {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 300px;
    padding: 16px 12px 4px;
    background-color: #f3f3f3
}

.voc-prospect.hidden {
    display: none
}

.voc-prospect__header {
    margin-bottom: 16px;
    text-align: center
}

.voc-prospect__title {
    margin-bottom: 8px;
    font: 18px/17px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #555
}

.voc-prospect__paragraph {
    font: 15px/17px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #555
}

.voc-prospect__img {
    width: 100%;
    height: 32px;
    margin: 0 auto 16px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center
}

.voc-prospect .voc-form__row {
    align-items: center;
    margin-bottom: 16px
}

.voc-prospect .voc-form__input {
    background-color: #fff;
    border: none
}

.voc-prospect .voc-form__input::-moz-placeholder {
    font: 14px/23px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888
}

.voc-prospect .voc-form__input:-ms-input-placeholder {
    font: 14px/23px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888
}

.voc-prospect .voc-form__input::placeholder {
    font: 14px/23px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888
}

.voc-prospect .voc-form__label {
    display: flex
}

.voc-prospect .voc-form__label input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    left: 0;
    z-index: 1;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.voc-prospect .voc-form__label input[type='checkbox']+span {
    flex-shrink: 0;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left: 0;
    width: 16px;
    height: 16px;
    z-index: 0;
    border: 0;
    background-color: #fff;
    border: none;
    border-radius: 0;
    transition: color .3s ease;
    will-change: color;
    position: relative;
    margin-right: 12px
}

.voc-prospect .voc-form__label input[type='checkbox']+span:before,
.voc-prospect .voc-form__label input[type='checkbox']+span:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0.1rem;
    background-color: #000;
    display: block;
    transform-origin: left top;
    transition: opacity 0.28s ease, height 0s linear 0.28s;
    opacity: 0;
    will-change: opacity, height
}

.voc-prospect .voc-form__label input[type='checkbox']+span:before {
    top: 13px;
    left: 6px;
    transform: rotate(-135deg)
}

.voc-prospect .voc-form__label input[type='checkbox']+span:after {
    top: 9px;
    left: 2px;
    transform: rotate(-45deg)
}

.voc-prospect .voc-form__label input[type='checkbox']:checked+span:before,
.voc-prospect .voc-form__label input[type='checkbox']:checked+span:after {
    opacity: 1;
    transition: height 0.28s ease
}

.voc-prospect .voc-form__label input[type='checkbox']:checked+span:before {
    height: 0.6rem;
    transition-delay: 0.28s
}

.voc-prospect .voc-form__label input[type='checkbox']:checked+span:after {
    height: 0.3rem
}

.voc-prospect .voc-form .prospect-check-legal {
    margin-bottom: 12px
}

.voc-prospect .voc-form .text-check {
    font: 10px/12px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-prospect .voc-form .text-check a {
    text-decoration: underline;
    transition: .3s
}

.voc-prospect .voc-form .text-check a:hover {
    opacity: .8
}

.voc-prospect .prospectEmail {
    width: 164px;
    height: 28px;
    padding-left: 8px;
    font: 14px/23px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888;
    border: 0
}

.voc-prospect .prospectEmail:focus {
    outline: 0
}

.voc-prospect-modal .voc-modal__header {
    margin-bottom: 13px;
    padding: 0;
    border: 0
}

.voc-prospect-modal .voc-modal__title {
    font-size: 24px;
    line-height: 25px
}

.voc-prospect.is-message {
    position: relative;
    justify-content: center
}

.voc-prospect.is-message .voc-prospect__img {
    position: absolute;
    top: 16px;
    left: 0
}

.voc-prospect.is-message .voc-prospect__title {
    margin-bottom: 16px;
    font-size: 22px;
    line-height: 16px
}

.voc-prospect.is-message .voc-prospect__paragraph {
    line-height: 16px
}

.voc-prospect.is-message .voc-form {
    display: none
}

.voc-prospect.is-message .voc-form__message {
    display: block
}

.voc-prospect.is-message .voc-form__message-text {
    font-size: 22px;
    line-height: 24px;
    color: #555;
    text-align: center
}

.modal-widget-prospect.popbox {
    padding: 0;
    background-color: rgba(136, 136, 136, 0.6)
}

.modal-dialog-widget-prospect.popbox_container {
    position: relative;
    top: 50%;
    left: calc(50% - 34px);
    transform: translate(-50%, -50%);
    margin: 0 26px;
    padding: 16px;
    max-width: 562px;
    border-radius: 0
}

@media (min-width: 699px) {
    .modal-dialog-widget-prospect.popbox_container {
        left: 50%;
        margin: 0;
        padding: 32px
    }
}

.modal-dialog-widget-prospect .modal-content-widget-prospect {
    padding: 24px 20px 12px;
    font: 12px/16px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    background: #8CCEF140
}

.modal-dialog-widget-prospect .modal-header-widget-prospect {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #000;
    border-radius: 50%;
    transition: .3s;
    position: absolute;
    right: -15px;
    top: -15px;
    transition: .3s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 18.139 15.673%27%3E%3Cg transform=%27translate%281005.835 -1055.521%29%27%3E%3Crect width=%2722%27 height=%272%27 rx=%271%27 transform=%27rotate%2840 -1952.285 -852.229%29%27 fill=%27%23ffffff%27%3E%3C/rect%3E%3Crect width=%2722%27 height=%272%27 rx=%271%27 transform=%27rotate%28-40 966.519 1916.585%29%27 fill=%27%23ffffff%27%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
    background-size: 18px 15px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

.modal-dialog-widget-prospect .modal-header-widget-prospect:hover {
    opacity: .8
}

.modal-dialog-widget-prospect .modal-header-widget-prospect button {
    width: 30px;
    height: 30px
}

.modal-dialog-widget-prospect .modal-body-widget-prospect {
    padding: 0;
    line-height: inherit
}

.modal-dialog-widget-prospect .modal-body-widget-prospect p:not(:last-child) {
    margin-bottom: 16px
}

.modal-dialog-widget-prospect .modal-body-widget-prospect p strong {
    font-weight: normal
}

.modal-dialog-widget-prospect .modal-body-widget-prospect p a {
    text-decoration: underline;
    transition: .3s
}

.modal-dialog-widget-prospect .modal-body-widget-prospect p a:hover {
    opacity: .8
}

.modal-dialog-widget-prospect .modal-title-widget-prospect {
    margin: 0 0 12px;
    font: 24px/25px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp3)
}

.modal-dialog-widget-prospect .modal-footer-widget-prospect {
    margin-top: 12px;
    padding: 0
}

.modal-dialog-widget-prospect .modal-footer-widget-prospect .btn-widget-prospect {
    width: 100px;
    height: 32px;
    padding: 0;
    font: 12px/15px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #000;
    background: #fff;
    border: 1px solid var(--cp3);
    border-radius: 16px;
    transition: .3s;
    cursor: pointer
}

.modal-dialog-widget-prospect .modal-footer-widget-prospect .btn-widget-prospect:hover {
    color: #fff;
    background: var(--cp3)
}

.prospect-title {
    font: 18px/20px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #555;
    margin: 0 0 20px
}

.prospect-title img {
    margin-top: 5px;
    width: 50px;
    height: 50px
}

.widget-prospect-response {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    padding: 16px 12px;
    font: 15px/16px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #555;
    text-align: center;
    background: #f3f3f3
}

.widget-prospect-response b {
    font-size: 22px !important;
    line-height: 24px;
    margin-top: 10px
}

.widget-prospect-response b:first-child {
    margin-bottom: -12px
}

.widget-prospect-response .prospect-submit {
    margin-top: 12px
}

.widget-prospect-response .prospect-submit input {
    min-width: 100px;
    height: 32px;
    padding: 0 16px;
    font: 12px/15px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    background: var(--cp3);
    border: 1px solid var(--cp3);
    border-radius: 16px;
    transition: .3s;
    cursor: pointer
}

.widget-prospect-response .prospect-submit input:hover {
    color: #000;
    background: #fff
}

.widget-prospect-response .prospect-submit a {
    display: block;
    margin-top: -30px;
    text-decoration: underline;
    transition: .3s
}

.widget-prospect-response .prospect-submit a:hover {
    opacity: .8
}

.voc-topics {
    margin-top: 8px;
    margin-bottom: 32px
}

.voc-topics~.voc-topics:not(:last-child) {
    margin-bottom: 16px
}

.voc-topics:before {
    content: '';
    display: block;
    width: 90px;
    height: .9px;
    background-color: #888;
    margin-bottom: 8px
}

@media (min-width: 699px) {
    .voc-topics:before {
        width: 170px
    }
}

.voc-topics__header-link {
    font: 14px/14px Basier Square Regular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp2);
    text-transform: uppercase;
    flex-direction: row-reverse;
    justify-content: flex-end
}

.voc-topics__list {
    display: flex;
    flex-wrap: wrap
}

.voc-topics__list-item {
    margin-right: 12px;
    margin-bottom: 6px;
    transition: .3s
}

.voc-topics__list-item:first-child {
    align-self: flex-end
}

.voc-topics__list-item:last-child {
    margin-right: 0
}

.voc-topics__list-item:hover {
    opacity: .8
}

@supports (grid-gap: 12px) {
    .voc-topics__list {
        grid-gap: 6px 12px
    }

    .voc-topics__list-item {
        margin: 0
    }
}

.voc-topics__link {
    font-size: 12px;
    line-height: 12px;
    color: #555;
    transition: .3s;
    -webkit-text-decoration: underline 1px solid;
    text-decoration: underline 1px solid
}

.voc-topics__icon {
    margin-left: 0;
    margin-right: 12px
}

.voc-topics__card {
    overflow: hidden;
    height: 18px
}

.voc-topics__card.is-active {
    height: 100%;
    overflow: visible;
    -webkit-animation: openAccordionTopics ease-in-out .3s;
    animation: openAccordionTopics ease-in-out .3s
}

.voc-topics__card.is-active .voc-topics__list-item:nth-child(4):after {
    display: none
}

.voc-topics__card.is-active .voc-topics__list-item:nth-child(5) {
    width: auto
}

.voc-topics--bm {
    position: relative;
    padding: 8px 0;
    overflow: hidden;
    max-width: 1150px;
    width: calc(100% - 32px);
    margin: 0 auto 26px;
    border-bottom: 1px solid #D5E0E5
}

@media (min-width: 1039px) {
    .voc-topics--bm {
        margin: 0 auto 8px
    }
}

.voc-topics--bm:before {
    content: none
}

.voc-topics--bm .voc-topics__card {
    position: relative
}

.voc-topics--bm .voc-topics__header {
    position: relative;
    display: flex;
    justify-content: space-between;
    min-height: 18px;
    align-items: baseline
}

.voc-topics--bm .voc-topics__list {
    position: relative;
    padding-right: 30px
}

.voc-topics--bm .voc-topics__list:after {
    content: "...";
    position: absolute;
    right: 0;
    top: 6px;
    width: 25px;
    height: 13px;
    padding: 0 10px 0 2px;
    font: 12px/12px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    background: #F3F8F8
}

@media (min-width: 1039px) {
    .voc-topics--bm .voc-topics__list:after {
        padding: 0 38px 0 10px
    }
}

.voc-topics--bm .voc-topics__list-item:first-child {
    font: 12px/12px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

.voc-topics--bm .is-active .voc-topics__list:after {
    content: none
}

.voc-topics.not-dropdown .voc-topics__icon {
    display: none
}

.voc-topics.not-dropdown .voc-topics__card {
    height: auto;
    overflow: visible
}

.voc-topics.not-dropdown .voc-topics__header-link {
    cursor: default
}

.voc-topics.not-dropdown .voc-topics__list-item:first-child:hover {
    opacity: 1
}

.voc-breadcrumbs {
    margin-bottom: 6px;
    display: none
}

@media (min-width: 1039px) {
    .voc-breadcrumbs {
        display: block
    }
}

.voc-breadcrumbs__nav {
    display: flex;
    align-items: center
}

.voc-breadcrumbs__link {
    display: flex;
    align-items: center;
    margin-right: 11px;
    transition: .3s
}

.voc-breadcrumbs__link.is-active .voc-breadcrumbs__text {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-breadcrumbs__link:hover {
    opacity: .8
}

.voc-breadcrumbs__link:last-child {
    margin-right: 0
}

.voc-breadcrumbs__text {
    font: 16px/16px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #555
}

.voc-breadcrumbs__icon {
    width: 13px;
    height: 8px;
    flex-shrink: 0;
    display: inherit;
    margin-right: 11px
}

@media (min-width: 1039px) {
    .voc-breadcrumbs--space-left {
        display: flex;
        justify-content: center
    }
}

@media (min-width: 1366px) {
    .voc-breadcrumbs--space-left {
        justify-content: flex-end
    }
}

@media (min-width: 1039px) {
    .voc-breadcrumbs--space-left .voc-breadcrumbs__nav {
        max-width: 986px;
        width: 100%
    }
}

@media (min-width: 1366px) {
    .voc-breadcrumbs--space-left .voc-breadcrumbs__nav {
        max-width: 1050px
    }
}

.voc-ticker {
    position: relative;
    display: flex;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

@media (min-width: 699px) {
    .voc-ticker {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd
    }
}

.voc-ticker__pill {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    padding: 5px 11px;
    font: 15px/17px "ABCDisplay Black", Georgia, Times New Roman, serif;
    color: #fff;
    border-radius: 25px;
    white-space: nowrap
}

@media (min-width: 699px) {
    .voc-ticker__pill {
        margin-right: 8px;
        font-size: 16px;
        line-height: 18px
    }
}

.voc-ticker__body {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden
}

.voc-ticker__body:before,
.voc-ticker__body:after {
    content: '';
    position: absolute;
    top: 0;
    width: 20px;
    height: 100%;
    z-index: 1
}

@media (min-width: 699px) {

    .voc-ticker__body:before,
    .voc-ticker__body:after {
        content: none
    }
}

.voc-ticker__body:before {
    left: 0px;
    background: linear-gradient(273deg, rgba(255, 255, 255, 0) 0%, #fff 75%)
}

.voc-ticker__body:after {
    right: 0px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%)
}

.voc-ticker__content {
    position: relative;
    padding-left: 100%;
    -webkit-animation: ticker 30s linear infinite;
    animation: ticker 30s linear infinite
}

@media (min-width: 699px) {
    .voc-ticker__content {
        padding: 0;
        -webkit-animation: unset;
        animation: unset
    }
}

.voc-ticker__content a {
    display: flex;
    font: 15px/17px "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: #000;
    white-space: nowrap;
    transition: .3s
}

@media (min-width: 699px) {
    .voc-ticker__content a {
        font-size: 16px;
        line-height: 18px;
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

.voc-ticker__content a:hover {
    opacity: .6
}

.voc-ticker--urg .voc-ticker__pill {
    -webkit-animation: blinkUrgentPill 3s infinite;
    animation: blinkUrgentPill 3s infinite
}

.voc-ticker--live .voc-ticker__pill {
    font: 12px/13px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    background: var(--cp7)
}

.voc-ticker--live .voc-ticker__pill:before {
    content: '';
    width: 5px;
    height: 5px;
    margin-right: 5px;
    background: #fff;
    border-radius: 100%;
    -webkit-animation: blinkLive 3s infinite;
    animation: blinkLive 3s infinite
}

.voc-ticker--exc .voc-ticker__pill {
    background: #e4b016
}

.voc-ticker--ed .voc-ticker__pill {
    background: #005D7F
}

.voc-ticker--ed .voc-ticker a {
    font: 16px/18px "ABCDisplay Black", Georgia, Times New Roman, serif
}

.voc-about-author {
    display: grid;
    grid-template-columns: 1fr auto;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 12px 0;
    position: relative;
    min-height: 142px
}

.voc-about-author__title {
    font: 14px/14px Basier Square Regular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp2);
    text-transform: uppercase;
    margin-bottom: 18px
}

.voc-about-author__title a {
    transition: .3s
}

.voc-about-author__title a:hover {
    opacity: .8
}

.voc-about-author__paragraph {
    font: 14px/16px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    margin-top: 6px;
    max-width: 165px;
    width: 100%
}

@media (min-width: 699px) {
    .voc-about-author__paragraph {
        max-width: 100%
    }
}

.voc-about-author__info {
    display: flex;
    flex-direction: column
}

@media (min-width: 699px) {
    .voc-about-author__info {
        max-width: 366px;
        width: 100%
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-about-author__info {
        margin-right: 30px
    }
}

.voc-about-author__image {
    padding-top: 30px;
    align-self: flex-end;
    margin-bottom: -12px;
    position: static;
    width: 134px
}

@media (min-width: 699px) {
    .voc-about-author__image {
        position: absolute;
        right: 0;
        top: 0;
        bottom: -12px;
        padding: 0;
        margin: 0;
        width: 140px
    }
}

.voc-about-author__img {
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

@media (min-width: 699px) {
    .voc-about-author__item {
        position: relative
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-about-author__item--1 {
        display: flex;
        justify-content: space-between
    }
}

.voc-about-author__item--2 {
    display: flex;
    padding-top: 30px;
    padding-left: 34px;
    justify-content: center;
    align-items: flex-start
}

@media (min-width: 699px) {
    .voc-about-author__item--2 {
        justify-content: flex-end
    }

    .voc-about-author__item--2:before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 16px;
        left: 0;
        bottom: 32px;
        width: 1px;
        background-color: #ddd
    }

    .voc-about-author__item--2 .voc-modal-dropdown {
        right: 0;
        top: 78px
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-about-author__item--2 {
        padding: 0;
        position: absolute;
        top: 12px;
        right: 0
    }
}

.voc-about-author a.voc-author__name:hover {
    -webkit-text-decoration: underline solid 1px;
    text-decoration: underline solid 1px
}

.voc-about-author--opinion {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: auto;
    padding: 0;
    border-top: unset
}

@media (min-width: 699px) {
    .voc-about-author--opinion {
        flex-direction: row;
        align-items: flex-end;
        -moz-column-gap: 60px;
        column-gap: 60px
    }
}

.voc-about-author--opinion .voc-onplus {
    margin: 0;
    order: 3;
    margin-bottom: 12px
}

@media (min-width: 699px) {
    .voc-about-author--opinion .voc-onplus {
        margin-bottom: 16px
    }
}

.voc-about-author--opinion .voc-about-author__info {
    align-items: center;
    max-width: 100%;
    margin-right: 0
}

@media (min-width: 699px) {
    .voc-about-author--opinion .voc-about-author__info {
        align-items: flex-start
    }
}

.voc-about-author--opinion .voc-about-author__title {
    order: 2;
    margin-bottom: 16px;
    font: 28px/30px "ABCDisplay Black", Georgia, Times New Roman, serif;
    text-transform: initial;
    text-align: center;
    color: #000
}

@media (min-width: 699px) {
    .voc-about-author--opinion .voc-about-author__title {
        font-size: 32px;
        line-height: 34px;
        text-align: left
    }
}

.voc-about-author--opinion .voc-about-author__image {
    position: relative;
    align-self: center;
    max-width: 100px;
    margin-bottom: 0;
    padding-top: 8px
}

@media (min-width: 699px) {
    .voc-about-author--opinion .voc-about-author__image {
        top: -24px;
        bottom: 0;
        align-self: flex-end;
        max-width: 130px;
        margin-bottom: -24px
    }
}

.voc-about-author--opinion .voc-author__name {
    order: 1;
    font: 14px/1 "ABCDisplay Black", Georgia, Times New Roman, serif;
    color: var(--cp3);
    margin-bottom: 8px
}

.voc-nl-mod {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 16px;
    background: #f3f3f3;
    border-top: 4px solid var(--cp3);
    border-bottom: 1px solid #ddd
}

.voc-nl-mod__icon {
    position: absolute;
    top: -12px;
    left: 50%;
    width: 30px;
    height: 21px;
    transform: translateX(-50%);
    background: #fff
}

.voc-nl-mod__icon svg path {
    fill: #555
}

.voc-nl-mod .voc-title {
    margin-bottom: 16px;
    font: 20px/22px "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: var(--cp3)
}

.voc-nl-mod .voc-img-container {
    width: 80px;
    margin-bottom: 8px
}

.voc-nl-mod .voc-img {
    aspect-ratio: 1
}

.voc-nl-mod p {
    margin-bottom: 24px;
    font: 20px/24px "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: #555;
    text-align: center
}

.voc-nl-mod p strong {
    font-family: "ABCDisplay Black", Georgia, Times New Roman, serif
}

.voc-nl-mod--premium {
    background: #FCF7E7;
    border-top-color: #e4b016
}

.voc-nl-mod--premium .voc-title {
    color: #e4b016
}

.voc-nl-mod--premium .voc-nl-mod__icon svg:nth-child(2) {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 16px;
    height: 16px
}

.voc-nl-mod--premium .voc-nl-mod__icon svg:nth-child(2) path {
    fill: #e4b016
}

.voc-nl-mod--premium .voc-btn {
    background-color: #e4b016
}

.voc-nl-mod--premium-cultural {
    border-top-color: #D42561;
    background: #d426611a
}

.voc-nl-mod--premium-cultural .voc-title {
    color: #D42561
}

.voc-nl-mod--premium-cultural .voc-btn {
    background-color: #D42561
}

@media (min-width: 699px) {
    .voc-nl-mod--md {
        display: grid;
        grid-template-columns: 116px 1fr auto;
        grid-template-rows: auto 1fr
    }
}

@media (min-width: 699px) {
    .voc-nl-mod--md .voc-title {
        margin-bottom: 8px;
        text-align: center
    }
}

@media (min-width: 699px) {
    .voc-nl-mod--md p {
        margin: 0
    }
}

@media (min-width: 699px) {
    .voc-nl-mod--md .voc-img-container {
        grid-row: 1 / span 2;
        align-self: center;
        margin: 0
    }
}

@media (min-width: 699px) {
    .voc-nl-mod--md .voc-btn {
        grid-column: 3;
        grid-row: 1 / span 2;
        align-self: center;
        margin-left: 16px
    }
}

@media (min-width: 699px) {
    .voc-nl-mod--fw {
        flex-direction: row;
        min-height: 84px
    }
}

@media (min-width: 699px) {
    .voc-nl-mod--fw .voc-title {
        flex: 0 0 143px;
        align-self: baseline;
        margin: 0 16px 0 0
    }
}

@media (min-width: 699px) {
    .voc-nl-mod--fw p {
        max-width: 632px;
        margin: 0
    }
}

@media (min-width: 699px) {
    .voc-nl-mod--fw .voc-img-container {
        flex: 1 0 auto;
        align-self: flex-start;
        width: 72px;
        max-width: 72px;
        height: 72px;
        margin: 0 16px -12px 0
    }
}

@media (min-width: 699px) {
    .voc-nl-mod--fw .voc-btn {
        margin: 0 0 0 auto
    }
}

.voc-nl-new {
    position: relative;
    background: #f3f3f3;
    border-top: 4px solid var(--cp3);
    border-bottom: 1px solid #ddd
}

.voc-nl-new:before {
    content: "";
    position: absolute;
    top: -20px;
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background: url(../images/newsletter.svg)
}

.voc-nl-new .c-widget-freezone {
    margin: 0;
    background-color: transparent
}

.voc-nl-new .c-widget-freezone__header {
    font: 22px/22px "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: var(--cp3);
    position: initial;
    padding: 8px 16px 0;
    background: transparent;
    text-transform: initial
}

.voc-nl-new .c-widget-freezone__container {
    display: flex;
    flex-direction: column;
    padding: 12px 16px;
    border: none
}

@media (min-width: 1039px) {
    .voc-nl-new .c-widget-freezone__container {
        flex-direction: row-reverse
    }
}

.voc-nl-new .c-widget-freezone__content {
    margin-right: 16px;
    padding: 0
}

.voc-nl-new .c-widget-freezone__line-clamp-2 {
    max-height: 100%;
    height: auto;
    -webkit-line-clamp: inherit
}

.voc-nl-new .c-widget-freezone figure {
    width: 100%;
    margin-top: 8px
}

@media (min-width: 1039px) {
    .voc-nl-new .c-widget-freezone figure {
        margin-top: 0
    }
}

.voc-nl-new .c-widget-freezone__title {
    margin: 12px 0;
    font: 19px/23px "ABCDisplay Black", Georgia, Times New Roman, serif;
    color: #555
}

@media (min-width: 1039px) {
    .voc-nl-new .c-widget-freezone__title {
        margin: 0 0 8px
    }
}

.voc-nl-new .c-widget-freezone__periodicity {
    display: none
}

.voc-nl-new .c-widget-freezone__content-container {
    display: flex;
    flex-direction: column
}

.voc-nl-new .c-widget-freezone__description {
    width: 100%;
    min-height: 45px;
    font: 20px/22px "ABCDisplay Light", Georgia, Times New Roman, serif;
    color: #555;
    text-align: left
}

.voc-nl-new .c-widget-freezone__check-list-wrapper {
    margin-top: 20px
}

.voc-nl-new .c-widget-freezone__check-list-item-input,
.voc-nl-new .c-widget-freezone__check-list-item-label {
    cursor: pointer
}

.voc-nl-new .c-widget-freezone__check-list-item {
    display: inline-block
}

.voc-nl-new .c-widget-freezone__check-list-item-input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    visibility: hidden;
    position: absolute;
    right: 0;
    display: none
}

.voc-nl-new .c-widget-freezone__check-list-item-label {
    display: inline-block;
    margin: 0;
    font: 12px/14px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp3);
    text-transform: uppercase
}

@media (min-width: 1039px) {
    .voc-nl-new .c-widget-freezone__check-list-item-label {
        margin: 8px 0
    }
}

.voc-nl-new .c-widget-freezone__check-list-item-input-color {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background-color: #fff !important;
    border: 1px solid var(--cp3);
    border-radius: 50%
}

.voc-nl-new .c-widget-freezone__check-list-item-input[type="checkbox"]:checked+label span:after {
    content: "";
    display: flex;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    background-color: var(--cp3);
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 1px
}

.voc-nl-new .c-widget-freezone--small .c-widget-freezone__image {
    height: auto;
    margin-bottom: 10px;
    width: 100%
}

.voc-nl-new .c-widget-freezone--abc .c-widget-freezone__button-container {
    display: flex;
    justify-content: space-around;
    padding: 16px 0;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 0
}

.voc-nl-new .c-widget-freezone--abc .c-widget-freezone__button {
    width: auto;
    white-space: nowrap;
    padding: 9px 17px;
    font: 12px/15px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    background: var(--cp3);
    border-radius: 16px
}

.voc-nl-new .c-widget-freezone--abc .c-widget-freezone__button:hover {
    opacity: .8;
    background: var(--cp3)
}

.voc-nl-new .c-widget-freezone--abc .c-widget-freezone__button--secondary {
    background: #fff;
    color: var(--cp3);
    border: 1px solid var(--cp3)
}

.voc-nl-new .c-widget-freezone--abc .c-widget-freezone__button--secondary:hover {
    opacity: .8;
    color: var(--cp3);
    background: #fff
}

.voc-nl-new--premium {
    background: #FCF7E7;
    border-top-color: #e4b016
}

.voc-nl-new--premium:before {
    width: 39px;
    background: url(../images/newsletter-premium.svg)
}

.voc-nl-new--premium .c-widget-freezone__header,
.voc-nl-new--premium .c-widget-freezone__title {
    color: #e4b016
}

.voc-nl-new--premium .c-widget-freezone__check-list-item-label {
    color: #e4b016
}

.voc-nl-new--premium .c-widget-freezone__check-list-item-input-color {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background-color: #fff !important;
    border: 1px solid #e4b016;
    border-radius: 50%
}

.voc-nl-new--premium .c-widget-freezone__check-list-item-input[type="checkbox"]:checked+label span:after {
    background-color: #e4b016
}

.voc-nl-new--premium .c-widget-freezone--abc .c-widget-freezone__button {
    background: #e4b016
}

.voc-nl-new--premium .c-widget-freezone--abc .c-widget-freezone__button:hover {
    opacity: .8;
    background: #e4b016
}

.voc-nl-new--premium .c-widget-freezone--abc .c-widget-freezone__button--secondary {
    background: #fff;
    color: #e4b016;
    border-color: #e4b016
}

.voc-nl-new--premium .c-widget-freezone--abc .c-widget-freezone__button--secondary:hover {
    opacity: .8;
    color: #e4b016;
    background: #fff
}

.voc-nl-new--premium-cultural {
    border-top-color: #D42561;
    background: #d426611a
}

.voc-nl-new--premium-cultural:before {
    background: url(../images/newsletter-premium-cultural.svg);
    width: 39px
}

.voc-nl-new--premium-cultural .c-widget-freezone__check-list-item-input[type="checkbox"]:checked+label span:after {
    background: #D42561
}

.voc-nl-new--premium-cultural .c-widget-freezone__header,
.voc-nl-new--premium-cultural .c-widget-freezone__check-list-item-label,
.voc-nl-new--premium-cultural .c-widget-freezone__button--secondary {
    color: #D42561
}

.voc-nl-new--premium-cultural .c-widget-freezone__check-list-item-input-color,
.voc-nl-new--premium-cultural .c-widget-freezone__button--secondary {
    border-color: #D42561
}

.c-widget-freezone input[type="checkbox"]:checked+.c-widget-freezone__check-list-item-label .c-widget-freezone__check-list-item-input-color {
    display: inline-block !important
}

.voc-paywall {
    position: relative;
    margin-bottom: 24px
}

.voc-paywall--grad:before {
    content: '';
    position: absolute;
    top: -180px;
    left: 0;
    width: 100%;
    height: 180px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, #fff 90%)
}

.voc-paywall--inverse .voc-paywall__opt {
    flex-direction: column-reverse
}

.voc-paywall--inverse .voc-paywall__opt-bot {
    height: 100%;
    margin-top: 5px
}

.voc-paywall--inverse .voc-paywall__opt-sep {
    order: 3
}

.voc-paywall--inverse .voc-paywall__opt-g-sub {
    order: 2
}

.voc-paywall--inverse .voc-paywall__opt .swg-button-light {
    order: 1
}

.voc-paywall__notice {
    display: flex;
    margin-bottom: 18px
}

@media (min-width: 699px) {
    .voc-paywall__notice {
        align-items: center
    }
}

.voc-paywall__notice:before,
.voc-paywall__notice:after {
    content: '';
    position: relative;
    top: 6px;
    flex: 1 0 auto;
    background-image: linear-gradient(to right, var(--cp7) 70%, rgba(255, 255, 255, 0) 0%);
    background-size: 11px 1px;
    height: 1px
}

@media (min-width: 699px) {

    .voc-paywall__notice:before,
    .voc-paywall__notice:after {
        top: unset
    }
}

.voc-paywall__notice-txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10px
}

@media (min-width: 699px) {
    .voc-paywall__notice-txt {
        flex-direction: row;
        padding: 0 10px 0 20px
    }
}

.voc-paywall__notice span {
    font: 12px/14px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--cp7)
}

.voc-paywall__notice svg {
    width: 18px;
    height: 6px;
    margin: 5px 0 0 0
}

@media (min-width: 699px) {
    .voc-paywall__notice svg {
        margin: 0 0 0 10px
    }
}

.voc-paywall__container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.voc-paywall__logo {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 22px;
    margin-bottom: 12px
}

.voc-paywall__desc {
    margin-bottom: 24px;
    max-width: 100%
}

@media (min-width: 699px) {
    .voc-paywall__desc {
        max-width: 82%
    }
}

.voc-paywall__desc strong {
    font: 24px/1 "ABCDisplay Black", Georgia, Times New Roman, serif
}

.voc-paywall__desc span {
    font: 24px/1 "ABCDisplay Light", Georgia, Times New Roman, serif;
    max-width: 420px;
    display: block;
    margin: 0 auto
}

@media (min-width: 699px) {
    .voc-paywall__desc span {
        font-size: 28px
    }
}

.voc-paywall__desc span>strong {
    position: relative;
    font: 24px/1 "ABCDisplay Black", Georgia, Times New Roman, serif
}

@media (min-width: 699px) {
    .voc-paywall__desc span>strong {
        font-size: 28px
    }
}

.voc-paywall__desc span>strong:before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 74.388 30.752%27%3E%3Cg fill=%27none%27 stroke=%27%23e64a19%27 stroke-width=%274%27%3E%3Cpath opacity=%27.75%27 d=%27m.694 28.876 73-27%27/%3E%3Cpath opacity=%27.75%27 d=%27m73.694 28.876-73-27%27/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    position: absolute;
    top: 3px;
    left: 2px;
    width: 100%;
    height: 31px
}

.voc-paywall__list {
    margin-bottom: 20px
}

.voc-paywall__list-item {
    font: 16px/1 "ABCDisplay Light", Georgia, Times New Roman, serif;
    margin-bottom: 10px
}

.voc-paywall__image {
    display: none
}

@media (min-width: 699px) {
    .voc-paywall__image {
        display: flex;
        justify-content: center;
        width: 100%
    }
}

.voc-paywall__image img {
    position: relative;
    top: 13px;
    margin: 0 auto;
    width: 110px
}

.voc-paywall__subtitle {
    display: flex;
    align-items: center;
    font: 15px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #fff
}

.voc-paywall__subtitle svg {
    width: 18px;
    height: 6px
}

.voc-paywall__subtitle svg path {
    fill: #fff
}

.voc-paywall__box-image {
    display: none
}

@media (min-width: 699px) {
    .voc-paywall__box-image {
        display: flex;
        justify-content: center;
        width: 100%
    }
}

@media (min-width: 699px) {
    .voc-paywall__box-image img {
        position: relative;
        top: 13px;
        margin: 0 auto;
        width: 110px
    }
}

.voc-paywall__box-image--mb {
    position: absolute;
    top: -29px;
    right: 10px;
    width: 72px
}

@media (min-width: 699px) {
    .voc-paywall__box-image--mb {
        display: none
    }
}

.voc-paywall__yellow-box {
    background-color: #e4b016;
    padding: 5px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 225px
}

.voc-paywall__yellow-box--s {
    width: 210px
}

.voc-paywall__yellow-box-title {
    font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: black;
    letter-spacing: -0.02em;
    text-align: initial
}

.voc-paywall__yellow-box-img {
    width: 16px
}

.voc-paywall__yellow-box-arrow-down {
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #E4B016;
    position: absolute;
    left: 11px;
    bottom: -9px;
    z-index: 9
}

.voc-paywall__mini-text {
    font: 12px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    margin: 5px 0 7px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-paywall .voc-paywall__w100 {
        width: 100%;
        position: relative;
        margin-top: 30px
    }
}

.voc-paywall .swg-button-light {
    width: 100%;
    height: 30px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    padding: 8px 17px;
    min-height: 30px;
    position: relative
}

.voc-paywall .swg-button-light:after {
    background-position: right
}

.voc-paywall .swg-button-light:before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2717.64%27 height=%2718%27%3E%3Cg fill-rule=%27evenodd%27%3E%3Cpath d=%27M17.64 9.2a10.348 10.348 0 0 0-.164-1.841H9v3.481h4.844a4.14 4.14 0 0 1-1.8 2.716v2.258h2.909A8.777 8.777 0 0 0 17.64 9.2Z%27 fill=%27%234285f4%27%3E%3C/path%3E%3Cpath d=%27M9 18a8.592 8.592 0 0 0 5.956-2.181l-2.909-2.258a5.43 5.43 0 0 1-8.084-2.851H.957v2.332A9 9 0 0 0 9 18Z%27 fill=%27%2334a853%27%3E%3C/path%3E%3Cpath d=%27M3.964 10.71a5.32 5.32 0 0 1 0-3.42V4.958H.957a9.011 9.011 0 0 0 0 8.084l3.007-2.332Z%27 fill=%27%23fbbc05%27%3E%3C/path%3E%3Cpath d=%27M9 3.58a4.862 4.862 0 0 1 3.441 1.346l2.581-2.581A8.649 8.649 0 0 0 9 0 9 9 0 0 0 .957 4.958L3.964 7.29A5.364 5.364 0 0 1 9 3.58Z%27 fill=%27%23ea4335%27%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 6px;
    left: 17px
}

.voc-paywall__btn-row {
    display: flex;
    gap: 18px;
    margin-top: 30px;
    align-items: center
}

@media (min-width: 699px) {
    .voc-paywall__btn-row {
        gap: 15px
    }
}

.voc-paywall__btn-row-no-margin {
    margin-top: 0
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-paywall__btn-row--2 .voc-paywall__opt {
        width: 160px;
        height: 280px;
        padding: 12px 5px
    }

    .voc-paywall__btn-row--2 .voc-paywall__opt-title {
        margin-bottom: 14px
    }

    .voc-paywall__btn-row--2 .voc-paywall__opt-title--nm {
        margin-bottom: 0
    }

    .voc-paywall__btn-row--2 .voc-paywall__opt-price-sub {
        margin-top: -2px;
        margin-bottom: 10px
    }

    .voc-paywall__btn-row--2 .voc-paywall__opt-sep {
        margin: 4px 0 6px
    }

    .voc-paywall__btn-row--2 .voc-paywall__opt-g-sub {
        margin-top: 10px;
        font-size: 12px
    }

    .voc-paywall__btn-row--2 .voc-btn--pw {
        font-size: 12px
    }

    .voc-paywall__btn-row--2 .voc-btn--go {
        font-size: 10px;
        padding: 0 8px
    }

    .voc-paywall__btn-row--2 .swg-button-light {
        padding: 8px 10px 8px 30px
    }

    .voc-paywall__btn-row--2 .swg-button-light:before {
        top: 8px;
        left: 11px;
        width: 15px;
        height: 15px;
        background-size: contain
    }
}

@media (min-width: 699px) {
    .voc-paywall__btn-row--3 .voc-paywall__opt {
        width: 210px
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-paywall__btn-row--3 {
        flex-direction: column;
        gap: 32px;
        width: 100%;
        margin-top: 0
    }

    .voc-paywall__btn-row--3 .voc-paywall__opt {
        flex-direction: row;
        width: 100%;
        height: 170px;
        height: auto;
        align-items: center
    }

    .voc-paywall__btn-row--3 .voc-paywall__opt>* {
        flex: 1 0 50%
    }

    .voc-paywall__btn-row--3 .voc-paywall__opt-fav {
        top: -26px
    }

    .voc-paywall__btn-row--3 .voc-paywall__opt-fav-txt {
        left: unset
    }

    .voc-paywall__btn-row--3 .voc-paywall__opt-fav-txt svg {
        right: unset;
        transform: scaleX(1.5) rotate(28deg);
        left: -8px;
        top: 8px
    }

    .voc-paywall__btn-row--3 .voc-paywall__opt-fav-txt span {
        top: 32px;
        left: 12px
    }

    .voc-paywall__btn-row--3 .voc-paywall__opt-bot {
        align-self: flex-end;
        padding: 0 5px
    }

    .voc-paywall__btn-row--3 .voc-paywall__opt-title {
        flex: 1
    }

    .voc-paywall__btn-row--3 .voc-paywall__opt-sub {
        margin-top: 10px;
        margin-bottom: 0
    }
}

@media (min-width: 699px) {
    .voc-paywall__btn-row--3 .swg-button-light {
        padding: 8px 12px
    }

    .voc-paywall__btn-row--3 .swg-button-light:before {
        left: 11px
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-paywall__btn-row--fr {
        flex-direction: column;
        gap: 32px;
        width: 100%;
        margin-top: 0
    }

    .voc-paywall__btn-row--fr .voc-paywall__opt {
        flex-direction: row;
        width: 100%;
        height: 170px;
        height: auto;
        align-items: center
    }

    .voc-paywall__btn-row--fr .voc-paywall__opt>* {
        flex: 1 0 50%
    }

    .voc-paywall__btn-row--fr .voc-paywall__opt-fav {
        top: -26px
    }

    .voc-paywall__btn-row--fr .voc-paywall__opt-fav-txt {
        left: unset
    }

    .voc-paywall__btn-row--fr .voc-paywall__opt-fav-txt svg {
        right: unset;
        transform: scaleX(1.5) rotate(28deg);
        left: -8px;
        top: 8px
    }

    .voc-paywall__btn-row--fr .voc-paywall__opt-fav-txt span {
        top: 32px;
        left: 12px
    }

    .voc-paywall__btn-row--fr .voc-paywall__opt-bot {
        align-self: flex-end;
        padding: 0 5px
    }

    .voc-paywall__btn-row--fr .voc-paywall__opt-title {
        flex: 1
    }

    .voc-paywall__btn-row--fr .voc-paywall__opt-sub {
        margin-top: 10px;
        margin-bottom: 0
    }

    .voc-paywall__btn-row--fr .voc-paywall__opt:nth-child(3) .voc-paywall__opt-price {
        font-size: 70px
    }
}

@media (min-width: 0) and (max-width: 699px) and (min-width: 0) and (max-width: 699px) {
    .voc-paywall__btn-row--fr .voc-paywall__opt .voc-paywall__image {
        display: none
    }
}

.voc-paywall__opt {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 225px;
    height: auto;
    padding: 12px;
    color: #000;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px
}

.voc-paywall__opt--s {
    height: 244px
}

.voc-paywall__opt--fav {
    border: 1px solid #E4B016;
    box-shadow: 0px 0px 12px #BA8C0B;
    border-radius: 0 0 6px 6px
}

.voc-paywall__opt>* {
    display: flex;
    flex-direction: column
}

.voc-paywall__opt-fav {
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%
}

.voc-paywall__opt-fav-icon svg {
    width: 50px;
    height: 50px
}

.voc-paywall__opt-fav-icon svg path {
    fill: #E64A19
}

.voc-paywall__opt-fav-txt {
    position: absolute
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-paywall__opt-fav-txt {
        left: -59px
    }
}

.voc-paywall__opt-fav-txt svg {
    position: absolute;
    top: 0px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-paywall__opt-fav-txt svg {
        right: -41px;
        transform: scaleX(-1)
    }
}

@media (min-width: 699px) {
    .voc-paywall__opt-fav-txt svg {
        left: -25px
    }
}

.voc-paywall__opt-fav-txt span {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 90px;
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #E64A19
}

@media (min-width: 699px) {
    .voc-paywall__opt-fav-txt span {
        left: 14px
    }
}

.voc-paywall__opt-title {
    font: 14px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    margin-bottom: 18px
}

.voc-paywall__opt-title--nm {
    margin-bottom: 0
}

.voc-paywall__opt-price {
    font: 100px/50px "ABCDisplay Semibold", Georgia, Times New Roman, serif
}

.voc-paywall__opt-price--s {
    font: 64px/50px "ABCDisplay Semibold", Georgia, Times New Roman, serif
}

.voc-paywall__opt-price-icon {
    font: 50px/50px "ABCDisplay Semibold", Georgia, Times New Roman, serif
}

.voc-paywall__opt-price-icon--s {
    font-size: 24px;
    line-height: 38px
}

@media (min-width: 699px) {
    .voc-paywall__opt-price-icon--s {
        line-height: 32px
    }
}

.voc-paywall__opt-price-sub {
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 8px
}

.voc-paywall__opt-sub {
    font: 14px/16px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    margin-bottom: 10px
}

.voc-paywall__opt-sep {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 6px 0 8px;
    padding: 0 12px;
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888
}

.voc-paywall__opt-sep:before,
.voc-paywall__opt-sep:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #ddd
}

.voc-paywall__opt-g-sub {
    margin-top: 8px;
    font: 14px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #555
}

.voc-paywall__opt-g-sub span {
    text-transform: uppercase
}

.voc-paywall__link {
    display: block;
    margin-bottom: 4px;
    font: 13px/18px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #555
}

.voc-paywall__link a {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-decoration: underline;
    transition: .3s
}

.voc-paywall__link a:hover {
    opacity: .8
}

.voc-paywall__link-row {
    margin-top: 10px
}

.voc-paywall__link--main {
    margin: 30px 0 20px
}

.voc-paywall__link--main a {
    font-size: 16px;
    font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-decoration: none
}

.voc-paywall__link--main img {
    height: 14px;
    display: inline-block;
    width: auto
}

.voc-paywall.voc-paywall--overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: #26262699;
    z-index: 2
}

.voc-paywall.voc-paywall--overlay .voc-paywall__container {
    width: 300px;
    min-height: 160px;
    padding: 26px;
    background: #e4b016;
    border-radius: 8px
}

@media (min-width: 699px) {
    .voc-paywall.voc-paywall--overlay .voc-paywall__container {
        width: 366px;
        min-height: 200px;
        padding: 20px
    }
}

.voc-paywall.voc-paywall--overlay .voc-paywall__container>*:last-child {
    margin-bottom: 0
}

.voc-paywall.voc-paywall--overlay .voc-paywall__logo {
    width: 100% !important;
    height: 20px;
    margin-bottom: 16px
}

@media (min-width: 699px) {
    .voc-paywall.voc-paywall--overlay .voc-paywall__logo {
        height: 28px;
        margin-bottom: 25px
    }
}

.voc-paywall.voc-paywall--overlay .voc-paywall__btn-row {
    margin-top: 0;
    margin-bottom: 8px
}

@media (min-width: 699px) {
    .voc-paywall.voc-paywall--overlay .voc-paywall__btn-row {
        margin-bottom: 14px
    }
}

.voc-paywall.voc-paywall--overlay .voc-paywall__link {
    font-size: 14px;
    line-height: 16px;
    margin: 0
}

.voc-paywall.voc-paywall--overlay .voc-paywall__link-row {
    margin: 0
}

.voc-paywall.voc-paywall--overlay .voc-paywall__link:first-child {
    margin-bottom: 5px;
    color: #fff
}

.voc-paywall.voc-paywall--overlay .voc-paywall__link:last-child {
    color: #000
}

@media (min-width: 699px) {
    .voc-paywall.voc-paywall--overlay .voc-paywall__link {
        font-size: 16px;
        line-height: 18px
    }

    .voc-paywall.voc-paywall--overlay .voc-paywall__link:first-child {
        margin-bottom: 10px
    }
}

.voc-paywall.voc-paywall--overlay .voc-btn {
    width: 150px;
    height: 28px;
    margin-bottom: 0px;
    font: 18px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    background: #fff;
    border-radius: 38px
}

@media (min-width: 699px) {
    .voc-paywall.voc-paywall--overlay .voc-btn {
        width: 192px;
        height: 38px
    }
}

ev-engagement {
    width: 100%
}

.voc-paywall__btn-row--c .voc-btn--pw {
    height: 40px;
    border-radius: 25px;
    font-size: 14px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-paywall__btn-row--c {
        gap: 18px
    }

    .voc-paywall__btn-row--c .voc-paywall__opt {
        align-items: center;
        height: 150px
    }

    .voc-paywall__btn-row--c .voc-paywall__opt-bot {
        align-self: center
    }

    .voc-paywall__btn-row--c .voc-paywall__opt-title {
        flex: unset
    }

    .voc-paywall__btn-row--c .voc-paywall__opt--fav {
        margin-top: 30px;
        order: -1
    }

    .voc-paywall__btn-row--c .voc-paywall__opt--fav .voc-paywall__opt-bot {
        flex-direction: column-reverse;
        gap: 10px
    }

    .voc-paywall__btn-row--c .voc-paywall__opt--fav .voc-paywall__opt-fav {
        top: -40px
    }

    .voc-paywall__btn-row--c .voc-paywall__opt--fav .voc-paywall__opt-fav-txt {
        left: 0
    }

    .voc-paywall__btn-row--c .voc-paywall__opt--fav .voc-paywall__opt-fav-txt span {
        top: 2px;
        left: 22px
    }

    .voc-paywall__btn-row--c .voc-paywall__opt--fav .voc-paywall__opt-fav-txt svg {
        transform: scaleX(1.1) rotate(36deg);
        left: 106px;
        top: 2px
    }

    .voc-paywall__btn-row--c .voc-paywall__opt-price {
        font-size: 100px
    }

    .voc-paywall__btn-row--c .voc-paywall__opt-price-icon--s {
        font-size: 24px
    }

    .voc-paywall__btn-row--c .voc-paywall__btn-row--2 .voc-paywall__opt-price-icon {
        font-size: 24px
    }

    .voc-paywall__btn-row--c.voc-paywall__btn-row--3 .voc-paywall__opt:nth-child(3) .voc-paywall__opt-price {
        font-size: 100px
    }

    .voc-paywall__btn-row--c.voc-paywall__btn-row--3 .voc-paywall__opt-sub {
        margin-top: 8px
    }
}

@media (min-width: 699px) {
    .voc-paywall__btn-row--c .voc-paywall__opt-sub {
        margin-top: 10px
    }

    .voc-paywall__btn-row--c .voc-paywall__opt--fav .voc-paywall__opt-bot {
        flex-direction: column-reverse;
        height: 100%;
        justify-content: space-between
    }
}

.voc-paywall--cultural.voc-paywall--overlay .voc-paywall__container {
    background: #D42561
}

.voc-paywall--cultural.voc-paywall--overlay .voc-paywall__logo {
    height: 43px;
    margin-bottom: 19px
}

.voc-paywall--cultural.voc-paywall--overlay .voc-paywall__logo svg path {
    fill: #fff
}

.voc-cope-mod {
    position: relative
}

.voc-cope-mod .voc-img {
    transition: .3s
}

.voc-cope-mod__title {
    display: flex;
    align-items: center;
    margin: 1px 0 8px;
    text-transform: uppercase
}

.voc-cope-mod__title svg {
    width: 35px;
    height: 36px;
    margin-right: 5px
}

.voc-cope-mod__title svg path {
    fill: #0072BC
}

.voc-cope-mod__body {
    padding: 0 12px;
    background: #f1f1ea
}

.voc-cope-mod p {
    padding-bottom: 20px;
    font: 18px/20px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    transition: .3s
}

.voc-cope-mod span {
    padding-top: 10px;
    font: 12px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #0072BC;
    transition: .3s
}

.voc-cope-mod a {
    display: block;
    width: 100%;
    transition: .3s
}

.voc-cope-mod__link {
    padding: 16px 12px;
    background: #f1f1ea
}

.voc-cope-mod>a:hover span,
.voc-cope-mod>a:hover p {
    text-decoration: underline;
    opacity: .8
}

.voc-cope-mod>a:hover .voc-img {
    opacity: .8
}

.voc-cope-mod .voc-img-container+.voc-cope-mod__body .voc-cope-mod__title {
    padding-top: 0
}

.voc-discounts .articulo,
.descuentos .articulo {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
    min-height: 248px;
    border-width: 4px 0 0 0;
    border-color: #244765;
    border-style: solid;
    background-color: #f3f3f3
}

.voc-discounts .articulo .imagen,
.descuentos .articulo .imagen {
    order: 2;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start
}

.voc-discounts .articulo .imagen a,
.descuentos .articulo .imagen a {
    display: block;
    order: 1
}

.voc-discounts .articulo .imagen a img,
.descuentos .articulo .imagen a img {
    -o-object-fit: cover;
    object-fit: cover;
    height: inherit
}

.voc-discounts .articulo .imagen a,
.voc-discounts .articulo .imagen>img,
.descuentos .articulo .imagen a,
.descuentos .articulo .imagen>img {
    max-width: 276px;
    height: 158px
}

.voc-discounts .articulo .imagen .datos-oferta,
.descuentos .articulo .imagen .datos-oferta {
    order: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    padding: 0 5px
}

.voc-discounts .articulo .imagen .datos-oferta .descuento,
.descuentos .articulo .imagen .datos-oferta .descuento {
    order: 1;
    padding: 8px;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 22px;
    background-color: #D2FF19
}

.voc-discounts .articulo .imagen .datos-oferta .precio-original,
.voc-discounts .articulo .imagen .datos-oferta .precio-rebajado,
.descuentos .articulo .imagen .datos-oferta .precio-original,
.descuentos .articulo .imagen .datos-oferta .precio-rebajado {
    padding: 6px 8px;
    font-size: 20px
}

.voc-discounts .articulo .imagen .datos-oferta .precio-original,
.descuentos .articulo .imagen .datos-oferta .precio-original {
    order: 0;
    padding-left: 0;
    color: #888;
    text-decoration: line-through
}

.voc-discounts .articulo .imagen .datos-oferta .precio-rebajado,
.descuentos .articulo .imagen .datos-oferta .precio-rebajado {
    order: 2;
    padding-right: 0;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-discounts .articulo .titulo-oferta,
.descuentos .articulo .titulo-oferta {
    flex: 1 0 auto;
    order: 0;
    max-width: 100%;
    margin: 0 auto 5px;
    padding: 10px 20px 0;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis
}

.voc-discounts .articulo .localizacion,
.voc-discounts .articulo .oferta,
.descuentos .articulo .localizacion,
.descuentos .articulo .oferta {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-width: 276px;
    min-height: 54px;
    margin: 0 auto;
    order: 1;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    overflow: hidden
}

.voc-discounts .botonera,
.descuentos .botonera {
    display: block;
    padding: 12px 0 0 0;
    position: relative;
    z-index: 1
}

.voc-discounts .botonera:after,
.descuentos .botonera:after {
    width: 100%;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    z-index: -1;
    background-color: #f3f3f3
}

.voc-discounts .botonera a,
.descuentos .botonera a {
    max-width: 220px;
    height: 40px;
    margin: 0 auto;
    padding: 12px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    background-color: #37474F;
    transition: .3s
}

.voc-discounts .botonera a:hover,
.descuentos .botonera a:hover {
    opacity: .8
}

.voc-discounts.oferplan .articulo,
.descuentos.oferplan .articulo {
    border-color: #3AD5F1;
    background-color: rgba(210, 255, 25, 0.2)
}

.voc-discounts.oferplan .titulo-oferta,
.descuentos.oferplan .titulo-oferta {
    margin-bottom: 1px
}

.voc-discounts.oferplan .localizacion,
.descuentos.oferplan .localizacion {
    min-height: auto;
    margin-bottom: 8px
}

.voc-discounts.oferplan .botonera:after,
.descuentos.oferplan .botonera:after {
    background-color: rgba(210, 255, 25, 0.2)
}

.voc-discounts.oferplan .botonera a,
.descuentos.oferplan .botonera a {
    padding: 10px 0;
    background-color: #3AD5F1
}

.voc-discounts.oferplan .botonera a img,
.descuentos.oferplan .botonera a img {
    width: 76px;
    height: auto;
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle
}

.voc-header-section {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px
}

@media (min-width: 699px) {
    .voc-header-section {
        flex-direction: column
    }
}

@media (min-width: 1039px) {
    .voc-header-section {
        flex-direction: row
    }
}

.voc-header-section:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #C4C4C4
}

.voc-header-section a {
    transition: .3s
}

.voc-header-section a:hover {
    opacity: .6
}

.voc-header-section__inner {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    padding-top: 4px;
    border-top: 4px solid var(--cp3)
}

.voc-header-section__inner .voc-header-section__title,
.voc-header-section__inner .voc-header-section__image {
    padding-top: unset;
    border-top: 0
}

.voc-header-section__inner>*:not(:first-child) {
    margin-left: 8px
}

.voc-header-section__title {
    position: relative;
    font: 22px/25px "ABCDisplay Black", Georgia, Times New Roman, serif;
    color: var(--cp3);
    border-top: 4px solid var(--cp3);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.voc-header-section__icon {
    width: 26px;
    height: 26px
}

.voc-header-section__image {
    position: relative;
    width: 100%;
    height: 26px;
    padding-top: 4px;
    border-top: 4px solid var(--cp3);
    box-sizing: content-box;
    -o-object-fit: contain;
    object-fit: contain
}

.voc-header-section__sub {
    align-self: flex-end;
    margin-left: 10px;
    font: 12px/14px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-header-section__media {
    display: flex;
    align-items: baseline;
    position: absolute;
    right: 0;
    bottom: 0
}

.voc-header-section__media-text {
    font: 12px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

.voc-header-section__media-image {
    width: 34px;
    height: 34px;
    margin-left: 4px
}

.voc-header-section__sponsor {
    position: relative;
    top: 8px;
    right: 0;
    display: flex;
    align-items: center;
    font: 11px/13px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    gap: 10px
}

@media (min-width: 1039px) {
    .voc-header-section__sponsor {
        position: absolute
    }
}

.voc-header-section__sponsor span {
    position: relative;
    top: 3px;
    flex: 1 0 auto
}

.voc-header-section__sponsor img {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-height: 26px;
    height: 100%
}

.voc-header-section--s .voc-header-section__title {
    padding-top: 3px;
    font: 11px/13px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

.voc-header-section--s.voc-header-section--no-bdr-c .voc-header-section__title {
    padding-top: 8px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-header-section--s-b-xs .voc-header-section__title {
        font-size: 13px;
        line-height: 16px
    }
}

.voc-header-section--c {
    flex-direction: column;
    align-items: center
}

@media (min-width: 699px) {
    .voc-header-section--c {
        flex-direction: column
    }
}

@media (min-width: 1039px) {
    .voc-header-section--c {
        flex-direction: column
    }
}

.voc-header-section--c .voc-header-section__sponsor {
    position: relative
}

@media (min-width: 1039px) {
    .voc-header-section--c .voc-header-section__sponsor {
        position: absolute
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-header-section--c:before {
        top: 0
    }

    .voc-header-section--c:after {
        content: '';
        position: absolute;
        top: -3px;
        height: 4px;
        width: 92px;
        background: var(--cp3)
    }

    .voc-header-section--c .voc-header-section__inner,
    .voc-header-section--c .voc-header-section__title,
    .voc-header-section--c .voc-header-section__image {
        border-top: 0
    }
}

.voc-header-section--c .voc-subheader-section {
    margin-top: 10px
}

@media (min-width: 1039px) {
    .voc-header-section--c .voc-subheader-section {
        margin-left: 0
    }
}

.voc-header-section--c .voc-subheader-section ul {
    justify-content: center
}

.voc-header-section--sp {
    padding-top: 4px
}

.voc-header-section--sp:after {
    content: '';
    position: absolute;
    top: 0;
    height: 4px;
    width: 92px;
    background: #d42561
}

.voc-header-section--sp .voc-header-section__title,
.voc-header-section--sp .voc-header-section__image {
    border-top: 0
}

.voc-header-section--sp .voc-header-section__title {
    font-size: 32px;
    line-height: 34px;
    color: #d42561
}

.voc-header-section--sp .voc-header-section__image {
    height: 16px;
    padding-top: 8px
}

.voc-header-section--miabc:after {
    content: '';
    position: absolute;
    height: 4px;
    width: 92px;
    background: #000
}

.voc-header-section--miabc span {
    font: 22px/24px "ABCDisplay Light", Georgia, Times New Roman, serif
}

.voc-header-section--miabc span strong {
    font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif
}

.voc-header-section--miabc .voc-header-section__inner {
    padding-top: 8px;
    border-top: 0
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-header-section--miabc .voc-header-section__inner {
        display: inline-block
    }
}

.voc-header-section--miabc .voc-header-section__inner svg {
    max-height: 20px;
    height: 20px;
    fill: #e4b016
}

.voc-header-section--miabc .voc-header-section__image {
    display: inline-block;
    height: 20px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-header-section--fw-xs {
        left: 50%;
        width: 100vw;
        margin-left: -50vw;
        padding-left: 25px
    }

    .voc-header-section--fw-xs .voc-header-section__sponsor {
        right: 25px
    }
}

@media (min-width: 0) and (max-width: 375px) {
    .voc-header-section--fw-xs {
        padding-left: 17px
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-header-section--fw-xs.voc-header-section--c {
        padding-left: 0
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-header-section--fw-xs .voc-subheader-section {
        padding: 0 25px
    }
}

.voc-header-section--no-bdr:before {
    content: none
}

.voc-header-section--no-bdr-c .voc-header-section__title,
.voc-header-section--no-bdr-c .voc-header-section__image,
.voc-header-section--no-bdr-c .voc-header-section__inner {
    padding-top: 4px;
    border-top: 0
}

.voc-header-section--no-bdr-c .voc-header-section__icon {
    margin-top: 4px
}

.voc-header-section--no-bdr-c.voc-header-section--c:after {
    content: none
}

.voc-header-section--no-bdr.voc-header-section--no-bdr-c .voc-header-section__title,
.voc-header-section--no-bdr.voc-header-section--no-bdr-c .voc-header-section__image,
.voc-header-section--no-bdr.voc-header-section--no-bdr-c .voc-header-section__inner {
    padding-top: 0
}

.voc-header-section--no-bdr.voc-header-section--no-bdr-c .voc-header-section__icon {
    margin-top: 0
}

.voc-header-section--no-bdr.voc-header-section--no-bdr-c .voc-header-section__sponsor {
    top: 0
}

.voc-subheader-section {
    flex: 1 0 auto;
    margin-top: 10px;
    font: 12px/14px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-subheader-section {
        text-align: center
    }
}

@media (min-width: 1039px) {
    .voc-subheader-section {
        margin-top: 17px
    }
}

.voc-subheader-section a {
    transition: .3s
}

.voc-subheader-section a:hover {
    opacity: .8
}

.voc-subheader-section ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 10px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-subheader-section ul {
        justify-content: center
    }
}

.voc-subheader-section>span {
    text-transform: uppercase
}

@media (min-width: 1039px) {
    .voc-subheader-section {
        margin-left: 20px
    }
}

.voc-swiss {
    position: relative
}

.voc-swiss>*:not(.voc-header-section) {
    margin-bottom: 16px
}

.voc-swiss>*:not(.voc-header-section):last-child {
    margin-bottom: 0
}

.voc-swiss .voc-header-section__image {
    height: auto;
    top: unset;
    margin-bottom: unset;
    border-top: 0;
    max-width: 130px
}

.voc-swiss .voc-article-container+.voc-list {
    padding-top: 18px;
    border-top: 1px solid #c9c3c9
}

.voc-swiss .voc-list__item {
    position: relative;
    padding-left: 12px;
    font: 14px/17px "ABCDisplay Semibold", Georgia, Times New Roman, serif
}

.voc-swiss .voc-list__item:not(:last-child) {
    margin-bottom: 12px
}

.voc-swiss .voc-list__item:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #262626;
    border-radius: 100%
}

.voc-swiss .voc-list__item strong {
    font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    color: var(--cp3)
}

.voc-swiss .voc-list__item a {
    text-decoration: none;
    transition: .3s
}

.voc-swiss .voc-list__item a:hover {
    text-decoration: underline;
    opacity: .8
}

.voc-swiss .voc-list__item--o {
    font-family: "ABCDisplay Black", Georgia, Times New Roman, serif
}

.voc-swiss .voc-list__item--s {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-swiss .voc-list__item--s strong {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888
}

.voc-swiss--branded .voc-header-section {
    margin-bottom: 0
}

.voc-swiss--branded .voc-header-section__image {
    max-width: 100%;
    width: 100%
}

.voc-swiss .voc-advertising--native {
    min-height: auto
}

.voc-swiss .voc-advertising--native iframe {
    padding: 0
}

.voc-swiss--sponsor {
    border-top: 1px solid #c9c3c9
}

.voc-swiss--sponsor .voc-header-section {
    margin-bottom: 0
}

.voc-swiss--sponsor .voc-header-section:before {
    content: none
}

.voc-swiss--sponsor .voc-header-section__image {
    max-width: 100%;
    padding-top: 0
}

.horoscopo .titulo,
.horoscopo .subtitulo {
    position: relative;
    display: block;
    margin: 0 0 16px;
    padding: 3px 0 0;
    font: 20px/22px "ABCDisplay Black", Georgia, Times New Roman, serif;
    color: var(--cp3);
    border-top: 1px solid #888
}

.horoscopo .titulo:before,
.horoscopo .subtitulo:before {
    content: '';
    position: absolute;
    top: -4px;
    height: 4px;
    background-color: var(--cp3)
}

.horoscopo .titulo:before {
    width: 111px
}

.horoscopo .subtitulo:before {
    width: 172px
}

.horoscopo ul {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: 0 0 16px
}

.horoscopo ul li {
    flex: 1 0 calc(25% - 9px);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 65px;
    height: 65px;
    padding: 10px;
    background: #f3f3f3;
    text-align: center;
    transition: .3s
}

.horoscopo ul li:hover {
    opacity: .8
}

.horoscopo ul svg {
    width: 100%;
    height: 22px;
    margin-bottom: 6px
}

.horoscopo ul a {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    font: 10px/15px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.horoscopo>ul {
    margin: 0 0 24px
}

.horoscopo footer a {
    font: 14px/16px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-decoration: underline;
    transition: .3s
}

.horoscopo footer a:hover {
    opacity: .8
}

.voc-lot-c {
    padding-bottom: 10px;
    border-bottom: 1px solid #C4C4C4
}

@media (min-width: 699px) {
    .voc-lot-c {
        padding-bottom: 16px
    }
}

.voc-lot-c .voc-header-section {
    margin-bottom: 18px
}

@media (min-width: 699px) {
    .voc-lot-c .voc-header-section {
        margin-bottom: 22px
    }
}

.voc-lot-c .voc-lot-c__inner {
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media (min-width: 1200px) {
    .voc-lot-c .voc-lot-c__inner {
        flex-direction: row;
        gap: 0
    }
}

.voc-lot-c .voc-header-section__sponsor {
    top: unset;
    margin-top: 4px;
    gap: 6px
}

@media (min-width: 1039px) {
    .voc-lot-c .voc-header-section__sponsor {
        margin-top: 8px
    }
}

.voc-lot-c .voc-header-section__sponsor img {
    max-height: 25px;
    position: relative;
    top: 2px;
    width: auto
}

@media (min-width: 1039px) {
    .voc-lot-c .voc-header-section__sponsor img {
        top: 0
    }
}

.voc-lot-c .voc-header-section__sponsor span {
    flex: 0 0 auto
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-c__inner {
        gap: 10px;
        flex-direction: row
    }
}

.voc-d .voc-lot-c .voc-header-section:before {
    top: 0
}

.voc-d .voc-lot-c .voc-header-section__title {
    padding-top: 8px;
    font: 18px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    border-top: 0;
    margin-left: 0
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-c .voc-header-section__title {
        font-size: 20px
    }
}

.voc-d .voc-lot-c .voc-header-section__icon {
    display: none
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-c .voc-header-section--c {
        align-items: flex-start
    }
}

.voc-d .voc-lot-c .voc-header-section--c .voc-header-section__inner {
    border-top: 0
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-d .voc-lot-c .voc-header-section--c:after {
        content: none
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-c__inner {
        flex-direction: column;
        gap: 16px
    }
}

@media (max-width: 1039px) {
    .voc-m-container .voc-lot-c .voc-header-section {
        align-items: center
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-c .voc-header-section__inner {
        flex: 1 0 auto;
        width: 185px
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-c .voc-header-section__sponsor {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 0;
        top: 4px;
        flex: 1 0 auto;
        align-items: flex-end
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-c .voc-header-section__sponsor span {
        font-size: 10px;
        flex: unset;
        top: unset;
        margin-bottom: 2px
    }
}

.voc-lot-chk {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
    background: #bfe2ed;
    margin-bottom: -17px
}

@media (min-width: 1039px) {
    .voc-lot-chk {
        height: 103px;
        padding: 0 10px
    }
}

@media (min-width: 1200px) {
    .voc-lot-chk {
        flex: 1 0 auto;
        max-width: 366px
    }
}

.voc-lot-chk legend {
    margin: 0 auto 8px;
    font: 14px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: var(--cp3);
    text-align: center;
    transition: .3s
}

.voc-lot-chk legend:hover {
    opacity: .8
}

.voc-lot-chk .chk__inp-c {
    display: flex;
    flex-direction: column
}

.voc-lot-chk .chk__inp-c-s {
    display: flex;
    margin-bottom: 8px
}

.voc-lot-chk .chk__inp-c-s>*:first-child {
    margin-right: 4px
}

.voc-lot-chk .chk__inp-c-s>*:last-child {
    margin-left: 4px
}

@media (min-width: 375px) {
    .voc-lot-chk .chk__inp-c-s>*:first-child {
        margin-right: 9px
    }

    .voc-lot-chk .chk__inp-c-s>*:last-child {
        margin-left: 9px
    }
}

@media (min-width: 1039px) {
    .voc-lot-chk .chk__inp-c-s>*:first-child {
        margin-right: 15px
    }

    .voc-lot-chk .chk__inp-c-s>*:last-child {
        margin-left: 15px
    }
}

.voc-lot-chk span {
    flex: 1 0 0;
    display: flex;
    align-items: center
}

.voc-lot-chk span label {
    font: 15px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #262626
}

.voc-lot-chk span label:first-child {
    margin-right: 8px
}

.voc-lot-chk span input {
    width: 100%;
    height: 25px;
    padding: 0 8px;
    font: 15px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    border: transparent;
    border-radius: 6px;
    outline: unset;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield
}

.voc-lot-chk span input::-webkit-outer-spin-button,
.voc-lot-chk span input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.voc-lot-chk span input::-moz-placeholder {
    color: #888
}

.voc-lot-chk span input:-ms-input-placeholder {
    color: #888
}

.voc-lot-chk span input::placeholder {
    color: #888
}

.voc-lot-chk .voc-btn {
    width: 120px;
    height: 28px;
    margin: 0 auto
}

.voc-lot-chk .voc-btn[disabled] {
    background: #888;
    cursor: no-drop;
    opacity: .5
}

.voc-lot-chk .chk__spn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    transition: .3s
}

@media (min-width: 1039px) {
    .voc-lot-chk .chk__spn {
        display: none
    }
}

.voc-lot-chk .chk__spn:hover {
    opacity: .8
}

.voc-lot-chk .chk__spn span {
    flex: unset;
    margin: 0 4px 0 0;
    font-size: 10px;
    line-height: 1
}

.voc-lot-chk .chk__spn img {
    width: auto;
    height: 26px
}

@media (min-width: 1039px) {
    .voc-lot-chk .chk__spn img {
        margin: 0 0 0 auto
    }
}

.voc-d .voc-lot-chk {
    padding: 10px
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-chk {
        justify-content: space-between;
        max-width: 244px;
        height: 193px
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-chk legend {
        margin-bottom: 32px
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-chk .chk__inp-c {
        flex: 1 0 auto;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 8px
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-chk .chk__inp-c span {
        margin-bottom: 0
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-chk .chk__inp-c span input {
        width: 95px
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-chk .chk__inp-c-s {
        flex-direction: column;
        margin-bottom: 0
    }

    .voc-d .voc-lot-chk .chk__inp-c-s>*:first-child,
    .voc-d .voc-lot-chk .chk__inp-c-s>*:last-child {
        margin: 0
    }

    .voc-d .voc-lot-chk .chk__inp-c-s>*:first-child {
        margin-bottom: 8px
    }
}

@media (min-width: 1039px) {

    .voc-lot-chk.fw,
    .voc-d .voc-lot-chk.fw {
        justify-content: flex-start;
        max-width: 100%;
        height: 150px;
        padding: 12px 15px
    }
}

@media (min-width: 1039px) {

    .voc-lot-chk.fw legend,
    .voc-d .voc-lot-chk.fw legend {
        margin: 0 0 46px;
        font-size: 20px;
        text-align: left
    }
}

@media (min-width: 1039px) {

    .voc-lot-chk.fw .chk__inp-c,
    .voc-d .voc-lot-chk.fw .chk__inp-c {
        flex-direction: row;
        align-items: flex-start;
        gap: 24px
    }
}

@media (min-width: 1039px) {

    .voc-lot-chk.fw .chk__inp-c span label,
    .voc-d .voc-lot-chk.fw .chk__inp-c span label {
        font-size: 20px
    }
}

@media (min-width: 1039px) {

    .voc-lot-chk.fw .chk__inp-c span input,
    .voc-d .voc-lot-chk.fw .chk__inp-c span input {
        width: 100%;
        height: 36px;
        font-size: 20px
    }
}

@media (min-width: 1039px) {

    .voc-lot-chk.fw .chk__inp-c-s,
    .voc-d .voc-lot-chk.fw .chk__inp-c-s {
        flex: 1 0 0;
        flex-direction: row;
        gap: 18px
    }
}

@media (min-width: 1039px) {

    .voc-lot-chk.fw .chk__inp-c-s>*:first-child,
    .voc-d .voc-lot-chk.fw .chk__inp-c-s>*:first-child {
        margin-bottom: 0
    }
}

@media (min-width: 1039px) {

    .voc-lot-chk.fw .chk__spn,
    .voc-d .voc-lot-chk.fw .chk__spn {
        position: absolute;
        right: 15px;
        display: block;
        margin-top: 0
    }
}

@media (min-width: 1039px) {

    .voc-lot-chk.fw .chk__spn span,
    .voc-d .voc-lot-chk.fw .chk__spn span {
        justify-content: flex-end;
        margin-bottom: 4px
    }
}

@media (min-width: 1039px) {

    .voc-lot-chk.fw .voc-btn,
    .voc-d .voc-lot-chk.fw .voc-btn {
        width: 148px;
        height: 36px;
        font-size: 16px
    }
}

.voc-lot-chk.voc-lot-chk--s.fw {
    justify-content: flex-start;
    padding: 4px 8px 8px
}

@media (min-width: 1039px) {
    .voc-lot-chk.voc-lot-chk--s.fw {
        height: 89px;
        padding: 5px 15px 14px
    }
}

.voc-lot-chk.voc-lot-chk--s.fw legend {
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 17px;
    text-align: left
}

@media (min-width: 1039px) {
    .voc-lot-chk.voc-lot-chk--s.fw legend {
        margin: 0 0 16px
    }
}

.voc-lot-chk.voc-lot-chk--s.fw .voc-btn {
    margin: 0
}

@media (min-width: 1039px) {
    .voc-lot-chk.voc-lot-chk--s.fw .voc-btn {
        margin: 0 auto
    }
}

.voc-lot-chk.voc-lot-chk--s.fw .chk__spn {
    display: flex;
    position: absolute;
    right: 9px;
    bottom: 2px
}

@media (min-width: 699px) {
    .voc-lot-chk.voc-lot-chk--s.fw .chk__spn {
        bottom: 6px
    }
}

@media (min-width: 1039px) {
    .voc-lot-chk.voc-lot-chk--s.fw .chk__spn {
        bottom: unset
    }
}

.voc-m-container .voc-lot-chk {
    height: auto;
    padding: 8px 10px 10px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-m-container .voc-lot-chk .chk__inp-c {
        margin-bottom: 12px
    }
}

@media (min-width: 699px) {
    .voc-m-container .voc-lot-chk .chk__inp-c-s>*:first-child {
        margin-right: 7px
    }

    .voc-m-container .voc-lot-chk .chk__inp-c-s>*:last-child {
        margin-left: 7px
    }
}

.voc-lot-prz {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #C4C4C4;
    width: 100%
}

@media (min-width: 800px) {
    .voc-lot-prz {
        flex-wrap: nowrap;
        height: 103px;
        border-bottom: 0
    }
}

.voc-lot-prz .prz__i {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 10px 0
}

@media (min-width: 800px) {
    .voc-lot-prz .prz__i {
        padding-left: 16px;
        padding-right: 16px
    }
}

.voc-lot-prz .prz__i:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    background: #ccc;
    width: .5px;
    height: calc(100% - 20px);
    transform: translateY(-50%)
}

.voc-lot-prz .prz__i a {
    transition: .3s
}

.voc-lot-prz .prz__i a:hover {
    opacity: .8
}

.voc-lot-prz .prz__i h2 {
    font: 16px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000;
    text-transform: uppercase
}

.voc-lot-prz .prz__i span {
    margin-top: 2px;
    font: 15px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888
}

@media (min-width: 800px) {
    .voc-lot-prz .prz__i span {
        margin-top: 1px
    }
}

.voc-lot-prz .prz__i .prz__n a {
    position: relative
}

.voc-lot-prz .prz__i .prz__n a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .5px;
    background: var(--cp3)
}

.voc-lot-prz .prz__i .prz__n {
    flex: 1 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 0;
    font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif;
    line-height: 1;
    color: var(--cp3)
}

@media (min-width: 800px) {
    .voc-lot-prz .prz__i .prz__n {
        padding: 0
    }
}

.voc-lot-prz .prz__i .prz__n-c {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.voc-lot-prz .prz__i:nth-child(1) {
    width: 33.33%;
    border-bottom: 1px solid #C4C4C4
}

@media (min-width: 800px) {
    .voc-lot-prz .prz__i:nth-child(1) {
        width: 20%;
        border-bottom: 0
    }
}

.voc-lot-prz .prz__i:nth-child(1) .prz__n {
    font-size: 36px
}

@media (min-width: 699px) {
    .voc-lot-prz .prz__i:nth-child(1) .prz__n {
        font-size: 48px
    }
}

@media (min-width: 699px) {
    .voc-lot-prz .prz__i:nth-child(1) .prz__n a:after {
        bottom: 2px
    }
}

.voc-lot-prz .prz__i:nth-child(2) {
    width: 33.33%;
    border-bottom: 1px solid #C4C4C4
}

@media (min-width: 800px) {
    .voc-lot-prz .prz__i:nth-child(2) {
        width: 16%;
        border-bottom: 0
    }
}

.voc-lot-prz .prz__i:nth-child(2) .prz__n {
    font-size: 30px
}

@media (min-width: 699px) {
    .voc-lot-prz .prz__i:nth-child(2) .prz__n {
        font-size: 36px
    }
}

.voc-lot-prz .prz__i:nth-child(3) {
    width: 33.33%;
    border-bottom: 1px solid #C4C4C4
}

@media (min-width: 800px) {
    .voc-lot-prz .prz__i:nth-child(3) {
        width: 16%;
        border-bottom: 0
    }
}

@media (max-width: 800px) {
    .voc-lot-prz .prz__i:nth-child(3):after {
        content: none
    }
}

.voc-lot-prz .prz__i:nth-child(3) .prz__n {
    font-size: 30px
}

@media (min-width: 699px) {
    .voc-lot-prz .prz__i:nth-child(3) .prz__n {
        font-size: 36px
    }
}

.voc-lot-prz .prz__i:nth-child(4) {
    width: 33.33%
}

@media (min-width: 800px) {
    .voc-lot-prz .prz__i:nth-child(4) {
        width: 16%
    }
}

.voc-lot-prz .prz__i:nth-child(4) .prz__n {
    font-size: 20px;
    padding: 2px 0
}

@media (min-width: 699px) {
    .voc-lot-prz .prz__i:nth-child(4) .prz__n {
        font-size: 24px;
        padding: 0
    }
}

.voc-lot-prz .prz__i:nth-child(4) .prz__n:last-child {
    margin-top: -4px
}

.voc-lot-prz .prz__i:nth-child(4) .prz__n-c {
    flex-direction: column;
    padding: 2px 0;
    gap: 2px 0
}

.voc-lot-prz .prz__i:nth-child(5) {
    width: 66.66%
}

@media (min-width: 800px) {
    .voc-lot-prz .prz__i:nth-child(5) {
        width: 32%
    }
}

.voc-lot-prz .prz__i:nth-child(5) .prz__n a:after {
    height: 1px
}

.voc-lot-prz .prz__i:nth-child(5) .prz__n {
    flex-basis: 25%;
    font-size: 16px
}

@media (min-width: 699px) {
    .voc-lot-prz .prz__i:nth-child(5) .prz__n {
        font-size: 18px
    }
}

.voc-lot-prz .prz__i:nth-child(5) .prz__n-c {
    padding: 2px 0
}

@media (min-width: 800px) {
    .voc-lot-prz .prz__i:nth-child(5) .prz__n-c {
        padding: 4px 0
    }
}

.voc-lot-prz .prz__i:nth-child(5):after {
    content: none
}

@media (min-width: 800px) {
    .voc-d .voc-lot-prz {
        height: auto
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz {
        flex-wrap: wrap;
        height: 193px
    }
}

@media (min-width: 1039px) {

    .voc-d .voc-lot-prz .prz__i:nth-child(1),
    .voc-d .voc-lot-prz .prz__i:nth-child(2),
    .voc-d .voc-lot-prz .prz__i:nth-child(3) {
        border-bottom: 1px solid #C4C4C4
    }
}

@media (min-width: 1039px) {

    .voc-d .voc-lot-prz .prz__i:nth-child(1):after,
    .voc-d .voc-lot-prz .prz__i:nth-child(4):after {
        right: -6px
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz .prz__i:nth-child(1) {
        width: 33.33%
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz .prz__i:nth-child(2) {
        width: 33.33%
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz .prz__i:nth-child(3) {
        width: 33.33%
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz .prz__i:nth-child(3):after {
        content: none
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz .prz__i:nth-child(4) {
        width: 33.33%
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz .prz__i:nth-child(5) {
        width: 66.66%
    }
}

.voc-lot-prz.fw,
.voc-d .voc-lot-prz.fw {
    margin-bottom: -10px;
    border-bottom: 0
}

@media (min-width: 1039px) {

    .voc-lot-prz.fw,
    .voc-d .voc-lot-prz.fw {
        flex-wrap: nowrap;
        height: auto
    }
}

@media (min-width: 1039px) {

    .voc-lot-prz.fw .prz__i,
    .voc-d .voc-lot-prz.fw .prz__i {
        border-bottom: 0
    }
}

@media (min-width: 1039px) {

    .voc-lot-prz.fw .prz__i:nth-child(1),
    .voc-d .voc-lot-prz.fw .prz__i:nth-child(1) {
        width: 21%
    }
}

@media (min-width: 1039px) {

    .voc-lot-prz.fw .prz__i:nth-child(2),
    .voc-d .voc-lot-prz.fw .prz__i:nth-child(2) {
        width: 20%
    }
}

@media (min-width: 1039px) {

    .voc-lot-prz.fw .prz__i:nth-child(3),
    .voc-d .voc-lot-prz.fw .prz__i:nth-child(3) {
        width: 19%
    }
}

@media (min-width: 1039px) {

    .voc-lot-prz.fw .prz__i:nth-child(3):after,
    .voc-d .voc-lot-prz.fw .prz__i:nth-child(3):after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        background: #ccc;
        width: 0.5px;
        height: calc(100% - 20px);
        transform: translateY(-50%)
    }
}

@media (min-width: 1039px) {

    .voc-lot-prz.fw .prz__i:nth-child(4),
    .voc-d .voc-lot-prz.fw .prz__i:nth-child(4) {
        width: 18%
    }
}

@media (min-width: 1039px) {

    .voc-lot-prz.fw .prz__i:nth-child(4) .prz__n-c,
    .voc-d .voc-lot-prz.fw .prz__i:nth-child(4) .prz__n-c {
        flex-wrap: nowrap;
        gap: 6px 0
    }
}

@media (min-width: 1039px) {

    .voc-lot-prz.fw .prz__i:nth-child(4) .prz__n:nth-child(1),
    .voc-d .voc-lot-prz.fw .prz__i:nth-child(4) .prz__n:nth-child(1) {
        align-items: flex-end
    }
}

@media (min-width: 1039px) {

    .voc-lot-prz.fw .prz__i:nth-child(4) .prz__n:nth-child(2),
    .voc-d .voc-lot-prz.fw .prz__i:nth-child(4) .prz__n:nth-child(2) {
        align-items: flex-start
    }
}

@media (min-width: 1039px) {

    .voc-lot-prz.fw .prz__i:nth-child(5),
    .voc-d .voc-lot-prz.fw .prz__i:nth-child(5) {
        width: 22%
    }
}

@media (min-width: 1039px) {

    .voc-lot-prz.fw .prz__i:nth-child(5):after,
    .voc-d .voc-lot-prz.fw .prz__i:nth-child(5):after {
        content: none
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.fw .prz__i:nth-child(5) .prz__n {
        flex-basis: 50%
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz {
        flex-wrap: wrap;
        height: auto;
        margin-bottom: -8px;
        border-bottom: 1px solid #C4C4C4
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz .prz__i {
        padding: 10px 0
    }
}

@media (min-width: 1039px) {

    .voc-m-container .voc-lot-prz .prz__i:nth-child(1),
    .voc-m-container .voc-lot-prz .prz__i:nth-child(2),
    .voc-m-container .voc-lot-prz .prz__i:nth-child(3) {
        border-bottom: 1px solid #C4C4C4
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz .prz__i:nth-child(1) {
        width: 36%
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz .prz__i:nth-child(1) .prz__n {
        font-size: 32px
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz .prz__i:nth-child(2) {
        width: 32%
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz .prz__i:nth-child(2) .prz__n {
        font-size: 28px
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz .prz__i:nth-child(3) {
        width: 32%
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz .prz__i:nth-child(3):after {
        content: none
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz .prz__i:nth-child(3) .prz__n {
        font-size: 28px
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz .prz__i:nth-child(4) {
        width: 32%
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz .prz__i:nth-child(4) .prz__n {
        font-size: 20px
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz .prz__i:nth-child(4) .prz__n-c {
        flex-wrap: nowrap;
        gap: 6px 0
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz .prz__i:nth-child(4) .prz__n:nth-child(1) {
        align-items: flex-end
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz .prz__i:nth-child(4) .prz__n:nth-child(2) {
        align-items: flex-start
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz .prz__i:nth-child(5) {
        width: 68%;
        padding-left: 4px
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz .prz__i:nth-child(5) .prz__n {
        font-size: 16px
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz .prz__i span {
        font-size: 13px
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.fw {
        border-bottom: 0
    }
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i {
        padding: 0
    }
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:after {
        height: 100%
    }
}

.voc-lot-prz.el-nino .prz__i h2 {
    font-size: 14px
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(1) {
        width: 13%
    }
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(1) .prz__n {
        font-size: 28px
    }
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(2) {
        width: 12%
    }
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(2) .prz__n {
        font-size: 28px
    }
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(3) {
        width: 12%
    }
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(3) .prz__n {
        font-size: 28px
    }
}

.voc-lot-prz.el-nino .prz__i:nth-child(4) {
    border-bottom: 1px solid #C4C4C4
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(4) {
        width: 10%;
        border-bottom: unset
    }
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(4) .prz__n {
        font-size: 20px
    }
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(4) .prz__n:last-child {
        margin-top: -24px
    }
}

.voc-lot-prz.el-nino .prz__i:nth-child(5) {
    border-bottom: 1px solid #C4C4C4
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(5) {
        width: 28%;
        border-bottom: unset
    }
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(5):after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        background: #ccc;
        width: 0.5px;
        height: 100%;
        transform: translateY(-50%)
    }
}

.voc-lot-prz.el-nino .prz__i:nth-child(5) .prz__n {
    padding: 0
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(5) .prz__n {
        font-size: 20px
    }
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(5) .prz__n-c {
        padding: 6px 0
    }
}

.voc-lot-prz.el-nino .prz__i:nth-child(5) .prz__n-c>* {
    flex: 0 0 20%
}

.voc-lot-prz.el-nino .prz__i:nth-child(6) {
    width: 60%
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(6) {
        width: 11%
    }
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(6) .prz__n {
        font-size: 20px
    }
}

.voc-lot-prz.el-nino .prz__i:nth-child(6) .prz__n-c {
    padding: 0 10%
}

@media (min-width: 500px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(6) .prz__n-c {
        padding: 0 20%
    }
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(6) .prz__n-c {
        padding: 6px 0
    }
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(6) .prz__n-c>* {
        flex: 0 0 50%
    }
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(6) .prz__n-c>*:nth-child(odd) {
        justify-content: flex-end;
        padding-right: 5px
    }
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(6) .prz__n-c>*:nth-child(even) {
        justify-content: flex-start;
        padding-left: 5px
    }
}

.voc-lot-prz.el-nino .prz__i:nth-child(7) {
    width: 40%
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(7) {
        width: 14%
    }
}

.voc-lot-prz.el-nino .prz__i:nth-child(7):after {
    content: none
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(7) .prz__n {
        font-size: 20px
    }
}

.voc-lot-prz.el-nino .prz__i:nth-child(7) .prz__n-c {
    padding: 0 10%
}

@media (min-width: 500px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(7) .prz__n-c {
        padding: 0 20%
    }
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(7) .prz__n-c {
        padding: 6px 0
    }
}

@media (min-width: 800px) {
    .voc-lot-prz.el-nino .prz__i:nth-child(7) .prz__n-c>* {
        flex: 1 0 100%
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.el-nino .prz__i:nth-child(n+1):nth-child(-n+4) {
        padding-bottom: 6px
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.el-nino .prz__i:nth-child(n+1):nth-child(-n+4):after {
        top: 0;
        height: calc(100% - 6px);
        transform: unset
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.el-nino .prz__i:nth-child(n+5):nth-child(-n+7) {
        padding-top: 6px
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.el-nino .prz__i:nth-child(n+5):nth-child(-n+7):after {
        top: 6px;
        height: calc(100% - 6px);
        transform: unset
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.el-nino .prz__i:nth-child(1) {
        width: 26%
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.el-nino .prz__i:nth-child(2) {
        width: 28%
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.el-nino .prz__i:nth-child(3) {
        width: 26%
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.el-nino .prz__i:nth-child(3):after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        background: #ccc;
        width: 0.5px;
        transform: translateY(-50%)
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.el-nino .prz__i:nth-child(4) {
        width: 20%;
        border-bottom: 1px solid #C4C4C4
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.el-nino .prz__i:nth-child(4):after {
        content: none
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.el-nino .prz__i:nth-child(4) .prz__n:last-child {
        margin-top: -4px
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.el-nino .prz__i:nth-child(5) {
        width: 55%
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.el-nino .prz__i:nth-child(6) {
        width: 20%
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.el-nino .prz__i:nth-child(7) {
        width: 25%
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.el-nino .prz__i:nth-child(7):after {
        content: none
    }
}

@media (min-width: 800px) {
    .voc-d .voc-lot-prz.fw.el-nino {
        margin-bottom: 0
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.fw.el-nino .prz__i:nth-child(n+1):nth-child(-n+4) {
        padding: 0
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.fw.el-nino .prz__i:nth-child(n+1):nth-child(-n+4):after {
        height: 100%
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.fw.el-nino .prz__i:nth-child(n+5):nth-child(-n+7) {
        padding: 0
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.fw.el-nino .prz__i:nth-child(n+5):nth-child(-n+7):after {
        top: 50%;
        height: 100%;
        transform: translateY(-50%)
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.fw.el-nino .prz__i:nth-child(1) {
        width: 14%
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.fw.el-nino .prz__i:nth-child(1):after {
        right: -3px
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.fw.el-nino .prz__i:nth-child(2) {
        width: 14%
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.fw.el-nino .prz__i:nth-child(3) {
        width: 14%
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.fw.el-nino .prz__i:nth-child(4) {
        width: 12%;
        border-bottom: 0
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.fw.el-nino .prz__i:nth-child(4):after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        background: #ccc;
        width: 0.5px;
        transform: translateY(-50%)
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.fw.el-nino .prz__i:nth-child(5) {
        width: 20%
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.fw.el-nino .prz__i:nth-child(5):after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        background: #ccc;
        width: 0.5px;
        transform: translateY(-50%)
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.fw.el-nino .prz__i:nth-child(5) .prz__n-c>* {
        flex-basis: 33.33%
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.fw.el-nino .prz__i:nth-child(6) {
        width: 11%
    }
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.fw.el-nino .prz__i:nth-child(6) .prz__n-c>* {
        flex-basis: 100%
    }
}

.voc-d .voc-lot-prz.fw.el-nino .prz__i:nth-child(6) .prz__n-c>*:nth-child(odd),
.voc-d .voc-lot-prz.fw.el-nino .prz__i:nth-child(6) .prz__n-c>*:nth-child(even) {
    justify-content: center;
    padding: 0
}

@media (min-width: 1039px) {
    .voc-d .voc-lot-prz.fw.el-nino .prz__i:nth-child(7) {
        width: 15%
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(n+1):nth-child(-n+3) {
        padding-bottom: 6px
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(n+1):nth-child(-n+3):after {
        top: 0;
        height: calc(100% - 6px);
        transform: unset
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(n+1):nth-child(-n+3) span {
        margin-top: 4px
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(n+4):nth-child(-n+7) {
        padding: 6px 0
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(n+4):nth-child(-n+7):after {
        height: calc(100% - 12px)
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(1) {
        width: 33.33%
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(2) {
        width: 33.33%
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(3) {
        width: 33.33%
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(4) {
        width: 33.33%;
        border-bottom: 1px solid #C4C4C4
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(4) .prz__n:last-child {
        margin-top: 0
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(5) {
        width: 66.66%;
        border-bottom: 1px solid #C4C4C4
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(5):after {
        content: none
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(5) .prz__n-c {
        padding: 2px 6px
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(6) {
        width: 66.66%
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(6) .prz__n-c>* {
        flex-basis: 20%
    }
}

.voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(6) .prz__n-c>*:nth-child(odd),
.voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(6) .prz__n-c>*:nth-child(even) {
    justify-content: center;
    padding: 0
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(7) {
        width: 33.33%
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.el-nino .prz__i:nth-child(7) .prz__n-c>* {
        flex-basis: 33.33%
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.fw.el-nino .prz__i:nth-child(n+4):nth-child(-n+7):after {
        top: 50%
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.fw.el-nino .prz__i:nth-child(1):after {
        right: 0
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.fw.el-nino .prz__i:nth-child(4) .prz__n:last-child {
        margin-top: -5px
    }
}

@media (min-width: 1039px) {
    .voc-m-container .voc-lot-prz.fw.el-nino .prz__i:nth-child(5) .prz__n-c>* {
        flex-basis: 20%
    }
}

.voc-lot-msg {
    width: 100%;
    padding: 18px 20px 12px;
    text-align: center
}

.voc-lot-msg.yes {
    background: #e5f8ea
}

.voc-lot-msg.no {
    background: #f8e5e5
}

.voc-lot-msg span {
    display: block;
    font: 20px/24px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #262626
}

>.voc-lot-msg span:first-child {
    text-transform: uppercase
}

@media (min-width: 699px) {
    .voc-lot-msg>span {
        padding: 0 64px
    }
}

.voc-lot-msg a {
    display: block;
    margin: 10px 0 0
}

.voc-lot-msg a span {
    text-transform: unset;
    color: var(--cp3)
}

.voc-lot-msg .msg__n {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px
}

.voc-lot-msg .msg__n svg {
    width: 48px;
    height: 48px
}

.voc-lot-msg .msg__n span {
    padding: 0;
    font: 48px/1 "ABCDisplay Black", Georgia, Times New Roman, serif
}

.voc-lot-nums {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 15px
}

.voc-lot-nums li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc((100% / 3) - (((3 - 1) / 3) * 15px));
    font: 14px/15px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-align: center;
    color: #262626;
    background: #f3f3f3
}

@media (min-width: 699px) {
    .voc-lot-nums li {
        width: calc((100% / 7) - (((7 - 1) / 7) * 15px))
    }
}

@media (min-width: 1039px) {
    .voc-lot-nums li {
        width: calc((100% / 5) - (((5 - 1) / 5) * 15px))
    }
}

.voc-lot-nums li a {
    display: block;
    padding: 8px;
    text-decoration: underline;
    transition: .3s
}

.voc-lot-nums li a:hover {
    opacity: .8
}

.voc-lot-num-buy {
    width: 268px;
    margin: 0 auto;
    padding: 18px 0;
    text-align: center;
    background: #e8f5fc;
    border: 2px solid var(--cp3)
}

.voc-lot-num-buy>* {
    display: block
}

.voc-lot-num-buy span {
    display: block
}

.voc-lot-num-buy span:nth-child(1) {
    margin: 0 0 4px;
    font: 20px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

.voc-lot-num-buy span:nth-child(2) {
    margin: 0 0 14px;
    font: 48px/1 "ABCDisplay Black", Georgia, Times New Roman, serif
}

.voc-lot-num-buy a {
    width: 100px;
    margin: 0 auto;
    padding: 4px 6px;
    font: 16px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -0.7px;
    color: #034da1;
    background: #ffcb05;
    transition: .3s
}

.voc-lot-num-buy a:hover {
    opacity: .8
}

.voc-lot-msg.onload {
    background: #bfe2ed
}

.voc-lot-msg.onload .msg__n {
    justify-content: center;
    margin: 10px 0
}

.voc-lot-msg.onload #bombo {
    -webkit-animation: rotate 4s linear infinite;
    animation: rotate 4s linear infinite;
    width: 72px;
    height: 72px
}

.voc-lot-msg.onload .cls-1 {
    fill: #008ab7;
    stroke-width: 0px
}

@-webkit-keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.voc-awards__wrapper {
    display: flex;
    flex-wrap: nowrap
}

.voc-awards__card {
    display: grid;
    grid-template-columns: 56px auto;
    grid-template-rows: 1fr auto;
    -moz-column-gap: 5px;
    column-gap: 5px
}

.voc-awards__card img {
    grid-row: 1 / span 2;
    width: 56px;
    height: 80px
}

@media (min-width: 699px) {
    .voc-awards__card img {
        grid-row: 2 / span 2
    }
}

.voc-awards__card h2 {
    grid-column: 2;
    margin-bottom: 8px;
    font: 15px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp2)
}

@media (min-width: 699px) {
    .voc-awards__card h2 {
        grid-column: 1 / span all
    }
}

.voc-awards__card span {
    padding-bottom: 5px;
    font: 15px/1 "ABCText Light", Georgia, Times New Roman, serif;
    color: #262626
}

@media (min-width: 699px) {
    .voc-awards__card span {
        padding-bottom: 0
    }
}

.voc-awards__card p {
    display: none;
    grid-row: 3;
    font: 14px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #888
}

@media (min-width: 699px) {
    .voc-awards__card p {
        display: block
    }
}

.voc-awards a.voc-awards__card {
    transition: .3s
}

.voc-awards a.voc-awards__card:hover {
    opacity: .8
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-awards .voc-header-section {
        align-items: flex-start
    }
}

@media (min-width: 699px) {
    .voc-awards .voc-header-section__title {
        font-size: 24px
    }
}

.voc-awards .voc-slider__wrapper {
    flex-wrap: nowrap;
    justify-content: space-between;
    border-bottom: 1px solid #ddd
}

@media (min-width: 0) and (max-width: 1039px) {
    .voc-awards .voc-slider__wrapper:after {
        content: '';
        display: inline-block;
        position: absolute;
        right: 0;
        bottom: 0;
        top: -1px;
        width: 50px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 70%);
        z-index: 3;
        pointer-events: none
    }
}

.voc-awards .voc-slider__wrapper.is-move:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    top: -1px;
    width: 50px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 70%);
    z-index: 3;
    pointer-events: none
}

.voc-awards .voc-slider__wrapper.is-start:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    top: -1px;
    width: 50px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 70%);
    z-index: 3;
    pointer-events: none
}

.voc-awards .voc-slider__wrapper.is-start:before {
    display: none
}

.voc-awards .voc-slider__wrapper.is-end:after {
    display: none
}

.voc-awards .voc-slider__wrapper.is-end:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    top: -1px;
    width: 50px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 70%);
    z-index: 3;
    pointer-events: none
}

.voc-awards .voc-slider__slide {
    margin-right: 0;
    max-width: 158px
}

.voc-awards .voc-slider__button-next {
    right: 0
}

.voc-awards .voc-slider__button-prev {
    left: 0
}

.voc-raffle {
    border-bottom: 1px solid #C4C4C4
}

.voc-raffle__cnt {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 699px) {
    .voc-raffle__cnt {
        flex-wrap: nowrap
    }
}

.voc-raffle__col {
    flex: 1 0 25%;
    padding-bottom: 8px
}

@media (min-width: 699px) {
    .voc-raffle__col {
        flex-basis: 12.5%
    }
}

.voc-raffle__col:not(:first-child) {
    padding-left: 8px
}

@media (min-width: 699px) {
    .voc-raffle__col:not(:first-child) {
        padding-left: 4px
    }
}

.voc-raffle__col:not(:last-child) {
    border-right: 1px solid #C4C4C4
}

.voc-raffle__col:nth-child(-n+4) {
    padding-bottom: 16px
}

@media (min-width: 699px) {
    .voc-raffle__col:nth-child(-n+4) {
        padding-bottom: 8px
    }
}

.voc-raffle__col:nth-child(4) {
    border-right: 0
}

@media (min-width: 699px) {
    .voc-raffle__col:nth-child(4) {
        border-right: 1px solid #C4C4C4
    }
}

.voc-raffle ul {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 0
}

.voc-raffle__team {
    flex: 1 0 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 699px) {
    .voc-raffle__team {
        flex-basis: 100%;
        justify-content: flex-start;
        gap: 0 6px
    }
}

.voc-raffle__team span {
    display: none
}

@media (min-width: 699px) {
    .voc-raffle__team span {
        display: block;
        width: 63px;
        font: 13px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
        color: #191919;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (min-width: 1039px) {
    .voc-raffle__team span {
        width: 100px;
        font-size: 14px
    }
}

.voc-raffle__team span.hl {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-raffle__t {
    display: block;
    margin: 0 0 8px;
    font: 12px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: var(--cp3)
}

.voc-raffle__shd {
    width: 15px;
    height: 15px;
    -o-object-fit: contain;
    object-fit: contain
}

.voc-raffle--vs .voc-raffle__cnt {
    flex-wrap: wrap
}

.voc-raffle--vs .voc-raffle__col {
    display: flex;
    flex-basis: 25%;
    align-items: center;
    padding: 2px 8px 8px
}

@media (min-width: 699px) {
    .voc-raffle--vs .voc-raffle__col {
        flex-basis: 50%
    }
}

@media (min-width: 1039px) {
    .voc-raffle--vs .voc-raffle__col {
        flex-basis: 25%
    }
}

@media (min-width: 1039px) {
    .voc-raffle--vs .voc-raffle__col:nth-child(4) {
        border-right: 0
    }
}

@media (min-width: 699px) and (max-width: 1039px) {
    .voc-raffle--vs .voc-raffle__col:nth-child(even) {
        border-right: 0
    }
}

.voc-raffle--vs .voc-raffle__shd {
    width: 20px;
    height: 20px
}

.voc-raffle--vs .voc-raffle__team {
    flex-basis: auto
}

.voc-raffle--vs .voc-raffle__team:last-child {
    flex-direction: row-reverse;
    justify-content: flex-start
}

.voc-raffle--vs .voc-raffle__team:last-child span {
    text-align: right
}

.voc-raffle--vs .voc-raffle__team+span {
    flex: 1 0 auto;
    font: 12px/1 "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    text-align: center
}

.voc-raffle--vs .voc-raffle__team span {
    width: 100px
}

@media (min-width: 1039px) {
    .voc-raffle--vs .voc-raffle__team span {
        width: 82px
    }
}

@media (max-width: 340px) {
    .voc-raffle--vs .voc-raffle__shd {
        width: 18px;
        height: 18px
    }

    .voc-raffle--vs .voc-raffle__col {
        padding: 2px 2px 6px
    }
}

.icono {
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 0
}

.icono svg {
    width: 100%;
    height: 100%;
    max-width: 24px;
    max-height: 24px;
    margin: 0 auto
}

.cierre-suscripcion {
    position: relative;
    margin-bottom: 20px;
    background-color: #faf4e1;
    border-radius: 4px;
    padding: 40px
}

.cierre-suscripcion:before {
    position: absolute;
    bottom: calc(100% + 20px);
    left: -2px;
    z-index: 2;
    width: calc(100% + 4px);
    height: 180px;
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    content: ''
}

.cierre-suscripcion:after {
    position: absolute;
    bottom: 100%;
    left: -2px;
    z-index: 2;
    width: calc(100% + 4px);
    height: 20px;
    background-color: #fff;
    content: ''
}

.cierre-suscripcion.solo-video:after,
.cierre-suscripcion.solo-video:before {
    display: none
}

.cierre-suscripcion .ancla-suscripcion {
    position: absolute;
    top: -200px;
    left: 0;
    z-index: -99999;
    width: 0;
    height: 0;
    overflow: hidden;
    content: ''
}

.cierre-suscripcion .caja-suscripcion {
    text-align: center
}

.cierre-suscripcion .caja-suscripcion .logo-premium {
    width: auto;
    height: 25px;
    margin: 0 auto 20px
}

.cierre-suscripcion .caja-suscripcion .titulo {
    font-family: "ABC Display", serif;
    line-height: 1.2;
    color: #2b2b2b;
    margin-bottom: 20px;
    font-size: 28px
}

.cierre-suscripcion .caja-suscripcion .listado {
    line-height: 1.2;
    color: #555;
    font-size: 18px
}

.cierre-suscripcion .caja-suscripcion .listado li {
    position: relative;
    margin-bottom: 10px;
    line-height: 1.2
}

.cierre-suscripcion .caja-suscripcion .listado li:last-child {
    margin-bottom: 0
}

.cierre-suscripcion .caja-suscripcion .boton {
    display: block;
    width: 200px;
    height: 45px;
    margin: 20px auto;
    text-align: center;
    color: #fff;
    background-color: #bf9b30;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25)
}

.cierre-suscripcion .caja-suscripcion .boton .accion {
    height: 45px;
    float: none;
    font-size: 16px;
    line-height: 45px;
    cursor: pointer
}

.cierre-suscripcion .caja-suscripcion .boton .accion a {
    color: #fff
}

.cierre-suscripcion .caja-suscripcion .boton:hover {
    background-color: #ab8a2b
}

.cierre-suscripcion .caja-suscripcion .texto {
    margin-bottom: 10px;
    font-family: sans-serif;
    font-size: 14px
}

.cierre-suscripcion .caja-suscripcion .texto .info {
    color: #555
}

.cierre-suscripcion .caja-suscripcion .texto .info a {
    font-weight: 700
}

.cierre-suscripcion .caja-suscripcion .texto:last-of-type {
    margin-bottom: 0
}

.cierre-suscripcion.superacion-limite {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5)
}

.cierre-suscripcion.superacion-limite .caja-suscripcion {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    z-index: 2;
    overflow-y: auto;
    max-height: 90vh;
    padding: 40px 40px 20px;
    background-color: #faf4e1;
    width: 600px;
    max-width: 90vw
}

.cierre-suscripcion.superacion-limite .icono {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block
}

.cierre-suscripcion.superacion-limite .icono:hover {
    cursor: pointer
}

.cierre-suscripcion:empty {
    display: block;
    padding: 0;
    background-color: transparent;
    content: ''
}

.voc-tabs-m {
    position: relative
}

.voc-tabs-m__h-c {
    position: relative
}

.voc-tabs-m__h-c .voc-tabs-m__h {
    display: flex;
    border-bottom: 1px solid #888;
    gap: 14px
}

.voc-tabs-m__h-c.is-flex .voc-tabs-m__h {
    justify-content: space-between
}

.voc-tabs-m__h-c.is-scroll:before,
.voc-tabs-m__h-c.is-scroll:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 30px;
    pointer-events: none;
    z-index: 1
}

.voc-tabs-m__h-c.is-scroll:before {
    left: 0;
    background: linear-gradient(to right, #fff, transparent);
    opacity: 0
}

.voc-tabs-m__h-c.is-scroll:after {
    right: 0;
    background: linear-gradient(to left, #fff, transparent)
}

.voc-tabs-m__h-c.is-scroll.is-moved:before,
.voc-tabs-m__h-c.is-scroll.is-ended:before {
    opacity: 1
}

.voc-tabs-m__h-c.is-scroll.is-ended:after {
    opacity: 0
}

.voc-tabs-m__h-c.is-scroll .voc-tabs-m__h {
    overflow: hidden
}

.voc-tabs-m__h-c.is-scroll .voc-tabs-m__h>* {
    flex: 0 0 auto
}

.voc-tabs-m__t {
    font: 15px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

.voc-tabs-m__b {
    padding-bottom: 12px;
    position: relative;
    transition: .2s
}

.voc-tabs-m__b:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 7px;
    background-color: #ccc;
    bottom: 0;
    transform: scale(0, 1);
    transition: transform .2s;
    transform-origin: left top
}

.voc-tabs-m__b:hover:after {
    transform: scale(1, 1)
}

.voc-tabs-m__b.is-active .voc-tabs-m__t {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-tabs-m__b.is-active:after {
    transform: scale(1, 1);
    background-color: var(--cp3)
}

.voc-tabs-m__tc {
    display: none;
    margin-top: 8px
}

.voc-tabs-m__tc.is-active {
    display: block
}

.voc-s-t-cc {
    width: 100%
}

.voc-s-t-cc .voc-title {
    margin-bottom: 12px;
    font: 24px/1 "ABCDisplay Black", Georgia, Times New Roman, serif;
    color: var(--cp3)
}

.voc-s-t-cc__j {
    display: block;
    margin-bottom: 6px;
    font: 16px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-s-t-cc table {
    width: 100%;
    border-collapse: collapse
}

.voc-s-t-cc table tr {
    height: 22px;
    border-bottom: 1px solid #ccc
}

.voc-s-t-cc table tr:first-child {
    border-top: 1px solid #ccc
}

.voc-s-t-cc table td {
    font: 14px/1 "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: -.14px;
    text-align: center
}

.voc-s-t-cc table td:first-child {
    padding-left: 2px;
    padding-right: 8px;
    text-align: left
}

.voc-s-t-cc table td:nth-child(2) {
    display: flex;
    height: 21px;
    align-items: center
}

.voc-s-t-cc table td:last-child {
    padding-right: 2px
}

.voc-s-t-cc table td .score {
    width: 45px;
    display: flex;
    justify-content: center
}

.voc-s-t-cc table td .score span {
    width: 20px
}

.voc-s-t-cc table td .score .sep {
    width: 5px
}

.voc-s-t-cc table td .team {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.voc-s-t-cc table td a {
    display: inline-block;
    width: 16px;
    height: 16px
}

.voc-s-t-cc table td a svg {
    width: 16px;
    height: 16px
}

.voc-s-t-cc table .local td {
    background: #f3f3f3
}

.voc-s-t-cc table .local td strong,
.voc-s-t-cc table .local td .team {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-s-t-cc table .live td .score {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #E64A19
}

.voc-s-t-cc table .pts {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp3)
}

.voc-s-t-cc table .mark {
    border-bottom-color: #000
}

.voc-s-t-cc table thead tr:first-child {
    border-top: 0
}

.voc-s-t-cc--res table td:first-child {
    width: 54px;
    font-size: 12px;
    letter-spacing: -.12px
}

.voc-s-t-cc--res table td:nth-child(2) {
    justify-content: center
}

.voc-s-t-cc--res table td:last-child {
    width: 43px;
    font-size: 12px;
    padding-left: 8px;
    letter-spacing: -.12px;
    text-align: right
}

.voc-s-t-cc--res table .team {
    width: 80px
}

.voc-s-t-cc--res table .team:first-child {
    text-align: right
}

.voc-s-t-cc--res table .team:last-child {
    text-align: left
}

.voc-s-t-cc--res table .live td:last-child {
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-s-t-cc--clas table td:first-child {
    width: 20px;
    font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

.voc-s-t-cc--clas table td:nth-child(3) {
    width: 52px
}

.voc-s-t-cc--clas table td:nth-last-child(-n+4) {
    width: 26px
}

.voc-s-t-cc--clas table .team {
    max-width: 105px;
    text-align: left
}

.voc-s-t-cc.nervion .voc-title,
.voc-s-t-cc.nervion table .live td .score,
.voc-s-t-cc.nervion table .pts {
    color: #DF0031
}

.voc-s-t-cc.nervion .voc-tabs-m__b.is-active:after {
    background-color: #DF0031
}

.voc-s-t-cc.palmera .voc-title,
.voc-s-t-cc.palmera table .live td .score,
.voc-s-t-cc.palmera table .pts {
    color: #149557
}

.voc-s-t-cc.palmera .voc-tabs-m__b.is-active:after {
    background-color: #149557
}

.voc-team-icons {
    max-width: 562px
}

.voc-team-icons ul {
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
    border-top: 2px solid #B7B7B7;
    border-bottom: 2px solid #B7B7B7
}

@media (min-width: 699px) {
    .voc-team-icons ul {
        -moz-column-gap: 52px;
        column-gap: 52px;
        justify-content: flex-start
    }
}

.voc-team-icons ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 8px;
    font: 18px/20px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp3);
    text-decoration: underline;
    transition: .3s
}

@media (min-width: 699px) {
    .voc-team-icons ul li a {
        font-size: 22px;
        line-height: 24px
    }
}

.voc-team-icons ul li a svg {
    width: 42px;
    height: 42px
}

@media (min-width: 699px) {
    .voc-team-icons ul li a svg {
        width: 62px;
        height: 62px
    }
}

.voc-team-icons ul li a svg path {
    transition: .3s
}

.voc-team-icons ul li a:hover {
    opacity: .8
}

.voc-team-icons ul li a:hover svg path {
    fill: var(--cp3)
}

.v-mdl-evi__c {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    grid-gap: 10px 12px;
    border-bottom: 1px solid #ddd
}

.v-mdl-evi__img {
    width: 52px;
    height: 52px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    filter: grayscale(1);
    transition: filter .5s
}

.v-mdl-evi__img-c {
    transform: translate(0, 1px)
}

.v-mdl-evi__n {
    font-size: 13px;
    line-height: 19px;
    font-family: "Basier Square Regular", sans-serif
}

.v-mdl-evi__n--1 {
    font-family: "ABCText Semibold", serif;
    font-size: 18px;
    line-height: 22px
}

.v-mdl-evi__n--2 {
    color: #4C4C4C
}

.v-mdl-evi__b-w--1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: baseline;
    margin-bottom: 6px
}

.v-mdl-evi__b-w--2 {
    position: relative;
    height: 8px
}

.v-mdl-evi__b-w--2:after {
    content: '';
    display: inline-block;
    height: 12px;
    width: 1px;
    background-color: rgba(32, 32, 32, 0.85);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.v-mdl-evi__b-w--3 {
    margin-top: 4px;
    margin-bottom: 4px
}

.v-mdl-evi__b-p {
    height: 8px;
    background-color: #eee;
    position: absolute;
    inset: 0;
    display: flex
}

.v-mdl-evi__b-l {
    height: 8px;
    display: inline-block;
    border-right: 1px solid #fff;
    transition: width .5s ease-in-out
}

.v-mdl-evi__b-l--1 {
    background-color: #149557
}

.v-mdl-evi__b-l--2 {
    background-color: rgba(107, 107, 107, 0.6)
}

.v-mdl-evi__b-l--3 {
    background-color: var(--cp7)
}

.v-mdl-evi__b-l--4 {
    background-color: #000;
    margin-left: auto
}

.v-mdl-evi__b-l:last-child {
    border: 0
}

.v-mdl-evi__p {
    font-family: "ABCText Light", serif;
    font-size: 14px;
    line-height: 18px;
    display: inline-flex;
    align-items: baseline
}

.v-mdl-evi__p--1 .v-mdl-evi__nbr {
    color: #149557
}

.v-mdl-evi__p--2 {
    text-align: center;
    justify-content: center;
    color: #4C4C4C
}

.v-mdl-evi__p--2 .v-mdl-evi__nbr {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: #000
}

.v-mdl-evi__p--3 {
    text-align: right;
    justify-content: flex-end
}

.v-mdl-evi__p--3 .v-mdl-evi__nbr {
    color: #E64A19
}

.v-mdl-evi__p--4 {
    font-size: 12px;
    line-height: 15px
}

.v-mdl-evi__nbr {
    font-family: "Basier Square SemiBold", sans-serif;
    font-size: 22px;
    line-height: 22px;
    margin-left: 5px;
    letter-spacing: -.4px
}

.v-mdl-evi .v-i {
    width: 12px;
    height: 12px;
    display: block;
    margin-left: 5px;
    align-self: center
}

.v-mdl-evi .v-i svg {
    width: 12px;
    height: 12px;
    display: block
}

.v-mdl-evi.is-ok .v-mdl-evi__img,
.v-mdl-evi.is-finished .v-mdl-evi__img {
    filter: none
}

.v-mdl-evi.is-finished .v-mdl-evi__n--3 {
    color: #4C4C4C
}

.v-blt:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: var(--cp7);
    border-radius: 50%;
    -webkit-animation: blinkLive 1.5s infinite;
    animation: blinkLive 1.5s infinite;
    margin-right: 8px;
    transform: translate(0, -1px);
    flex-shrink: 0
}

.v-mdl-evi__n--3:before {
    margin-right: 2px;
    transform: translate(0, -2px)
}

@media (min-width: 1039px) {
    .v-mdl-evi__n--2 {
        margin-left: 8px
    }

    .v-mdl-evi__n--3 {
        margin-left: 3px
    }

    .v-mdl-evi .v-i {
        width: 16px;
        height: 16px
    }

    .v-mdl-evi .v-i svg {
        width: 16px;
        height: 16px
    }

    .v-mdl-evi .v-i svg#icon-wrong {
        fill: #E64A19
    }
}

@media (min-width: 699px) {
    .v-mdl-evi__c {
        grid-gap: 6px 12px
    }

    .v-mdl-evi__w--1 {
        grid-row: span 2
    }

    .v-mdl-evi__img {
        width: 118px;
        height: 112px;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: left center;
        object-position: left center
    }

    .v-mdl-evi__n--3 {
        margin-left: 8px
    }

    .v-mdl-evi__b-w--1 {
        margin-bottom: 8px
    }

    .v-mdl-evi__b-w--2 {
        height: 12px
    }

    .v-mdl-evi__p {
        font-size: 18px;
        line-height: 23px
    }

    .v-mdl-evi__p--4 {
        font-size: 12px;
        line-height: 15px
    }

    .v-mdl-evi__nbr {
        font-size: 32px;
        line-height: 32px;
        letter-spacing: -.8px
    }

    .v-mdl-evi__p--2 {
        font-size: 16px
    }

    .v-mdl-evi__b-p {
        height: 12px
    }

    .v-mdl-evi__b-l {
        height: 12px
    }

    .v-mdl-evi__b-w--2:after {
        height: 20px
    }

    .v-mdl-evi .v-i {
        width: 14px;
        height: 14px;
        transform: translate(0, 1px)
    }

    .v-mdl-evi .v-i svg {
        width: 14px;
        height: 14px
    }
}

@media (max-width: 1039px) {
    .v-mdl-evi__t {
        display: grid;
        grid-template-columns: auto 1fr
    }

    .v-mdl-evi__n--1 {
        grid-column: span 2
    }
}

@media (max-width: 699px) {
    .v-mdl-evi__c {
        padding-bottom: 18px
    }

    .v-mdl-evi__img {
        border-radius: 50%
    }

    .v-mdl-evi__w--2 {
        align-self: center
    }

    .v-mdl-evi__t {
        grid-template-columns: 100%
    }

    .v-mdl-evi__w--3 {
        grid-column: span 2
    }

    .v-mdl-evi__n--3:last-child {
        margin-bottom: -2px
    }

    .v-mdl-evi__n--1 {
        grid-column: span 1
    }
}

.abc-cuadro-medico {
    background: url(../images/mod-quiron-fondobuscador.webp) no-repeat #fff;
    background-size: cover;
    padding: 15px;
    color: #fff;
    font-size: 15px;
    font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
    margin-bottom: 20px
}

.abc-cuadro-medico p {
    margin: 15px 0
}

.abc-cuadro-medico .buscadorEmbebido {
    position: relative
}

.abc-cuadro-medico .buscadorEmbebido .cmSearchContainer .cmSearchFieldSet {
    padding: 0;
    display: flex;
    justify-content: space-between
}

.abc-cuadro-medico .cmSearchCol {
    display: block;
    padding: 0 5px 10px;
    position: relative
}

.abc-cuadro-medico .buscadorEmbebido .cmSearchRow {
    display: block;
    flex: 0 0 32.5%
}

.abc-cuadro-medico .cmSearchRow:nth-child(3n) .cmSearchCol.lastChild {
    clear: both
}

.abc-cuadro-medico .buscadorEmbebido .titleSearch {
    display: none
}

.abc-cuadro-medico .title {
    padding: 0;
    margin: 0;
    font-size: 23px;
    font-weight: 700;
    color: #fff
}

.abc-cuadro-medico .buscadorEmbebido:after {
    content: " ";
    display: block;
    height: 0;
    clear: both
}

.abc-cuadro-medico .buscadorEmbebido .cmSearchInput,
.abc-cuadro-medico .buscadorEmbebido .cmSearchSelect {
    width: 100%;
    border-radius: 0;
    border: 0;
    padding: 7px 10px;
    font-size: 15px;
    box-sizing: border-box;
    color: #000
}

.abc-cuadro-medico .buscadorEmbebido .cmSearchInput {
    padding: 8px 10px
}

.abc-cuadro-medico .moveTextLabel {
    position: absolute;
    top: 6px;
    left: 10px;
    font-size: .9em;
    color: #a4a4a4;
    font-weight: 400
}

.abc-cuadro-medico .cmSearchLabel {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.abc-cuadro-medico .noContent {
    margin-bottom: 20px
}

.abc-cuadro-medico .buscadorEmbebido .cmSearchButton {
    font-size: 15px;
    line-height: 33px;
    border: 0;
    cursor: pointer;
    border-radius: 0;
    height: auto;
    padding: 0;
    margin-left: 5px;
    font-weight: 400;
    display: block;
    float: left
}

.abc-cuadro-medico .buscadorEmbebido .cmTypeSubmit {
    width: 45%;
    background: #f05168;
    color: #fff
}

.abc-cuadro-medico .buscadorEmbebido .cmTypeSubmit:hover {
    background-color: #ef3a54;
    color: #fff
}

.abc-cuadro-medico .embeddedSearcher.buscadorEmbebido .cmSearchContainer {
    background: 0 0;
    padding: 0
}

.abc-cuadro-medico .embeddedSearcher.buscadorEmbebido .cmSearchContainer .cmSearchRow div.cmSearchCol {
    width: 45%;
    float: left
}

.abc-cuadro-medico.cols2 .embeddedSearcher.buscadorEmbebido .cmSearchContainer .cmSearchRow div.cmSearchCol {
    width: auto;
    float: none
}

.abc-cuadro-medico.cols2 .buscadorEmbebido .cmSearchContainer .cmSearchFieldSet {
    margin: 0
}

.abc-cuadro-medico.cols2 .cmSearchCol {
    padding-left: 0;
    padding-right: 0
}

.abc-cuadro-medico.cols2 .buscadorEmbebido .cmTypeSubmit {
    width: 100%;
    margin: 0
}

@media screen and (max-width: 960px) {
    .abc-cuadro-medico .embeddedSearcher.buscadorEmbebido .cmSearchContainer .cmSearchRow div.cmSearchCol {
        width: auto;
        float: none
    }

    .abc-cuadro-medico .buscadorEmbebido .cmSearchContainer .cmSearchFieldSet {
        margin: 0
    }

    .abc-cuadro-medico .cmSearchCol {
        padding-left: 0;
        padding-right: 0
    }

    .abc-cuadro-medico .buscadorEmbebido .cmTypeSubmit {
        width: 100%;
        margin: 0
    }
}

@media screen and (max-width: 450px) {
    .abc-cuadro-medico {
        padding: 8px 10px 10px
    }

    .abc-cuadro-medico p:first-of-type {
        margin: 8px 0;
        font-size: 14px
    }

    .abc-cuadro-medico .buscadorEmbebido .cmSearchRow {
        width: 100%
    }

    .abc-cuadro-medico .buscadorEmbebido .cmSearchContainer .cmSearchFieldSet {
        flex-wrap: wrap
    }

    .abc-cuadro-medico .buscadorEmbebido .cmSearchRow {
        flex: 0 0 calc(50% - 5px);
        width: calc(50% - 5px)
    }

    .abc-cuadro-medico .buscadorEmbebido .cmSearchRow:last-of-type {
        flex: 0 0 100%
    }
}

.voc-article--s-chronology:not(:first-child) .voc-article-content {
    padding-top: 12px;
    border-top: 1px solid #ddd
}

.voc-article--s-chronology .voc-pretitle {
    font: 13px/16px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: var(--cp3)
}

@media (min-width: 699px) {
    .voc-article--s-chronology .voc-pretitle {
        font-size: 11px;
        line-height: 14px
    }
}

.voc-article--s-chronology .voc-title {
    font-size: 18px;
    line-height: 20px
}

@media (min-width: 699px) {
    .voc-article--s-chronology .voc-title {
        font-size: 20px;
        line-height: 22px
    }
}

.voc-article--s-chronology .voc-title strong {
    color: var(--cp3)
}

.voc-article--s-chronology .voc-onplus {
    margin-top: 12px
}

.voc-article--s-chronology .voc-onplus__author {
    font-size: 11px
}

.voc-article--s-chronology .voc-p {
    font-size: 16px;
    line-height: 18px;
    color: #4A4848
}

@media (min-width: 699px) {
    .voc-article--s-chronology .voc-p {
        font-size: 15px
    }
}

.voc-article--s-chronology.voc-article--opinion .voc-img-container {
    width: 75%;
    border-bottom: 1px solid #ddd
}

.voc-article--s-chronology.voc-article--opinion .voc-img-figure {
    margin: 0 auto
}

.voc-article--s-chronology.voc-article--opinion .voc-info-container {
    text-align: center
}

.voc-article--s-chronology.voc-article--opinion .voc-pretitle {
    font: 12px/1 "ABCDisplay Black", Georgia, Times New Roman, serif
}

.voc-article--s-chronology.voc-article--opinion .voc-title {
    font-size: 22px;
    line-height: 24px
}

.voc-article--s-chronology.voc-article--sponsored .voc-pretitle {
    font: 11px/16px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

.voc-article--s-chronology.voc-article--sponsored .voc-title {
    font: 18px/20px "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
    color: #000
}

.voc-article--s-chronology.voc-article--sponsored .voc-p {
    padding-bottom: 12px;
    font: 14px/19px "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--s-chronology--list.voc-article--photo-left {
        flex-direction: column
    }
}

.voc-article--s-chronology--list.voc-article--photo-left .voc-img-container {
    width: 160px
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--s-chronology--list.voc-article--photo-left .voc-img-container {
        margin-left: 12px;
        margin-right: 0;
        order: 1;
        align-self: flex-end
    }
}

@media (min-width: 699px) {
    .voc-article--s-chronology--list.voc-article--photo-left .voc-img-container {
        grid-row: 1 / span all;
        width: 268px
    }
}

@media (min-width: 699px) {
    .voc-article--s-chronology--list .voc-article-content {
        display: grid;
        grid-template-columns: 268px auto;
        grid-template-rows: repeat(4, auto);
        -moz-column-gap: 16px;
        column-gap: 16px;
        padding-top: 12px;
        border-top: 1px solid #ddd;
        width: 100%
    }
}

.voc-article--s-chronology--list.voc-article--no-bdr-top .voc-article-content {
    padding-top: 0;
    border-top: 0
}

@media (min-width: 699px) {

    .voc-article--s-chronology--list .voc-pretitle,
    .voc-article--s-chronology--list .voc-title {
        grid-column: 2
    }
}

.voc-article--s-chronology--list .voc-onplus {
    width: 100%
}

@media (min-width: 699px) {
    .voc-article--s-chronology--list .voc-onplus {
        grid-column: 2
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--s-chronology--list .voc-img-container {
        float: right;
        margin: 12px 0 0 12px
    }
}

.voc-article--s-chronology--list .voc-p {
    margin-top: 12px
}

@media (min-width: 699px) {
    .voc-article--s-chronology--list .voc-p {
        grid-column: 2
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--s-chronology--list.voc-article--opinion .voc-article-content {
        display: flex;
        flex-direction: column
    }
}

@media (min-width: 699px) {
    .voc-article--s-chronology--list.voc-article--opinion .voc-article-content {
        grid-template-columns: minmax(172px, auto) auto
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article--s-chronology--list.voc-article--opinion .voc-img-container {
        order: unset;
        float: unset;
        align-self: center;
        margin: 0 0 12px
    }
}

@media (min-width: 699px) {
    .voc-article--s-chronology--list.voc-article--opinion .voc-img-container {
        width: 172px;
        height: 121px;
        align-self: flex-end
    }
}

.voc-article--s-chronology--list.voc-article--opinion .voc-img-figure {
    width: 80px;
    height: 80px;
    overflow: hidden
}

@media (min-width: 699px) {
    .voc-article--s-chronology--list.voc-article--opinion .voc-img-figure {
        width: 120px;
        height: 120px
    }
}

.voc-article--s-chronology--list.voc-article--opinion .voc-onplus {
    width: auto
}

@media (min-width: 699px) {
    .voc-article--s-chronology--list.voc-article--sponsored:before {
        content: '';
        width: calc(100% - 98px);
        position: absolute;
        right: 0;
        border-top: 1px solid #ddd
    }
}

.voc-article--s-chronology--list.voc-article--sponsored .voc-article-content {
    grid-template-rows: auto auto auto 1fr;
    padding: 12px;
    background: #f1f1ea;
    border-top: 0
}

@media (min-width: 699px) {
    .voc-article--s-chronology--list.voc-article--sponsored .voc-article-content {
        margin-top: 12px;
        padding: 0 12px 0 0
    }
}

.voc-article--s-chronology--list.voc-article--sponsored .voc-img-container {
    margin-left: 12px
}

@media (min-width: 699px) {
    .voc-article--s-chronology--list.voc-article--sponsored .voc-img-container {
        grid-row: 1 / span 4;
        margin: 0
    }
}

.voc-article--s-chronology--list.voc-article--sponsored .voc-info-container {
    background: #f1f1ea
}

@media (min-width: 699px) {
    .voc-article--s-chronology--list.voc-article--sponsored .voc-pretitle {
        padding-top: 12px
    }
}

.voc-article--s-chronology--list.voc-article--sponsored .voc-onplus__author {
    text-transform: none
}

@media (min-width: 699px) {
    .voc-article--s-chronology--list.voc-article--sponsored .voc-pretitle+.voc-title {
        padding-top: 0
    }
}

@media (min-width: 699px) {
    .voc-article--s-chronology--list.voc-article--sponsored .voc-title {
        padding-top: 12px
    }
}

@media (min-width: 0) and (max-width: 699px) {
    .voc-article-container:not(:first-child) .voc-article--s-chronology--list {
        padding-top: 12px;
        border-top: 1px solid #ddd
    }
}

.voc-d-c-file-generic--favorito .voc-d-c__pretitle,
.voc-d-c-file-generic--favorito .voc-article--c-file-generic .voc-title {
    font-size: 18px;
    margin-bottom: 18px;
    color: #244765;
    text-transform: uppercase
}

@media (min-width: 1039px) {

    .voc-d-c-file-generic--favorito .voc-d-c__pretitle,
    .voc-d-c-file-generic--favorito .voc-article--c-file-generic .voc-title {
        font-size: 20px
    }
}

.voc-d-c-file-generic--favorito .voc-list__item strong,
.voc-d-c-file-generic--favorito .voc-list__item strong a {
    font-size: 20px;
    color: #244765
}

.voc-d-c-file-generic--favorito .voc-list__item {
    font-size: 20px
}

.voc-d-c-file-generic--favorito .voc-article--c-file-generic .voc-p {
    font: 22px/32px "ABCText Light", Georgia, Times New Roman, serif;
    color: #000
}

@media (min-width: 1039px) {
    .voc-d-c-file-generic--favorito .voc-article--c-file-generic .voc-p {
        font: 22px/32px "ABCText Light", Georgia, Times New Roman, serif
    }
}

.voc-d-c-file-generic--favorito .voc-p a {
    color: #888
}

.hidden {
    display: none !important
}

.visible-xxs {
    display: block
}

@media (min-width: 375px) {
    .visible-xxs {
        display: none !important
    }
}

.visible-xs {
    display: block
}

@media (min-width: 699px) {
    .visible-xs {
        display: none !important
    }
}

.visible-sm {
    display: block
}

@media (min-width: 1039px) {
    .visible-sm {
        display: none !important
    }
}

.visible-md {
    display: block
}

@media (min-width: 1366px) {
    .visible-md {
        display: none !important
    }
}

.visible-lg {
    display: block
}

@media (min-width: 1600px) {
    .visible-lg {
        display: none !important
    }
}

@media (max-width: 375px) {
    .hidden-xxs {
        display: none !important
    }
}

@media (max-width: 699px) {
    .hidden-xs {
        display: none !important
    }
}

@media (max-width: 1039px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 1366px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1600px) {
    .hidden-lg {
        display: none !important
    }
}

@media (max-width: 1039px) and (min-width: 699px) {
    .hidden-only-sm {
        display: none !important
    }
}