@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");*,:after,:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body,html {
    margin: 0;
    padding: 0
}

body {
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: #2a2a2a;
    background: var(--bg-main);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeSpeed
}

a {
    color: inherit;
    vertical-align: baseline;
    outline: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

a,a:hover {
    text-decoration: none
}

a:hover {
    color: var(--yale-blue-500)
}

a:focus,button:focus {
    outline: 0;
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: 0
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: top;
    border: 0;
    -ms-interpolation-mode: bicubic
}

table {
    border-collapse: collapse
}

iframe {
    border: none
}

iframe,video {
    vertical-align: top
}

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

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

input:focus {
    outline: 0
}

input:focus:-moz-placeholder,input:focus:-ms-input-placeholder,input:focus::-moz-placeholder,input:focus::-webkit-input-placeholder {
    color: transparent
}

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

.col-bs9-1,.col-bs9-2,.col-bs9-3,.col-bs9-4,.col-bs9-5,.col-bs9-6,.col-bs9-7,.col-bs9-8,.col-bs9-9,.col-bs9-10,.col-bs9-11,.col-bs9-12,.col-bs10-1,.col-bs10-2,.col-bs10-3,.col-bs10-4,.col-bs10-5,.col-bs10-6,.col-bs10-7,.col-bs10-8,.col-bs10-9,.col-bs10-10,.col-bs10-11,.col-bs10-12,.col-bs12-1,.col-bs12-2,.col-bs12-3,.col-bs12-4,.col-bs12-5,.col-bs12-6,.col-bs12-7,.col-bs12-8,.col-bs12-9,.col-bs12-10,.col-bs12-11,.col-bs12-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left
}

.col-bs10-1 {
    width: 10%
}

.col-bs10-2 {
    width: 20%
}

.col-bs10-3 {
    width: 30%
}

.col-bs10-4 {
    width: 40%
}

.col-bs10-5 {
    width: 50%
}

.col-bs10-6 {
    width: 60%
}

.col-bs10-7 {
    width: 70%
}

.col-bs10-8 {
    width: 80%
}

.col-bs10-9 {
    width: 90%
}

.col-bs10-10 {
    width: 100%
}

.col-bs9-1 {
    width: 11.11111%
}

.col-bs9-2 {
    width: 22.22222%
}

.col-bs9-3 {
    width: 33.33333%
}

.col-bs9-4 {
    width: 44.44444%
}

.col-bs9-5 {
    width: 55.55556%
}

.col-bs9-6 {
    width: 66.66667%
}

.col-bs9-7 {
    width: 77.77778%
}

.col-bs9-8 {
    width: 88.88889%
}

.col-bs9-9 {
    width: 100%
}

.col-bs12-1 {
    width: 8.33333%
}

.col-bs12-2 {
    width: 16.66667%
}

.col-bs12-3 {
    width: 25%
}

.col-bs12-4 {
    width: 33.33333%
}

.col-bs12-5 {
    width: 41.66667%
}

.col-bs12-6 {
    width: 50%
}

.col-bs12-7 {
    width: 58.33333%
}

.col-bs12-8 {
    width: 66.66667%
}

.col-bs12-9 {
    width: 75%
}

.col-bs12-10 {
    width: 83.33333%
}

.col-bs12-11 {
    width: 91.66667%
}

.col-bs12-12 {
    width: 100%
}

.clearfix {
    *zoom:1}

.clearfix:after,.clearfix:before {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

.container {
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    *zoom:1;position: relative
}

.col-offset-fluid {
    margin-right: -15px;
    margin-left: -15px
}

.col-offset-0 {
    padding-right: 0;
    padding-left: 0
}

.col-offset-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.form__input,.form__textarea {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    background-color: var(--bg-input);
    background-image: none;
    border: solid 1px var(--br-gray-med);
    border-radius: 6px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    line-height: 1.42857;
    color: var(--cl-main)
}

.form__input:focus,.form__textarea:focus {
    border: 1px solid #909090;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.form__input__header,.form__textarea__header {
    border-radius: 4px;
    background: #434343;
    border: 1px solid transparent;
    color: #fff
}

.form__input__header:focus,.form__textarea__header:focus {
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form__input__header::-webkit-input-placeholder,.form__textarea__header::-webkit-input-placeholder {
    color: #c1c1c1
}

.form__input__header::-moz-placeholder,.form__textarea__header::-moz-placeholder {
    color: #c1c1c1
}

.form__input__header:-ms-input-placeholder,.form__input__header::-ms-input-placeholder,.form__textarea__header:-ms-input-placeholder,.form__textarea__header::-ms-input-placeholder {
    color: #c1c1c1
}

.form__input__header::placeholder,.form__textarea__header::placeholder {
    color: #c1c1c1
}

.form__input--file,.form__textarea--file {
    border: 1px solid transparent
}

.form__input--file:focus,.form__input--file:hover,.form__textarea--file:focus,.form__textarea--file:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form__button {
    outline: 0;
    cursor: pointer;
    background: #3ca5dd;
    padding: 9px 15px;
    color: #fff;
    border: none;
    border-radius: 6px;
    height: 40px;
    text-align: center;
    width: 100%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.form__button:hover {
    background: #228cc4
}

.form__button__header {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    color: transparent;
    width: 35px;
    height: 40px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.form__button__clear,.form__button__header,.form__button__header:hover {
    background: transparent
}

.form__button__clear {
    position: absolute;
    right: 0;
    top: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 35px;
    height: 40px;
    border: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    z-index: 3;
    visibility: hidden
}

.form__button__clear .kcm__close__icon {
    position: relative;
    -webkit-transform: scale(2);
    transform: scale(2)
}

.form__button__clear .kcm__close__icon:after,.form__button__clear .kcm__close__icon:before {
    background: #c1c1c1
}

.form__group {
    margin: 0 0 10px
}

.form__radio {
    font-size: 16px;
    line-height: 1;
    font-weight: 300
}

.form__radio label {
    cursor: pointer
}

.form__input--file {
    padding: 6px 0
}

.form__input--file:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    outline: 0;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    background-color: var(--bg-input);
    background-image: none;
    border: solid 1px var(--br-gray-med);
    border-radius: 6px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    line-height: 1.42857;
    color: var(--cl-main)
}

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

.form__select__wrap:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 28px;
    width: 10px;
    height: 10px;
    border-left: 2px solid var(--cl-main);
    border-bottom: 2px solid var(--cl-main);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 1;
    pointer-events: none
}

.form__textarea {
    outline: 0;
    min-height: 100px;
    max-width: 100%;
    display: block;
    width: 100%;
    padding: 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: var(--bg-input);
    background-image: none;
    border: solid 1px var(--br-gray-med);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.form__textarea:focus {
    border: 1px solid #909090;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.formLabel {
    font-size: 14px;
    font-weight: 600;
    color: var(--neutral-900);
    width: 100%;
    margin-bottom: 12px;
    display: block
}

.formLabel span {
    color: #f12323
}

.formInput {
    width: 100%;
    height: 40px;
    border: 1px solid var(--neutral-200);
    border-radius: 8px;
    padding: 4px 10px;
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--neutral-600);
    background-color: var(--bg-white)
}

.formInput.placeholder {
    color: var(--cl-gray-lite);
    opacity: .6
}

.formInput:-moz-placeholder,.formInput::-moz-placeholder {
    color: var(--cl-gray-lite);
    opacity: .6
}

.formInput:-ms-input-placeholder {
    color: var(--cl-gray-lite);
    opacity: .6
}

.formInput::-webkit-input-placeholder {
    color: var(--cl-gray-lite);
    opacity: .6
}

.formSelect {
    position: relative
}

.formSelect select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    outline: 0
}

.formSelect:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 28px;
    width: 10px;
    height: 10px;
    border-left: 1px solid #9a9a9a;
    border-bottom: 1px solid #9a9a9a;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 1;
    pointer-events: none
}

.formDaterange {
    gap: 24px;
    position: relative
}

.formDaterange:before {
    position: absolute;
    content: "-";
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    margin: 0 auto
}

.uploadBox {
    border: 1px solid var(--neutral-200);
    border-radius: 12px;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    cursor: pointer;
    -webkit-transition: border-color .2s;
    transition: border-color .2s;
    margin-bottom: 20px;
    background-color: var(--bg-white)
}

.uploadBox:hover {
    border-color: #999
}

.uploadBox input[type=file] {
    display: none
}

.uploadBox-filename {
    color: var(--neutral-500);
    font-weight: 600
}

.uploadBox-icon {
    background-color: var(--yale-blue-100);
    padding: 12px;
    border-radius: 12px;
    width: 56px;
    aspect-ratio: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.uploadBox-icon:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.25 0.75H1.75C1.35218 0.75 0.970644 0.908035 0.68934 1.18934C0.408035 1.47064 0.25 1.85218 0.25 2.25V15.75C0.25 16.1478 0.408035 16.5294 0.68934 16.8107C0.970644 17.092 1.35218 17.25 1.75 17.25H18.25C18.6478 17.25 19.0294 17.092 19.3107 16.8107C19.592 16.5294 19.75 16.1478 19.75 15.75V2.25C19.75 1.85218 19.592 1.47064 19.3107 1.18934C19.0294 0.908035 18.6478 0.75 18.25 0.75ZM18.25 2.25V11.8828L15.8059 9.43969C15.6666 9.30036 15.5013 9.18984 15.3193 9.11444C15.1372 9.03904 14.9422 9.00023 14.7452 9.00023C14.5481 9.00023 14.3531 9.03904 14.1711 9.11444C13.989 9.18984 13.8237 9.30036 13.6844 9.43969L11.8094 11.3147L7.68438 7.18969C7.4031 6.9086 7.02172 6.7507 6.62406 6.7507C6.22641 6.7507 5.84503 6.9086 5.56375 7.18969L1.75 11.0034V2.25H18.25ZM1.75 13.125L6.625 8.25L14.125 15.75H1.75V13.125ZM18.25 15.75H16.2466L12.8716 12.375L14.7466 10.5L18.25 14.0044V15.75ZM11.5 6.375C11.5 6.1525 11.566 5.93499 11.6896 5.74998C11.8132 5.56498 11.9889 5.42078 12.1945 5.33564C12.4 5.25049 12.6262 5.22821 12.8445 5.27162C13.0627 5.31502 13.2632 5.42217 13.4205 5.5795C13.5778 5.73684 13.685 5.93729 13.7284 6.15552C13.7718 6.37375 13.7495 6.59995 13.6644 6.80552C13.5792 7.01109 13.435 7.18679 13.25 7.3104C13.065 7.43402 12.8475 7.5 12.625 7.5C12.3266 7.5 12.0405 7.38147 11.8295 7.1705C11.6185 6.95952 11.5 6.67337 11.5 6.375Z' fill='%23515358'/%3E%3C/svg%3E%0A");
    background-position: 50%;
    background-size: contain
}

.uploadBox-text {
    color: var(--neutral-500)
}

.uploadBox-text b {
    color: var(--yale-blue-500)
}

.uploadBox-desc {
    font-size: 14px;
    color: #666
}

.fileName {
    font-size: 14px;
    margin-top: 4px;
    color: var(--neutral-500)
}

.--error input[type=email],.--error input[type=number],.--error input[type=text] {
    border-color: #ea2323
}

.--error .validFeedback {
    margin-top: 12px;
    font-size: 12px;
    color: #ea2323
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.icon-play {
    width: 70px;
    height: 70px;
    position: relative
}

.icon-play:before {
    -webkit-border-radius: 70px;
    border-radius: 70px;
    width: 70px;
    height: 70px;
    content: "";
    display: block;
    background-color: #3ca5dd;
    opacity: .75
}

.icon-play:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-35%,-50%);
    transform: translate(-35%,-50%);
    border-style: solid;
    border-width: 14px 0 14px 24.2px;
    border-color: transparent transparent transparent #fff
}

.icon-play--small {
    width: 55px;
    height: 55px
}

.icon-play--small:before {
    -webkit-border-radius: 55px;
    border-radius: 55px;
    width: 55px;
    height: 55px
}

.icon-play--small:after {
    border-width: 12px 0 12px 20.8px
}

.search--icon .icon-search {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19.53 18.47-4.052-4.052a8.636 8.636 0 1 0-1.061 1.06l4.052 4.052a.75.75 0 1 0 1.06-1.06ZM1.75 8.875A7.125 7.125 0 1 1 8.875 16 7.133 7.133 0 0 1 1.75 8.875Z' fill='%23C1C1C1'/%3E%3C/svg%3E")
}

.kgid-login-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg id='Group_2995' data-name='Group 2995' transform='translate(-10 -64)'%3E%3Cg id='Ellipse_16' data-name='Ellipse 16' transform='translate(10 64)' fill='none' stroke='%23fff' stroke-width='1.5'%3E%3Ccircle cx='14' cy='14' r='14' stroke='none'/%3E%3Ccircle cx='14' cy='14' r='13.25' fill='none'/%3E%3C/g%3E%3Cg id='user' transform='translate(18.704 70.56)'%3E%3Cpath id='Path_15' data-name='Path 15' d='M15.394,19.273V17.848A2.848,2.848,0,0,0,12.545,15h-5.7A2.848,2.848,0,0,0,4,17.848v1.424' transform='translate(-4 -6.586)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Ccircle id='Ellipse_15' data-name='Ellipse 15' cx='2.8' cy='2.8' r='2.8' transform='translate(2.55)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.kgid-bookmark-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7c0-2.828 0-4.243.879-5.121C2.757 1 4.172 1 7 1h4c2.828 0 4.243 0 5.121.879C17 2.757 17 4.172 17 7v6.828c0 2.683 0 4.024-.844 4.435-.845.41-1.9-.419-4.01-2.076l-.675-.531c-1.186-.932-1.78-1.398-2.471-1.398-.692 0-1.285.466-2.471 1.398l-.676.53c-2.11 1.658-3.164 2.487-4.009 2.077C1 17.853 1 16.51 1 13.828V7Z' stroke='%23000' stroke-width='1.8'/%3E%3C/svg%3E")
}

.kgid-bookmark-icon,.kgid-liked-icon {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    vertical-align: top;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 21px;
    -webkit-filter: invert(100%) sepia(100%) saturate(0) hue-rotate(43deg) brightness(103%) contrast(101%);
    filter: invert(100%) sepia(100%) saturate(0) hue-rotate(43deg) brightness(103%) contrast(101%)
}

.kgid-liked-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.739 7.348h-3.855l.871-3.906a2.561 2.561 0 0 0-.97-2.611l-.6-.448A1.915 1.915 0 0 0 9.38.954a47.465 47.465 0 0 1-4.04 6.143.715.715 0 0 0-.646-.41H.717A.719.719 0 0 0 0 7.403v11.224a.713.713 0 0 0 .717.714h3.979a.71.71 0 0 0 .698-.617A3.977 3.977 0 0 0 8.306 20h3.938a3.963 3.963 0 0 0 3.294-1.756l3.915-5.847a3.239 3.239 0 0 0-1.039-4.588 3.273 3.273 0 0 0-1.675-.461ZM3.979 17.91H1.434V8.116h2.543v9.796Zm14.28-6.306-3.915 5.847a2.516 2.516 0 0 1-2.1 1.12H8.306a2.545 2.545 0 0 1-2.02-1.006l-.873-1.159V9.072c1.498-1.26 3.632-4.667 5.21-7.406a.465.465 0 0 1 .316-.228.48.48 0 0 1 .386.086l.599.448a1.143 1.143 0 0 1 .43 1.16l-1.063 4.775a.71.71 0 0 0 .39.799.72.72 0 0 0 .31.07h4.75a1.834 1.834 0 0 1 1.61.962 1.814 1.814 0 0 1-.09 1.867h-.002Z' fill='%23000'/%3E%3C/svg%3E")
}

.kgid-nps-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.5' height='23.314' viewBox='0 0 24.5 23.314'%3E%3Cg id='Group_2997' data-name='Group 2997' transform='translate(-9.75 -111.009)'%3E%3Cpath id='Union_1' data-name='Union 1' d='M4.26,16.055H3a3,3,0,0,1-3-3V3A3,3,0,0,1,3,0H20a3,3,0,0,1,3,3V13.055a3,3,0,0,1-3,3H8.689L4.26,20.693Z' transform='translate(10.5 111.759)' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3Cg id='Group_2994' data-name='Group 2994' transform='translate(18.041 115.943)'%3E%3Cpath id='Icon_feather-star' data-name='Icon feather-star' d='M6.771,3,7.936,5.36l2.605.381L8.656,7.577,9.1,10.172,6.771,8.946,4.44,10.172l.445-2.594L3,5.741,5.605,5.36Z' transform='translate(-2.623 -1.908)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_15' data-name='Line 15' x1='1.092' y1='0.946' transform='translate(0 0.145)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='Line_16' data-name='Line 16' x1='1.092' y1='0.946' transform='translate(7.822 0) rotate(90)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.kgid-item .-arrow-right:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.861' height='12' viewBox='0 0 6.861 12'%3E%3Cpath id='Icon_ionic-ios-arrow-forward' data-name='Icon ionic-ios-arrow-forward' d='M16.039,12.194,11.5,7.657a.854.854,0,0,1,0-1.211.865.865,0,0,1,1.215,0l5.145,5.141a.856.856,0,0,1,.025,1.183l-5.166,5.177A.858.858,0,0,1,11.5,16.735Z' transform='translate(-11.246 -6.196)' fill='%23fff'/%3E%3C/svg%3E%0A")
}

.kgid-subscription-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='19' viewBox='0 0 24 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1493_1773)'%3E%3Cpath d='M15.6089 13.8922L15.4953 13.446C15.1412 14.0078 14.6523 14.4758 14.0715 14.8089C13.4907 15.142 12.8357 15.3302 12.1638 15.3569C11.1673 15.3569 10.2116 14.9679 9.50696 14.2754C8.80233 13.583 8.40648 12.6438 8.40648 11.6646H9.0308C9.0308 12.4807 9.3607 13.2634 9.94792 13.8404C10.5351 14.4175 11.3316 14.7417 12.162 14.7417C12.7441 14.7166 13.3105 14.5485 13.8095 14.2528C14.3084 13.9571 14.7239 13.5432 15.018 13.0489L14.4295 13.2029L14.2791 12.5893L15.5317 12.2814C15.612 12.262 15.6968 12.2746 15.7677 12.3163C15.8386 12.3581 15.8899 12.4258 15.9102 12.5045L16.2235 13.7355L15.6089 13.8922ZM8.7981 10.4341L10.0467 10.1257L9.89633 9.51218L9.3089 9.65496C9.60406 9.16251 10.02 8.75053 10.5188 8.45659C11.0175 8.16266 11.5833 7.99613 12.1643 7.97221C12.9948 7.97221 13.7912 8.29641 14.3784 8.87348C14.9657 9.45056 15.2956 10.2332 15.2956 11.0494H15.9199C15.9199 10.0699 15.524 9.13063 14.8192 8.43807C14.1145 7.74552 13.1587 7.35645 12.162 7.35645C11.4885 7.38168 10.8316 7.56914 10.2491 7.90234C9.66663 8.23554 9.17633 8.70427 8.82137 9.26732L8.71807 8.82112L8.09375 8.96892L8.40705 10.1999C8.43203 10.2802 8.48616 10.3487 8.55915 10.3923C8.63028 10.4334 8.71407 10.4481 8.79526 10.4336L8.7981 10.4341Z' fill='white'/%3E%3Cpath d='M22.0497 1.25328H20.4037V0.836636C20.4054 0.374255 19.8804 0 19.2357 0H19.0586C18.4138 0 17.8888 0.374255 17.8888 0.836636V1.25607H6.43087V0.836636C6.43087 0.374255 5.90587 0 5.26112 0H5.08461C4.43929 0 3.916 0.374255 3.916 0.836636V1.25607H2.27006C1.20815 1.25607 0.34375 1.8696 0.34375 2.62927V10.8952V15.8269V17.3529C0.34375 18.1093 1.20701 18.7239 2.26722 18.7239H22.0525C23.1133 18.7239 23.976 18.1104 23.976 17.3529V2.62815C23.976 1.86904 23.1121 1.25328 22.0497 1.25328ZM18.6585 0.836636C18.6585 0.679348 18.8378 0.551064 19.0586 0.551064H19.2357C19.4565 0.551064 19.6358 0.679348 19.6358 0.836636V1.25607H18.6585V0.836636ZM5.08461 0.548275H5.26112C5.4819 0.548275 5.65842 0.67656 5.65842 0.833847V1.25328H4.68391V0.836636C4.68391 0.67656 4.86383 0.548275 5.08461 0.548275ZM1.11166 10.8924V9.04125V6.34951V5.72092H23.2064V12.8189C23.2064 13.1642 22.8125 13.4447 22.3283 13.4447H19.7607C18.8526 13.4447 18.1147 13.9718 18.1147 14.6194V16.4499C18.1147 16.7952 17.7208 17.0757 17.2367 17.0757H2.27006C1.63212 17.0757 1.11337 16.7059 1.11337 16.2514L1.11166 10.8924ZM22.7143 13.9601L18.8344 16.7266C18.8651 16.6367 18.8806 16.5425 18.8804 16.4477V14.6194C18.8804 14.2741 19.2748 13.993 19.759 13.993H22.3266C22.4571 13.9931 22.5874 13.9821 22.716 13.9601H22.7143ZM23.2046 17.3502C23.2046 17.8036 22.687 18.1728 22.0508 18.1728H2.27006C1.63382 18.1728 1.1162 17.8036 1.1162 17.3502C1.47173 17.5343 1.86821 17.6287 2.27006 17.6251H17.8667C18.3809 17.6251 18.8645 17.4823 19.2289 17.223L23.2069 14.3868L23.2046 17.3502ZM23.2046 5.17208H1.11337V2.62648C1.11337 2.17135 1.63212 1.80156 2.27006 1.80156H3.916V2.60807C3.916 3.06766 4.44042 3.44471 5.08574 3.44471C5.29801 3.44471 5.46999 3.322 5.46999 3.17029C5.46999 3.01858 5.29972 2.89643 5.08574 2.89643C4.86496 2.89643 4.68505 2.76815 4.68505 2.61086V1.80156H17.8888V2.60807C17.8888 3.06766 18.4138 3.44471 19.0586 3.44471C19.2714 3.44471 19.4434 3.322 19.4434 3.17029C19.4434 3.01858 19.2731 2.89643 19.0586 2.89643C18.8441 2.89643 18.6585 2.76815 18.6585 2.61086V1.80156H22.0497C22.6876 1.80156 23.2064 2.17135 23.2064 2.62648L23.2046 5.17208Z' fill='white'/%3E%3Cpath d='M22.0742 1.53258H20.4323V1.11593C20.4323 0.653552 19.9044 0.279297 19.2597 0.279297H19.0832C18.4379 0.279297 17.9134 0.653552 17.9134 1.11593V1.53537H6.45488V1.11593C6.45488 0.653552 5.93045 0.279297 5.28513 0.279297H5.10805C4.46329 0.279297 3.93887 0.653552 3.93887 1.11593V1.53537H2.29293C1.23102 1.53537 0.367188 2.1489 0.367188 2.90856V11.1745V16.1062V17.6322C0.367188 18.3886 1.22988 19.0032 2.29009 19.0032H22.0782C23.139 19.0032 24.0017 18.3897 24.0017 17.6322V2.90745C24 2.14834 23.1361 1.53258 22.0742 1.53258ZM18.6825 1.11593C18.6825 0.958645 18.8624 0.830361 19.0832 0.830361H19.2597C19.4805 0.830361 19.6598 0.958645 19.6598 1.11593V1.53537H18.6825V1.11593ZM5.10805 0.827572H5.28456C5.50534 0.827572 5.68526 0.955856 5.68526 1.11314V1.53258H4.71075V1.11593C4.71075 0.955856 4.88783 0.827572 5.10805 0.827572ZM1.1351 11.1717V9.32054V6.62881V6.00021H23.2304V13.0982C23.2304 13.4435 22.8365 13.724 22.3523 13.724H19.7847C18.8766 13.724 18.1387 14.2511 18.1387 14.8987V16.7292C18.1387 17.0745 17.7449 17.355 17.2607 17.355H2.29407C1.65612 17.355 1.13737 16.9852 1.13737 16.5307L1.1351 11.1717ZM22.7383 14.2394L18.8578 17.0059C18.8887 16.916 18.9044 16.8218 18.9044 16.727V14.8987C18.9044 14.5534 19.2983 14.2723 19.7824 14.2723H22.3501C22.4809 14.2724 22.6116 14.2614 22.7406 14.2394H22.7383ZM23.2281 17.6295C23.2281 18.0829 22.7105 18.4521 22.0742 18.4521H2.29123C1.65499 18.4521 1.1351 18.0829 1.1351 17.6295C1.49215 17.8144 1.89049 17.9089 2.29407 17.9044H17.8907C18.4049 17.9044 18.8885 17.7616 19.2529 17.5023L23.2309 14.6661L23.2281 17.6295ZM23.2281 5.45138H1.1351V2.90578C1.1351 2.45065 1.65385 2.08085 2.2918 2.08085H3.93773V2.88737C3.93887 3.34696 4.46329 3.72122 5.10805 3.72122C5.32032 3.72122 5.49286 3.59851 5.49286 3.4468C5.49286 3.29509 5.32259 3.17294 5.10805 3.17294C4.88727 3.17294 4.70735 3.04466 4.70735 2.88737V2.08085H17.9134V2.88737C17.9134 3.34696 18.4379 3.72122 19.0832 3.72122C19.2954 3.72122 19.4674 3.59851 19.4674 3.4468C19.4674 3.29509 19.2971 3.17294 19.0832 3.17294C18.8624 3.17294 18.6825 3.04466 18.6825 2.88737V2.08085H22.0742C22.7116 2.08085 23.2309 2.45065 23.2309 2.90578L23.2281 5.45138Z' fill='white'/%3E%3Cpath d='M5.19627 3.67579C5.4298 3.67579 5.61911 3.48975 5.61911 3.26026C5.61911 3.03077 5.4298 2.84473 5.19627 2.84473C4.96275 2.84473 4.77344 3.03077 4.77344 3.26026C4.77344 3.48975 4.96275 3.67579 5.19627 3.67579Z' fill='white'/%3E%3Cpath d='M19.1806 3.73145C19.4142 3.73145 19.6035 3.54541 19.6035 3.31592C19.6035 3.08643 19.4142 2.90039 19.1806 2.90039C18.9471 2.90039 18.7578 3.08643 18.7578 3.31592C18.7578 3.54541 18.9471 3.73145 19.1806 3.73145Z' fill='white'/%3E%3Cpath d='M21.7059 1.36461H20.06V0.947964C20.0611 0.485583 19.5367 0.111328 18.8914 0.111328H18.7148C18.0701 0.111328 17.5451 0.485583 17.5451 0.947964V1.3674H6.08655V0.947964C6.08655 0.485583 5.56212 0.111328 4.9168 0.111328H4.74029C4.09554 0.111328 3.57054 0.485583 3.57054 0.947964V1.3674H1.92461C0.863832 1.36461 0 1.98037 0 2.73781V11.0038V15.9355V17.4615C0 18.2178 0.862697 18.8325 1.92347 18.8325H21.7087C22.769 18.8325 23.6316 18.2189 23.6316 17.4615V2.73669C23.6316 1.98037 22.7678 1.36461 21.7059 1.36461ZM18.3141 0.947964C18.3141 0.790676 18.4941 0.662392 18.7148 0.662392H18.8914C19.1121 0.662392 19.2921 0.790676 19.2921 0.947964V1.3674H18.3141V0.947964ZM4.74029 0.659604H4.91737C5.13815 0.659604 5.31467 0.787888 5.31467 0.945175V1.36461H4.34016V0.947964C4.34016 0.787888 4.51951 0.659604 4.74029 0.659604ZM0.767346 11.0038V9.15257V6.46084V5.83224H22.8626V12.9303C22.8626 13.2755 22.4687 13.5561 21.9846 13.5561H19.4164C18.5083 13.5561 17.7704 14.0831 17.7704 14.7307V16.5613C17.7704 16.9065 17.376 17.1871 16.8918 17.1871H1.92574C1.28837 17.1871 0.769616 16.8173 0.769616 16.3627L0.767346 11.0038ZM22.37 14.0714L18.4895 16.8379C18.5204 16.7481 18.5361 16.6539 18.5361 16.559V14.7307C18.5361 14.3855 18.93 14.1043 19.4141 14.1043H21.9823C22.113 14.1044 22.2435 14.0934 22.3722 14.0714H22.37ZM22.8603 17.4615C22.8603 17.9149 22.3427 18.2842 21.7065 18.2842H1.92347C1.28723 18.2842 0.769616 17.9149 0.769616 17.4615C1.12576 17.6461 1.52311 17.7406 1.92574 17.7365H17.5224C18.0372 17.7365 18.5207 17.5937 18.8845 17.3343L22.8626 14.4981L22.8603 17.4615ZM22.8603 5.28341H0.769616V2.73781C0.769616 2.28268 1.28837 1.91288 1.92574 1.91288H3.57168V2.7194C3.57168 3.17899 4.09667 3.55604 4.74143 3.55604C4.95426 3.55604 5.12624 3.43333 5.12624 3.28162C5.12624 3.12991 4.95597 3.00776 4.74143 3.00776C4.52689 3.00776 4.34413 2.87948 4.34413 2.72219V1.91288H17.5451V2.7194C17.5451 3.17899 18.0701 3.55604 18.7148 3.55604C18.9271 3.55604 19.0997 3.43333 19.0997 3.28162C19.0997 3.12991 18.9294 3.00776 18.7148 3.00776C18.5003 3.00776 18.3141 2.87948 18.3141 2.72219V1.91288H21.7059C22.3438 1.91288 22.8626 2.28268 22.8626 2.73781L22.8603 5.28341Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1493_1773'%3E%3Crect width='24' height='19' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.kgid-subscription-icon,.kgid-subssetting-icon {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    vertical-align: top;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.kgid-subssetting-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='23' fill='none'%3E%3Cpath fill='%23fff' d='M11.294 0H3.08A3.076 3.076 0 0 0 0 3.08v16.428a3.076 3.076 0 0 0 3.08 3.08h8.214a3.076 3.076 0 0 0 3.08-3.08V3.08A3.076 3.076 0 0 0 11.294 0ZM9.241 20.535H5.134v-1.027H9.24v1.027Zm3.337-3.08H1.796V3.08h10.78v14.374Z'/%3E%3C/svg%3E")
}

.kgid-subsuser-icon {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    vertical-align: top;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 20.7h-.5c-.7-.1-1.4-.6-1.8-1.2-.4-.6-.6-1.4-.5-2.1.1-.7.6-1.4 1.2-1.9.6-.4 1.4-.6 2.1-.5.7.1 1.4.6 1.8 1.2.4.6.6 1.4.5 2.1-.1.8-.5 1.4-1.2 1.9-.5.3-1.1.5-1.6.5Zm0-4.9c-.4 0-.8.1-1.2.4-.5.3-.8.8-.9 1.3-.1.5 0 1.1.3 1.5.3.5.8.8 1.3.9.5.1 1.1 0 1.5-.3.4-.3.8-.8.9-1.3.1-.5 0-1.1-.3-1.5-.3-.5-.8-.8-1.3-.9-.1-.1-.2-.1-.3-.1ZM9.2 0C5.9 0 3.3 2.8 3.3 6.2c0 3.4 2.7 6.2 5.9 6.2s5.9-2.8 5.9-6.2c0-3.4-2.6-6.2-5.9-6.2ZM14 6.1c0 2.7-2.3 5.1-4.8 5.1S4.4 8.8 4.4 6.1c0-2.7 2.2-4.9 4.8-4.9 2.6 0 4.8 2.2 4.8 4.9Z' fill='%23fff'/%3E%3Cpath d='M15.2 11.6c-.7-.6-1.5-1-2.4-1.4-.1-.1-.3 0-.4.1-.1.1-.1.1-.2.1s-.1 0-.2.1c-.2.1-.4.3-.6.4-.7.4-1.5.6-2.4.6-1.2 0-2.3-.4-3.2-1.2-.1-.1-.3-.1-.4-.1C2.2 11.5 0 14.8 0 18.4v4c0 .2.2.4.4.4h12.7V22h-.4v-.4H5.1v-1.8c0-.2-.2-.4-.4-.4h-.2c-.2 0-.4.2-.4.4v1.8h-3v-3.4c0-3.1 1.8-5.9 4.6-7 1 .8 2.2 1.2 3.4 1.2.7 0 1.3-.1 2-.3.5-.2 1-.5 1.5-.8.6.3 1.2.6 1.8 1.1l.2-.2.2.3h.1c.1-.1.2-.2.2-.3L15 12l.2.3h.1c.1-.1.2-.2.2-.3 0-.1-.1-.3-.3-.4Z' fill='%23fff'/%3E%3Cpath d='m24.3 17-1-.2.9-.6c.2-.1.3-.3.3-.5s0-.4-.1-.6l-1.4-2c-.1-.2-.3-.3-.5-.4-.2 0-.4 0-.6.1l-.9.5-.1-.1.2-1.1c.1-.5-.2-.9-.7-1l-2.4-.4c-.2 0-.4 0-.6.1-.2.1-.3.3-.3.5l-.2 1.1-.6-.9c-.1-.2-.3-.3-.5-.4-.2 0-.4 0-.6.1l-2 1.4c-.2.1-.3.3-.3.5s0 .4.1.6l.6.9s0 .1-.1.1l-1-.2c-.2 0-.4 0-.6.1-.2.1-.3.3-.3.5l-.6 2.7c-.1.2 0 .4.1.6.1.2.3.3.5.4l1 .2v.1l-.9.6c-.2.1-.3.3-.3.5s0 .4.1.6l1.4 2c.1.2.3.3.5.4.2 0 .4 0 .6-.1l.9-.6h.1l-.2 1c-.1.5.2.9.7 1l2.4.4h.1c.2 0 .3 0 .5-.1s.3-.3.3-.5l.2-1h.1l.6.9c.1.2.3.3.5.4.2 0 .4 0 .6-.1l2-1.4c.2-.1.3-.3.3-.5s0-.4-.1-.6l-.6-.9V21l1 .2c.2 0 .4 0 .6-.1.2-.1.3-.3.3-.5l.4-2.4v-.1c.3-.7 0-1.1-.4-1.1Zm-4.7 5.3c-.1-.1-.3-.2-.5-.1-.1 0-.2 0-.2.1H18.6c-.1 0-.3.1-.3.3l-.3 1.3-2.2-.4.2-1.3c0-.2-.1-.3-.2-.4-.1 0-.2-.1-.2-.1l-.1-.1-.1-.1c-.1-.1-.2-.1-.3-.1-.1 0-.1 0-.2.1l-1.1.7-1.3-1.9 1-.7c.1-.1.2-.3.1-.5 0-.1-.1-.2-.1-.2V18.6c0-.1-.1-.3-.3-.3l-1.1-.3.4-2.3 1.2.2c.2 0 .4-.1.4-.2.1-.1.1-.2.1-.2l.1-.1.1-.1c.1-.1.1-.3 0-.5l-.1-.2-.6-.9 1.9-1.3.7 1.1c.1.1.3.2.5.1h.5c.1 0 .3-.1.3-.3l.2-1.3 2.2.4-.2 1.3c0 .2.1.3.2.4.1.1.2.1.2.1l.1.1.1.1c.1.1.3.1.5 0l1-.7 1.3 1.9-1 .7c-.1.1-.2.3-.1.5v.5c0 .1.1.3.3.3l1.2.2v.1l-.4 2.2-1.2-.2c-.2 0-.4.1-.4.2s-.1.2-.1.2l-.1.1-.1.1c-.1.1-.1.3 0 .5l.7 1.1-1.9 1.3-.6-.9c.2 0 .1-.2.1-.2Z' fill='%23fff'/%3E%3C/svg%3E")
}

.button-burger:before {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.25' cy='6.25' r='5.25' stroke='%23fff' stroke-width='1.8'/%3E%3Cpath d='m13 13-1.5-1.5' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")
}

:root {
    color-scheme: light dark
}

body {
    --font-primary: Roboto,sans-serif;
    --ico-light-base: url("data:image/svg+xml,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.444V1M12 23.444V21M18.05 5.95l1.728-1.728M5.95 18.05l-1.728 1.728M20.556 12H23M3.444 12H1M18.05 18.05l1.728 1.728M5.95 5.95 4.222 4.222' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='11.944' cy='11.944' r='6.044' stroke='%23000' stroke-width='1.8'/%3E%3C/svg%3E");
    --ico-dark-base: url("data:image/svg+xml,%3Csvg width='23' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.012 2.595c.863-.812 1.295-1.218 1.742-1.178a1 1 0 0 1 .61.281c.32.314.283 1.121.206 2.736a10.967 10.967 0 0 0 2.976 8.057 10.967 10.967 0 0 0 7.86 3.462c1.617.023 2.425.034 2.719.374a1 1 0 0 1 .243.626c.013.448-.419.854-1.282 1.666-4.425 4.163-11.386 3.95-15.549-.475S.587 6.758 5.012 2.595Z' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");
    --ico-auto-base: url("data:image/svg+xml,%3Csvg width='23' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 3.444V1M11 23V3M17.05 5.95l1.728-1.728M19.556 12H22M17.05 18.05l1.728 1.728' stroke='%23000' stroke-width='1.2' stroke-linecap='round'/%3E%3Ccircle cx='10.944' cy='11.944' r='6.344' stroke='%23000' stroke-width='1.2'/%3E%3Cpath d='M4.751 21.145H1.772L1.104 23H.137l2.715-7.11h.82L6.392 23H5.43l-.679-1.855Zm-2.695-.772h2.417l-1.211-3.325-1.206 3.325ZM5 9.5l2.5-3 2-.4 1-.1v12L8 17l-1.5-1-2-3L5 9.5Z' fill='%23000'/%3E%3C/svg%3E");
    --bg-body: #f2f2f2;
    --bg-main: #fff;
    --bg-white: #fff;
    --bg-white-lv2: #fff;
    --bg-gray-med: #f0f0f0;
    --bg-gray-bold: #efedef;
    --bg-blue-lite: #f1f6fc;
    --bg-blue-inverted: #dfdfdf;
    --bg-place: #f2f2f2;
    --bg-place2: #e2e2e2;
    --bg-black: #000;
    --bg-black-transparent: hsla(0,0%,100%,.75);
    --bg-input: #fff;
    --bg-toggle: #d7d7d7;
    --bg-radio: #f4f4f4;
    --bg-disabled: #dadada;
    --cl-main: #1a1a1a;
    --cl-white: #fff;
    --cl-gray: #717171;
    --cl-gray-lite: #999;
    --cl-gray-med: #666;
    --cl-gray-med2: #666;
    --cl-gray-bold: #545454;
    --cl-blue: #3ca5dd;
    --cl-red: red;
    --cl-orange: #e55225;
    --br-black: #000;
    --br-gray-bold: #9b9b9b;
    --br-gray-med: #c9c9ca;
    --br-grey-reg: #dbdbdb;
    --br-gray-lite: #e5e5e5;
    --br-list: #e2e2e2;
    --br-list-lv2: #e3e2e3;
    --br-blue: #3ca5dd;
    --cl-shadow: #f1f1f1;
    --cl-shadow-none: #ddd;
    --cl-shadow-nav: rgba(0,0,0,.75);
    --cl-shadow-inset: 0 3px 6px rgba(0,0,0,.16) inset,0 3px 6px rgba(0,0,0,.16);
    --cl-hover: #000;
    --cl-alpha: 1;
    --img-filter: none;
    --img-grayscale: none;
    --img-dark: 0;
    --img-light: 1;
    --img-kolom: none;
    --ico-invert: invert(1);
    --bg-title: transparent;
    --cl-title: #4a4a4a;
    --bg-panel1: #3a3a3a;
    --bg-panel2: #424242;
    --bg-most: #71c4d6;
    --bg-most2: #e7e7e7;
    --br-most: #fff;
    --bg-breaking1: #dedede;
    --bg-breaking2: #eaeaea;
    --cl-breaking1: #ed1c24;
    --cl-crumb: #e55225;
    --bg-share: #dcdcdc;
    --weight-title: 500;
    --bg-topic: #9b9b9b;
    --cl-video-disabled: 255,255,255;
    --bg-copy: 0,0,0;
    --cl-copy: #fff;
    --bg-info: #daeaf7;
    --bg-auto-bar: #bbe7ff;
    --bg-comment: 245,252,255;
    --bg-comment-hover: #d6eefa;
    --bg-comment2: #eff5f7;
    --bg-comment3: #e4f4fc;
    --bg-banner1: hsla(0,0%,100%,.8);
    --bg-adsbox: #fff;
    --bg-brandz: #f2f2f2;
    --cl-brandz-border: #fff;
    --cl-bangkit: #b9b9b9;
    --cl-parapuan: #f4d2ca;
    --cl-parapuan-dark: #833275;
    --bg-profile: #e7f7fb;
    --br-profile: #c9e6ee;
    --cl-anchor: #1fb9e1;
    --br-anchor: #1fb9e1;
    --bg-warticle: #f1f1f1;
    --bg-warning: #fff7e9;
    --br-warning: #ffe5b7;
    --bg-smart: #eaf5fb;
    --bg-dark-sun: #ffb42b;
    --bg-dark-shade: transparent;
    --bg-dark-light: #ffb42b;
    --bg-submenu: #383838;
    --bg-submenu2: #fff;
    --cl-submenu: #fff;
    --bg-news-menu1: #f62d1d;
    --bg-news-menu2: #de1e0e;
    --bg-news-menu3: #bd190c;
    --bg-tren: #1fb9e1;
    --bg-tren-subtitle: #fff;
    --cl-tren: #1fb9e1;
    --cl-grey-border: #ebebeb;
    --bg-toc: #edf1fd;
    --cl-toc: #3c5cb9;
    --cl-infografik: #ad0243;
    --bg-infografik: #ad0243;
    --cl-gray-video: #a0a4a8;
    --bg-video-kg: #b70000;
    --bg-cekfakta: #c00;
    --bg-blogger: #ebf8ff;
    --bg-modal: hsla(0,0%,100%,.9);
    --bg-modal-header: #f6f9f9;
    --cl-modal-black: #000;
    --cl-modal-dark: #666;
    --img-modal-gray: none;
    --cl-txt: #333;
    --cl-time: #959595;
    --cl-time2: #888;
    --bg-section-title: #f3f5f6;
    --bg-time: #333;
    --bg-bullet: #c9c9c9;
    --br-item: #e3e3e3;
    --br-tab: #d9d9d9;
    --br-tab2: #e5e5e5;
    --cl-tab2: #a7a7a7;
    --cl-channel: #bf451f;
    --cl-blue3: #007aff;
    --cl-blue2: #007aff;
    --br-item2: #dfdfdf;
    --bg-btn2: #fff;
    --hover-bg-btn2: #fff;
    --hover-cl-btn2: #0068da;
    --hover-br-btn2: #0068da;
    --active-bg-btn2: #f1f1f1;
    --active-br-btn2: #0056b4;
    --active-cl-btn2: #0056b4;
    --filter--neutral-70: invert(32%) sepia(4%) saturate(699%) hue-rotate(185deg) brightness(92%) contrast(86%);
    --filter--neutral-90: invert(12%) sepia(4%) saturate(602%) hue-rotate(182deg) brightness(93%) contrast(94%);
    --filter--yale-blue-50: invert(34%) sepia(30%) saturate(3760%) hue-rotate(184deg) brightness(95%) contrast(88%);
    --yale-blue-5: #f5fbff;
    --yale-blue-10: #ebf6fe;
    --yale-blue-10-1: #ebf6fe;
    --yale-blue-10-2: #ebf6fe;
    --yale-blue-20: #d7edfc;
    --yale-blue-30: #88c8f6;
    --yale-blue-40: #39a3f0;
    --yale-blue-50: #0f79c6;
    --yale-blue-60: #0a5388;
    --yale-blue-70: #094977;
    --yale-blue-80: #06304f;
    --yale-blue-90: #05243b;
    --neutral-5: #f9f9f9;
    --neutral-10: #f3f3f3;
    --neutral-20: #e7e8e9;
    --neutral-20-1: #e7e8e9;
    --neutral-30: #dbdcde;
    --neutral-40: #b7b9be;
    --neutral-40-1: #b7b9be;
    --neutral-50: #878b92;
    --neutral-50-1: #878b92;
    --neutral-60: #6c6f75;
    --neutral-70: #515358;
    --neutral-70-1: #515358;
    --neutral-80: #36383a;
    --neutral-80-1: #36383a;
    --neutral-90: #232426;
    --neutral-90-1: #232426;
    --filter-gray3: brightness(0) saturate(100%) invert(18%) sepia(0%) saturate(0%) hue-rotate(80deg) brightness(101%) contrast(94%);
    --filter-gray_v3: invert(33%) sepia(7%) saturate(359%) hue-rotate(185deg) brightness(93%) contrast(93%);
    --filter-hover-gray3: brightness(0) saturate(100%) invert(92%) sepia(89%) saturate(2%) hue-rotate(203deg) brightness(111%) contrast(100%);
    --filter-hover-gray4: brightness(0) saturate(100%) invert(54%) sepia(88%) saturate(1563%) hue-rotate(179deg) brightness(97%) contrast(93%);
    --filter-hover-blue2: brightness(0) saturate(100%) invert(36%) sepia(63%) saturate(1450%) hue-rotate(178deg) brightness(91%) contrast(90%);
    --filter-neutral-700: invert(32%) sepia(4%) saturate(699%) hue-rotate(185deg) brightness(92%) contrast(86%);
    --filter-neutral-900: invert(12%) sepia(4%) saturate(602%) hue-rotate(182deg) brightness(93%) contrast(94%);
    --filter-yale-blue-500: invert(34%) sepia(30%) saturate(3760%) hue-rotate(184deg) brightness(95%) contrast(88%);
    --filter-flame-600-2: invert(43%) sepia(36%) saturate(6565%) hue-rotate(352deg) brightness(98%) contrast(85%);
    --filter-azure: invert(46%) sepia(85%) saturate(5629%) hue-rotate(200deg) brightness(101%) contrast(109%);
    --filter-gray2: invert(39%) sepia(5%) saturate(18%) hue-rotate(109deg) brightness(98%) contrast(89%);
    --bg-news: #0f79c6;
    --bg-tren-2: #1fb9e1;
    --bg-food-2: #f5bb00;
    --bg-hype-2: #f5b432;
    --bg-tekno-2: #bad107;
    --bg-lestari-2: #ebebeb;
    --bg-umkm-2: #ebebeb;
    --bg-parapuan-2: #ebebeb;
    --bg-otomotif-2: #fb0404;
    --bg-health-2: #1fb9e1;
    --bg-edukasi-2: #058ab6;
    --bg-bola-2: #0db24b;
    --bg-money-2: #438e10;
    --bg-travel-2: #bf174c;
    --bg-sains-2: #0161b8;
    --bg-lifestyle-2: #00a783;
    --bg-properti-2: #b57c29;
    --bg-homey-2: #d8b370;
    --bg-fotovideo-2: #ebebeb;
    --bg-pemilu: #55a3d7;
    --bg-ikn: #6f887b;
    --bg-video: #ef5353;
    --bg-cahaya: #2ecc71;
    --bg-lestari-menu: #ebebeb;
    --cl-blue-lestari-2: #183466;
    --flame-50: #fff8f6;
    --flame-50-1: #fff8f6;
    --flame-50-2: #fff8f6;
    --flame-100: #fdeee9;
    --flame-200: #faddd3;
    --flame-300: #f8ccbd;
    --flame-400: #f1997c;
    --flame-500: #ec7750;
    --flame-600: #e75524;
    --flame-600-1: #e75524;
    --flame-600-2: #e75524;
    --flame-700: #b9441d;
    --flame-800: #8b3316;
    --flame-900: #5c220e;
    --yale-blue-50: #f5fbff;
    --yale-blue-50-1: #f5fbff;
    --yale-blue-100: #ebf6fe;
    --yale-blue-100-1: #ebf6fe;
    --yale-blue-100-2: #ebf6fe;
    --yale-blue-200: #d7edfc;
    --yale-blue-200-1: #d7edfc;
    --yale-blue-200-2: #d7edfc;
    --yale-blue-300: #88c8f6;
    --yale-blue-400: #39a3f0;
    --yale-blue-500: #0f79c6;
    --yale-blue-600: #0a5388;
    --yale-blue-700: #06304f;
    --yale-blue-800: #094977;
    --yale-blue-900: #05243b;
    --azure-white: #eff6ff;
    --azure-white2: #f9f9f9;
    --azure-lighter: #b3d7ff;
    --azure-lightest: #e1efff;
    --cl-jingga01: #e75524;
    --cl-blue-2: #39a3f0;
    --cl-line: #e7e7e7;
    --charcoal-lightest: gray;
    --charcoal-light: #515151;
    --charcoal-white: #999;
    --charcoal: #333;
    --grey-charcoal-1: #f8f8f8;
    --grey-charcoal: #a7a7a7;
    --platinum-light: #efefef;
    --platinum-lighter: #f5f5f5;
    --platinum-dark: #e0e0e0;
    --neutral-50: #f9f9f9;
    --neutral-100: #f3f3f3;
    --neutral-200: #e7e8e9;
    --neutral-200-1: #e7e8e9;
    --neutral-300: #dbdcde;
    --neutral-400: #b7b9be;
    --neutral-400-1: #b7b9be;
    --neutral-500: #878b92;
    --neutral-500-1: #878b92;
    --neutral-600: #6c6f75;
    --neutral-600-1: #6c6f75;
    --neutral-700: #515358;
    --neutral-700-1: #515358;
    --neutral-800: #36383a;
    --neutral-800-1: #36383a;
    --neutral-900: #232426;
    --neutral-900-1: #232426;
    --tower-gray-50: #f6f9f9;
    --tower-gray-100: #ecf2f2;
    --tower-gray-200: #d6e1e1;
    --tower-gray-300: #b2c7c7;
    --tower-gray-700: #446060;
    --tower-gray-800: #3b5151;
    --cl-black: #000
}

body,body.theme-dark {
    --tower-gray-400: #9ab6b5;
    --tower-gray-500: #698e8c;
    --tower-gray-600: #537676;
    --tower-gray-900: #354445;
    --accent-positive-5: #f3faf7;
    --accent-positive-50: #0e9f6e;
    --accent-negative-50: #f12323
}

body.theme-dark {
    --bg-body: #121212;
    --bg-main: #121212;
    --bg-white: #262626;
    --bg-white-lv2: #3b3b3b;
    --bg-gray-med: #1e1e1e;
    --bg-gray-bold: #262626;
    --bg-blue-lite: #262626;
    --bg-blue-inverted: #3ca5dd;
    --bg-place: #262626;
    --bg-place2: #3b3b3b;
    --bg-black: #262626;
    --bg-black-transparent: hsla(0,0%,7%,.8);
    --bg-input: #1f1f1f;
    --bg-toggle: #646464;
    --bg-radio: #1f1f1f;
    --bg-disabled: #3b3b3b;
    --cl-main: hsla(0,0%,100%,.87);
    --cl-white: hsla(0,0%,100%,.87);
    --cl-gray: hsla(0,0%,100%,.87);
    --cl-gray-lite: hsla(0,0%,100%,.87);
    --cl-gray-med: hsla(0,0%,100%,.87);
    --cl-gray-med2: hsla(0,0%,100%,.87);
    --cl-gray-bold: hsla(0,0%,100%,.87);
    --cl-blue: hsla(0,0%,100%,.87);
    --cl-red: hsla(0,0%,100%,.87);
    --cl-orange: hsla(0,0%,100%,.87);
    --br-black: #404040;
    --br-gray-bold: #1e1e1e;
    --br-gray-med: #1e1e1e;
    --br-grey-reg: #1e1e1e;
    --br-gray-lite: #1e1e1e;
    --br-list: #1f1f1f;
    --br-list-lv2: #3b3b3b;
    --br-blue: #3b3b3b;
    --cl-shadow: #1f1f1f;
    --cl-shadow-none: transparent;
    --cl-shadow-nav: transparent;
    --cl-shadow-inset: 0 0 0 transparent inset,0 0 0 transparent;
    --cl-hover: #fff;
    --cl-alpha: .78;
    --img-filter: brightness(.8) contrast(1.2);
    --img-grayscale: grayscale(1) invert(1) brightness(1.2);
    --img-dark: 1;
    --img-light: 0;
    --img-kolom: grayscale(1) brightness(.3);
    --ico-invert: none;
    --bg-title: #121212;
    --cl-title: hsla(0,0%,100%,.87);
    --bg-panel1: #121212;
    --bg-panel2: #1f1f1f;
    --bg-most: transparent;
    --bg-most2: #1e1e1e;
    --br-most: #262626;
    --bg-breaking1: #262626;
    --bg-breaking2: #1e1e1e;
    --cl-breaking1: #c12e2e;
    --cl-crumb: #fff;
    --bg-share: #3b3b3b;
    --weight-title: 400;
    --bg-topic: #3b3b3b;
    --cl-video-disabled: 38,38,38;
    --bg-copy: 255,255,255;
    --cl-copy: #000;
    --bg-info: #1e1e1e;
    --bg-auto-bar: #6e6e6e;
    --bg-comment: 38,38,38;
    --bg-comment-hover: #404040;
    --bg-comment2: #3b3b3b;
    --bg-comment3: #1f1f1f;
    --bg-banner1: rgba(44,44,44,.8);
    --bg-adsbox: #999;
    --bg-brandz: #1f1f1f;
    --cl-brandz-border: #121212;
    --cl-bangkit: #3b3b3b;
    --cl-parapuan: #c8482a;
    --cl-parapuan-dark: #da674a;
    --bg-profile: #262626;
    --br-profile: #262626;
    --cl-anchor: hsla(0,0%,100%,.87);
    --br-anchor: #262626;
    --bg-warticle: #262626;
    --bg-warning: #262626;
    --br-warning: #262626;
    --bg-smart: #1f1f1f;
    --bg-dark-sun: #fff;
    --bg-dark-shade: #3b3b3b;
    --bg-dark-light: #3b3b3b;
    --bg-submenu: #262626;
    --bg-submenu2: #3b3b3b;
    --cl-submenu: #999;
    --bg-news-menu1: #262626;
    --bg-news-menu2: #262626;
    --bg-news-menu3: #3b3b3b;
    --bg-tren: #262626;
    --bg-tren-subtitle: #3b3b3b;
    --cl-tren: #262626;
    --cl-grey-border: #3b3b3b;
    --bg-toc: #262626;
    --cl-toc: hsla(0,0%,100%,.87);
    --cl-infografik: hsla(0,0%,100%,.87);
    --bg-infografik: #262626;
    --cl-gray-video: hsla(0,0%,100%,.87);
    --bg-video-kg: #262626;
    --bg-cekfakta: #262626;
    --bg-blogger: #646464;
    --bg-modal: rgba(59,59,59,.9);
    --bg-modal-header: #3b3b3b;
    --cl-modal-black: #fff;
    --cl-modal-dark: #d7d7d7;
    --img-modal-gray: grayscale(1) invert(1) brightness(1.2);
    --cl-txt: hsla(0,0%,100%,.87);
    --cl-time: hsla(0,0%,100%,.87);
    --cl-time2: hsla(0,0%,100%,.87);
    --bg-section-title: #3b3b3b;
    --bg-time: #262626;
    --bg-bullet: hsla(0,0%,100%,.87);
    --br-item: #262626;
    --br-tab: #646464;
    --br-tab2: #646464;
    --cl-tab2: hsla(0,0%,100%,.87);
    --cl-channel: hsla(0,0%,100%,.87);
    --cl-blue3: #fff;
    --cl-blue2: #3b3b3b;
    --br-item2: #262626;
    --bg-btn2: #333;
    --hover-bg-btn2: #454545;
    --hover-cl-btn2: #fff;
    --hover-br-btn2: #757575;
    --active-bg-btn2: #222;
    --active-br-btn2: #9a9a9a;
    --active-cl-btn2: #9a9a9a;
    --filter--neutral-70: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(39deg) brightness(104%) contrast(105%);
    --filter--neutral-90: invert(100%) sepia(0%) saturate(7418%) hue-rotate(39deg) brightness(122%) contrast(94%);
    --filter--yale-blue-50: invert(100%) sepia(93%) saturate(0%) hue-rotate(319deg) brightness(108%) contrast(106%);
    --yale-blue-5: #11293c;
    --yale-blue-10: #ebf6fe;
    --yale-blue-10-1: #1e1e1e;
    --yale-blue-10-2: #094977;
    --yale-blue-20: #d7edfc;
    --yale-blue-30: #88c8f6;
    --yale-blue-40: #39a3f0;
    --yale-blue-50: #0f79c6;
    --yale-blue-60: #0a5388;
    --yale-blue-70: #094977;
    --yale-blue-80: #06304f;
    --yale-blue-90: #05243b;
    --neutral-5: #1e1e1e;
    --neutral-10: #1e1e1e;
    --neutral-20: #3b3b3b;
    --neutral-20-1: #e7e8e9;
    --neutral-30: #515358;
    --neutral-40: #878b92;
    --neutral-40-1: #b7b9be;
    --neutral-50: #878b92;
    --neutral-50-1: #878b92;
    --neutral-60: hsla(0,0%,100%,.87);
    --neutral-60-1: #6c6f75;
    --neutral-70: hsla(0,0%,100%,.87);
    --neutral-70-1: #515358;
    --neutral-80: hsla(0,0%,100%,.87);
    --neutral-80-1: #36383a;
    --neutral-90: hsla(0,0%,100%,.87);
    --neutral-90-1: #232426;
    --filter-gray3: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(39deg) brightness(104%) contrast(105%);
    --filter-gray_v3: invert(100%) sepia(0%) saturate(7500%) hue-rotate(341deg) brightness(101%) contrast(100%);
    --filter-hover-gray3: brightness(0) saturate(100%) invert(92%) sepia(89%) saturate(2%) hue-rotate(203deg) brightness(111%) contrast(100%);
    --filter-hover-gray4: brightness(0) saturate(100%) invert(54%) sepia(88%) saturate(1563%) hue-rotate(179deg) brightness(97%) contrast(93%);
    --filter-hover-blue2: brightness(0) saturate(100%) invert(36%) sepia(63%) saturate(1450%) hue-rotate(178deg) brightness(91%) contrast(90%);
    --filter-neutral-700: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(39deg) brightness(104%) contrast(105%);
    --filter-neutral-900: invert(100%) sepia(0%) saturate(7418%) hue-rotate(39deg) brightness(122%) contrast(94%);
    --filter-yale-blue-500: invert(100%) sepia(93%) saturate(0%) hue-rotate(319deg) brightness(108%) contrast(106%);
    --filter-flame-600-2: invert(84%) sepia(2%) saturate(790%) hue-rotate(337deg) brightness(109%) contrast(107%);
    --filter-azure: invert(100%) sepia(93%) saturate(0%) hue-rotate(319deg) brightness(108%) contrast(106%);
    --filter-gray2: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%) contrast(100%);
    --bg-news: #0f79c6;
    --bg-tren-2: #1fb9e1;
    --bg-food-2: #f5bb00;
    --bg-hype-2: #f5b432;
    --bg-tekno-2: #bad107;
    --bg-lestari-2: #ebebeb;
    --bg-umkm-2: #ebebeb;
    --bg-parapuan-2: #ebebeb;
    --bg-otomotif-2: #fb0404;
    --bg-health-2: #1fb9e1;
    --bg-edukasi-2: #058ab6;
    --bg-bola-2: #0db24b;
    --bg-money-2: #438e10;
    --bg-travel-2: #bf174c;
    --bg-sains-2: #0161b8;
    --bg-lifestyle-2: #00a783;
    --bg-properti-2: #b57c29;
    --bg-homey-2: #d8b370;
    --bg-fotovideo-2: #ebebeb;
    --bg-pemilu: #55a3d7;
    --bg-ikn: #6f887b;
    --bg-video: #ef5353;
    --bg-cahaya: #2ecc71;
    --bg-lestari-menu: #ebebeb;
    --cl-blue-lestari-2: #183466;
    --flame-50: #fff8f6;
    --flame-50-1: #1e1e1e;
    --flame-50-2: #b9441d;
    --flame-100: #fdeee9;
    --flame-200: #faddd3;
    --flame-300: #f8ccbd;
    --flame-400: #f1997c;
    --flame-500: #ec7750;
    --flame-600: #e75524;
    --flame-600-1: #1e1e1e;
    --flame-600-2: #fdeee9;
    --flame-700: #b9441d;
    --flame-800: #8b3316;
    --flame-900: #5c220e;
    --yale-blue-50: #05243b;
    --yale-blue-50-1: #1e1e1e;
    --yale-blue-100: #ebf6fe;
    --yale-blue-100-1: #1e1e1e;
    --yale-blue-100-2: #094977;
    --yale-blue-200: #d7edfc;
    --yale-blue-200-1: #1e1e1e;
    --yale-blue-200-2: #06304f;
    --yale-blue-300: #88c8f6;
    --yale-blue-400: #39a3f0;
    --yale-blue-500: #0f79c6;
    --yale-blue-600: #0a5388;
    --yale-blue-700: #094977;
    --yale-blue-800: #06304f;
    --yale-blue-900: #05243b;
    --azure-white: #333;
    --azure-white2: #444;
    --azure-lighter: #999;
    --azure-lightest: #222;
    --cl-jingga01: #e75524;
    --cl-blue-2: #39a3f0;
    --cl-line: #383838;
    --charcoal-lightest: gray;
    --charcoal-light: hsla(0,0%,100%,.87);
    --charcoal-white: hsla(0,0%,100%,.87);
    --charcoal: hsla(0,0%,100%,.87);
    --grey-charcoal-1: #262626;
    --grey-charcoal: #e0e0e0;
    --platinum-light: #3b3b3b;
    --platinum-lighter: #3b3b3b;
    --platinum-dark: #3b3b3b;
    --neutral-50: #1e1e1e;
    --neutral-100: #1e1e1e;
    --neutral-200: #3b3b3b;
    --neutral-200-1: #e7e8e9;
    --neutral-300: #515358;
    --neutral-400: #878b92;
    --neutral-400-1: #b7b9be;
    --neutral-500: #878b92;
    --neutral-500-1: #878b92;
    --neutral-600: hsla(0,0%,100%,.87);
    --neutral-600-1: #6c6f75;
    --neutral-700: hsla(0,0%,100%,.87);
    --neutral-700-1: #515358;
    --neutral-800: hsla(0,0%,100%,.87);
    --neutral-800-1: #36383a;
    --neutral-900: hsla(0,0%,100%,.87);
    --neutral-900-1: #232426;
    --tower-gray-50: #232e2e;
    --tower-gray-100: #232e2e;
    --tower-gray-200: #232e2e;
    --tower-gray-300: #446060;
    --tower-gray-700: #9ab6b5;
    --tower-gray-800: #000;
    --cl-black: #fff
}

@media (prefers-color-scheme: dark) {
    body {
        --bg-body:#121212;
        --bg-main: #121212;
        --bg-white: #262626;
        --bg-white-lv2: #3b3b3b;
        --bg-gray-med: #1e1e1e;
        --bg-gray-bold: #262626;
        --bg-blue-lite: #262626;
        --bg-blue-inverted: #3ca5dd;
        --bg-place: #262626;
        --bg-place2: #3b3b3b;
        --bg-black: #262626;
        --bg-black-transparent: hsla(0,0%,7%,.8);
        --bg-input: #1f1f1f;
        --bg-toggle: #646464;
        --bg-radio: #1f1f1f;
        --bg-disabled: #3b3b3b;
        --cl-main: hsla(0,0%,100%,.87);
        --cl-white: hsla(0,0%,100%,.87);
        --cl-gray: hsla(0,0%,100%,.87);
        --cl-gray-lite: hsla(0,0%,100%,.87);
        --cl-gray-med: hsla(0,0%,100%,.87);
        --cl-gray-med2: hsla(0,0%,100%,.87);
        --cl-gray-bold: hsla(0,0%,100%,.87);
        --cl-blue: hsla(0,0%,100%,.87);
        --cl-red: hsla(0,0%,100%,.87);
        --cl-orange: hsla(0,0%,100%,.87);
        --br-black: #404040;
        --br-gray-bold: #1e1e1e;
        --br-gray-med: #1e1e1e;
        --br-grey-reg: #1e1e1e;
        --br-gray-lite: #1e1e1e;
        --br-list: #1f1f1f;
        --br-list-lv2: #3b3b3b;
        --br-blue: #3b3b3b;
        --cl-shadow: #1f1f1f;
        --cl-shadow-none: transparent;
        --cl-shadow-nav: transparent;
        --cl-shadow-inset: 0 0 0 transparent inset,0 0 0 transparent;
        --cl-hover: #fff;
        --cl-alpha: .78;
        --img-filter: brightness(.8) contrast(1.2);
        --img-grayscale: grayscale(1) invert(1) brightness(1.2);
        --img-dark: 1;
        --img-light: 0;
        --img-kolom: grayscale(1) brightness(.3);
        --ico-invert: none;
        --bg-title: #121212;
        --cl-title: hsla(0,0%,100%,.87);
        --bg-panel1: #121212;
        --bg-panel2: #1f1f1f;
        --bg-most: transparent;
        --bg-most2: #1e1e1e;
        --br-most: #262626;
        --bg-breaking1: #262626;
        --bg-breaking2: #1e1e1e;
        --cl-breaking1: #c12e2e;
        --cl-crumb: #fff;
        --bg-share: #3b3b3b;
        --weight-title: 400;
        --bg-topic: #3b3b3b;
        --cl-video-disabled: 38,38,38;
        --bg-copy: 255,255,255;
        --cl-copy: #000;
        --bg-info: #1e1e1e;
        --bg-auto-bar: #6e6e6e;
        --bg-comment: 38,38,38;
        --bg-comment-hover: #404040;
        --bg-comment2: #3b3b3b;
        --bg-comment3: #1f1f1f;
        --bg-banner1: rgba(44,44,44,.8);
        --bg-adsbox: #999;
        --bg-brandz: #1f1f1f;
        --cl-brandz-border: #121212;
        --cl-bangkit: #3b3b3b;
        --cl-parapuan: #c8482a;
        --cl-parapuan-dark: #da674a;
        --bg-profile: #262626;
        --br-profile: #262626;
        --cl-anchor: hsla(0,0%,100%,.87);
        --br-anchor: #262626;
        --bg-warticle: #262626;
        --bg-warning: #262626;
        --br-warning: #262626;
        --bg-smart: #1f1f1f;
        --bg-dark-sun: #fff;
        --bg-dark-shade: #3b3b3b;
        --bg-dark-light: #3b3b3b;
        --bg-submenu: #262626;
        --bg-submenu2: #3b3b3b;
        --cl-submenu: #999;
        --bg-news-menu1: #262626;
        --bg-news-menu2: #262626;
        --bg-news-menu3: #3b3b3b;
        --bg-tren: #262626;
        --bg-tren-subtitle: #3b3b3b;
        --cl-tren: #262626;
        --cl-grey-border: #3b3b3b;
        --bg-toc: #262626;
        --cl-toc: hsla(0,0%,100%,.87);
        --cl-infografik: hsla(0,0%,100%,.87);
        --bg-infografik: #262626;
        --cl-gray-video: hsla(0,0%,100%,.87);
        --bg-video-kg: #262626;
        --bg-cekfakta: #262626;
        --bg-blogger: #646464;
        --bg-modal: rgba(59,59,59,.9);
        --bg-modal-header: #3b3b3b;
        --cl-modal-black: #fff;
        --cl-modal-dark: #d7d7d7;
        --img-modal-gray: grayscale(1) invert(1) brightness(1.2);
        --cl-txt: hsla(0,0%,100%,.87);
        --cl-time: hsla(0,0%,100%,.87);
        --cl-time2: hsla(0,0%,100%,.87);
        --bg-section-title: #3b3b3b;
        --bg-time: #262626;
        --bg-bullet: hsla(0,0%,100%,.87);
        --br-item: #262626;
        --br-tab: #646464;
        --br-tab2: #646464;
        --cl-tab2: hsla(0,0%,100%,.87);
        --cl-channel: hsla(0,0%,100%,.87);
        --cl-blue3: #fff;
        --cl-blue2: #3b3b3b;
        --br-item2: #262626;
        --bg-btn2: #333;
        --hover-bg-btn2: #454545;
        --hover-cl-btn2: #fff;
        --hover-br-btn2: #757575;
        --active-bg-btn2: #222;
        --active-br-btn2: #9a9a9a;
        --active-cl-btn2: #9a9a9a;
        --filter--neutral-70: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(39deg) brightness(104%) contrast(105%);
        --filter--neutral-90: invert(100%) sepia(0%) saturate(7418%) hue-rotate(39deg) brightness(122%) contrast(94%);
        --filter--yale-blue-50: invert(100%) sepia(93%) saturate(0%) hue-rotate(319deg) brightness(108%) contrast(106%);
        --yale-blue-5: #11293c;
        --yale-blue-10: #ebf6fe;
        --yale-blue-10-1: #1e1e1e;
        --yale-blue-10-2: #094977;
        --yale-blue-20: #d7edfc;
        --yale-blue-30: #88c8f6;
        --yale-blue-40: #39a3f0;
        --yale-blue-50: #0f79c6;
        --yale-blue-60: #0a5388;
        --yale-blue-70: #094977;
        --yale-blue-80: #06304f;
        --yale-blue-90: #05243b;
        --neutral-5: #1e1e1e;
        --neutral-10: #1e1e1e;
        --neutral-20: #3b3b3b;
        --neutral-20-1: #e7e8e9;
        --neutral-30: #515358;
        --neutral-40: #878b92;
        --neutral-40-1: #b7b9be;
        --neutral-50: #878b92;
        --neutral-50-1: #878b92;
        --neutral-60: hsla(0,0%,100%,.87);
        --neutral-60-1: #6c6f75;
        --neutral-70: hsla(0,0%,100%,.87);
        --neutral-70-1: #515358;
        --neutral-80: hsla(0,0%,100%,.87);
        --neutral-80-1: #36383a;
        --neutral-90: hsla(0,0%,100%,.87);
        --neutral-90-1: #232426;
        --filter-gray3: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(39deg) brightness(104%) contrast(105%);
        --filter-gray_v3: invert(100%) sepia(0%) saturate(7500%) hue-rotate(341deg) brightness(101%) contrast(100%);
        --filter-hover-gray3: brightness(0) saturate(100%) invert(92%) sepia(89%) saturate(2%) hue-rotate(203deg) brightness(111%) contrast(100%);
        --filter-hover-gray4: brightness(0) saturate(100%) invert(54%) sepia(88%) saturate(1563%) hue-rotate(179deg) brightness(97%) contrast(93%);
        --filter-hover-blue2: brightness(0) saturate(100%) invert(36%) sepia(63%) saturate(1450%) hue-rotate(178deg) brightness(91%) contrast(90%);
        --filter-neutral-700: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(39deg) brightness(104%) contrast(105%);
        --filter-neutral-900: invert(100%) sepia(0%) saturate(7418%) hue-rotate(39deg) brightness(122%) contrast(94%);
        --filter-yale-blue-500: invert(100%) sepia(93%) saturate(0%) hue-rotate(319deg) brightness(108%) contrast(106%);
        --filter-flame-600-2: invert(84%) sepia(2%) saturate(790%) hue-rotate(337deg) brightness(109%) contrast(107%);
        --filter-azure: invert(100%) sepia(93%) saturate(0%) hue-rotate(319deg) brightness(108%) contrast(106%);
        --filter-gray2: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%) contrast(100%);
        --bg-news: #0f79c6;
        --bg-tren-2: #1fb9e1;
        --bg-food-2: #f5bb00;
        --bg-hype-2: #f5b432;
        --bg-tekno-2: #bad107;
        --bg-lestari-2: #ebebeb;
        --bg-umkm-2: #ebebeb;
        --bg-parapuan-2: #ebebeb;
        --bg-otomotif-2: #fb0404;
        --bg-health-2: #1fb9e1;
        --bg-edukasi-2: #058ab6;
        --bg-bola-2: #0db24b;
        --bg-money-2: #438e10;
        --bg-travel-2: #bf174c;
        --bg-sains-2: #0161b8;
        --bg-lifestyle-2: #00a783;
        --bg-properti-2: #b57c29;
        --bg-homey-2: #d8b370;
        --bg-fotovideo-2: #ebebeb;
        --bg-pemilu: #55a3d7;
        --bg-ikn: #6f887b;
        --bg-video: #ef5353;
        --bg-cahaya: #2ecc71;
        --bg-lestari-menu: #ebebeb;
        --cl-blue-lestari-2: #183466;
        --flame-50: #fff8f6;
        --flame-50-1: #1e1e1e;
        --flame-50-2: #b9441d;
        --flame-100: #fdeee9;
        --flame-200: #faddd3;
        --flame-300: #f8ccbd;
        --flame-400: #f1997c;
        --flame-500: #ec7750;
        --flame-600: #e75524;
        --flame-600-1: #1e1e1e;
        --flame-600-2: #fdeee9;
        --flame-700: #b9441d;
        --flame-800: #8b3316;
        --flame-900: #5c220e;
        --yale-blue-50: #05243b;
        --yale-blue-50-1: #1e1e1e;
        --yale-blue-100: #ebf6fe;
        --yale-blue-100-1: #1e1e1e;
        --yale-blue-100-2: #094977;
        --yale-blue-200: #d7edfc;
        --yale-blue-200-1: #1e1e1e;
        --yale-blue-200-2: #06304f;
        --yale-blue-300: #88c8f6;
        --yale-blue-400: #39a3f0;
        --yale-blue-500: #0f79c6;
        --yale-blue-600: #0a5388;
        --yale-blue-700: #094977;
        --yale-blue-800: #06304f;
        --yale-blue-900: #05243b;
        --azure-white: #333;
        --azure-white2: #444;
        --azure-lighter: #999;
        --azure-lightest: #222;
        --cl-jingga01: #e75524;
        --cl-blue-2: #39a3f0;
        --cl-line: #383838;
        --charcoal-lightest: gray;
        --charcoal-light: hsla(0,0%,100%,.87);
        --charcoal-white: hsla(0,0%,100%,.87);
        --charcoal: hsla(0,0%,100%,.87);
        --grey-charcoal-1: #262626;
        --grey-charcoal: #e0e0e0;
        --platinum-light: #3b3b3b;
        --platinum-lighter: #3b3b3b;
        --platinum-dark: #3b3b3b;
        --neutral-50: #1e1e1e;
        --neutral-100: #1e1e1e;
        --neutral-200: #3b3b3b;
        --neutral-200-1: #e7e8e9;
        --neutral-300: #515358;
        --neutral-400: #878b92;
        --neutral-400-1: #b7b9be;
        --neutral-500: #878b92;
        --neutral-500-1: #878b92;
        --neutral-600: hsla(0,0%,100%,.87);
        --neutral-600-1: #6c6f75;
        --neutral-700: hsla(0,0%,100%,.87);
        --neutral-700-1: #515358;
        --neutral-800: hsla(0,0%,100%,.87);
        --neutral-800-1: #36383a;
        --neutral-900: hsla(0,0%,100%,.87);
        --neutral-900-1: #232426;
        --tower-gray-50: #232e2e;
        --tower-gray-100: #232e2e;
        --tower-gray-200: #232e2e;
        --tower-gray-300: #446060;
        --tower-gray-700: #9ab6b5;
        --tower-gray-800: #000;
        --cl-black: #fff
    }

    body,body.theme-light {
        --tower-gray-400: #9ab6b5;
        --tower-gray-500: #698e8c;
        --tower-gray-600: #537676;
        --tower-gray-900: #354445;
        --accent-positive-5: #f3faf7;
        --accent-positive-50: #0e9f6e;
        --accent-negative-50: #f12323
    }

    body.theme-light {
        --bg-body: #f2f2f2;
        --bg-main: #fff;
        --bg-white: #fff;
        --bg-white-lv2: #fff;
        --bg-gray-med: #f0f0f0;
        --bg-gray-bold: #efedef;
        --bg-blue-lite: #f1f6fc;
        --bg-blue-inverted: #dfdfdf;
        --bg-place: #f2f2f2;
        --bg-place2: #e2e2e2;
        --bg-black: #000;
        --bg-black-transparent: hsla(0,0%,100%,.75);
        --bg-input: #fff;
        --bg-toggle: #d7d7d7;
        --bg-radio: #f4f4f4;
        --bg-disabled: #dadada;
        --cl-main: #1a1a1a;
        --cl-white: #fff;
        --cl-gray: #717171;
        --cl-gray-lite: #999;
        --cl-gray-med: #666;
        --cl-gray-med2: #666;
        --cl-gray-bold: #545454;
        --cl-blue: #3ca5dd;
        --cl-red: red;
        --cl-orange: #e55225;
        --br-black: #000;
        --br-gray-bold: #9b9b9b;
        --br-gray-med: #c9c9ca;
        --br-grey-reg: #dbdbdb;
        --br-gray-lite: #e5e5e5;
        --br-list: #e2e2e2;
        --br-list-lv2: #e3e2e3;
        --br-blue: #3ca5dd;
        --cl-shadow: #f1f1f1;
        --cl-shadow-none: #ddd;
        --cl-shadow-nav: rgba(0,0,0,.75);
        --cl-shadow-inset: 0 3px 6px rgba(0,0,0,.16) inset,0 3px 6px rgba(0,0,0,.16);
        --cl-hover: #000;
        --cl-alpha: 1;
        --img-filter: none;
        --img-grayscale: none;
        --img-dark: 0;
        --img-light: 1;
        --img-kolom: none;
        --ico-invert: invert(1);
        --bg-title: transparent;
        --cl-title: #4a4a4a;
        --bg-panel1: #3a3a3a;
        --bg-panel2: #424242;
        --bg-most: #71c4d6;
        --bg-most2: #e7e7e7;
        --br-most: #fff;
        --bg-breaking1: #dedede;
        --bg-breaking2: #eaeaea;
        --cl-breaking1: #ed1c24;
        --cl-crumb: #e55225;
        --bg-share: #dcdcdc;
        --weight-title: 500;
        --bg-topic: #9b9b9b;
        --cl-video-disabled: 255,255,255;
        --bg-copy: 0,0,0;
        --cl-copy: #fff;
        --bg-info: #daeaf7;
        --bg-auto-bar: #bbe7ff;
        --bg-comment: 245,252,255;
        --bg-comment-hover: #d6eefa;
        --bg-comment2: #eff5f7;
        --bg-comment3: #e4f4fc;
        --bg-banner1: hsla(0,0%,100%,.8);
        --bg-adsbox: #fff;
        --bg-brandz: #f2f2f2;
        --cl-brandz-border: #fff;
        --cl-bangkit: #b9b9b9;
        --cl-parapuan: #f4d2ca;
        --cl-parapuan-dark: #833275;
        --bg-profile: #e7f7fb;
        --br-profile: #c9e6ee;
        --cl-anchor: #1fb9e1;
        --br-anchor: #1fb9e1;
        --bg-warticle: #f1f1f1;
        --bg-warning: #fff7e9;
        --br-warning: #ffe5b7;
        --bg-smart: #eaf5fb;
        --bg-dark-sun: #ffb42b;
        --bg-dark-shade: transparent;
        --bg-dark-light: #ffb42b;
        --bg-submenu: #383838;
        --bg-submenu2: #fff;
        --cl-submenu: #fff;
        --bg-news-menu1: #f62d1d;
        --bg-news-menu2: #de1e0e;
        --bg-news-menu3: #bd190c;
        --bg-tren: #1fb9e1;
        --bg-tren-subtitle: #fff;
        --cl-tren: #1fb9e1;
        --cl-grey-border: #ebebeb;
        --bg-toc: #edf1fd;
        --cl-toc: #3c5cb9;
        --cl-infografik: #ad0243;
        --bg-infografik: #ad0243;
        --cl-gray-video: #a0a4a8;
        --bg-video-kg: #b70000;
        --bg-cekfakta: #c00;
        --bg-blogger: #ebf8ff;
        --bg-modal: hsla(0,0%,100%,.9);
        --bg-modal-header: #f6f9f9;
        --cl-modal-black: #000;
        --cl-modal-dark: #666;
        --img-modal-gray: none;
        --cl-txt: #333;
        --cl-time: #959595;
        --cl-time2: #888;
        --bg-section-title: #f3f5f6;
        --bg-time: #333;
        --bg-bullet: #c9c9c9;
        --br-item: #e3e3e3;
        --br-tab: #d9d9d9;
        --br-tab2: #e5e5e5;
        --cl-tab2: #a7a7a7;
        --cl-channel: #bf451f;
        --cl-blue3: #007aff;
        --cl-blue2: #007aff;
        --br-item2: #dfdfdf;
        --bg-btn2: #fff;
        --hover-bg-btn2: #fff;
        --hover-cl-btn2: #0068da;
        --hover-br-btn2: #0068da;
        --active-bg-btn2: #f1f1f1;
        --active-br-btn2: #0056b4;
        --active-cl-btn2: #0056b4;
        --filter--neutral-70: invert(32%) sepia(4%) saturate(699%) hue-rotate(185deg) brightness(92%) contrast(86%);
        --filter--neutral-90: invert(12%) sepia(4%) saturate(602%) hue-rotate(182deg) brightness(93%) contrast(94%);
        --filter--yale-blue-50: invert(34%) sepia(30%) saturate(3760%) hue-rotate(184deg) brightness(95%) contrast(88%);
        --yale-blue-5: #f5fbff;
        --yale-blue-10: #ebf6fe;
        --yale-blue-10-1: #ebf6fe;
        --yale-blue-10-2: #ebf6fe;
        --yale-blue-20: #d7edfc;
        --yale-blue-30: #88c8f6;
        --yale-blue-40: #39a3f0;
        --yale-blue-50: #0f79c6;
        --yale-blue-60: #0a5388;
        --yale-blue-70: #094977;
        --yale-blue-80: #06304f;
        --yale-blue-90: #05243b;
        --neutral-5: #f9f9f9;
        --neutral-10: #f3f3f3;
        --neutral-20: #e7e8e9;
        --neutral-20-1: #e7e8e9;
        --neutral-30: #dbdcde;
        --neutral-40: #b7b9be;
        --neutral-40-1: #b7b9be;
        --neutral-50: #878b92;
        --neutral-50-1: #878b92;
        --neutral-60: #6c6f75;
        --neutral-70: #515358;
        --neutral-70-1: #515358;
        --neutral-80: #36383a;
        --neutral-80-1: #36383a;
        --neutral-90: #232426;
        --neutral-90-1: #232426;
        --filter-gray3: brightness(0) saturate(100%) invert(18%) sepia(0%) saturate(0%) hue-rotate(80deg) brightness(101%) contrast(94%);
        --filter-gray_v3: invert(33%) sepia(7%) saturate(359%) hue-rotate(185deg) brightness(93%) contrast(93%);
        --filter-hover-gray3: brightness(0) saturate(100%) invert(92%) sepia(89%) saturate(2%) hue-rotate(203deg) brightness(111%) contrast(100%);
        --filter-hover-gray4: brightness(0) saturate(100%) invert(54%) sepia(88%) saturate(1563%) hue-rotate(179deg) brightness(97%) contrast(93%);
        --filter-hover-blue2: brightness(0) saturate(100%) invert(36%) sepia(63%) saturate(1450%) hue-rotate(178deg) brightness(91%) contrast(90%);
        --filter-neutral-700: invert(32%) sepia(4%) saturate(699%) hue-rotate(185deg) brightness(92%) contrast(86%);
        --filter-neutral-900: invert(12%) sepia(4%) saturate(602%) hue-rotate(182deg) brightness(93%) contrast(94%);
        --filter-yale-blue-500: invert(34%) sepia(30%) saturate(3760%) hue-rotate(184deg) brightness(95%) contrast(88%);
        --filter-flame-600-2: invert(43%) sepia(36%) saturate(6565%) hue-rotate(352deg) brightness(98%) contrast(85%);
        --filter-azure: invert(46%) sepia(85%) saturate(5629%) hue-rotate(200deg) brightness(101%) contrast(109%);
        --filter-gray2: invert(39%) sepia(5%) saturate(18%) hue-rotate(109deg) brightness(98%) contrast(89%);
        --bg-news: #0f79c6;
        --bg-tren-2: #1fb9e1;
        --bg-food-2: #f5bb00;
        --bg-hype-2: #f5b432;
        --bg-tekno-2: #bad107;
        --bg-lestari-2: #ebebeb;
        --bg-umkm-2: #ebebeb;
        --bg-parapuan-2: #ebebeb;
        --bg-otomotif-2: #fb0404;
        --bg-health-2: #1fb9e1;
        --bg-edukasi-2: #058ab6;
        --bg-bola-2: #0db24b;
        --bg-money-2: #438e10;
        --bg-travel-2: #bf174c;
        --bg-sains-2: #0161b8;
        --bg-lifestyle-2: #00a783;
        --bg-properti-2: #b57c29;
        --bg-homey-2: #d8b370;
        --bg-fotovideo-2: #ebebeb;
        --bg-pemilu: #55a3d7;
        --bg-ikn: #6f887b;
        --bg-video: #ef5353;
        --bg-cahaya: #2ecc71;
        --bg-lestari-menu: #ebebeb;
        --cl-blue-lestari-2: #183466;
        --flame-50: #fff8f6;
        --flame-50-1: #fff8f6;
        --flame-50-2: #fff8f6;
        --flame-100: #fdeee9;
        --flame-200: #faddd3;
        --flame-300: #f8ccbd;
        --flame-400: #f1997c;
        --flame-500: #ec7750;
        --flame-600: #e75524;
        --flame-600-1: #e75524;
        --flame-600-2: #e75524;
        --flame-700: #b9441d;
        --flame-800: #8b3316;
        --flame-900: #5c220e;
        --yale-blue-50: #f5fbff;
        --yale-blue-50-1: #f5fbff;
        --yale-blue-100: #ebf6fe;
        --yale-blue-100-1: #ebf6fe;
        --yale-blue-100-2: #ebf6fe;
        --yale-blue-200: #d7edfc;
        --yale-blue-200-1: #d7edfc;
        --yale-blue-200-2: #d7edfc;
        --yale-blue-300: #88c8f6;
        --yale-blue-400: #39a3f0;
        --yale-blue-500: #0f79c6;
        --yale-blue-600: #0a5388;
        --yale-blue-700: #06304f;
        --yale-blue-800: #094977;
        --yale-blue-900: #05243b;
        --azure-white: #eff6ff;
        --azure-white2: #f9f9f9;
        --azure-lighter: #b3d7ff;
        --azure-lightest: #e1efff;
        --cl-jingga01: #e75524;
        --cl-blue-2: #39a3f0;
        --cl-line: #e7e7e7;
        --charcoal-lightest: gray;
        --charcoal-light: #515151;
        --charcoal-white: #999;
        --charcoal: #333;
        --grey-charcoal-1: #f8f8f8;
        --grey-charcoal: #a7a7a7;
        --platinum-light: #efefef;
        --platinum-lighter: #f5f5f5;
        --platinum-dark: #e0e0e0;
        --neutral-50: #f9f9f9;
        --neutral-100: #f3f3f3;
        --neutral-200: #e7e8e9;
        --neutral-200-1: #e7e8e9;
        --neutral-300: #dbdcde;
        --neutral-400: #b7b9be;
        --neutral-400-1: #b7b9be;
        --neutral-500: #878b92;
        --neutral-500-1: #878b92;
        --neutral-600: #6c6f75;
        --neutral-600-1: #6c6f75;
        --neutral-700: #515358;
        --neutral-700-1: #515358;
        --neutral-800: #36383a;
        --neutral-800-1: #36383a;
        --neutral-900: #232426;
        --neutral-900-1: #232426;
        --tower-gray-50: #f6f9f9;
        --tower-gray-100: #ecf2f2;
        --tower-gray-200: #d6e1e1;
        --tower-gray-300: #b2c7c7;
        --tower-gray-700: #446060;
        --tower-gray-800: #3b5151;
        --cl-black: #000
    }
}

@media not all and (prefers-color-scheme) {
    .dark-header-item,.dark-wrapper {
        display: none
    }
}

.dark-fixed {
    position: fixed;
    z-index: 7;
    right: 0;
    bottom: 150px
}

.dark-button {
    pointer-events: all;
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: var(--bg-white-lv2);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.3);
    box-shadow: 0 0 6px rgba(0,0,0,.3);
    border: transparent;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1
}

.dark-button * {
    pointer-events: none
}

.dark-link {
    position: relative;
    padding: 0;
    width: 100%;
    padding: 14px 15px 14px 50px;
    border: none;
    font-size: 14px;
    line-height: 1;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;
    color: #666;
    cursor: pointer
}

.dark-link:before {
    content: "";
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    left: 15px;
    top: calc(50% - 11px);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    -webkit-filter: invert(39%) sepia(0) saturate(233%) hue-rotate(195deg) brightness(97%) contrast(82%);
    filter: invert(39%) sepia(0) saturate(233%) hue-rotate(195deg) brightness(97%) contrast(82%)
}

.dark-link[data-dark=system]:before {
    background-image: var(--ico-auto-base)
}

.dark-link[data-dark=dark]:before {
    background-image: var(--ico-dark-base);
    background-size: 18px auto
}

.dark-link[data-dark=light]:before {
    background-image: var(--ico-light-base);
    background-size: 18px ​auto
}

.dark-link:hover {
    background: hsla(0,0%,77%,.2)
}

.dark-link * {
    pointer-events: none
}

.dark-link.-active {
    background: hsla(0,0%,77%,.4);
    color: #333;
    font-weight: 700
}

.dark-link.-active:before {
    -webkit-filter: none;
    filter: none
}

.dark-setting {
    pointer-events: all;
    position: absolute;
    z-index: 1000;
    right: 0;
    top: 45px;
    width: 200px;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3);
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    border-radius: 5px;
    overflow: hidden;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.dark-setting.-active {
    opacity: 1;
    visibility: visible;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.dark-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dark-icon,.dark-icon span:first-child {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dark-icon span:first-child {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--bg-dark-sun);
    border: 2px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dark-icon span:first-child:before {
    content: "";
    position: relative;
    position: absolute;
    top: -2px;
    right: -2px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    z-index: 1;
    background: var(--bg-dark-shade)
}

.dark-icon span:first-child i {
    display: block;
    font-style: normal;
    position: relative;
    width: 2px;
    height: 24px;
    border-radius: 1px;
    background: var(--bg-dark-light);
    z-index: -1;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.dark-icon span:first-child i:after,.dark-icon span:first-child i:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 24px;
    border-radius: 1px;
    background: var(--bg-dark-light)
}

.dark-icon span:first-child i:before {
    -ms-transform: rotate(55deg);
    -webkit-transform: rotate(55deg);
    transform: rotate(55deg)
}

.dark-icon span:first-child i:after {
    -ms-transform: rotate(-55deg);
    -webkit-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.dark-icon span:last-child {
    display: block;
    width: 100%;
    font-size: 7px;
    line-height: 1;
    padding: 5px 0
}

.dark-icon span:last-child:before {
    content: "Atur Mode";
    color: var(--cl-main)
}

.dark-wrapper {
    position: relative;
    padding: 0;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    opacity: 0;
    visibility: hidden
}

.dark-wrapper>.button-default {
    padding: 0
}

.dark-wrapper.-active {
    opacity: 1;
    visibility: visible
}

.dark-wrapper.-setting .button-default:hover:after {
    display: none
}

.dark-wrapper.-setting .dark-setting {
    opacity: 1;
    visibility: visible;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.icon-svg {
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle data-name='Ellipse 38' cx='10' cy='10' r='10' fill='%23262626'/%3E%3C/svg%3E")
}

.icon-darkmode {
    width: 26px;
    height: 26px;
    background-image: var(--ico-auto-base);
    -webkit-filter: invert(87%) sepia(100%) saturate(0) hue-rotate(322deg) brightness(107%) contrast(109%);
    filter: invert(87%) sepia(100%) saturate(0) hue-rotate(322deg) brightness(107%) contrast(109%)
}

.button-default {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: auto;
    min-width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: transparent;
    background: transparent;
    padding: 0 7px;
    cursor: pointer
}

.button-default:after {
    content: attr(aria-label);
    position: absolute;
    background: #e0e0e0;
    padding: 5px 10px;
    border-radius: 5px;
    color: #2a2a2a;
    font-size: 14px;
    top: calc(100% + 5px);
    white-space: nowrap;
    z-index: 1000;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.button-default:hover:after {
    opacity: 1
}

.dark-header-item {
    position: relative;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    display: inline-block;
    padding: 0
}

.theme-dark .icon-svg.icon-darkmode {
    background-image: var(--ico-dark-base);
    height: 28px
}

.theme-light .icon-svg.icon-darkmode {
    background-image: var(--ico-light-base)
}

.discoverbanner {
    background: var(--bg-main)
}

#div-gpt-ad-articlehighlight,.mgbox {
    background: var(--bg-adsbox)
}

.iframe-dark,.theme--ramadhan .w-ramadhan {
    -webkit-filter: var(--img-grayscale);
    filter: var(--img-grayscale)
}

body .logoDark {
    display: none
}

body .logoLight,body.theme-dark .logoDark {
    display: inline-table
}

body.theme-dark .logoLight {
    display: none
}

@media (prefers-color-scheme: dark) {
    body .logoDark {
        display:inline-table
    }

    body .logoLight,body.theme-light .logoDark {
        display: none
    }

    body.theme-light .logoLight {
        display: inline-table
    }
}

.network {
    position: relative;
    background: var(--bg-body);
    height: 29px;
    overflow: hidden
}

.network--kkk {
    background: #dedede
}

.network--hot {
    position: relative
}

.network--hot:after {
    content: attr(data-badge);
    position: absolute;
    top: 2px;
    right: -15px;
    background: red;
    border-radius: 20px;
    padding: 0 3px;
    z-index: 1;
    font-size: 9px;
    font-weight: 300;
    color: #fff
}

.network__wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.network__wrap.clearfix:after,.network__wrap.clearfix:before {
    display: none
}

.network__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.network__item,.network__link {
    display: inline-block
}

.network__link {
    text-transform: uppercase;
    padding: 8px 3px;
    height: 29px;
    font-size: 11px;
    color: var(--cl-main)
}

.network__link:hover {
    color: #e55225
}

.header {
    position: relative;
    background: #000;
    width: 1100px;
    z-index: 99
}

@media (min-width: 1100px) {
    .header {
        width:100%
    }
}

.header__wrap {
    padding: 12px 0
}

.header__row>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-theme {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: bottom;
    z-index: -1;
    pointer-events: none
}

.header-search {
    position: relative;
    width: 100%;
    height: 40px;
    margin: 0
}

.header-search-box {
    position: relative;
    margin-right: 0
}

.header-search-box.cSearch-focus .header-search-input {
    border: 1px solid #000
}

.header-search-box.cSearch-focus .header-search-input:focus {
    border: 1px solid #d0d0d0
}

.header-search-box.cSearch-focus .header-search-suggestion {
    opacity: 1;
    visibility: visible
}

.header-search-box.cSearch-focus .header-search-suggestion.--emptyHistory {
    visibility: hidden;
    opacity: 0
}

.header-search-box.cSearch-focus .header-search-suggestion.--emptyHistory.--isResult {
    visibility: visible;
    opacity: 1
}

.header-search-suggestion {
    position: absolute;
    width: 100%;
    border-radius: 8px;
    padding: 24px 20px;
    background: #232426;
    -webkit-box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0;
    visibility: hidden
}

.header-search-input {
    position: relative;
    width: 100%;
    height: 40px;
    background: #434343;
    border-radius: 8px;
    border: 1px solid #6c6f75;
    color: #c1c1b9;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    padding: 0 50px 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0
}

.header-search-input:focus {
    border: 1px solid #fff;
    color: #fff
}

.header-search-input::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #a1adb9
}

.header-search-input::-moz-placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #a1adb9
}

.header-search-input:-ms-input-placeholder,.header-search-input::-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #a1adb9
}

.header-search-input::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #a1adb9
}

.header-search-button,.header-search-clear {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 40px;
    z-index: 2;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-search-button,.header-search-button:hover,.header-search-clear,.header-search-clear:hover {
    border: transparent;
    background: transparent;
    color: transparent
}

.header-search-clear {
    z-index: 3;
    visibility: hidden
}

.header-search .icon-close {
    -webkit-filter: invert(63%) sepia(0) saturate(22%) hue-rotate(264deg) brightness(100%) contrast(81%);
    filter: invert(63%) sepia(0) saturate(22%) hue-rotate(264deg) brightness(100%) contrast(81%);
    background-size: auto 16px
}

.header-search .icon-search {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    z-index: 1;
    pointer-events: none;
    background-size: auto 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0299 18.4697L15.9778 14.4176C17.4088 12.7134 18.1266 10.5226 17.9817 8.30204C17.8367 6.08148 16.8402 4.00258 15.1998 2.49888C13.5595 0.99518 11.4019 0.18276 9.17717 0.231039C6.9524 0.279318 4.83216 1.18457 3.25857 2.75802C1.68499 4.33146 0.779546 6.45163 0.731071 8.67639C0.682595 10.9011 1.49482 13.0587 2.99838 14.6992C4.50194 16.3397 6.58074 17.3365 8.80129 17.4816C11.0218 17.6268 13.2127 16.9091 14.917 15.4783L18.9692 19.5304C19.1098 19.6711 19.3006 19.7501 19.4995 19.7501C19.6984 19.7501 19.8892 19.6711 20.0299 19.5304C20.1705 19.3898 20.2495 19.199 20.2495 19.0001C20.2495 18.8012 20.1705 18.6104 20.0299 18.4697ZM2.25007 8.87498C2.25007 7.46579 2.66794 6.08824 3.45085 4.91654C4.23375 3.74484 5.34653 2.83161 6.64845 2.29234C7.95037 1.75307 9.38297 1.61197 10.7651 1.88689C12.1472 2.16181 13.4168 2.8404 14.4132 3.83685C15.4097 4.83329 16.0882 6.10285 16.3632 7.48496C16.6381 8.86708 16.497 10.2997 15.9577 11.6016C15.4184 12.9035 14.5052 14.0163 13.3335 14.7992C12.1618 15.5821 10.7843 16 9.37507 16C7.48606 15.9978 5.67502 15.2465 4.33929 13.9108C3.00356 12.575 2.2522 10.764 2.25007 8.87498Z' fill='%23C1C1C1'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%
}

.logo {
    position: relative;
    min-width: 160px;
    width: 350px;
    height: 50px
}

.logo,.logo a {
    display: inline-block
}

.logo img {
    width: auto;
    height: 50px;
    -o-object-fit: contain;
    object-fit: contain
}

.logo--sticky {
    display: none
}

.logo__achieve {
    position: relative;
    display: block;
    padding: 30px 0 0;
    width: 250px;
    float: left;
    text-align: center
}

.logo__achieve__subtitle {
    padding: 0 0 5px;
    color: #fff;
    font-size: 13px
}

.logo__achieve__img {
    padding: 5px;
    height: 60px
}

.logo__achieve__img img {
    height: 50px
}

.logo__achieve__item {
    display: inline-block;
    text-align: center;
    padding: 0;
    vertical-align: top
}

.logo__achieve__item:nth-of-type(2) .logo__achieve__img {
    width: 74px;
    height: 60px
}

.logo__achieve__item:nth-of-type(3) .logo__achieve__img {
    width: 63px;
    height: 60px
}

.logo__achieve__item:nth-of-type(4) .logo__achieve__img {
    width: 60px;
    height: 60px
}

.logo__achieve__link {
    display: block
}

.logo__achieve__title {
    padding: 2px 0;
    color: #fff;
    font-size: 12px;
    display: block
}

.nav {
    border-top: 1px solid #383838;
    background: #000;
    z-index: 999
}

.nav,.nav__wrap {
    position: relative
}

.nav__wrap {
    text-align: center;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 46px
}

.nav__wrap:after,.nav__wrap:before {
    content: none
}

.nav__row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

@media (max-width: 1024px) {
    .nav__row {
        width:auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0
    }
}

.nav__row:after,.nav__row:before {
    content: none
}

.nav__sub {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: -10px;
    top: 40px;
    text-align: left;
    z-index: 1;
    width: 230px;
    background: #212121;
    padding: 10px 10px 20px;
    height: 0
}

.nav__sub--images,.nav__sub--umkm,.nav__sub--visual {
    width: 140px
}

.nav__sub--images .nav__subitem,.nav__sub--umkm .nav__subitem,.nav__sub--visual .nav__subitem {
    width: 100%!important
}

.nav__sub--entertainment,.nav__sub--lainnya,.nav__sub--otomotif,.nav__sub--sains {
    width: 260px
}

.nav__sub--food,.nav__sub--ikn,.nav__sub--parapuan,.nav__sub--pemilu,.nav__sub--properti,.nav__sub--tekno {
    width: 280px
}

.nav__sub--bola,.nav__sub--edukasi,.nav__sub--health,.nav__sub--lifestyle,.nav__sub--money,.nav__sub--nusaraya,.nav__sub--sport {
    width: 320px
}

.nav__sub--homey,.nav__sub--konsultasi,.nav__sub--news {
    width: 330px
}

.nav__sub--travel {
    width: 380px
}

.nav__item {
    display: inline-block;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.nav__item:hover .nav__link {
    background: #212121
}

.nav__item:hover .nav__sub {
    top: 46px;
    visibility: visible;
    opacity: 1;
    height: auto
}

.nav__item:last-child .nav__sub,.nav__item:nth-of-type(11) .nav__sub,.nav__item:nth-of-type(12) .nav__sub,.nav__item:nth-of-type(13) .nav__sub,.nav__item:nth-of-type(14) .nav__sub,.nav__item:nth-of-type(15) .nav__sub,.nav__item:nth-of-type(16) .nav__sub,.nav__item:nth-of-type(17) .nav__sub {
    left: auto;
    right: 0
}

.nav__subwrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.nav__subitem {
    position: relative;
    width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.nav__sublink {
    position: relative;
    display: block;
    padding: 3px 10px;
    font-family: Inter,sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 130%;
    color: #fff
}

.nav__sublink--hot,.nav__sublink:hover {
    color: #71c4d6
}

.nav__sublink.nav__link--new:after {
    top: -2px;
    right: -5px;
    font-size: 9px;
    line-height: 1.3;
    position: relative
}

.nav__subsub {
    padding: 3px 0;
    position: relative
}

.nav__subsub .nav__subitem {
    width: 100%!important
}

.nav__subsub:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 5px;
    height: 85%;
    border-left: 1px solid #666
}

.nav__subsublink {
    display: block;
    padding: 3px 10px 3px 20px;
    position: relative;
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    color: #fff
}

.nav__subsublink.nav__sublink--hot,.nav__subsublink:hover {
    color: #71c4d6
}

.nav__subsublink:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 8px;
    width: 5px;
    border-top: 1px solid #666
}

.nav__link {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 9px;
    height: 46px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    white-space: nowrap
}

.nav__link--new:after {
    content: "NEW";
    position: absolute;
    top: 4px;
    right: -8px;
    background: red;
    border-radius: 4px;
    padding: 0 2px;
    z-index: 1;
    font-family: Roboto,sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: #fff
}

.nav__link--dark {
    background: #a6a6a6
}

.nav__link:hover {
    color: #e55225;
    background: #1b1b1b
}

.icoBurger {
    vertical-align: baseline;
    margin-bottom: -1px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%
}

.icoBurger,.search,.search--header {
    position: relative
}

.search--header {
    text-align: right;
    display: inline-block;
    width: 50%;
    float: none;
    margin: 0 10px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.search--icon {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1
}

.searchContent h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: var(--neutral-800)
}

.searchContent p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--neutral-700);
    margin: 0
}

.searchCaption {
    font-family: Roboto,sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    color: #fff
}

.searchButtonClear {
    width: 11px;
    height: 11px;
    position: absolute;
    right: 14px;
    top: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4603 10.6648C11.5658 10.7702 11.625 10.9133 11.625 11.0625C11.625 11.2117 11.5658 11.3548 11.4603 11.4603C11.3548 11.5658 11.2117 11.625 11.0625 11.625C10.9133 11.625 10.7702 11.5658 10.6648 11.4603L6.00001 6.79546L1.33527 11.4603C1.22978 11.5658 1.0867 11.625 0.937514 11.625C0.788326 11.625 0.645249 11.5658 0.539757 11.4603C0.434265 11.3548 0.375 11.2117 0.375 11.0625C0.375 10.9133 0.434265 10.7702 0.539757 10.6648L5.20457 6.00001L0.539757 1.33527C0.434265 1.22978 0.375 1.0867 0.375 0.937514C0.375 0.788326 0.434265 0.645249 0.539757 0.539757C0.645249 0.434265 0.788326 0.375 0.937514 0.375C1.0867 0.375 1.22978 0.434265 1.33527 0.539757L6.00001 5.20457L10.6648 0.539757C10.7702 0.434265 10.9133 0.375 11.0625 0.375C11.2117 0.375 11.3548 0.434265 11.4603 0.539757C11.5658 0.645249 11.625 0.788326 11.625 0.937514C11.625 1.0867 11.5658 1.22978 11.4603 1.33527L6.79546 6.00001L11.4603 10.6648Z' fill='%235C6B7A'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 11px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: transparent;
    background-color: transparent;
    cursor: pointer
}

.searchSuggest {
    position: relative;
    width: 100%
}

.searchSuggest:not(:last-child) {
    margin-bottom: 24px
}

.searchSuggest.--popular .searchSuggestItem a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    text-align: left
}

.searchSuggest.--popular .searchSuggestItem .searchSuggesIcon {
    position: relative;
    top: 3px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 50%;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.75 1.37539V6.375C17.75 6.54076 17.6842 6.69973 17.5669 6.81694C17.4497 6.93415 17.2908 7 17.125 7C16.9592 7 16.8003 6.93415 16.6831 6.81694C16.5659 6.69973 16.5 6.54076 16.5 6.375V2.88391L10.067 9.31695C9.94981 9.43418 9.79082 9.50003 9.62504 9.50003C9.45927 9.50003 9.30028 9.43418 9.18305 9.31695L6.50001 6.63391L1.31704 11.817C1.19982 11.9342 1.04084 12 0.875071 12C0.7093 12.0001 0.550314 11.9342 0.433091 11.817C0.315867 11.6998 0.250007 11.5408 0.25 11.375C0.249993 11.2093 0.315838 11.0503 0.433052 10.933L6.05805 5.30805C6.17528 5.19083 6.33427 5.12497 6.50004 5.12497C6.66582 5.12497 6.82481 5.19083 6.94204 5.30805L9.62501 7.99109L15.6161 2H12.125C11.9592 2 11.8003 1.93415 11.6831 1.81694C11.5659 1.69973 11.5 1.54076 11.5 1.375C11.5 1.20924 11.5659 1.05027 11.6831 0.933058C11.8003 0.815848 11.9592 0.75 12.125 0.75H17.125C17.1273 0.75 17.1297 0.750313 17.132 0.750313C17.1502 0.750547 17.1684 0.751328 17.1865 0.753125C17.1966 0.754063 17.2063 0.755938 17.2163 0.757422C17.2265 0.758906 17.2368 0.760078 17.247 0.762109C17.258 0.764297 17.2686 0.767266 17.2794 0.769922C17.2884 0.772266 17.2973 0.774219 17.3063 0.776953C17.3168 0.780078 17.3269 0.783984 17.3371 0.787656C17.3462 0.790937 17.3552 0.793906 17.3641 0.797578C17.3735 0.801484 17.3826 0.806094 17.3918 0.810391C17.4011 0.814844 17.4105 0.818984 17.4196 0.823828C17.4282 0.828516 17.4366 0.83375 17.445 0.838828C17.4541 0.844297 17.4633 0.849375 17.472 0.855234C17.4813 0.861406 17.4898 0.868203 17.4986 0.874766C17.5062 0.880391 17.5139 0.885703 17.5213 0.891719C17.5358 0.903672 17.5497 0.916328 17.5631 0.929531C17.5644 0.930781 17.5658 0.931875 17.567 0.933047C17.5686 0.934609 17.5699 0.936406 17.5715 0.938047C17.5843 0.951094 17.5966 0.964609 17.6082 0.978672C17.6148 0.986562 17.6204 0.994844 17.6263 1.00289C17.6326 1.01117 17.6389 1.0193 17.6447 1.02781C17.6509 1.03719 17.6564 1.04703 17.6622 1.05672C17.6669 1.06453 17.6718 1.07211 17.6761 1.08016C17.6814 1.09 17.6859 1.10008 17.6906 1.11016C17.6945 1.11867 17.6988 1.12695 17.7024 1.13563C17.7063 1.14539 17.7096 1.15531 17.7132 1.16516C17.7165 1.17453 17.7202 1.18375 17.7231 1.19328C17.726 1.20328 17.7283 1.21344 17.7308 1.22359C17.7332 1.23328 17.7359 1.24281 17.7379 1.25266C17.7402 1.26445 17.7416 1.27633 17.7434 1.2882C17.7445 1.29656 17.7461 1.30469 17.7469 1.31313C17.749 1.33385 17.75 1.35461 17.75 1.37539Z' fill='%23A1ADB9'/%3E%3C/svg%3E%0A");
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    color: transparent
}

.searchSuggest.--popular .searchSuggestItem .searchSuggesCtn {
    margin-left: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.searchSuggest-box {
    width: 100%;
    height: auto;
    max-height: 400px;
    overflow: hidden;
    position: absolute;
    z-index: 9999
}

.searchSuggest-inner {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    max-height: 390px;
    position: relative
}

.searchSuggestList {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px
}

.searchSuggestItem {
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    position: relative
}

.searchFill {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px
}

.searchFill.--Fillarticle {
    margin-bottom: 20px
}

.searchFillItem {
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    text-align: left;
    padding: 0;
    outline: 0;
    border: 0;
    background: transparent
}

.searchFillCtn {
    margin-left: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.searchFillIcon {
    position: relative;
    top: 3px;
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.62438 4.25007V7.63921L12.5595 9.33374C12.7031 9.41662 12.8078 9.55314 12.8508 9.71325C12.8937 9.87337 12.8712 10.044 12.7883 10.1875C12.7054 10.3311 12.5689 10.4358 12.4088 10.4788C12.2487 10.5217 12.0781 10.4992 11.9345 10.4163L8.68687 8.54132C8.68195 8.53843 8.6775 8.53507 8.67258 8.5321C8.66191 8.52564 8.65144 8.51887 8.64117 8.51179C8.63312 8.50616 8.62539 8.50015 8.61773 8.49421C8.60971 8.4881 8.60185 8.4818 8.59414 8.4753C8.58555 8.46793 8.57716 8.46033 8.56898 8.45249C8.54805 8.43273 8.52855 8.4115 8.51063 8.38898C8.49138 8.36475 8.47396 8.33914 8.45852 8.31233C8.45332 8.30337 8.44835 8.29428 8.44359 8.28507C8.42514 8.24871 8.41013 8.21071 8.39875 8.17155C8.39644 8.16327 8.39431 8.15493 8.39234 8.14655C8.38963 8.13558 8.38724 8.12454 8.38516 8.11343C8.38337 8.10347 8.38184 8.09347 8.38055 8.08343C8.3793 8.07382 8.37797 8.06421 8.37711 8.05452C8.37612 8.04204 8.37549 8.02954 8.37523 8.01702C8.37508 8.01132 8.37437 8.00577 8.37437 8.00007V4.25007C8.37437 4.08431 8.44022 3.92534 8.55743 3.80813C8.67464 3.69092 8.83361 3.62507 8.99938 3.62507C9.16514 3.62507 9.32411 3.69092 9.44132 3.80813C9.55853 3.92534 9.62438 4.08431 9.62438 4.25007ZM14.3027 2.69679C12.895 1.29238 10.9878 0.503662 8.99938 0.503662C7.01096 0.503662 5.10373 1.29238 3.69609 2.69679L2.11133 4.28148V2.66538C2.11133 2.49962 2.04548 2.34065 1.92827 2.22344C1.81106 2.10623 1.65209 2.04038 1.48633 2.04038C1.32057 2.04038 1.1616 2.10623 1.04439 2.22344C0.927176 2.34065 0.861328 2.49962 0.861328 2.66538V5.79038C0.861328 5.81093 0.8625 5.83155 0.864453 5.8521C0.865391 5.8614 0.867187 5.87046 0.868437 5.87968C0.87 5.89062 0.871328 5.90155 0.873438 5.91249C0.875547 5.92304 0.878438 5.93327 0.881094 5.94366C0.883438 5.95304 0.885547 5.96241 0.888359 5.97179C0.891484 5.98195 0.895234 5.99179 0.898828 6.00179C0.902109 6.01101 0.905234 6.02038 0.908984 6.02944C0.912891 6.03882 0.917344 6.04773 0.921641 6.05679C0.926094 6.06616 0.930234 6.0757 0.935156 6.08491C0.939844 6.09374 0.945312 6.1021 0.950312 6.11054C0.955703 6.11952 0.960703 6.12851 0.966563 6.13734C0.972969 6.14687 0.980078 6.15585 0.986875 6.16507C0.992344 6.1721 0.997266 6.17952 1.00297 6.18648C1.02914 6.21839 1.0584 6.24765 1.09031 6.27382C1.09711 6.27929 1.10414 6.28413 1.11109 6.28929C1.12047 6.29632 1.12969 6.30366 1.13953 6.31023C1.14797 6.31585 1.15672 6.32077 1.16547 6.32593C1.17422 6.33124 1.18289 6.33679 1.19195 6.34155C1.20086 6.3464 1.21 6.35038 1.21914 6.35468C1.22852 6.35913 1.23773 6.36382 1.24734 6.3678C1.25617 6.37148 1.26508 6.37437 1.27391 6.37757C1.28438 6.38132 1.29453 6.3853 1.30516 6.38851C1.31398 6.39116 1.32289 6.39304 1.33172 6.3953C1.34266 6.39804 1.35336 6.40109 1.36445 6.40327C1.37461 6.4053 1.38477 6.4064 1.395 6.40796C1.40492 6.40944 1.41477 6.41124 1.42492 6.41226C1.44305 6.41405 1.46117 6.41484 1.47937 6.41499C1.48172 6.41499 1.48406 6.41538 1.48641 6.41538H4.61141C4.77717 6.41538 4.93614 6.34953 5.05335 6.23232C5.17056 6.11511 5.23641 5.95614 5.23641 5.79038C5.23641 5.62462 5.17056 5.46565 5.05335 5.34844C4.93614 5.23123 4.77717 5.16538 4.61141 5.16538H2.99516L4.58 3.58054C5.45408 2.70646 6.56772 2.1112 7.7801 1.87005C8.99248 1.62889 10.2492 1.75266 11.3912 2.22571C12.5332 2.69875 13.5093 3.49983 14.1961 4.52764C14.8829 5.55545 15.2494 6.76382 15.2494 7.99995C15.2494 9.23609 14.8829 10.4445 14.1961 11.4723C13.5093 12.5001 12.5332 13.3012 11.3912 13.7742C10.2492 14.2472 8.99248 14.371 7.7801 14.1299C6.56772 13.8887 5.45408 13.2934 4.58 12.4194C4.46278 12.3022 4.30379 12.2363 4.13802 12.2363C3.97225 12.2363 3.81327 12.3022 3.69605 12.4194C3.57884 12.5366 3.513 12.6956 3.513 12.8614C3.51301 13.0272 3.57887 13.1861 3.69609 13.3034C5.10393 14.7036 7.00956 15.4883 8.99515 15.4856C10.9807 15.4829 12.8842 14.693 14.2883 13.2889C15.6923 11.8849 16.4822 9.98143 16.4849 7.99585C16.4876 6.01026 15.7029 4.10463 14.3027 2.69679Z' fill='%23A1ADB9'/%3E%3C/svg%3E%0A");
    border: none
}

.searchClear,.searchFillIcon {
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: transparent
}

.searchClear {
    display: none;
    -webkit-filter: none;
    filter: none;
    background-size: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7804 14.2197C14.921 14.3603 15 14.5511 15 14.75C15 14.9489 14.921 15.1397 14.7804 15.2804C14.6397 15.421 14.4489 15.5 14.25 15.5C14.0511 15.5 13.8603 15.421 13.7197 15.2804L7.50002 9.06061L1.28036 15.2804C1.13971 15.421 0.948937 15.5 0.750019 15.5C0.551102 15.5 0.360331 15.421 0.219675 15.2804C0.0790195 15.1397 3.92114e-09 14.9489 0 14.75C-3.92114e-09 14.5511 0.0790195 14.3603 0.219675 14.2197L6.43943 8.00002L0.219675 1.78036C0.0790195 1.63971 -1.48205e-09 1.44894 0 1.25002C1.48205e-09 1.0511 0.0790195 0.860331 0.219675 0.719675C0.360331 0.57902 0.551102 0.5 0.750019 0.5C0.948937 0.5 1.13971 0.57902 1.28036 0.719675L7.50002 6.93943L13.7197 0.719675C13.8603 0.57902 14.0511 0.5 14.25 0.5C14.4489 0.5 14.6397 0.57902 14.7804 0.719675C14.921 0.860331 15 1.0511 15 1.25002C15 1.44894 14.921 1.63971 14.7804 1.78036L8.56061 8.00002L14.7804 14.2197Z' fill='%23C1C1C1'/%3E%3C/svg%3E%0A");
    width: 40px;
    height: 40px;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    z-index: 2
}

.searchClear.-active {
    display: block
}

#searchSuggestLast:empty {
    margin-bottom: 20px
}

#searchSuggestLast .searchSuggestItem {
    padding-right: 40px
}

.header--sticky .nav {
    position: fixed;
    width: 100%;
    top: -10px;
    border-top: none;
    z-index: 999;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3);
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    -webkit-animation: bounceInDown 1.5s;
    -moz-animation: bounceInDown 1.5s;
    -ms-animation: bounceInDown 1.5s;
    -o-animation: bounceInDown 1.5s;
    animation: bounceInDown 1.5s
}

@media (max-width: 1100px) {
    .header--sticky .nav {
        width:1100px
    }
}

.header--sticky .nav--sticky {
    padding-top: 10px
}

.header--sticky .nav .container {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    gap: 15px
}

@media (min-width: 1300px) {
    .header--sticky .nav .container {
        width:1300px
    }
}

@media (min-width: 1400px) {
    .header--sticky .nav .container {
        padding-left:24px;
        padding-right: 24px;
        gap: 24px;
        width: 1400px
    }
}

.header--sticky .nav__row {
    width: auto
}

.header--sticky .nav .social--container {
    gap: 10px
}

.header--sticky .logo--sticky {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 160px;
    height: 20px
}

@media (max-width: 1024px) {
    .header--sticky .logo--sticky {
        display:none
    }
}

.header--sticky .logo--sticky img {
    width: auto;
    height: 20px
}

.sso {
    position: relative
}

.sso__wrap {
    vertical-align: top
}

.sso__header {
    padding: 0;
    width: auto;
    float: none;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.sso__header,.sso__item {
    position: relative;
    display: inline-block
}

.sso__item {
    vertical-align: top;
    font-size: 12px;
    font-weight: 700;
    color: #ef9021
}

.sso__item:after {
    content: " | "
}

.sso__item:last-child:after {
    content: ""
}

.sso__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    width: 32px;
    height: 32px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    word-break: break-all;
    vertical-align: middle
}

.sso__link:hover {
    color: #fff
}

.icoUser,.sso__icon__login,.sso__option .sso__icon__login {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Cpath fill='%23000' d='M26 13.004a12.991 12.991 0 0 0-5.893-10.89A13.003 13.003 0 0 0 .172 10.887a12.991 12.991 0 0 0 4.056 11.7c.049.055.105.105.165.148a12.975 12.975 0 0 0 17.214 0 .991.991 0 0 0 .165-.148A12.963 12.963 0 0 0 26 13.004Zm-24 0A10.993 10.993 0 0 1 11.677 2.08a11.003 11.003 0 0 1 12.007 8.298 10.994 10.994 0 0 1-2.464 9.926 9.944 9.944 0 0 0-4.507-3.592A5.998 5.998 0 0 0 9.52 7.113a5.998 5.998 0 0 0-.234 9.598 9.945 9.945 0 0 0-4.507 3.592A10.95 10.95 0 0 1 2 13.004Zm7-1a3.998 3.998 0 0 1 4.78-3.921 4 4 0 0 1 2.915 5.452A3.999 3.999 0 0 1 9 12.005ZM6.26 21.69a8.002 8.002 0 0 1 10.581-2.705 8.001 8.001 0 0 1 2.899 2.705 10.98 10.98 0 0 1-13.48 0Z'/%3E%3C/svg%3E")
}

.icon-caret {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 0 0 7px
}

.icon-caret:after {
    content: "";
    position: absolute;
    border-bottom: 4px solid #ef9021;
    border-right: 4px solid #ef9021;
    border-left: 4px solid transparent;
    border-top: 4px solid transparent;
    top: -3px;
    left: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sso__badge {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 8px;
    height: 8px
}

.sso__badge,.sso__badge__inline {
    border-radius: 100%;
    background: red
}

.sso__badge__inline {
    width: 10px;
    height: 10px;
    margin-left: 5px;
    margin-top: -15px
}

.sso__badge__inline,.sso__icon__login {
    position: relative;
    display: inline-block
}

.sso__icon__login {
    width: 26px;
    height: 26px;
    vertical-align: top;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-filter: invert(100%) sepia(0) saturate(687%) hue-rotate(29deg) brightness(115%) contrast(100%);
    filter: invert(100%) sepia(0) saturate(687%) hue-rotate(29deg) brightness(115%) contrast(100%)
}

.sso__option {
    position: relative
}

.sso__option.-fixed {
    position: absolute;
    top: 45px;
    right: 0;
    background: #fff;
    border-radius: 5px;
    width: 275px;
    z-index: 1000;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3);
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    text-align: left;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.sso__option.-hide {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 0;
    visibility: hidden
}

.sso__option ul {
    position: relative;
    padding: 0
}

.sso__option li {
    position: relative;
    display: block
}

.sso__option li:empty {
    border-top: 1px solid #e7e8eb
}

.sso__option li a {
    display: block;
    padding: 5px 0;
    -webkit-transition: none;
    transition: none
}

.sso__option li a.myvalue__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sso__option li a:hover {
    background: #007aff
}

.sso__option li a:hover span {
    color: #fff
}

.sso__option li a:hover span i.sso__icon__bookmark,.sso__option li a:hover span i.sso__icon__interest,.sso__option li a:hover span i.sso__icon__liked,.sso__option li a:hover span i.sso__icon__login,.sso__option li a:hover span i.sso__icon__notif,.sso__option li a:hover span i.sso__icon__subscription,.sso__option li a:hover span i.sso__icon__subssetting,.sso__option li a:hover span i.sso__icon__subsuser {
    -webkit-filter: invert(100%) sepia(0) saturate(7472%) hue-rotate(9deg) brightness(114%) contrast(89%);
    filter: invert(100%) sepia(0) saturate(7472%) hue-rotate(9deg) brightness(114%) contrast(89%)
}

.sso__option li span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 500;
    color: #000
}

.sso__option .sso__icon__login {
    -webkit-filter: invert(41%) sepia(0) saturate(0) hue-rotate(280deg) brightness(94%) contrast(87%);
    filter: invert(41%) sepia(0) saturate(0) hue-rotate(280deg) brightness(94%) contrast(87%);
    border-radius: 100%;
    width: 24px;
    height: 24px;
    margin-right: 10px
}

.sso__avatar {
    border-radius: 100%
}

.sso__avatar.sso__icon__login {
    background: #b8b8b8;
    -webkit-filter: none!important;
    filter: none!important
}

.sso__avatar:before {
    content: attr(data-init);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    font-style: normal
}

.sso__avatar__inner:before {
    font-size: 11px;
    padding: 7px 0
}

.-logged .sso__link {
    overflow: initial
}

.-logged .sso__item:after {
    content: ""
}

.js-sso-user.-active {
    color: #fff
}

.js-sso-user.-active .icon-caret:after {
    top: 2px;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.myvalue__btn {
    padding: 7px 15px;
    position: relative
}

.myvalue__btn__wrap {
    background: #da1884;
    border-radius: 5px;
    color: #fff;
    padding: 5px 10px 5px 5px;
    font-size: 11px;
    font-weight: 400;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.myvalue__btn:hover {
    background: transparent!important
}

.myvalue__btn:hover span {
    color: #000!important
}

.myvalue__btn.-new {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.myvalue__btn.-new .myvalue__icon {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: 0
}

.myvalue__btn.-new .myvalue__btn__wrap {
    background-color: transparent;
    margin: 1px 16px 7px;
    padding: 8px;
    background-color: #e1efff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.myvalue__btn.-new:hover .myvalue__btn__wrap {
    background-color: #007aff
}

.myvalue__btn.-new:hover .myvalue__btn__wrap>span {
    color: #fff!important
}

.myvalue__text {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #da1884
}

.myvalue__icon {
    display: inline-block;
    height: 25px;
    border-radius: 100%;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3);
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    vertical-align: middle;
    margin-right: 10px
}

.myvalue__icon img {
    height: 100%
}

.sso__option li .myvalue__btn__wrap span {
    padding: 5px 0
}

.sso__option .sso__icon__subssetting {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='23' fill='none'%3E%3Cpath fill='%23000' d='M11.294 0H3.08A3.076 3.076 0 0 0 0 3.08v16.428a3.076 3.076 0 0 0 3.08 3.08h8.214a3.076 3.076 0 0 0 3.08-3.08V3.08A3.076 3.076 0 0 0 11.294 0ZM9.241 20.535H5.134v-1.027H9.24v1.027Zm3.337-3.08H1.796V3.08h10.78v14.374Z'/%3E%3C/svg%3E")
}

.sso__option .sso__icon__subssetting,.sso__option .sso__icon__subsuser {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    width: 23px;
    height: 23px;
    vertical-align: top;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-filter: invert(44%) sepia(0) saturate(0) hue-rotate(159deg) brightness(86%) contrast(82%);
    filter: invert(44%) sepia(0) saturate(0) hue-rotate(159deg) brightness(86%) contrast(82%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0)
}

.sso__option .sso__icon__subsuser {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 20.7h-.5c-.7-.1-1.4-.6-1.8-1.2-.4-.6-.6-1.4-.5-2.1.1-.7.6-1.4 1.2-1.9.6-.4 1.4-.6 2.1-.5.7.1 1.4.6 1.8 1.2.4.6.6 1.4.5 2.1-.1.8-.5 1.4-1.2 1.9-.5.3-1.1.5-1.6.5Zm0-4.9c-.4 0-.8.1-1.2.4-.5.3-.8.8-.9 1.3-.1.5 0 1.1.3 1.5.3.5.8.8 1.3.9.5.1 1.1 0 1.5-.3.4-.3.8-.8.9-1.3.1-.5 0-1.1-.3-1.5-.3-.5-.8-.8-1.3-.9-.1-.1-.2-.1-.3-.1ZM9.2 0C5.9 0 3.3 2.8 3.3 6.2c0 3.4 2.7 6.2 5.9 6.2s5.9-2.8 5.9-6.2c0-3.4-2.6-6.2-5.9-6.2ZM14 6.1c0 2.7-2.3 5.1-4.8 5.1S4.4 8.8 4.4 6.1c0-2.7 2.2-4.9 4.8-4.9 2.6 0 4.8 2.2 4.8 4.9Z' fill='%23000'/%3E%3Cpath d='M15.2 11.6c-.7-.6-1.5-1-2.4-1.4-.1-.1-.3 0-.4.1-.1.1-.1.1-.2.1s-.1 0-.2.1c-.2.1-.4.3-.6.4-.7.4-1.5.6-2.4.6-1.2 0-2.3-.4-3.2-1.2-.1-.1-.3-.1-.4-.1C2.2 11.5 0 14.8 0 18.4v4c0 .2.2.4.4.4h12.7V22h-.4v-.4H5.1v-1.8c0-.2-.2-.4-.4-.4h-.2c-.2 0-.4.2-.4.4v1.8h-3v-3.4c0-3.1 1.8-5.9 4.6-7 1 .8 2.2 1.2 3.4 1.2.7 0 1.3-.1 2-.3.5-.2 1-.5 1.5-.8.6.3 1.2.6 1.8 1.1l.2-.2.2.3h.1c.1-.1.2-.2.2-.3L15 12l.2.3h.1c.1-.1.2-.2.2-.3 0-.1-.1-.3-.3-.4Z' fill='%23000'/%3E%3Cpath d='m24.3 17-1-.2.9-.6c.2-.1.3-.3.3-.5s0-.4-.1-.6l-1.4-2c-.1-.2-.3-.3-.5-.4-.2 0-.4 0-.6.1l-.9.5-.1-.1.2-1.1c.1-.5-.2-.9-.7-1l-2.4-.4c-.2 0-.4 0-.6.1-.2.1-.3.3-.3.5l-.2 1.1-.6-.9c-.1-.2-.3-.3-.5-.4-.2 0-.4 0-.6.1l-2 1.4c-.2.1-.3.3-.3.5s0 .4.1.6l.6.9s0 .1-.1.1l-1-.2c-.2 0-.4 0-.6.1-.2.1-.3.3-.3.5l-.6 2.7c-.1.2 0 .4.1.6.1.2.3.3.5.4l1 .2v.1l-.9.6c-.2.1-.3.3-.3.5s0 .4.1.6l1.4 2c.1.2.3.3.5.4.2 0 .4 0 .6-.1l.9-.6h.1l-.2 1c-.1.5.2.9.7 1l2.4.4h.1c.2 0 .3 0 .5-.1s.3-.3.3-.5l.2-1h.1l.6.9c.1.2.3.3.5.4.2 0 .4 0 .6-.1l2-1.4c.2-.1.3-.3.3-.5s0-.4-.1-.6l-.6-.9V21l1 .2c.2 0 .4 0 .6-.1.2-.1.3-.3.3-.5l.4-2.4v-.1c.3-.7 0-1.1-.4-1.1Zm-4.7 5.3c-.1-.1-.3-.2-.5-.1-.1 0-.2 0-.2.1H18.6c-.1 0-.3.1-.3.3l-.3 1.3-2.2-.4.2-1.3c0-.2-.1-.3-.2-.4-.1 0-.2-.1-.2-.1l-.1-.1-.1-.1c-.1-.1-.2-.1-.3-.1-.1 0-.1 0-.2.1l-1.1.7-1.3-1.9 1-.7c.1-.1.2-.3.1-.5 0-.1-.1-.2-.1-.2V18.6c0-.1-.1-.3-.3-.3l-1.1-.3.4-2.3 1.2.2c.2 0 .4-.1.4-.2.1-.1.1-.2.1-.2l.1-.1.1-.1c.1-.1.1-.3 0-.5l-.1-.2-.6-.9 1.9-1.3.7 1.1c.1.1.3.2.5.1h.5c.1 0 .3-.1.3-.3l.2-1.3 2.2.4-.2 1.3c0 .2.1.3.2.4.1.1.2.1.2.1l.1.1.1.1c.1.1.3.1.5 0l1-.7 1.3 1.9-1 .7c-.1.1-.2.3-.1.5v.5c0 .1.1.3.3.3l1.2.2v.1l-.4 2.2-1.2-.2c-.2 0-.4.1-.4.2s-.1.2-.1.2l-.1.1-.1.1c-.1.1-.1.3 0 .5l.7 1.1-1.9 1.3-.6-.9c.2 0 .1-.2.1-.2Z' fill='%23000'/%3E%3C/svg%3E")
}

.sso__option .sso__icon__subscription {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    width: 23px;
    height: 23px;
    vertical-align: top;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='22.6' height='22.6' x='.7' y='.7' stroke='%23000' stroke-width='1.4' rx='5.3'/%3E%3Cpath fill='%23000' d='m6.706 16.155 1.551-8.31h1.266v-.349H5.5v.349h1.15l-1.61 8.31H3.772v.349h4.083v-.349h-1.15Z'/%3E%3Cpath fill='%23000' d='M13.739 7.845v-.349h-3.057v.349h1.327l-4.211 3.952 2.595 4.358H9.125v.349h4.327v-.349H12.24l-3.114-5.057 3.52-3.253h1.094Z'/%3E%3Cpath fill='%23000' d='M13.5 11.491h6.727v1.744H13.5z'/%3E%3Cpath fill='%23000' d='M15.992 15.727V9h1.744v6.727z'/%3E%3C/svg%3E");
    -webkit-filter: invert(44%) sepia(0) saturate(0) hue-rotate(159deg) brightness(86%) contrast(82%);
    filter: invert(44%) sepia(0) saturate(0) hue-rotate(159deg) brightness(86%) contrast(82%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0)
}

.sso__option .sso__icon__bookmark {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7c0-2.828 0-4.243.879-5.121C2.757 1 4.172 1 7 1h4c2.828 0 4.243 0 5.121.879C17 2.757 17 4.172 17 7v6.828c0 2.683 0 4.024-.844 4.435-.845.41-1.9-.419-4.01-2.076l-.675-.531c-1.186-.932-1.78-1.398-2.471-1.398-.692 0-1.285.466-2.471 1.398l-.676.53c-2.11 1.658-3.164 2.487-4.009 2.077C1 17.853 1 16.51 1 13.828V7Z' stroke='%23000' stroke-width='1.8'/%3E%3C/svg%3E")
}

.sso__option .sso__icon__bookmark,.sso__option .sso__icon__liked {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    width: 23px;
    height: 23px;
    vertical-align: top;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 18px;
    -webkit-filter: invert(44%) sepia(0) saturate(0) hue-rotate(159deg) brightness(86%) contrast(82%);
    filter: invert(44%) sepia(0) saturate(0) hue-rotate(159deg) brightness(86%) contrast(82%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0)
}

.sso__option .sso__icon__liked {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.739 7.348h-3.855l.871-3.906a2.561 2.561 0 0 0-.97-2.611l-.6-.448A1.915 1.915 0 0 0 9.38.954a47.465 47.465 0 0 1-4.04 6.143.715.715 0 0 0-.646-.41H.717A.719.719 0 0 0 0 7.403v11.224a.713.713 0 0 0 .717.714h3.979a.71.71 0 0 0 .698-.617A3.977 3.977 0 0 0 8.306 20h3.938a3.963 3.963 0 0 0 3.294-1.756l3.915-5.847a3.239 3.239 0 0 0-1.039-4.588 3.273 3.273 0 0 0-1.675-.461ZM3.979 17.91H1.434V8.116h2.543v9.796Zm14.28-6.306-3.915 5.847a2.516 2.516 0 0 1-2.1 1.12H8.306a2.545 2.545 0 0 1-2.02-1.006l-.873-1.159V9.072c1.498-1.26 3.632-4.667 5.21-7.406a.465.465 0 0 1 .316-.228.48.48 0 0 1 .386.086l.599.448a1.143 1.143 0 0 1 .43 1.16l-1.063 4.775a.71.71 0 0 0 .39.799.72.72 0 0 0 .31.07h4.75a1.834 1.834 0 0 1 1.61.962 1.814 1.814 0 0 1-.09 1.867h-.002Z' fill='%23000'/%3E%3C/svg%3E")
}

.sso__option .sso__icon__notif {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.5' height='23.314' viewBox='0 0 24.5 23.314'%3E%3Cg id='Group_2997' data-name='Group 2997' transform='translate(-9.75 -111.009)'%3E%3Cpath id='Union_1' data-name='Union 1' d='M4.26,16.055H3a3,3,0,0,1-3-3V3A3,3,0,0,1,3,0H20a3,3,0,0,1,3,3V13.055a3,3,0,0,1-3,3H8.689L4.26,20.693Z' transform='translate(10.5 111.759)' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cg id='Group_2994' data-name='Group 2994' transform='translate(18.041 115.943)'%3E%3Cpath id='Icon_feather-star' data-name='Icon feather-star' d='M6.771,3,7.936,5.36l2.605.381L8.656,7.577,9.1,10.172,6.771,8.946,4.44,10.172l.445-2.594L3,5.741,5.605,5.36Z' transform='translate(-2.623 -1.908)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_15' data-name='Line 15' x1='1.092' y1='0.946' transform='translate(0 0.145)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='Line_16' data-name='Line 16' x1='1.092' y1='0.946' transform='translate(7.822 0) rotate(90)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.sso__option .sso__icon__interest,.sso__option .sso__icon__notif {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    width: 23px;
    height: 23px;
    vertical-align: top;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-filter: invert(44%) sepia(0) saturate(0) hue-rotate(159deg) brightness(86%) contrast(82%);
    filter: invert(44%) sepia(0) saturate(0) hue-rotate(159deg) brightness(86%) contrast(82%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0)
}

.sso__option .sso__icon__interest {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 26 26' viewBox='0 0 26 26'%3E%3Cpath d='m19.9 13.6-5.5-2-2-5.5c-.1-.3-.3-.6-.6-.8-.3-.2-.6-.3-1-.3-.3 0-.7.1-1 .3-.2.2-.5.5-.6.8l-2 5.5-5.5 2c-.3.1-.6.3-.8.6-.2.3-.3.6-.3 1s.1.7.3 1c.2.3.5.5.8.6l5.5 2 2 5.5c.1.3.3.6.6.8.3.2.6.3 1 .3.3 0 .7-.1 1-.3.3-.2.5-.5.6-.8l2-5.5 5.5-2c.3-.1.6-.3.8-.6.2-.3.3-.6.3-1s-.1-.7-.3-1c-.2-.3-.5-.5-.8-.6zm-6.1 3.6c-.2.1-.4.2-.6.4-.2.2-.3.4-.4.6l-2 5.5-2-5.5c-.1-.2-.2-.4-.4-.6-.2-.2-.4-.3-.6-.4l-5.5-2 5.5-2c.2-.1.4-.2.6-.4.2-.2.3-.4.4-.6l2-5.5 2 5.5c.1.2.2.4.4.6s.4.3.6.4l5.5 2-5.5 2zm.4-13c0-.2.1-.4.2-.6.2-.2.4-.2.6-.2h1.7V1.7c0-.2.1-.4.2-.6.2-.2.4-.2.6-.2.2 0 .4.1.6.2.2.2.2.4.2.6v1.7H20c.2 0 .4.1.6.2.2.2.2.4.2.6 0 .2-.1.4-.2.6-.2.2-.4.2-.6.2h-1.7v1.7c0 .2-.1.4-.2.6-.2.2-.4.2-.6.2-.2 0-.4-.1-.6-.2-.2-.2-.2-.4-.2-.6V5.1H15c-.2 0-.4-.1-.6-.2-.1-.2-.2-.5-.2-.7zm11 5.1c0 .2-.1.4-.2.6-.2.2-.4.2-.6.2h-.8v.9c0 .2-.1.4-.2.6-.2.2-.4.2-.6.2-.2 0-.4-.1-.6-.2-.2-.2-.2-.4-.2-.6v-.8h-.8c-.2 0-.4-.1-.6-.2-.2-.2-.2-.4-.2-.6s.1-.4.2-.6c.2-.2.4-.2.6-.2h.8v-1c0-.2.1-.4.2-.6.2-.2.4-.2.6-.2.2 0 .4.1.6.2.2.2.2.4.2.6v.8h.8c.2 0 .4.1.6.2.1.2.2.5.2.7z'/%3E%3C/svg%3E")
}

.sso__option .sso__badge__active {
    position: relative;
    display: inline-block
}

.sso__option .sso__badge__active:after {
    background: rgba(0,122,255,.15);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #007aff;
    content: "Aktif";
    font-style: normal;
    padding: 5px 8px;
    border-radius: 5px;
    margin-left: 8px
}

.sso__login__detail {
    max-width: 175px;
    width: 100%
}

.sso__login__detail .text-nowrap {
    max-width: 175px;
    width: 100%;
    word-break: unset;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.sso__login__name {
    font-size: 16px
}

.sso__login__email {
    color: #666;
    font-size: 12px
}

.sso__option li a:hover span .sso__login__email {
    color: #fff
}

.sso__header.-logged .sso__option li:first-child a:hover {
    background: transparent
}

.sso__header.-logged .sso__option li:first-child a:hover span {
    color: #000
}

.sso__header.-logged .sso__option li:first-child a:hover span i.sso__icon__login {
    -webkit-filter: none;
    filter: none
}

.sso__header.-logged .sso__option li:first-child a:hover .sso__login__email {
    color: #666
}

.sso__header.-logged .sso__option li:first-child a:hover .block-progressbar .progress-box span {
    color: var(--cl-kompas)
}

.sso__header.-logged .sso__icon__login {
    width: 26px;
    height: 26px
}

.sso__header.-logged .sso__link .sso__badge {
    width: 12px;
    height: 12px;
    top: 0
}

.sso__header.-logged .sso__avatar.-circle {
    overflow: hidden;
    background-color: transparent;
    background: conic-gradient(#1583cc var(--cl-prgss),#272727 0deg)
}

.sso__header.-logged .sso__avatar.-circle:before {
    position: absolute;
    border-radius: 50%;
    background: #b8b8b8;
    width: 23px;
    height: 23px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    border: 1px solid #272727
}

.sso__header.-logged .sso__option .sso__avatar.-circle {
    background: conic-gradient(#1583cc var(--cl-prgss),#eaecf0 0deg)
}

.sso__header.-logged .sso__option .sso__avatar.-circle:before {
    border: 1px solid #eaecf0
}

.block-progressbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    padding: 10px 15px
}

.block-progressbar .sso__badge {
    position: relative;
    display: inline-block;
    top: -8px;
    right: 2px
}

.block-progressbar .progress-text {
    font-size: 12px;
    color: #757575;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
    text-align: left
}

.block-progressbar .progress-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.block-progressbar .progress-box span {
    font-size: 14px;
    font-weight: 700;
    color: var(--cl-kompas);
    line-height: 1;
    height: 16px;
    padding: 0
}

.block-progressbar .progress-step {
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    color: #9a9a9a;
    line-height: 16px
}

.block-progressbar .progress-label {
    font-size: 16px;
    font-weight: 600;
    color: #454545;
    line-height: 22px;
    color: var(--cl-kompas)
}

.block-progressbar .progress-bar {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 100px;
    height: 16px
}

.block-progressbar .progress-bar::-webkit-progress-bar {
    background-color: #eff6ff
}

.block-progressbar .progress-bar::-webkit-progress-bar,.block-progressbar .progress-bar::-webkit-progress-value {
    border-radius: 10px
}

.block-progressbar .progress-bar::-moz-progress-bar {
    border-radius: 10px
}

.block-progressbar .progress-bar::-webkit-progress-value {
    background: var(--cl-kompas)
}

.menu-plus {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    margin: 0 16px
}

.menu-plus>.button-default {
    padding: 0
}

.menu-plus .active .icon-plus {
    background-image: none
}

.menu-plus .active .icon-plus img {
    display: block
}

.menu-plus .icon-plus {
    width: 32px;
    height: 32px;
    background-size: auto 26px
}

.menu-plus .icon-plus img {
    display: none;
    position: absolute;
    max-width: 32px;
    width: 32px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.menu-plus-sticky {
    position: relative;
    width: 172px;
    -ms-flex-preferred-size: 172px;
    flex-basis: 172px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    height: 30px;
    border-radius: 4px;
    display: none;
    background-color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    font-size: 11px;
    line-height: 120%;
    color: #191919;
    padding: 0 4px
}

.menu-plus-sticky:hover {
    color: #191919
}

.nav--sticky .menu-plus-sticky {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1190px) {
    .nav--sticky .menu-plus-sticky {
        display:none
    }
}

.kid__wrap {
    position: relative;
    margin: 0 48px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: inline-block
}

.kid__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 8px 10px;
    width: 166px;
    min-height: 30px;
    background: #1583cc;
    text-transform: uppercase;
    border-radius: 4px;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.kid__button:hover {
    color: #fff;
    background: #2196f3
}

.kid__button:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-size: contain;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23fff' d='M8.52 12H3.48c-1.08 0-1.68 0-2.16-.24-.48-.24-.84-.6-1.02-1.02C0 10.2 0 9.6 0 8.52V3.48C0 2.4 0 1.8.24 1.32.48.84.84.48 1.26.3 1.8 0 2.4 0 3.48 0H4.8c.36 0 .6.24.6.6s-.24.6-.6.6H3.48c-.9 0-1.38 0-1.62.12-.24.12-.42.3-.54.54-.12.24-.12.72-.12 1.62v5.04c0 .9 0 1.38.12 1.62.12.24.3.42.54.54.24.12.72.12 1.62.12h5.04c.9 0 1.38 0 1.62-.12.24-.12.42-.3.54-.54.12-.24.12-.72.12-1.62V7.2c0-.36.24-.6.6-.6s.6.24.6.6v1.32c0 1.08 0 1.68-.24 2.16-.24.48-.6.84-1.02 1.02-.54.3-1.14.3-2.22.3ZM6 6.6c-.18 0-.3-.06-.42-.18a.58.58 0 0 1 0-.84L9.96 1.2H7.8c-.36 0-.6-.24-.6-.6s.24-.6.6-.6h3.6c.06 0 .18 0 .24.06.06 0 .12.06.18.12s.12.12.12.18c.06.06.06.18.06.24v3.6c0 .36-.24.6-.6.6s-.6-.24-.6-.6V2.04L6.42 6.42c-.12.12-.24.18-.42.18Z'/%3E%3C/svg%3E")
}

.title {
    position: relative;
    border-bottom: 1px solid var(--br-gray-bold)
}

.title img {
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.title--clean {
    border-bottom: 1px solid transparent
}

.title--center {
    text-align: center
}

.title--big {
    font-size: 40px;
    font-weight: 300;
    color: #e55225;
    border-bottom: 1px solid transparent;
    text-transform: uppercase
}

.title__content {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--cl-title)
}

.title__content:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 101%;
    border-bottom: 5px solid #3ca5dd
}

.title__content--logo {
    padding: 0 0 10px
}

.title__content--logo img {
    height: 50px;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.title__teaser {
    margin: 20px 0 10px;
    padding: 0 15px;
    border-left: 10px solid #e55225;
    font-size: 16px;
    font-weight: 300;
    color: #000
}

.title--big .title__content:after,.title--clean .title__content:after {
    border-bottom: transparent
}

.title--center:after {
    content: "";
    position: absolute;
    left: 33.3333333%;
    bottom: 0;
    width: 33.3333333%;
    border-bottom: 5px solid #3ca5dd
}

.title--center .title__content:after {
    border-bottom: transparent
}

.title--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.title__partner {
    position: relative;
    float: right;
    padding: 20px 0 0
}

.title__partner span {
    display: inline-block;
    padding: 10px 5px 0;
    font-family: Roboto,sans-serif;
    font-size: 13px;
    color: #c3c3c3
}

.title__partner a {
    display: inline-block
}

.title__partner img {
    height: 35px;
    width: auto;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.headline {
    position: relative;
    background: var(--bg-black);
    color: #fff
}

.headline__subtitle {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 1;
    background: var(--bg-white);
    text-transform: uppercase;
    padding: 10px;
    font-size: 12px;
    font-weight: 700;
    color: #71c4d6
}

.headline__big {
    overflow: hidden;
    height: 493px
}

.headline__big,.headline__big__row {
    position: relative
}

.headline__big__item {
    display: block;
    position: relative
}

.headline__big__link {
    display: block
}

.headline__big__link:hover {
    color: #fff
}

.headline__big__img {
    width: 740px;
    height: 493px;
    overflow: hidden;
    position: relative
}

.headline__big__img img {
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.headline__big__box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    background: rgba(0,0,0,.7)
}

.headline__big__title {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.1;
    color: var(--cl-white);
    padding: 0 20px;
    margin: 0 0 10px
}

.headline__big__date {
    padding: 0 20px;
    font-size: 12px;
    font-weight: 600;
    color: #9b9b9b
}

.headline__thumb {
    position: relative;
    overflow: hidden;
    height: 220px
}

.headline__thumb__row {
    position: relative;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.headline__thumb__item {
    padding: 0;
    width: 185px;
    outline: 0
}

.headline__thumb .slick-current .headline__thumb__img:after,.headline__thumb__item .slick-current .headline__thumb__img:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 4px solid #3ca5dd
}

.headline__thumb__img {
    margin: 0 0 5px;
    position: relative;
    cursor: pointer;
    width: 185px;
    height: 124px;
    overflow: hidden
}

.headline__thumb__img img {
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.headline__thumb__title {
    font-size: 14px;
    font-weight: 400;
    color: var(--cl-white);
    height: 73px;
    max-height: 73px;
    overflow: hidden;
    padding: 0 6px;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.headline__thumb__link {
    display: block
}

.headline__thumb__link:hover {
    color: #93cdec
}

.article__wrap__grid {
    position: relative
}

.article__wrap__grid--flex {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: wrap
}

.article__wrap__grid--flex .article__grid {
    margin-bottom: 20px
}

.article__wrap__grid--fixed>div {
    height: 290px
}

.article__wrap__grid--fixed .article__lead {
    height: auto;
    max-height: 85px;
    overflow: hidden
}

.article__wrap__grid--fixed .article__title {
    height: 65px;
    max-height: 65px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.article__wrap__grid--vik>div {
    height: 325px
}

.article__wrap__grid--vik .article__grid {
    height: 100%;
    border-bottom: 1px solid var(--br-list-lv2)
}

.article__wrap__grid--vik .article__lead {
    height: auto;
    max-height: 105px;
    overflow: hidden;
    margin: 0
}

.article__wrap__grid--vik .article__title {
    height: auto;
    max-height: 45px;
    overflow: hidden
}

.article__wrap__grid--vik .article__link {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--neutral-800)
}

.article__boxsubtitle {
    padding: 5px 10px;
    background: var(--bg-white);
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 1;
    color: var(--cl-orange)
}

.article__subtitle {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    line-height: 1
}

.article__subtitle--inline {
    padding: 0 5px 0 0;
    display: inline-block;
    color: #e55225
}

.article__subtitle--kompasid {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 700;
    color: #3ca5dd
}

.article__subtitle a:hover {
    color: var(--cl-main)
}

.article__asset {
    position: relative
}

.article__asset img {
    display: block;
    width: 100%
}

.article__asset--kompasid {
    margin-bottom: 10px;
    height: 150px;
    overflow: hidden
}

.article__asset--god {
    width: 100%;
    height: 163px;
    background-position: 50%;
    background-size: cover
}

.article__title {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--neutral-800);
    margin: 0 0 10px
}

.article__title--big {
    font-size: 24px;
    line-height: 1.3
}

.article__title--medium {
    font-size: 20px;
    line-height: 1.3
}

.article__title--small {
    font-size: 18px;
    line-height: 1.3
}

.article__title--bullet {
    position: relative;
    padding: 7px 20px 0 30px;
    font-size: 16px;
    line-height: 1.3;
    height: 77px;
    overflow: hidden;
    margin: 0;
    border-bottom: 1px solid var(--br-list)
}

.article__title--bullet:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 10px;
    width: 8px;
    height: 8px;
    background: #2a2a2a
}

.article__title--kompasid {
    height: 44px;
    overflow: hidden
}

.article__box {
    position: relative;
    margin: -20px 10px 0;
    background: var(--bg-main);
    padding: 10px
}

.article__box--medium {
    margin: -40px 15px 0;
    padding: 15px
}

.article__box--big {
    margin: -60px 30px 0;
    padding: 10px 20px
}

.article__box--offset-0 {
    margin: 0;
    padding: 10px 0
}

.article__box--topic {
    height: 150px;
    padding: 35px 20px;
    background: var(--bg-topic)
}

.article__box--topic b {
    font-weight: 300;
    color: var(--cl-white);
    font-size: 28px;
    display: block;
    overflow: hidden;
    max-height: 75px
}

.article__grid,.article__list {
    position: relative
}

.article__list {
    margin: 0 0 15px;
    background: var(--bg-main)
}

.article__list:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid var(--br-list-lv2);
    width: 100%;
    bottom: 0;
    z-index: 1
}

.article__list__asset {
    width: 197px;
    float: left;
    padding-right: 20px;
    background: var(--bg-main);
    z-index: 2;
    position: relative
}

.article__list__title {
    height: 70px;
    overflow: hidden;
    margin-bottom: 18px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.article__list__item {
    margin-bottom: 15px
}

.article__list__item:last-child,.article__list__opinion .article__list__title {
    margin-bottom: 0
}

.article__list__opinion .opinion__author {
    margin-bottom: 2px
}

.article__date {
    font-size: 12px;
    color: var(--cl-gray-med);
    display: inline-block
}

.article__date,.article__lead {
    font-family: Inter,sans-serif;
    margin: 0 0 10px
}

.article__lead {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4;
    color: var(--cl-gray)
}

.article__lead--kompasid {
    padding: 20px 0;
    position: relative;
    margin: 0
}

.article__lead--kompasid:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20%;
    border: 1px solid var(--br-list)
}

.article__media {
    display: block;
    margin: 0 0 10px
}

.article__media span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #e55225;
    display: inline-block
}

.article__time {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    color: #9b9b9b;
    margin-bottom: 10px
}

.article__time .icon {
    margin-right: 5px;
    font-size: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-filter: invert(46%) sepia(89%) saturate(3415%) hue-rotate(347deg) brightness(93%) contrast(94%);
    filter: invert(46%) sepia(89%) saturate(3415%) hue-rotate(347deg) brightness(93%) contrast(94%);
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.article__time--fixed {
    position: absolute;
    z-index: 1;
    bottom: 5px;
    right: 25px;
    margin: 0;
    background: rgba(0,0,0,.7);
    padding: 3px 6px 3px 23px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    border-radius: 5px
}

.article__time--fixed:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 20px;
    background: #fff;
    left: 6px;
    bottom: 6px
}

.article__time--fixed:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 10px;
    border-style: solid;
    border-width: 3px 0 3px 6px;
    border-color: transparent transparent transparent #000
}

.article__time--latest {
    position: absolute;
    z-index: 3;
    right: 10px;
    top: 100px;
    margin: 0;
    background: rgba(0,0,0,.7);
    padding: 3px 5px 2px 20px;
    font-size: 12px;
    font-weight: 400;
    color: var(--cl-white);
    border-radius: 5px
}

.article__time--latest:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background: var(--cl-white);
    left: 6px;
    bottom: 6px
}

.article__time--latest:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 9px;
    border-style: solid;
    border-width: 3px 0 3px 6px;
    border-color: transparent transparent transparent var(--bg-black)
}

.article__photo__wrap .icon-photo-slider {
    position: absolute;
    color: #fff;
    z-index: 1;
    font-size: 50px;
    line-height: 1;
    width: 30px;
    text-align: center;
    top: 33%
}

.article__photo__wrap .icon-photo-left {
    left: 20px
}

.article__photo__wrap .icon-photo-right {
    right: 20px
}

.article__photo__count {
    font-size: 18px;
    font-weight: 700;
    color: #ef9021
}

.article__link {
    display: block
}

.article__list__link {
    position: absolute;
    width: calc(100% - 20px);
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0
}

.article__list--tv {
    margin: 10px 0 40px
}

.article__list--video .article__list__asset {
    width: 550px
}

.article__list--video .article__list__title {
    height: 215px;
    -webkit-line-clamp: 7
}

.article__list--video .article__title {
    font-size: 24px
}

.article__partner {
    height: 50px;
    padding: 0 0 5px
}

.article__footnote {
    padding: 8px 0 0;
    border-top: 1px solid var(--br-list-lv2);
    font-size: 12px;
    color: var(--cl-gray)
}

.articleLabel-box {
    display: inline-block;
    padding: 4px 5px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1;
    color: #51afe2;
    margin-left: 5px
}

.articleLabel-box.--blogger {
    background: var(--bg-blogger)
}

.articleLabel-opinion {
    display: inline-block;
    padding: 10px;
    font-size: 15px;
    line-height: 1.4;
    color: var(--cl-main);
    width: 100%
}

.articleLabel-opinion span {
    font-weight: 700
}

.articleLabel-opinion.--blogger {
    background: var(--bg-blogger)
}

.latest__wrap {
    margin: 0 0 20px;
    position: relative
}

.latest__wrap:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #dfdfdf;
    width: 100%;
    bottom: 0;
    z-index: -1
}

.latest__asset {
    width: 197px;
    float: left;
    padding-right: 20px;
    background: #fff;
    z-index: 1;
    position: relative
}

.latest__title {
    height: 88px;
    overflow: hidden;
    margin-bottom: 2px
}

.most,.most__list {
    position: relative
}

.most__list {
    padding-left: 60px;
    margin-bottom: 1px;
    height: 100px;
    background: var(--bg-warticle);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.most__list:hover {
    background: var(--bg-most2)
}

.most__count {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 100%;
    background: var(--bg-most);
    padding: 15px 0;
    text-align: center;
    border-right: 1px solid var(--br-most);
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    color: var(--cl-white)
}

.most__title {
    padding: 0 10px;
    font-size: 16px;
    font-weight: 300;
    color: var(--cl-main);
    overflow: hidden;
    height: 62px;
    margin: 11px 0 5px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.most__link {
    color: inherit
}

.most__link:hover {
    color: #000
}

.most__read {
    padding: 0 10px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #9b9b9b
}

.most__other {
    padding: 10px 0;
    text-align: center;
    background: var(--bg-warticle)
}

.most__other a {
    letter-spacing: normal;
    font-weight: 700
}

.most__other a:hover {
    color: var(--cl-main);
    background: transparent
}

.most__list--opinion {
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto
}

.most__list--opinion .most__title {
    margin: 5px 0
}

.most__list--opinion .opinion__author {
    padding: 0 10px
}

.photo,.trending__wrap .article__grid {
    margin-bottom: 20px
}

.photo,.photo__author {
    position: relative
}

.photo__author {
    display: inline;
    font-size: 11px;
    font-weight: 500;
    color: var(--cl-gray-bold);
    padding: 0 5px
}

.photo__caption {
    padding: 10px 0;
    font-size: 12px;
    font-weight: 400;
    color: var(--cl-gray-lite)
}

.photo__tooltips,.photo__wrap {
    position: relative
}

.photo__tooltips.-hide {
    visibility: hidden;
    opacity: 0
}

.photo__tooltips__box {
    position: absolute;
    width: 385px;
    background: #fff;
    padding: 14px 18px;
    right: 15px;
    top: 100px;
    border-radius: 8px;
    z-index: 3;
    text-align: left;
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.16);
    box-shadow: 0 1px 8px rgba(0,0,0,.16);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.photo__tooltips__box:after {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: -13px;
    right: 30px;
    pointer-events: none;
    width: 17px;
    height: 14px;
    background: #fff;
    clip-path: polygon(50% 0,0 100%,100% 100%)
}

.photo__tooltips__header {
    font-size: 17px;
    font-weight: 700;
    line-height: normal;
    color: #000;
    margin-bottom: 8px
}

.photo__tooltips__lead {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: #000
}

.photo__tooltips__close {
    font-size: 22px;
    display: block;
    padding: 0 6px;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 22px;
    line-height: 1;
    color: #000;
    background: #fff
}

.photo__tooltips__close:hover {
    color: #000
}

.photo__icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    padding: 10px;
    background: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 1;
    color: #000
}

.photo__icon__expand,.photo__icon__style {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2
}

.photo__icon__expand+.photo__icon__style {
    top: 50px
}

.photo__icon__style:hover .photo__tooltips {
    visibility: visible;
    opacity: 1
}

.photo-infographic:hover .photo__icon {
    background: #3ca5dd;
    color: #fff
}

.photo-infographic .photo__wrap {
    cursor: pointer
}

.js-read-article .video,.photo-infographic {
    position: relative;
    margin-bottom: 20px
}

.gallery__item {
    padding: 25px 0;
    position: relative
}

.gallery__item:last-child {
    border-bottom: none
}

.gallery__item--cover {
    padding: 0;
    margin-bottom: 20px;
    border-bottom: none
}

.gallery__item--cover .gallery__photo__asset {
    display: block
}

.gallery__photo {
    position: relative;
    padding: 15px 0
}

.gallery__photo__start {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    left: 30px;
    padding: 14px;
    background: hsla(0,0%,100%,.9);
    font-size: 24px;
    font-weight: 300;
    color: #000
}

.gallery__photo__start span {
    padding: 0 10px;
    font-size: 15px;
    font-weight: 700;
    color: #000
}

.gallery__photo__asset {
    position: relative;
    cursor: pointer;
    width: auto;
    display: inline-block
}

.gallery__photo__asset .photo__icon {
    top: 50%;
    left: 50%;
    right: auto;
    -ms-transform: translateX(-20px) translateY(-20px);
    -webkit-transform: translateX(-20px) translateY(-20px);
    transform: translateX(-20px) translateY(-20px);
    opacity: 0;
    width: 60px;
    height: 60px;
    font-size: 25px;
    padding: 18px
}

.gallery__photo__asset:hover .photo__icon {
    background: rgba(60,165,221,.9);
    color: #fff;
    opacity: 1
}

.gallery__photo__asset:hover .gallery__photo__start {
    color: #fff;
    background: rgba(60,165,221,.9)
}

.gallery__photo__asset:hover .gallery__photo__start span {
    color: #fff
}

.gallery__photo__desc {
    position: absolute;
    height: auto;
    bottom: 0;
    right: -330px;
    width: 330px;
    padding: 15px 15px 0;
    cursor: default
}

.gallery__photo__author {
    padding: 10px 0;
    font-size: 12px;
    font-weight: 500;
    color: #2a2a2a
}

.gallery__photo__caption {
    padding: 10px 0 5px;
    font-size: 14px;
    font-weight: 300;
    color: #2a2a2a
}

.video {
    font-size: 12px;
    font-weight: 400;
    color: var(--cl-gray-lite)
}

.video>.author {
    display: block;
    padding: 5px 0 2px;
    text-align: right;
    color: var(--cl-gray-bold)
}

.photo,.photo-infographic {
    position: relative;
    padding-top: 373.33333px;
    overflow: hidden;
    color: var(--bg-gray-med);
    background-color: var(--bg-gray-med);
    font-size: 12px
}

.photo-infographic a,.photo a {
    position: static
}

.photo-infographic a.inner-link-baca-juga,.photo-infographic a.inner-link-tag,.photo a.inner-link-baca-juga,.photo a.inner-link-tag {
    color: transparent!important
}

.photo-infographic>img,.photo>img {
    opacity: 0
}

.photo-infographic>.author,.photo>.author {
    color: #f2f2f2;
    display: inline-block;
    padding: 10px 10px 10px 0
}

.photo-infographic>.author:before,.photo>.author:before {
    content: "\00a0"
}

.photo-infographic>.photo__wrap,.photo>.photo__wrap {
    padding-top: 373.33333px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 373.33333px
}

.photo-infographic>.photo__caption,.photo>.photo__caption {
    background: var(--bg-main)
}

.photo-infographic img,.photo img {
    position: absolute;
    width: auto;
    max-width: none;
    height: 100%;
    left: 50%;
    top: 50%;
    z-index: 1;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.photo-infographic[style*="float:right"],.photo-infographic[style*="float: right"],.photo[style*="float:right"],.photo[style*="float: right"] {
    margin-left: 20px
}

.photo-infographic[style*="float:left"],.photo-infographic[style*="float: left"],.photo[style*="float:left"],.photo[style*="float: left"] {
    margin-right: 20px
}

.photo-infographic[style*="width:300px"],.photo-infographic[style*="width: 300px"],.photo[style*="width:300px"],.photo[style*="width: 300px"] {
    padding: 0!important;
    padding-top: 400px!important
}

.photo-infographic[style*="width:300px"]>.photo__wrap,.photo-infographic[style*="width: 300px"]>.photo__wrap,.photo[style*="width:300px"]>.photo__wrap,.photo[style*="width: 300px"]>.photo__wrap {
    padding-top: 400px;
    height: 400px
}

.photo-infographic[style*="width:340px"],.photo-infographic[style*="width: 340px"],.photo[style*="width:340px"],.photo[style*="width: 340px"] {
    padding: 0!important;
    padding-top: 340px!important
}

.photo-infographic[style*="width:340px"]>.photo__wrap,.photo-infographic[style*="width: 340px"]>.photo__wrap,.photo[style*="width:340px"]>.photo__wrap,.photo[style*="width: 340px"]>.photo__wrap {
    padding-top: 340px;
    height: 340px
}

.photo-infographic[style*="width:300px"],.photo-infographic[style*="width: 300px"],.photo-infographic[style*="width:340px"],.photo-infographic[style*="width: 340px"],.photo-infographic[style*="width:750px"],.photo-infographic[style*="width: 750px"],.photo[style*="width:300px"],.photo[style*="width: 300px"],.photo[style*="width:340px"],.photo[style*="width: 340px"],.photo[style*="width:750px"],.photo[style*="width: 750px"] {
    padding: 373.33333px 0 0!important;
    width: 100%!important;
    margin: 0 0 20px!important
}

.photo-infographic[style*="width:300px"]>.photo__wrap,.photo-infographic[style*="width: 300px"]>.photo__wrap,.photo-infographic[style*="width:340px"]>.photo__wrap,.photo-infographic[style*="width: 340px"]>.photo__wrap,.photo-infographic[style*="width:750px"]>.photo__wrap,.photo-infographic[style*="width: 750px"]>.photo__wrap,.photo[style*="width:300px"]>.photo__wrap,.photo[style*="width: 300px"]>.photo__wrap,.photo[style*="width:340px"]>.photo__wrap,.photo[style*="width: 340px"]>.photo__wrap,.photo[style*="width:750px"]>.photo__wrap,.photo[style*="width: 750px"]>.photo__wrap {
    padding-top: 373.33333px;
    height: 373.33333px
}

.read__header~.photo {
    padding-top: 493.33333px
}

.read__header~.photo>.photo__wrap {
    padding-top: 493.33333px;
    height: 493.33333px
}

.photo-infographic {
    padding-top: 995.55556px
}

.photo-infographic>.photo__wrap {
    padding-top: 995.55556px;
    height: 995.55556px;
    overflow: hidden
}

.photo-infographic img {
    width: 100%;
    height: auto
}

.cover-photo {
    position: relative;
    padding-top: 493.33333px;
    overflow: hidden;
    color: var(--bg-gray-med);
    background-color: var(--bg-gray-med)
}

.cover-photo>.photo__wrap {
    padding-top: 493.33333px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 493.33333px
}

.cover-photo>.photo__caption {
    background: var(--bg-main)
}

.cover-photo img {
    position: absolute;
    width: auto;
    max-width: none;
    height: 100%;
    left: 50%;
    top: 50%;
    z-index: 1;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.cover-photo img:hover+.photo__icon {
    background: #3ca5dd;
    color: #fff
}

img:not([src]):not([srcset]) {
    visibility: hidden
}

.photoCarousel {
    position: relative;
    background: var(--bg-main);
    padding-bottom: 15px
}

.photoCarousel-block {
    position: relative;
    padding: 0;
    height: 94px
}

.photoCarousel-wrap {
    padding: 0;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.photoCarousel-wrap.slick-slider {
    overflow: initial
}

.photoCarousel-img {
    position: relative;
    width: 100%;
    padding-top: 66.66667%;
    overflow: hidden;
    background: var(--bg-gray-med)
}

.photoCarousel-img img {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
    -o-object-fit: cover;
    object-fit: cover
}

.photoCarousel-img~.videoKG-duration {
    bottom: 6px;
    right: 9px
}

.photoCarousel-item {
    width: 20%;
    position: relative;
    vertical-align: top;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 4px
}

.photoCarousel-item.active .photoCarousel-img:after {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 4px solid var(--bg-gray-med)
}

.photoCarousel-duration {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    background-color: var(--bg-time);
    border-radius: 8px;
    padding: 0 8px;
    position: absolute;
    z-index: 2;
    right: 8px;
    bottom: 8px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: .85
}

.photoCarousel-duration:before {
    content: "";
    background-size: auto 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
    filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
    width: 13px;
    height: 13px;
    margin-right: 4px
}

.photoCarousel .info-banner-arrow {
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background: var(--bg-white-lv2)
}

.photoCarousel .info-banner-arrow.-right {
    right: -10px
}

.photoCarousel .info-banner-arrow.-left {
    left: -10px
}

.photoCarousel .icon-arrow-left {
    -webkit-transform: rotate(-40deg) translate(1px,1px);
    transform: rotate(-40deg) translate(1px,1px)
}

.photoCarousel .icon-arrow-right {
    -webkit-transform: rotate(135deg) translate(1px,1px);
    transform: rotate(135deg) translate(1px,1px)
}

.photoCarousel .icon-arrow:after {
    border-top: 2px solid var(--cl-gray-med);
    border-left: 2px solid var(--cl-gray-med)
}

.photoCarousel .slick-disabled {
    visibility: hidden
}

.opinion,.opinion__list {
    position: relative
}

.opinion__list {
    padding: 15px 0 15px 120px;
    height: 167px
}

.opinion--pull-left {
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 1
}

.opinion--pull-left--small {
    top: 0
}

.opinion__asset {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50px
}

.opinion__asset img {
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.opinion__asset--small {
    width: 45px;
    height: 45px
}

.opinion__asset--medium {
    width: 150px;
    height: 150px;
    border-radius: 100px
}

.opinion__asset--center {
    margin: 0 auto 10px
}

.opinion__author {
    font-size: 14px;
    font-weight: 700;
    color: #3ca5dd
}

.opinion__authorprofile {
    color: var(--cl-main)
}

.opinion__authortitle {
    font-size: 12px;
    color: var(--cl-gray-lite);
    margin-bottom: 5px;
    margin-top: 1px
}

.opinion__title {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
    color: var(--cl-title);
    height: 83px;
    overflow: hidden
}

.opinion__link {
    display: block
}

.opinion__link:hover {
    color: var(--cl-hover)
}

.opinion__top {
    padding: 0 0 20px
}

.opinion__top__wrap .article__title {
    font-size: 26px
}

.opinion__headline {
    position: relative;
    padding: 0 0 0 55px;
    min-height: 65px
}

.opinion__header {
    padding: 15px 0 20px 130px;
    position: relative;
    margin: 30px 0;
    min-height: 150px;
    border-bottom: 1px solid var(--br-gray-bold)
}

.opinion__header:after {
    content: "";
    position: absolute;
    left: 42.5%;
    bottom: 0;
    width: 15%;
    border-bottom: 5px solid #3ca5dd
}

.opinion__header .opinion__author {
    font-size: 21px
}

.opinion__header .opinion__authortitle {
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 10px
}

.opinion__header .opinion__profile {
    font-size: 16px;
    font-weight: 400
}

.opinion__all,.opinion__choice {
    text-align: center;
    padding: 0 0 30px
}

.opinion__all .opinion__author,.opinion__choice .opinion__author {
    font-size: 18px
}

.opinion__all .opinion__authortitle,.opinion__choice .opinion__authortitle {
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 10px
}

.opinion__all .opinion__thumb {
    margin: 0 0 60px
}

.opinion__all .opinion__asset--medium {
    width: 200px;
    height: 200px;
    border-radius: 200px
}

.opinion__thumb .opinion__author {
    font-size: 18px
}

.opinion__thumb .opinion__authortitle {
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 10px
}

.opinion__profile {
    position: relative
}

.opinion__profile__asset {
    position: relative;
    height: 700px;
    background-color: var(--bg-gray-med);
    overflow: hidden
}

.opinion__profile__asset img {
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.opinion__profile__wrap {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    color: #fff;
    height: 100%;
    background: rgba(0,0,0,.5);
    padding: 0 30px;
    overflow: hidden
}

.opinion__profile__author {
    font-size: 45px;
    font-weight: 300;
    color: var(--cl-white);
    padding: 20px 0
}

.opinion__profile__desc {
    padding: 20px 0;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    color: var(--cl-white)
}

.opinion__profile__profile {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    color: var(--cl-white);
    padding: 20px 0
}

.opinion__profile__stat {
    padding: 2px 0
}

.opinion__profile__stat .icon {
    font-size: 12px;
    vertical-align: middle;
    margin-right: 5px
}

.opinion__list__inline {
    display: block;
    height: 19px;
    overflow: hidden
}

.opinion__list__inline .opinion__author,.opinion__list__inline .opinion__authortitle {
    display: inline
}

.opinion--auhtor .opinion__list {
    height: 130px
}

.opinion__header.skeleton .opinion__asset {
    background: #f0f0f0;
    overflow: hidden
}

.opinion__header.skeleton .opinion__asset:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: progress 2s ease-in-out infinite;
    animation: progress 2s ease-in-out infinite;
    background: #f0f0f0;
    background: -moz-linear-gradient(95deg,#f0f0f0 0,#e0e0e0 50%,#f0f0f0 100%);
    background: -webkit-gradient(left top,right bottom,color-stop(0,#f0f0f0),color-stop(50%,#e0e0e0),color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(95deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);
    background: -o-linear-gradient(95deg,#f0f0f0 0,#e0e0e0 50%,#f0f0f0 100%);
    background: -ms-linear-gradient(95deg,#f0f0f0 0,#e0e0e0 50%,#f0f0f0 100%);
    background: linear-gradient(95deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1)
}

.opinion__header.skeleton .opinion__author {
    position: relative;
    overflow: hidden;
    width: 200px;
    height: 25px;
    margin: 0 0 5px;
    background: #f0f0f0
}

.opinion__header.skeleton .opinion__author:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: progress 2s ease-in-out infinite;
    animation: progress 2s ease-in-out infinite;
    background: #f0f0f0;
    background: -moz-linear-gradient(95deg,#f0f0f0 0,#e0e0e0 50%,#f0f0f0 100%);
    background: -webkit-gradient(left top,right bottom,color-stop(0,#f0f0f0),color-stop(50%,#e0e0e0),color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(95deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);
    background: -o-linear-gradient(95deg,#f0f0f0 0,#e0e0e0 50%,#f0f0f0 100%);
    background: -ms-linear-gradient(95deg,#f0f0f0 0,#e0e0e0 50%,#f0f0f0 100%);
    background: linear-gradient(95deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1)
}

.opinion__header.skeleton .opinion__authortitle {
    position: relative;
    overflow: hidden;
    width: 150px;
    height: 15px;
    margin: 0 0 13px;
    background: #f0f0f0
}

.opinion__header.skeleton .opinion__authortitle:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: progress 2s ease-in-out infinite;
    animation: progress 2s ease-in-out infinite;
    background: #f0f0f0;
    background: -moz-linear-gradient(95deg,#f0f0f0 0,#e0e0e0 50%,#f0f0f0 100%);
    background: -webkit-gradient(left top,right bottom,color-stop(0,#f0f0f0),color-stop(50%,#e0e0e0),color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(95deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);
    background: -o-linear-gradient(95deg,#f0f0f0 0,#e0e0e0 50%,#f0f0f0 100%);
    background: -ms-linear-gradient(95deg,#f0f0f0 0,#e0e0e0 50%,#f0f0f0 100%);
    background: linear-gradient(95deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1)
}

.opinion__header.skeleton .opinion__authorprofile {
    width: 500px;
    height: 12px;
    margin: 0 0 5px;
    position: relative;
    background: #f0f0f0
}

.opinion__header.skeleton .opinion__authorprofile:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 12px;
    background: #f0f0f0;
    top: 17px
}

.opinion__header.skeleton .opinion__authorprofile:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 12px
}

.konsultasi-header .opinion__header {
    border-bottom: 5px solid #2a5d68;
    min-height: 160px
}

.konsultasi-header .opinion__header:after {
    border-bottom: 5px solid transparent
}

.konsultasi-header .opinion__author {
    color: #7dbbb9
}

.konsultasi-header .opinion__asset {
    width: 112px;
    height: 112px;
    border-radius: 112px;
    -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,.16);
    box-shadow: 3px 3px 6px rgba(0,0,0,.16)
}

.konsultasi-header .opinion__asset img {
    width: 100%
}

.konsultasi-download {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 20px
}

.konsultasi-download .button--default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: inherit;
    font-weight: 700;
    text-transform: inherit;
    color: #7dbbb9;
    background: #ebf7ff;
    border-radius: 30px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16);
    box-shadow: 0 3px 6px rgba(0,0,0,.16)
}

.konsultasi-download .button--default:hover {
    color: #7dbbb9;
    background: #d2edff
}

.konsultasi-download .icon-download {
    position: relative;
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    background-position: 50%;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.529' height='14'%3E%3Cpath data-name='Icon material-file-download' d='M11.529 4.941H8.235V0H3.294v4.941H0l5.765 5.765zM0 12.353V14h11.529v-1.647z' fill='%237dbbb9'/%3E%3C/svg%3E")
}

.video__playlist,.video__wrap {
    position: relative
}

.video__playlist__player {
    width: 540px;
    float: left;
    position: relative
}

.video__playlist__player img {
    width: 100%
}

.video__playlist__list {
    width: 200px;
    float: left;
    position: relative;
    background: var(--bg-warticle)
}

.video__playlist__item {
    border-bottom: 1px solid var(--br-list-lv2)
}

.video__playlist__item:last-child {
    border-bottom: transparent
}

.video__playlist__title {
    color: var(--cl-main);
    height: 55px;
    max-height: 55px;
    overflow: hidden
}

.video__playlist__link {
    padding: 5px 15px;
    display: block;
    border-left: 5px solid transparent
}

.video__playlist__link--active,.video__playlist__link:hover {
    border-left: 5px solid #3ca5dd;
    background: var(--bg-share);
    color: #000
}

.video__button__play {
    display: block
}

.video__button__play__item {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 2
}

.video__button__play:hover .video__button__play__item {
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1)
}

.button,.button--default {
    position: relative
}

.button--default {
    display: inline-block;
    width: auto;
    padding: 8px 20px;
    vertical-align: text-bottom;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 500;
    color: #3ca5dd
}

.button--default:hover {
    color: #fff;
    background: #3ca5dd
}

.button--title {
    margin: 20px 0 0;
    padding: 0;
    letter-spacing: 0;
    font-size: 11px;
    font-weight: 700;
    color: #3ca5dd
}

.button--title:hover {
    color: var(--cl-hover);
    background: transparent
}

.button-main {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 34px;
    width: auto;
    padding: 0 15px;
    border: transparent;
    margin: 5px 0;
    border-radius: 8px;
    background: #357dfd;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.button-main:hover {
    color: #fff;
    background: #035dfd
}

.button-newsletter {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    width: auto;
    padding: 0 24px;
    border: transparent;
    margin: 5px 0;
    border-radius: 8px;
    background: #007aff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.button-newsletter:hover {
    color: #fff;
    background: #0062cc
}

.btn-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    width: auto;
    padding: 0 15px;
    border: transparent;
    margin: 5px 0;
    border-radius: 8px;
    cursor: pointer;
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: var(--yale-blue-500);
    border: 1px solid var(--yale-blue-500)
}

.btn-main:hover {
    background-color: var(--yale-blue-700);
    color: var(--cl-white)
}

.btn-secondary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    width: auto;
    padding: 0 15px;
    border: transparent;
    margin: 5px 0;
    border-radius: 8px;
    cursor: pointer;
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    color: var(--yale-blue-500);
    border: 1px solid #378fcf;
    background-color: var(--bg-white)
}

.btn-secondary:hover {
    background: var(--yale-blue-500);
    color: #e2e2e2
}

.btn-secondary.-b-main {
    border: 1px solid var(--yale-blue-500)
}

.btn-secondary.-b-0 {
    border: 1px solid transparent;
    background-color: transparent
}

.btn-secondary.-b-0:hover {
    background-color: transparent;
    border: 1px solid var(--yale-blue-500);
    color: var(--yale-blue-500)
}

.btn-secondary.-b-0.-w-icon {
    gap: 10px
}

.btn-secondary.-b-0.-w-icon .icoBase {
    -webkit-filter: invert(34%) sepia(30%) saturate(3760%) hue-rotate(184deg) brightness(95%) contrast(88%);
    filter: invert(34%) sepia(30%) saturate(3760%) hue-rotate(184deg) brightness(95%) contrast(88%)
}

.btn-secondary.--notif {
    min-width: 298px
}

.btn.--edit-profile {
    height: 40px;
    padding: 0 8px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: var(--neutral-700);
    gap: 8px;
    max-width: 200px
}

.btn.--edit-profile span {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    overflow-wrap: break-word;
    min-width: 0;
    max-width: 400px;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.btn.--edit-profile: hover {
    border:1px solid var(--yale-blue-500);
    color: var(--yale-blue-500)
}

.btn.--edit-profile: before {
    background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0.25C8.07164 0.25 6.18657 0.821828 4.58319 1.89317C2.97982 2.96451 1.73013 4.48726 0.992179 6.26884C0.254225 8.05042 0.061142 10.0108 0.437348 11.9021C0.813554 13.7934 1.74215 15.5307 3.10571 16.8943C4.46928 18.2579 6.20656 19.1865 8.09787 19.5627C9.98919 19.9389 11.9496 19.7458 13.7312 19.0078C15.5127 18.2699 17.0355 17.0202 18.1068 15.4168C19.1782 13.8134 19.75 11.9284 19.75 10C19.7473 7.41498 18.7192 4.93661 16.8913 3.10872C15.0634 1.28084 12.585 0.25273 10 0.25ZM4.945 16.5156C5.48757 15.6671 6.23501 14.9688 7.11843 14.4851C8.00185 14.0013 8.99283 13.7478 10 13.7478C11.0072 13.7478 11.9982 14.0013 12.8816 14.4851C13.765 14.9688 14.5124 15.6671 15.055 16.5156C13.6097 17.6397 11.831 18.2499 10 18.2499C8.16905 18.2499 6.39032 17.6397 4.945 16.5156ZM7 9.25C7 8.65666 7.17595 8.07664 7.5056 7.58329C7.83524 7.08994 8.30378 6.70542 8.85195 6.47836C9.40013 6.2513 10.0033 6.19189 10.5853 6.30764C11.1672 6.4234 11.7018 6.70912 12.1213 7.12868C12.5409 7.54824 12.8266 8.08279 12.9424 8.66473C13.0581 9.24667 12.9987 9.84987 12.7716 10.3981C12.5446 10.9462 12.1601 11.4148 11.6667 11.7444C11.1734 12.0741 10.5933 12.25 10 12.25C9.20436 12.25 8.44129 11.9339 7.87868 11.3713C7.31607 10.8087 7 10.0456 7 9.25ZM16.165 15.4759C15.3285 14.2638 14.1524 13.3261 12.7844 12.7806C13.5192 12.2019 14.0554 11.4085 14.3184 10.5108C14.5815 9.6132 14.5582 8.6559 14.252 7.77207C13.9457 6.88825 13.3716 6.12183 12.6096 5.5794C11.8475 5.03696 10.9354 4.74548 10 4.74548C9.06462 4.74548 8.15248 5.03696 7.39044 5.5794C6.62839 6.12183 6.05432 6.88825 5.74805 7.77207C5.44179 8.6559 5.41855 9.6132 5.68157 10.5108C5.94459 11.4085 6.4808 12.2019 7.21563 12.7806C5.84765 13.3261 4.67147 14.2638 3.835 15.4759C2.77804 14.2873 2.0872 12.8185 1.84567 11.2464C1.60415 9.67427 1.82224 8.06584 2.47368 6.61478C3.12512 5.16372 4.18213 3.93192 5.51745 3.06769C6.85276 2.20346 8.40943 1.74367 10 1.74367C11.5906 1.74367 13.1473 2.20346 14.4826 3.06769C15.8179 3.93192 16.8749 5.16372 17.5263 6.61478C18.1778 8.06584 18.3959 9.67427 18.1543 11.2464C17.9128 12.8185 17.222 14.2873 16.165 15.4759Z' fill='%23000'/%3E%3C/svg%3E%0A");
    background-size: contain
}

.btn.--edit-profile: after,.btn.--edit-profile:before {
    background-repeat:no-repeat;
    background-position: 50%;
    position: relative;
    content: "";
    width: 20px;
    aspect-ratio: 1;
    -webkit-filter: var(--filter-neutral-700);
    filter: var(--filter-neutral-700)
}

.btn.--edit-profile: after {
    background-image:url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2069 3.58561L9.41438 0.792486C9.32152 0.699603 9.21127 0.625923 9.08993 0.575654C8.96859 0.525385 8.83853 0.499512 8.70719 0.499512C8.57585 0.499512 8.4458 0.525385 8.32446 0.575654C8.20312 0.625923 8.09287 0.699603 8 0.792486L0.29313 8.49999C0.199867 8.59251 0.125926 8.70265 0.0756045 8.824C0.025283 8.94535 -0.000414649 9.07549 5.05934e-06 9.20686V12C5.05934e-06 12.2652 0.105362 12.5196 0.292898 12.7071C0.480435 12.8946 0.734789 13 1.00001 13H3.79313C3.9245 13.0004 4.05464 12.9747 4.17599 12.9244C4.29735 12.8741 4.40748 12.8001 4.50001 12.7069L12.2069 4.99999C12.2998 4.90712 12.3734 4.79687 12.4237 4.67553C12.474 4.55419 12.4999 4.42414 12.4999 4.2928C12.4999 4.16146 12.474 4.0314 12.4237 3.91006C12.3734 3.78872 12.2998 3.67847 12.2069 3.58561ZM3.79313 12H1.00001V9.20686L6.50001 3.70686L9.29313 6.49999L3.79313 12ZM10 5.79249L7.20688 2.99999L8.70688 1.49999L11.5 4.29249L10 5.79249Z' fill='%23000'/%3E%3C/svg%3E%0A");
    background-size: 15px
}

.breaking {
    position: relative;
    padding-top: 5px;
    border-top: 1px solid #000
}

.breaking:after {
    content: "";
    position: absolute;
    left: 45%;
    top: -5px;
    width: 15%;
    border-top: 5px solid #000
}

.breaking__wrap {
    position: relative;
    background: #ef9021;
    padding: 15px 10px 30px 230px;
    overflow: hidden;
    width: 100%
}

.breaking__type {
    display: inline-block;
    padding: 10px 10px 10px 30px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 15px;
    text-transform: uppercase;
    z-index: 1;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: #000
}

.breaking__type:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 12px;
    width: 15px;
    height: 15px;
    background: #ef9021;
    border-radius: 10px;
    -webkit-animation: blink .7s infinite;
    -moz-animation: blink .7s infinite;
    -ms-animation: blink .7s infinite;
    -o-animation: blink .7s infinite;
    animation: blink .7s infinite
}

.breaking__title {
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    display: block
}

.breaking__link {
    display: block
}

.breaking__link:hover {
    color: #fff
}

.tag__populer__wrap {
    position: relative;
    padding: 10px 0;
    margin: 0 0 20px;
    background: var(--bg-gray-med);
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
    box-shadow: 0 3px 5px rgba(0,0,0,.2)
}

.tag__populer__item {
    display: block;
    float: left;
    padding: 0 20px;
    margin: 5px 0;
    width: 33.333333%
}

.tag__populer__link {
    display: block;
    overflow: hidden;
    height: 20px;
    font-size: 15px;
    font-weight: 700;
    color: var(--cl-main)
}

.jeo__logo__headline {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 1;
    background: #fff;
    padding: 5px 10px
}

.jeo__logo__article {
    position: absolute;
    z-index: 3;
    top: 15px;
    left: 0;
    background: #fff;
    width: 55px;
    height: 30px;
    padding: 1px 2px
}

.tooltips {
    position: absolute;
    width: 200px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    cursor: default
}

.tooltips:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #2d2d2d
}

.tooltips--right {
    bottom: 5%;
    left: 100%;
    padding-left: 10px
}

.tooltips--right:before {
    top: 40%;
    left: 5px
}

.tooltips--left {
    bottom: 5%;
    right: 100%;
    padding-right: 10px
}

.tooltips--left:before {
    top: 40%;
    right: 5px
}

.tooltips--bottom {
    bottom: -100%;
    left: -100%;
    padding-top: 10px
}

.tooltips--bottom:before {
    top: 5px;
    left: 45%
}

.tooltips--top {
    bottom: 100%;
    left: -100%;
    padding-bottom: 10px
}

.tooltips--top:before {
    bottom: 5px;
    left: 45%
}

.tooltips span {
    border-radius: 5px;
    background: #2d2d2d;
    display: block;
    padding: 10px;
    font-size: 11px;
    font-weight: 300;
    color: #fff
}

.tooltips--show {
    opacity: 1;
    visibility: visible
}

.jixie__logo {
    font-size: 12px;
    padding: 15px 5px 5px;
    text-align: right;
    color: #b7b7b7;
    position: relative
}

.jixie__logo .tooltips {
    width: 335px;
    z-index: 4
}

.jixie__logo .tooltips--bottom {
    left: -200px;
    bottom: -65px
}

.jixie__logo .tooltips--bottom:before {
    left: 88%
}

.jixie__logo--right {
    float: right
}

.jixie__logo span {
    position: relative;
    vertical-align: bottom
}

.jixie__logo img {
    width: 60px
}

.jixie__logo__img {
    cursor: pointer;
    display: inline-block
}

.recommendation--small .col-offset-fluid {
    margin-left: -10px;
    margin-right: -10px
}

.recommendation--small .col-bs12-3 {
    padding-left: 10px;
    padding-right: 10px
}

.recommendation--small .article__box {
    margin: -20px 6px 0
}

.recommendation--small .article__title {
    max-height: 97px;
    height: 97px;
    overflow: hidden;
    font-size: 16px
}

.recommendation--small .article__boxsubtitle {
    top: 10px;
    padding: 5px
}

.recommendation--small .article__subtitle {
    font-size: 11px
}

.recommendation--small .article__wrap__grid--flex .article__grid {
    margin-bottom: 0
}

.recommendation--small .article__box {
    padding: 5px 10px 10px
}

.oldArticle .article__list__asset {
    width: 105px;
    padding-right: 10px
}

.oldArticle .article__list__asset .article__asset {
    height: 95px
}

.oldArticle .article__list__title {
    height: 62px;
    margin-bottom: 5px;
    -webkit-line-clamp: 3
}

.oldArticle .article__title--medium {
    font-size: 16px;
    font-weight: 400
}

.oldArticle .article__date {
    font-size: 11px
}

.kolombiz {
    position: relative;
    border-bottom: 1px solid;
    margin-bottom: 25px
}

.kolombiz:after {
    content: "";
    position: absolute;
    width: 150px;
    height: 4px;
    background-color: #3ca5dd;
    left: 0;
    right: 0;
    bottom: -.5px;
    margin-left: auto;
    margin-right: auto
}

.kolombiz__header {
    margin: 20px 0;
    padding: 20px;
    background: #f0f0f0;
    position: relative;
    border-left: 5px solid #3ca5dd
}

.kolombiz__title {
    text-transform: uppercase;
    color: #3ca5dd;
    font-weight: 700
}

.kolombiz__lead {
    margin: 0;
    height: 20px;
    overflow: hidden
}

.kolombiz__content {
    margin: 20px 0;
    padding: 15px 20px 30px 120px;
    position: relative
}

.kolombiz__avatar {
    top: 10px;
    left: 0;
    position: absolute;
    width: 95px;
    height: 95px;
    overflow: hidden;
    border-radius: 50%
}

.kolombiz__avatar img {
    width: 100%
}

.kolombiz__user {
    text-transform: capitalize;
    color: #3ca5dd;
    font-weight: 700;
    font-size: 18px
}

.kolombiz__subuser {
    font-weight: 300;
    color: #777;
    padding: 2px 0 8px
}

.topicSidebar__wrap {
    background: var(--bg-warticle);
    border: 1px solid var(--br-list);
    padding: 10px 15px
}

.topicSidebar__link {
    display: block
}

.topicSidebar__list {
    margin-bottom: 0;
    position: relative
}

.topicSidebar__list:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 20px);
    height: 1px;
    background: var(--br-list-lv2)
}

.topicSidebar__list:last-child:before {
    background: transparent
}

.topicSidebar__list:hover a {
    color: #3ca5dd
}

.topicSidebar__other {
    background: #fff
}

.topicSidebar__other a {
    color: #3ca5dd
}

.topicSidebar__title {
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    height: auto;
    margin: 15px 0;
    color: var(--cl-main)
}

.listicle-menu {
    margin: 15px 0 10px;
    position: relative
}

.listicle-menu-subtitle {
    padding: 0 15px;
    font-weight: 500;
    color: #212121
}

.listicle-menu-wrap {
    position: relative;
    padding: 0;
    margin: 0 -3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.listicle-menu-link {
    display: block;
    padding: 8px;
    color: inherit
}

.listicle-menu-link:hover {
    color: inherit
}

.listicle-menu-item {
    position: relative;
    border-radius: 5px;
    border: 1px solid var(--br-blue);
    font-weight: 500;
    line-height: 1;
    color: var(--cl-blue);
    margin: 0 3px 6px;
    background: var(--bg-white-lv2);
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -ms-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease
}

.listicle-menu-item.active,.listicle-menu-item:hover {
    background: #3ca5dd;
    color: #fff
}

.listicle-nav {
    background: var(--bg-gray-bold);
    border: 1px solid var(--br-list);
    border-radius: 5px;
    padding: 15px 20px 10px;
    margin: 20px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.listicle-nav,.listicle-nav-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.listicle-nav-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.listicle-nav-item.-next {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right
}

.listicle-nav-item.-next .listicle-nav-title {
    padding: 5px 13px 5px 10px
}

.listicle-nav-item.-next .listicle-nav-title:before {
    right: 1px;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.listicle-nav-item.-prev {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.listicle-nav-item.-prev .listicle-nav-title {
    padding: 5px 10px 5px 13px
}

.listicle-nav-item.-prev .listicle-nav-title:before {
    left: 1px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.listicle-nav-subtitle {
    position: relative;
    width: 100%;
    font-weight: 500;
    color: var(--cl-main)
}

.listicle-nav-title {
    position: relative;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #3ca5dd
}

.listicle-nav-title,.listicle-nav-title:before {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.listicle-nav-title:before {
    content: "";
    position: absolute;
    width: .5rem;
    height: .5rem;
    border-top: 2px solid #3ca5dd;
    border-left: 2px solid #3ca5dd;
    bottom: calc(50% - .25rem)
}

.listicle-nav-title:hover {
    color: var(--cl-hover)
}

.listicle-nav-title:hover:before {
    border-top: 2px solid var(--cl-hover);
    border-left: 2px solid var(--cl-hover)
}

.listicle-nav-link {
    display: block
}

.wBookreference {
    position: relative;
    margin-bottom: 30px
}

.wBookreference-box {
    padding-bottom: 15px;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px dashed var(--br-gray-lite)
}

.wBookreference-text {
    font-size: 14px;
    font-weight: 400;
    color: var(--cl-main)
}

.wBookreference-title {
    font-size: 20px;
    margin: 4px 0;
    font-weight: 700;
    color: var(--cl-main);
    max-width: 75%
}

.wBookreference-author {
    font-size: 14px;
    font-weight: 400;
    color: var(--cl-gray-med)
}

.wBookreference-button {
    position: absolute;
    bottom: 20px;
    right: 0;
    background-color: #007aff;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    color: #fff;
    border-radius: 8px
}

.wBookreference-button:hover {
    background-color: #065882;
    color: #fff
}

.wBookRecommend {
    border-top: 1px dashed var(--br-gray-lite);
    border-bottom: 1px dashed var(--br-gray-lite)
}

.wBookRecommend-wrap {
    position: relative;
    margin: 20px 0;
    min-height: 261px
}

.wBookRecommend-wrap .title {
    margin-top: 15px;
    border-bottom: transparent
}

.wBookRecommend-wrap .title__content {
    letter-spacing: 4px;
    font-family: Roboto,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #07689a
}

.wBookRecommend-wrap .title__content:after {
    border-bottom: transparent
}

.wBookRecommend-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wBookRecommend-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    margin: 12px 0;
    padding-right: 30px
}

.wBookRecommend-img {
    margin: 10px 0;
    width: 80px;
    height: 121px;
    background: var(--bg-gray-med)
}

.wBookRecommend-img img {
    width: 80px;
    height: 121px;
    -o-object-fit: cover;
    object-fit: cover
}

.wBookRecommend-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--cl-main);
    max-height: 35px;
    margin: 10px 0 5px;
    overflow: hidden
}

.wBookRecommend-author {
    font-size: 12px;
    color: var(--cl-gray-med)
}

.wLink {
    position: relative;
    margin: 20px 0
}

.wLink__block {
    position: relative;
    width: 100%;
    height: 50px;
    background: var(--bg-black);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wLink__img {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    overflow: hidden;
    height: 50px;
    width: 80px;
    background: #2c2c2c
}

.wLink__img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.wLink__title {
    margin: 6px 10px;
    font: 400 15px Roboto,sans-serif;
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.wLink__arrow,.wLink__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wLink__arrow {
    width: 20px;
    margin-right: 30px;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.wLink__arrowPoint {
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.wLink__arrowPoint:after {
    content: "";
    display: block;
    width: 2px;
    height: 14px;
    background-color: #fff;
    -webkit-transform: rotate(-45deg) translate(15px,4px);
    transform: rotate(-45deg) translate(15px,4px);
    right: 16px;
    top: 5px;
    position: absolute
}

.wLink__arrow:hover {
    -webkit-animation: slide-right 1s cubic-bezier(.25,.46,.45,.94) infinite alternate both;
    animation: slide-right 1s cubic-bezier(.25,.46,.45,.94) infinite alternate both
}

@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes slide-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.aTerkait {
    height: 98px;
    position: relative;
    margin: 20px 0
}

.aTerkait:before {
    content: attr(text);
    color: var(--cl-main);
    font-weight: 700;
    margin: 6px 0;
    display: block;
    font-size: 16px
}

.aTerkait__list {
    height: 72px;
    position: relative;
    overflow: hidden
}

.aTerkait__list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    scroll-behavior: smooth;
    list-style: none;
    padding: 0
}

.aTerkait__list li {
    min-height: 63px
}

.aTerkait__list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.aTerkait__list li a:hover .aTerkait__list__title {
    color: #3ca5dd
}

.aTerkait__list__img {
    width: 67px;
    height: 67px;
    margin: 0 10px 0 0;
    background: var(--bg-gray-med)
}

.aTerkait__list__img img {
    aspect-ratio: 1/1;
    -ms-flex-item-align: start;
    align-self: flex-start;
    height: 67px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.aTerkait__list__title {
    width: 200px;
    padding-left: 0;
    padding-right: 20px;
    border-right: 0;
    color: var(--cl-main);
    height: auto;
    max-height: 55px;
    overflow: hidden;
    line-height: 130%
}

.aTerkait .slick-arrow,.aTerkait__list__title {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.aTerkait .slick-arrow {
    z-index: 10;
    position: absolute;
    z-index: 2;
    top: 15px;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 1px 0 5px rgba(0,0,0,.3);
    box-shadow: 1px 0 5px rgba(0,0,0,.3);
    background-image: url("data:image/svg+xml, %3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 8px
}

.aTerkait .slick-arrow.-left {
    left: 1px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.aTerkait .slick-arrow.-right {
    right: 1px;
    -webkit-box-shadow: -1px 0 5px rgba(0,0,0,.3);
    box-shadow: -1px 0 5px rgba(0,0,0,.3)
}

.aTerkait .slick-disabled {
    opacity: 0;
    pointer-events: none
}

.wKolom {
    position: relative;
    color: #fff;
    text-align: center;
    padding: 20px 30px 40px;
    width: 100%;
    min-height: 150px;
    margin-bottom: 70px;
    background-color: #71c3d5;
    border-radius: 30px 30px 0 30px
}

.wKolom__bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: -50px;
    right: -1px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    z-index: -1
}

.wKolom__title {
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 12px;
    color: var(--cl-white)
}

.wKolom__lead {
    font-size: 16px;
    color: var(--cl-white)
}

.wKolom__action {
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wKolom__action,.wKolom__btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wKolom__btn {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #6954de;
    padding: 0 0 0 35px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    width: 170px;
    height: 47px;
    margin: 0 10px
}

.wKolom__btn:hover {
    color: #fff;
    background-color: #7860fe
}

.wKolom__iconsend,.wKolom__iconwrite {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-position: 50%;
    background-color: #5643bc;
    background-repeat: no-repeat;
    background-size: 20px auto;
    height: 47px;
    width: 47px;
    display: block;
    padding: 0;
    text-align: center;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.wKolom__iconwrite {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMzMyIiBkYXRhLW5hbWU9Ikdyb3VwIDMzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI4LjY4MiIgaGVpZ2h0PSIyOC43MDMiIHZpZXdCb3g9IjAgMCAyOC42ODIgMjguNzAzIj4NCiAgPGRlZnM+DQogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPg0KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xODEiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE4MSIgd2lkdGg9IjI4LjY4MiIgaGVpZ2h0PSIyOC43MDMiIGZpbGw9IiNmZmZkZmQiLz4NCiAgICA8L2NsaXBQYXRoPg0KICA8L2RlZnM+DQogIDxnIGlkPSJHcm91cF8zMzEiIGRhdGEtbmFtZT0iR3JvdXAgMzMxIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+DQogICAgPHBhdGggaWQ9IlBhdGhfNzciIGRhdGEtbmFtZT0iUGF0aCA3NyIgZD0iTTQuMywwQTQuMzE3LDQuMzE3LDAsMCwwLDAsNC4zVjI0LjRhNC4zMTcsNC4zMTcsMCwwLDAsNC4zLDQuM0gyNC4zODVhNC4zMTcsNC4zMTcsMCwwLDAsNC4zLTQuM1YxMi45MTZhMS40MzUsMS40MzUsMCwwLDAtMi44NjksMFYyNC40YTEuNCwxLjQsMCwwLDEtMS40MjksMS40M0g0LjNBMS40LDEuNCwwLDAsMSwyLjg2OSwyNC40VjQuM0ExLjQsMS40LDAsMCwxLDQuMywyLjg3MUgxNy4yQTEuNDM2LDEuNDM2LDAsMSwwLDE3LjIsMFpNMjMuMTY2LjI0MkExLjQzNCwxLjQzNCwwLDAsMCwyMi4xNi42NzZMNy4wMTgsMTYuMzI4YTEuNDM4LDEuNDM4LDAsMCwwLS4zOTIuNzkzbC0uNjMzLDQuNDUyYTEuNDM2LDEuNDM2LDAsMCwwLDEuNTM1LDEuNjMybDQuNy0uMzkzYTEuNDM0LDEuNDM0LDAsMCwwLC45MTEtLjQzNUwyOC4yODIsNi43MzdhMS40MzYsMS40MzYsMCwwLDAtLjAyMi0yLjAxM0wyNC4yMDYuNjY4YTEuNDM0LDEuNDM0LDAsMCwwLTEuMDQtLjQyNm0uMDQyLDMuNDg4LDIuMDIzLDIuMDI0TDExLjQ1NiwyMGwtMi4zNzMuMi4zMTktMi4yWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iI2ZmZmRmZCIvPg0KICA8L2c+DQo8L3N2Zz4NCg==")
}

.wKolom__iconsend {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMzMwIiBkYXRhLW5hbWU9Ikdyb3VwIDMzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI4LjIxMSIgaGVpZ2h0PSIzMC4yOTMiIHZpZXdCb3g9IjAgMCAyOC4yMTEgMzAuMjkzIj4NCiAgPGRlZnM+DQogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPg0KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xODAiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE4MCIgd2lkdGg9IjI4LjIxMSIgaGVpZ2h0PSIzMC4yOTMiIGZpbGw9IiNmZmZkZmQiLz4NCiAgICA8L2NsaXBQYXRoPg0KICA8L2RlZnM+DQogIDxnIGlkPSJHcm91cF8zMjkiIGRhdGEtbmFtZT0iR3JvdXAgMzI5IiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+DQogICAgPHBhdGggaWQ9IlBhdGhfNzYiIGRhdGEtbmFtZT0iUGF0aCA3NiIgZD0iTTUuMy4wMDZBNS4wNjUsNS4wNjUsMCwwLDAsLjEsNS45MjRsMS43NzIsOC44OTNhMS43MTUsMS43MTUsMCwwLDEsMCwuNjZMLjEsMjQuMzdhNS4wMzEsNS4wMzEsMCwwLDAsNy4yODUsNS4zMmwxOC4zMzItMTAuMmE1LjAyNCw1LjAyNCwwLDAsMCwwLTguNjg2TDcuMzgxLjZBNC43MjQsNC43MjQsMCwwLDAsNS4zLjAwNk00Ljc4MSwzLjI1NWExLjg1MywxLjg1MywwLDAsMSwuOTg2LjI0OUwyNC4xLDEzLjdhMS42LDEuNiwwLDAsMSwwLDIuODg2TDUuNzY3LDI2Ljc5YTEuNiwxLjYsMCwwLDEtMi40MjItMS43NzNMNC45ODQsMTYuOGg1LjI2OGExLjY1NywxLjY1NywwLDEsMCwwLTMuM0g0Ljk4NEwzLjM0NSw1LjI3N0ExLjU5MywxLjU5MywwLDAsMSw0Ljc4MSwzLjI1NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iI2ZmZmRmZCIvPg0KICA8L2c+DQo8L3N2Zz4NCg==")
}

.wKolom.read {
    position: relative;
    margin-bottom: 55px;
    width: 100%
}

.wKolom.read .wKolom__title {
    margin: 12px 0
}

.wKolom.read .wKolom__bg {
    right: -2px
}

.videoKGSlider {
    width: 100%
}

.videoKGSlider-wrap {
    width: 760px;
    height: 240px;
    overflow: hidden;
    position: relative;
    padding: 0 0 20px;
    margin: 0 -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.videoKGSlider .icon-photo-slider {
    background-color: var(--cl-white);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.16);
    box-shadow: 0 1px 5px rgba(0,0,0,.16);
    font-size: 18px;
    border-radius: 50%;
    padding: 3px 6px 0;
    text-align: center;
    position: absolute;
    top: calc(50% - 23px);
    z-index: 2;
    width: 24px;
    height: 24px;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.videoKGSlider .icon-photo-slider svg {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.videoKGSlider .icon-photo-slider.slick-disabled {
    opacity: 0
}

.videoKGSlider .icon-photo-left {
    left: 8px
}

.videoKGSlider .icon-photo-right {
    right: 8px
}

.videoKG-item {
    width: 25%;
    display: block;
    padding: 20px 10px
}

.videoKG-item>a {
    display: block
}

.videoKG-image {
    width: 100%;
    margin-bottom: 5px;
    background: var(--bg-gray-med);
    overflow: hidden;
    position: relative;
    height: 96px
}

.videoKG-image img {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.videoKG-title {
    height: 56px;
    max-height: 56px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--neutral-800);
    border-bottom: none;
    margin-top: 8px;
    margin-bottom: 8px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3
}

.videoKG-subtitle,.videoKG-title {
    overflow: hidden;
    font-family: Inter,sans-serif;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.videoKG-subtitle {
    height: auto;
    -webkit-line-clamp: 1;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: var(--neutral-700)
}

.videoKG-duration {
    position: absolute;
    z-index: 1;
    bottom: 5px;
    right: 5px;
    background: rgba(0,0,0,.75);
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: var(--cl-white);
    padding: 5px 5px 5px 20px;
    border-radius: 4px
}

.videoKG-duration:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-filter: invert(100%) sepia(0) saturate(31%) hue-rotate(59deg) brightness(106%) contrast(107%);
    filter: invert(100%) sepia(0) saturate(31%) hue-rotate(59deg) brightness(106%) contrast(107%)
}

.videoKG-info {
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: var(--neutral-700);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px
}

.videoKG-info .color--kgnow {
    position: relative
}

.videoKG-date,.videoKG-info .color--kgnow~.videoKG-date {
    font-size: 12px
}

.videoKG-date {
    font-family: Inter,sans-serif;
    font-weight: 400;
    line-height: 1.3;
    color: var(--neutral-600)
}

.konsultasi-gate {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    border-radius: 20px;
    background: #c29485;
    border: 4px solid #fff5f3;
    padding: 5px 20px;
    -webkit-box-shadow: var(--cl-shadow-inset);
    box-shadow: var(--cl-shadow-inset);
    height: 84px
}

.konsultasi-gate,.konsultasi-gate-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.konsultasi-gate-right {
    gap: 44px
}

.konsultasi-gate-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0
}

.konsultasi-gate-desc,.konsultasi-gate-title {
    font-family: Roboto,sans-serif;
    color: var(--cl-white)
}

.konsultasi-gate-desc {
    font-size: 16px;
    font-weight: 400;
    margin-top: 0
}

.konsultasi-gate-link {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: var(--cl-white);
    background: #1683cb;
    border-radius: 10px;
    border: 1px solid #fff;
    padding: 10px 18px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.konsultasi-gate-link:hover {
    background: #0c486f
}

.konsultasi-gate-img {
    width: 201px;
    height: 76px;
    border-radius: 17px 0 0 17px
}

.konsultasi-gate-img img {
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.konsultasi-gate.--read {
    padding-right: 15px;
    gap: 10px;
    margin-top: 5px;
    margin-bottom: 25px
}

.konsultasi-gate.--read .konsultasi-gate-right {
    gap: 10px
}

.konsultasi-gate.--read .konsultasi-gate-desc {
    line-height: normal;
    margin: 0
}

.konsultasi-gateWrap {
    background-color: var(--cl-gray);
    border: 3px solid var(--bg-white);
    height: 141px;
    gap: 30px;
    margin: 30px 0
}

.konsultasi-gateWrap.--tanyaPakar {
    background-color: #00a783
}

.konsultasi-gateWrap.--konsultasiHukum {
    background-color: #2a5d68
}

.konsultasi-gateWrap.--konsultasiSains {
    background-color: #005fb4
}

.konsultasi-gateWrap.--konsultasiSains .konsultasi-gate-link {
    background: #ffd954;
    color: #191919
}

.konsultasi-gateWrap.--konsultasiSains .konsultasi-gate-link: hover {
    background:#ffb42b
}

.konsultasi-gateWrap.--konsultasiHomey {
    background-color: #d8b370
}

.konsultasi-gateWrap.--konsultasiHomey .konsultasi-gate-desc,.konsultasi-gateWrap.--konsultasiHomey .konsultasi-gate-title {
    color: #4a2d0b
}

.konsultasi-gateWrap.--tanyapajak {
    background-color: #217417
}

.konsultasi-gateWrap.--tanyapajak .konsultasi-gate-img {
    width: 125px;
    height: 117px
}

.konsultasi-gateWrap.--tanyapajak .konsultasi-gate-link {
    background: #ffd954;
    color: #191919
}

.konsultasi-gateWrap.--tanyapajak .konsultasi-gate-link: hover {
    background:#ffb42b
}

.konsultasi-gateWrap.--cekFakta {
    background-color: #191919
}

.konsultasi-gateWrap.--cekFakta .konsultasi-gate-img {
    width: 160px
}

.konsultasi-gateWrap.--cekFakta .konsultasi-gate-link {
    background: #ed1c24
}

.konsultasi-gateWrap.--cekFakta .konsultasi-gate-link: hover {
    background:#c00
}

.konsultasi-gateWrap .konsultasi-gate-img {
    width: 125px;
    height: 125px
}

.konsultasi-gateWrap .konsultasi-gate-right {
    gap: 30px
}

.konsultasi-gateWrap .konsultasi-gate-title {
    margin: 10px 0 5px
}

.konsultasi-gateWrap .konsultasi-gate-link {
    padding: 11px 18px;
    font-size: 14px
}

.konsultasi-gateWrap.--read {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    gap: 20px
}

.konsultasi-gateWrap.--read .konsultasi-gate-btn {
    margin-left: auto
}

.konsultasi-gateWrap.--read .konsultasi-gate-link {
    min-width: 170px;
    text-align: center
}

.konsultasi-gateWrap.--read .konsultasi-gate-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.konsultasi-gateWrap.--read .konsultasi-gate-link {
    margin-bottom: 10px
}

.button-download {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    width: auto;
    padding: 0 24px;
    border: transparent;
    margin: -17px -15px 20px 0;
    border-radius: 20px;
    background: #ebf7ff;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16);
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    color: #7dbbb9;
    text-transform: uppercase
}

.button-download .icon-download {
    display: inline-block;
    position: relative;
    width: 11.529px;
    height: 14px;
    margin-right: 4px;
    vertical-align: top;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.529' height='14' viewBox='0 0 11.529 14'%3E%3Cpath id='Icon_material-file-download' data-name='Icon material-file-download' d='M19.029 9.441H15.735V4.5H10.794V9.441H7.5l5.765 5.765ZM7.5 16.853V18.5H19.029V16.853Z' transform='translate(-7.5 -4.5)' fill='%237dbbb9'/%3E%3C/svg%3E")
}

.button-download:hover {
    background: #d2edff
}

.topicSubtitle {
    background: var(--bg-main);
    padding: 16px 0 5px
}

.topicSubtitle ul {
    display: block
}

.topicSubtitle ul li {
    color: var(--cl-hover);
    display: inline
}

.topicSubtitle ul li:after {
    content: "\25CF";
    vertical-align: middle;
    display: inline;
    padding: 0 6px 0 10px;
    font-size: 11px;
    line-height: 18px
}

.topicSubtitle ul li:last-child:after {
    content: none
}

.topicSubtitle a {
    display: inline;
    font-size: 16px;
    font-weight: 500;
    color: var(--cl-blue);
    vertical-align: top
}

.topicSubtitle a:hover {
    color: var(--cl-main)
}

.warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: var(--bg-warning);
    border: 1px solid var(--br-warning);
    margin-top: 4px;
    margin-bottom: 20px;
    border-radius: 8px;
    padding: 16px;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.warningIcon {
    background-color: var(--bg-white-lv2);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuOTk5OTQgMC44MTQzMzFDOC4wNzE1OCAwLjgxNDMzMSA2LjE4NjUxIDEuMzg2MTYgNC41ODMxMyAyLjQ1NzVDMi45Nzk3NSAzLjUyODg1IDEuNzMwMDcgNS4wNTE1OSAwLjk5MjExOCA2LjgzMzE3QzAuMjU0MTYzIDguNjE0NzUgMC4wNjEwODEgMTAuNTc1MSAwLjQzNzI4NyAxMi40NjY1QzAuODEzNDkzIDE0LjM1NzggMS43NDIwOSAxNi4wOTUxIDMuMTA1NjUgMTcuNDU4NkM0LjQ2OTIxIDE4LjgyMjIgNi4yMDY1IDE5Ljc1MDggOC4wOTc4MSAyMC4xMjdDOS45ODkxMyAyMC41MDMyIDExLjk0OTUgMjAuMzEwMSAxMy43MzExIDE5LjU3MjJDMTUuNTEyNyAxOC44MzQyIDE3LjAzNTQgMTcuNTg0NSAxOC4xMDY4IDE1Ljk4MTFDMTkuMTc4MSAxNC4zNzc4IDE5Ljc0OTkgMTIuNDkyNyAxOS43NDk5IDEwLjU2NDNDMTkuNzQ3IDcuOTc5MzcgMTguNzE4OCA1LjUwMTEyIDE2Ljg5MSAzLjY3MzI3QzE1LjA2MzIgMS44NDU0MyAxMi41ODQ5IDAuODE3MjU5IDkuOTk5OTQgMC44MTQzMzFaTTkuOTk5OTQgMTguODE0M0M4LjM2ODI1IDE4LjgxNDMgNi43NzMxOSAxOC4zMzA1IDUuNDE2NDkgMTcuNDI0QzQuMDU5NzggMTYuNTE3NCAzLjAwMjM2IDE1LjIyOSAyLjM3Nzk0IDEzLjcyMTVDMS43NTM1MSAxMi4yMTQgMS41OTAxNCAxMC41NTUyIDEuOTA4NDYgOC45NTQ4NEMyLjIyNjc5IDcuMzU0NDkgMy4wMTI1MyA1Ljg4NDQ4IDQuMTY2MzEgNC43MzA3QzUuMzIwMSAzLjU3NjkyIDYuNzkwMSAyLjc5MTE4IDguMzkwNDUgMi40NzI4NUM5Ljk5MDc5IDIuMTU0NTIgMTEuNjQ5NiAyLjMxNzkgMTMuMTU3MSAyLjk0MjMyQzE0LjY2NDYgMy41NjY3NSAxNS45NTMgNC42MjQxNyAxNi44NTk2IDUuOTgwODhDMTcuNzY2MSA3LjMzNzU4IDE4LjI0OTkgOC45MzI2NCAxOC4yNDk5IDEwLjU2NDNDMTguMjQ3NSAxMi43NTE2IDE3LjM3NzUgMTQuODQ4NiAxNS44MzA4IDE2LjM5NTJDMTQuMjg0MiAxNy45NDE5IDEyLjE4NzIgMTguODExOCA5Ljk5OTk0IDE4LjgxNDNaTTkuMjQ5OTQgMTEuMzE0M1Y2LjA2NDMzQzkuMjQ5OTQgNS44NjU0MiA5LjMyODk2IDUuNjc0NjUgOS40Njk2MSA1LjUzNEM5LjYxMDI3IDUuMzkzMzUgOS44MDEwMyA1LjMxNDMzIDkuOTk5OTQgNS4zMTQzM0MxMC4xOTg5IDUuMzE0MzMgMTAuMzg5NiA1LjM5MzM1IDEwLjUzMDMgNS41MzRDMTAuNjcwOSA1LjY3NDY1IDEwLjc0OTkgNS44NjU0MiAxMC43NDk5IDYuMDY0MzNWMTEuMzE0M0MxMC43NDk5IDExLjUxMzIgMTAuNjcwOSAxMS43MDQgMTAuNTMwMyAxMS44NDQ3QzEwLjM4OTYgMTEuOTg1MyAxMC4xOTg5IDEyLjA2NDMgOS45OTk5NCAxMi4wNjQzQzkuODAxMDMgMTIuMDY0MyA5LjYxMDI3IDExLjk4NTMgOS40Njk2MSAxMS44NDQ3QzkuMzI4OTYgMTEuNzA0IDkuMjQ5OTQgMTEuNTEzMiA5LjI0OTk0IDExLjMxNDNaTTExLjEyNDkgMTQuNjg5M0MxMS4xMjQ5IDE0LjkxMTggMTEuMDU5IDE1LjEyOTMgMTAuOTM1MyAxNS4zMTQzQzEwLjgxMTcgMTUuNDk5NCAxMC42MzYgMTUuNjQzNSAxMC40MzA1IDE1LjcyODdDMTAuMjI0OSAxNS44MTM4IDkuOTk4NyAxNS44MzYxIDkuNzgwNDcgMTUuNzkyN0M5LjU2MjI0IDE1Ljc0OTMgOS4zNjE3OCAxNS42NDIyIDkuMjA0NDUgMTUuNDg0OEM5LjA0NzExIDE1LjMyNzUgOC45Mzk5NyAxNS4xMjcgOC44OTY1NiAxNC45MDg4QzguODUzMTUgMTQuNjkwNiA4Ljg3NTQzIDE0LjQ2NDQgOC45NjA1OCAxNC4yNTg4QzkuMDQ1NzMgMTQuMDUzMiA5LjE4OTkyIDEzLjg3NzUgOS4zNzQ5MyAxMy43NTM5QzkuNTU5OTMgMTMuNjMwMyA5Ljc3NzQ0IDEzLjU2NDMgOS45OTk5NCAxMy41NjQzQzEwLjI5ODIgMTMuNTY0NyAxMC41ODQyIDEzLjY4MzMgMTAuNzk1MSAxMy44OTQyQzExLjAwNiAxNC4xMDUxIDExLjEyNDYgMTQuMzkxMSAxMS4xMjQ5IDE0LjY4OTNaIiBmaWxsPSIjRkRCMDIyIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-position: 50%;
    width: 40px;
    height: 40px;
    -ms-flex-preferred-size: 40px;
    flex-basis: 40px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding: 16px;
    text-align: center;
    border-radius: 100%
}

.warningText {
    color: var(--cl-modal-dark);
    font-size: 14px;
    line-height: 19.6px;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.WTOC {
    margin: 12px 0;
    background-color: var(--bg-toc);
    width: 398px;
    padding: 12px;
    height: 50px;
    overflow: hidden
}

.WTOC.active {
    height: 100%
}

.WTOC.active .WTOCHeader {
    border-bottom: 1px dashed var(--br-black)
}

.WTOCHeader {
    position: relative;
    padding: 8px 0 5px;
    margin-bottom: 10px
}

.WTOCTitle {
    font-weight: 700;
    font-size: 16px;
    color: var(--cl-main)
}

.WTOCClose {
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 5px;
    color: var(--cl-toc)
}

.WTOCClose:before {
    content: "[";
    display: inline-block
}

.WTOCClose:after {
    content: "]";
    display: inline-block
}

.WTOCClose:hover {
    color: #1fb9e1
}

.WTOCContent ol,.WTOCContent ul {
    margin-left: 15px;
    counter-reset: a
}

.WTOCContent ol>li {
    counter-increment: a
}

.WTOCContent ol>li::marker {
    list-style: none
}

.WTOCContent ol>li:before {
    content: counters(a,".") " "
}

.WTOCContent ol>li ol {
    margin-top: 5px;
    margin-left: 18px
}

.WTOCContent ol>li ol ol {
    margin-left: 28px
}

.WTOCContent ol>li li:before {
    content: counters(a,".") " "
}

.WTOCContent li {
    position: relative;
    padding: 4px 5px;
    color: var(--cl-toc)
}

.WTOCContent li:before {
    font-size: 13px;
    color: var(--cl-main);
    position: absolute;
    top: 5px;
    left: -15px;
    width: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.WTOCContent a {
    cursor: pointer
}

.dir-header,.dir-header-top {
    position: relative
}

.dir-header-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px dashed var(--br-list-lv2)
}

.dir-header-bottom {
    position: relative;
    padding: 25px 0 0
}

.dir-search,.dir-search-wrap {
    position: relative
}

.dir-search-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dir-search-row {
    position: relative
}

.dir-search-input {
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid var(--br-grey-reg);
    border-radius: 8px;
    height: 35px;
    width: 300px;
    padding: 5px 12px;
    color: var(--cl-main);
    font-weight: 500;
    background: var(--bg-white-lv2)
}

.dir-search-input::-webkit-input-placeholder {
    color: var(--cl-gray)
}

.dir-search-input::-moz-placeholder {
    color: var(--cl-gray)
}

.dir-search-input:-ms-input-placeholder,.dir-search-input::-ms-input-placeholder {
    color: var(--cl-gray)
}

.dir-search-input::placeholder {
    color: var(--cl-gray)
}

.dir-search-input:focus {
    border: 1px solid #1fb9e1
}

.dir-search-clear {
    position: absolute;
    right: 0;
    top: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 35px;
    height: 35px;
    border: transparent;
    background: transparent;
    cursor: pointer;
    visibility: hidden
}

.dir-search-clear,.dir-search-clear .icon-dismiss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dir-search-clear .icon-dismiss {
    margin: 0;
    font-size: 25px;
    font-weight: 400;
    position: relative;
    color: var(--cl-main)
}

.dir-search-clear .icon-dismiss:after {
    content: "×"
}

.dir-search-button {
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100px;
    height: 35px;
    border-radius: 8px;
    padding: 0 20px;
    text-transform: capitalize;
    cursor: pointer;
    border: 1px solid #1fb9e1;
    background: #1fb9e1;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 10px
}

.dir-search .icon-search {
    display: block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.375' height='18.375'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath data-name='Path 1' d='M15.187 8.094A7.094 7.094 0 118.094 1a7.094 7.094 0 017.093 7.094z'/%3E%3Cpath data-name='Path 2' d='M16.96 16.96l-3.857-3.857'/%3E%3C/g%3E%3C/svg%3E")
}

.dir-letter-menu {
    position: relative;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px
}

.dir-letter-text {
    position: relative;
    font-weight: 700
}

.dir-letter-link,.dir-letter-text {
    font-size: 16px;
    color: var(--cl-main)
}

.dir-letter-link {
    display: block;
    padding: 0 10px;
    min-width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--br-grey-reg);
    background: var(--bg-white-lv2);
    font-weight: 500;
    line-height: 1
}

.dir-letter-link.active,.dir-letter-link:hover {
    border: 1px solid #1fb9e1;
    color: #1fb9e1;
    background: transparent
}

.dir-catalog-box {
    position: relative;
    padding: 10px 0 25px;
    margin-bottom: 20px;
    border-bottom: 1px dashed var(--br-list-lv2)
}

.dir-catalog-col {
    position: relative;
    width: 50%
}

.dir-catalog-item {
    position: relative;
    color: var(--cl-main)
}

.dir-catalog-item>a {
    display: block;
    padding: 5px 0;
    font-size: 16px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90%
}

.dir-catalog-idx {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.dir-catalog-idx>a {
    width: 33.33333%;
    display: block;
    padding: 5px 0;
    font-weight: 700;
    font-size: 16px;
    color: #3ca5dd
}

.dir-catalog-letter {
    position: relative;
    padding: 0 0 20px
}

.dir-catalog-letter span {
    padding: 10px 0;
    text-align: center;
    min-width: 40px;
    border-bottom: 1px solid #1fb9e1;
    font-size: 20px;
    font-weight: 700;
    color: var(--cl-main);
    display: inline-block
}

.dir-catalog-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dir-catalog-list.-indeks {
    border-bottom: 1px dashed var(--br-list-lv2);
    margin-bottom: 30px;
    padding: 0 0 30px
}

.dir-catalog-list.-indeks:last-child {
    border-bottom: transparent
}

.dir-catalog-list.-home .dir-catalog-col {
    width: 33.33333%
}

.info-disclaimer {
    position: relative;
    background: var(--bg-warning);
    border: 1px solid var(--br-warning);
    padding: 12px 12px 12px 44px;
    margin-top: 8px;
    font-size: 14px;
    color: var(--neutral-700);
    border-radius: 8px;
    line-height: 140%
}

.info-disclaimer:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23FDB022' d='M10 .385a9.75 9.75 0 1 0 9.75 9.75A9.761 9.761 0 0 0 10 .384Zm0 18a8.25 8.25 0 1 1 8.25-8.25 8.26 8.26 0 0 1-8.25 8.25Zm-.75-7.5v-5.25a.75.75 0 0 1 1.5 0v5.25a.75.75 0 1 1-1.5 0Zm1.875 3.374a1.125 1.125 0 1 1-2.25 0 1.125 1.125 0 0 1 2.25 0Z'/%3E%3C/svg%3E");
    background-size: 20px;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.dir-letter-text~.dir-catalog-list {
    margin-top: 20px
}

.read__content~.dir-catalog-box {
    margin-top: 20px;
    margin-bottom: 30px;
    border-top: 1px dashed var(--br-list-lv2);
    padding: 20px 0
}

.dir-catalog-indeks~.trenLatest__flat {
    padding: 10px 0 30px
}

.--v2.dir-catalog-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px
}

.--v2 .dir-catalog-item>a {
    max-width: 250px;
    height: 40px;
    font-weight: 500;
    padding: 8px 24px;
    border-radius: 50px;
    border: 1px solid var(--neutral-200)
}

.profile-box {
    position: relative;
    margin: 12px 0
}

.profile-box.-boxbody .profile-block {
    border: initial;
    padding: 0;
    background-color: transparent
}

.profile-box.-boxbody .profile-name,.profile-box.-boxbody .profile-text,.profile-box.-boxbody .profile-work {
    font-size: 16px
}

.profile-block {
    position: relative;
    background: var(--bg-white);
    border: 1px solid var(--neutral-200);
    padding: 16px;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px
}

.profile-col {
    position: relative;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.profile-img {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    overflow: hidden;
    -ms-flex-preferred-size: 48px;
    flex-basis: 48px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.25);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.25)
}

.profile-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.profile-name {
    position: relative;
    margin: 2px 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--charcoal)
}

.profile-lead {
    position: relative;
    font-size: 12px;
    font-weight: 500;
    color: var(--cl-main)
}

.profile-text {
    color: var(--cl-gray-med);
    font-size: 14px;
    position: relative;
    margin-bottom: 2px
}

.profile-desc {
    position: relative;
    font-weight: 500;
    color: var(--cl-main);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.profile-desc a {
    font-weight: 700;
    color: #1fb9e1
}

.profile-desc p {
    margin: 0
}

.profile-desc div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.profile-desc div:after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #666
}

.profile-desc div:last-child:after {
    content: none
}

.profile-title {
    color: var(--neutral-800)
}

.profile-title,.profile-work {
    position: relative;
    font-size: 12px
}

.profile-work {
    color: var(--cl-gray-med)
}

.anchor-nav {
    position: relative
}

.anchor-nav-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.anchor-nav-link,.anchor-nav-menu {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.anchor-nav-link {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--cl-main)
}

.anchor-nav-item {
    padding: 0 5px
}

.anchor-header {
    position: relative;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: calc(100% - 82px - 180px - 150px - 30px);
    flex-basis: calc(100% - 82px - 180px - 150px - 30px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.anchor-header .anchor-nav-menu {
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px
}

@media (min-width: 1200px) {
    .anchor-header .anchor-nav-menu {
        padding-left:50px
    }
}

.anchor-header .anchor-nav-link {
    font-size: 16px;
    height: 45px;
    padding: 0 2px
}

@media (min-width: 1200px) {
    .anchor-header .anchor-nav-link {
        padding:0 10px
    }
}

.anchor-header .anchor-nav-link:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1;
    width: 100%;
    border-top: 3px solid transparent
}

.anchor-header .anchor-nav-link.active,.anchor-header .anchor-nav-link:hover {
    color: #1fb9e1
}

.anchor-header .anchor-nav-link.active:after {
    border-top: 3px solid #1fb9e1
}

.anchor-header~.comment__read__bar:before {
    opacity: 0;
    pointer-events: none
}

.anchor-inline {
    position: relative
}

.anchor-inline .anchor-nav-menu {
    position: relative;
    margin: 15px 0;
    padding-top: 30px;
    border-top: 1px dashed var(--br-list-lv2);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.anchor-inline .anchor-nav-link {
    padding: 0 10px;
    height: 35px;
    border-radius: 8px;
    color: var(--cl-anchor);
    border: 1px solid var(--br-anchor);
    background: var(--bg-white-lv2)
}

.anchor-inline .anchor-nav-link.active,.anchor-inline .anchor-nav-link:hover {
    color: #fff;
    background: #1fb9e1
}

.anchor-inline .anchor-nav-item {
    padding: 0 5px 5px 0
}

.standing {
    position: relative
}

.standing-league-title {
    font-size: 18px;
    color: var(--cl-main);
    font-weight: 700;
    padding: 15px 0
}

.standing-menu {
    background: var(--bg-gray-bold);
    border-radius: 10px;
    margin: 30px 0;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    height: 42px
}

.standing-menu-item {
    position: relative;
    padding: 0 5px
}

.standing-menu-item a {
    padding: 12px 0;
    border-radius: 10px;
    color: var(--cl-main);
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.standing-menu-item.active a {
    background: #0db24b;
    color: #fff
}

.standing-menu-slider {
    position: relative;
    padding: 0 40px
}

.standing-menu .icon-photo-left,.standing-menu .icon-photo-right {
    position: absolute;
    width: 40px;
    text-align: center;
    margin: auto;
    z-index: 1;
    top: 0;
    bottom: 0;
    background: var(--bg-gray-bold)
}

.standing-menu .icon-photo-left svg,.standing-menu .icon-photo-right svg {
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    width: 10px;
    height: 20px
}

.standing-menu .icon-photo-left.slick-disabled,.standing-menu .icon-photo-right.slick-disabled {
    opacity: .2
}

.standing-menu .icon-photo-left {
    left: 0
}

.standing-menu .icon-photo-left svg {
    -webkit-filter: var(--ico-invert);
    filter: var(--ico-invert)
}

.standing-menu .icon-photo-right {
    right: 0
}

.standing-menu .icon-photo-right svg {
    -webkit-filter: var(--ico-invert);
    filter: var(--ico-invert)
}

.standing-inner {
    margin-bottom: 20px
}

.standing-table {
    position: relative;
    background: var(--bg-place);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 3px 3px 5px -1px rgba(0,0,0,.25);
    -webkit-box-shadow: 3px 3px 5px -1px rgba(0,0,0,.25);
    -moz-box-shadow: 3px 3px 5px -1px rgba(0,0,0,.25);
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 25px
}

.standing-table.motogp .t-row .img {
    height: 15px;
    margin-right: 6px
}

.standing-table-club {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.standing-table-club img,.standing-table-logo {
    width: 20px;
    height: 20px
}

.standing-table-logo {
    position: relative;
    margin-right: 10px
}

.standing-table-read h2 a.inner-link-tag {
    color: var(--cl-main)!important
}

.standing-table-read table {
    position: relative;
    background: var(--bg-place);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 3px 3px 5px -1px rgba(0,0,0,.25);
    -webkit-box-shadow: 3px 3px 5px -1px rgba(0,0,0,.25);
    -moz-box-shadow: 3px 3px 5px -1px rgba(0,0,0,.25);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1
}

.standing-table-read table thead {
    background: #0db24b;
    color: #fff;
    position: relative;
    padding: 0 10px
}

.standing-table-read table tr {
    border-bottom: 1px solid var(--br-list-lv2);
    position: relative;
    position: -webkit-sticky
}

.standing-table-read table tr.standing-pos:after {
    left: 0;
    top: 4px;
    bottom: unset;
    height: 30px
}

.standing-table-read table td {
    padding: 10px;
    border: 0
}

.standing-table-read table td:nth-child(2) {
    text-align: left
}

.standing-table-read table td:last-child {
    font-weight: 600
}

.standing-table-more {
    font-size: 12px
}

.standing-body {
    position: relative;
    padding: 0 10px
}

.standing-footer {
    position: relative;
    padding: 10px;
    text-align: center
}

.standing-footer a {
    display: inline-block;
    padding: 7px 12px;
    text-transform: uppercase;
    border-radius: 5px;
    color: #39c;
    position: relative;
    font-size: 12px;
    font-weight: 700
}

.standing-row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--br-list-lv2)
}

.standing-row:last-child {
    border-bottom: 0
}

.standing-row:hover {
    background: var(--br-list-lv2)
}

.standing-head {
    background: #0db24b;
    color: #fff;
    position: relative;
    padding: 0 10px
}

.standing-head .standing-col {
    font-weight: 700;
    color: #fff;
    font-size: 14px
}

.standing-head .standing-row:hover {
    background: transparent
}

.standing-logo {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 20px;
    flex-basis: 20px;
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.standing-logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.standing-flag {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 20px;
    flex-basis: 20px;
    width: 20px;
    height: 15px;
    margin-right: 6px
}

.standing-flag img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.standing-rank {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='4' viewBox='0 0 10 4'%3E%3Cline id='Line_3' data-name='Line 3' x2='10' transform='translate(0 2)' fill='none' stroke='%234a4a4a' stroke-width='4'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%;
    width: 20px;
    height: 10px
}

.standing-rank.up {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.657' height='9.828' viewBox='0 0 15.657 9.828'%3E%3Cpath id='Path_2' data-name='Path 2' d='M354,1007.645l5-5,5,5' transform='translate(-351.172 -1000.645)' fill='none' stroke='%230db24b' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/svg%3E%0A")
}

.standing-rank.down,.standing-rank.up {
    background-repeat: no-repeat;
    background-position: 50%;
    width: 10px;
    height: 20px
}

.standing-rank.down {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.657' height='9.828' viewBox='0 0 15.657 9.828'%3E%3Cpath id='Path_3' data-name='Path 3' d='M354,1007.645l5-5,5,5' transform='translate(366.828 1010.473) rotate(180)' fill='none' stroke='%23ef5151' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/svg%3E%0A")
}

.standing-result {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.standing-result-b {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: inset 0 33px 78px -21px rgba(0,0,0,.15);
    -moz-box-shadow: inset 0 33px 78px -21px rgba(0,0,0,.15);
    box-shadow: inset 0 33px 78px -21px rgba(0,0,0,.15)
}

.standing-result-b.-win {
    background: #0db24b
}

.standing-result-b.-loss {
    background: #ef5151
}

.standing-result-b.-draw {
    background: #a5a5a5
}

.standing-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--cl-main);
    padding: 0 2px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.standing-col.--points {
    font-weight: 700
}

.standing-wide {
    -webkit-box-flex: 5;
    -ms-flex-positive: 5;
    flex-grow: 5;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.standing-half,.standing-wide {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    white-space: nowrap;
    overflow: hidden
}

.standing-half {
    color: var(--cl-main);
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.standing-half.standing-col:last-child {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.standing-title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--cl-main)
}

.standing-pos:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    height: 40px;
    border-left: 5px solid transparent;
    margin: auto
}

.standing-pos.-next_round:after,.standing-pos.-ucl:after {
    border-left: 5px solid #34a853
}

.standing-pos.-el:after,.standing-pos.-elimination_round:after {
    border-left: 5px solid #ff9200
}

.standing-pos.-ecl:after {
    border-left: 5px solid #3879da
}

.standing-pos.-deg:after {
    border-left: 5px solid #ef5151
}

.standing-info {
    position: relative;
    padding: 20px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 12px
}

.standing-info .k-col {
    width: 50%
}

.standing-info .k-col h4 {
    font-weight: 700;
    padding: 5px 0 10px
}

.standing-info .k-col li {
    padding: 2px 0
}

.standing-info .badge {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px
}

.standing-info .ucl {
    background: #34a853
}

.standing-info .el {
    background: #ff9200
}

.standing-info .ecl {
    background: #3879da
}

.standing-info .deg {
    background: #ef5151
}

.standing-form {
    display: block;
    float: right;
    width: 180px;
    margin: 0;
    background: #fff;
    border-radius: 5px
}

.standing-form select {
    border: transparent;
    height: 30px!important;
    font-size: 12px
}

.standing-form.form__group.select:after {
    top: 8px;
    right: 14px;
    width: 10px;
    height: 10px
}

.standing .arrow {
    top: 10px;
    color: #fff
}

.standing .arrow,.standing .arrow:hover {
    background: transparent
}

.standing .arrow--right {
    right: 0
}

.standing .arrow--left {
    left: 0
}

.standing .slick-list {
    border-radius: 5px
}

.standing-description {
    margin: 60px 0;
    color: var(--cl-main)
}

.standing-description-title {
    font-weight: 700
}

.standing-description .desc {
    width: 100%;
    float: left;
    margin: 5px 0;
    font-size: 14px
}

.standing-description .desc-1 {
    width: 30px;
    float: left
}

.standing-description .desc-2 {
    width: calc(100% - 30px);
    float: left
}

.standing-description .bullet {
    width: 12px;
    height: 12px;
    display: inline-table;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: inset 0 33px 78px -21px rgba(0,0,0,.15);
    -moz-box-shadow: inset 0 33px 78px -21px rgba(0,0,0,.15);
    box-shadow: inset 0 33px 78px -21px rgba(0,0,0,.15)
}

.standing-description .bullet.-win {
    background: #0db24b
}

.standing-description .bullet.-loss {
    background: #ef5151
}

.standing-description .bullet.-draw {
    background: #a5a5a5
}

.standing-description .bar {
    width: 6px;
    height: 20px;
    display: inline-table;
    background: #fff;
    -webkit-box-shadow: inset 0 33px 78px -21px rgba(0,0,0,.15);
    -moz-box-shadow: inset 0 33px 78px -21px rgba(0,0,0,.15);
    box-shadow: inset 0 33px 78px -21px rgba(0,0,0,.15)
}

.standing-description .bar.-next_round,.standing-description .bar.-ucl {
    background: #34a853
}

.standing-description .bar.-el,.standing-description .bar.-elimination_round {
    background: #ff9200
}

.standing-description .bar.-ecl {
    background: #3879da
}

.standing-description .bar.-deg {
    background: #ef5151
}

.standing-tab {
    margin: 25px 0
}

.standing-tab ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.standing-tab li {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 300;
    color: var(--cl-main)
}

.standing-tab li .btn {
    padding: 0 12px;
    border-radius: 10px;
    background: var(--bg-gray-bold);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    cursor: pointer;
    font-weight: 700
}

.standing-tab li .btn.current,.standing-tab li .btn:hover {
    background: #0db24b;
    color: #fff
}

.standing-knock {
    margin-bottom: 20px
}

.standing-knock-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    margin-left: -10px;
    margin-right: -10px
}

.standing-knock-bracket {
    -webkit-box-flex: 33.33%;
    -ms-flex: 33.33%;
    flex: 33.33%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: grid
}

.standing-knock-bracket .standing-knock-box {
    width: 92%
}

.standing-knock-box {
    width: calc(33.33% - 20px);
    margin: 0 10px 20px;
    height: auto;
    display: inline-block;
    position: relative;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px;
    overflow: inherit;
    background: var(--bg-gray-bold);
    border-radius: 10px;
    box-shadow: 3px 3px 5px -1px rgba(0,0,0,.25);
    -webkit-box-shadow: 3px 3px 5px -1px rgba(0,0,0,.25);
    -moz-box-shadow: 3px 3px 5px -1px rgba(0,0,0,.25)
}

.standing-knock-bracket.--quarter .standing-knock-box: nth-child(2n) {
    margin-bottom:80px
}

.standing-knock-bracket.--quarter .standing-knock-box: after {
    content:"";
    width: 65%;
    height: 45px;
    border: 1px solid #0db24b;
    position: absolute
}

.standing-knock-bracket.--quarter .standing-knock-box: nth-child(odd):after {
    border-bottom:none;
    border-left: none;
    left: 100%;
    top: 30px
}

.standing-knock-bracket.--quarter .standing-knock-box: nth-child(2n):after {
    border-top:none;
    border-left: none;
    left: 100%;
    top: 20px
}

.standing-knock-bracket.--semifinal .standing-knock-box {
    margin-bottom: 80px
}

.standing-knock-bracket.--semifinal .standing-knock-box: after {
    content:" ";
    width: 65%;
    height: 88px;
    border: 1px solid #0db24b;
    position: absolute
}

.standing-knock-bracket.--semifinal .standing-knock-box: nth-child(odd):after {
    border-bottom:none;
    border-left: none;
    left: 100%;
    top: 58px
}

.standing-knock-bracket.--semifinal .standing-knock-box: nth-child(2n):after {
    border-top:none;
    border-left: none;
    left: 100%;
    top: -48px
}

.standing-knock-bracket.--final .standing-knock-box {
    margin-bottom: 80px;
    padding-top: 45px;
    overflow: hidden
}

.standing-knock-bracket.--final .standing-knock-box: after {
    width:100%;
    height: 35px;
    background: #0db24b;
    position: absolute;
    content: "Final";
    font-weight: 700;
    color: var(--cl-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 20px;
    line-height: normal;
    left: 0;
    top: 0
}

.standing-knock-bracket.--final .standing-knock-box: before {
    position:absolute;
    width: 10px;
    height: 20px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.315' height='25' viewBox='0 0 15.315 25'%3E%3Cpath id='Path_25' data-name='Path 25' d='M246.94,336.735l-.3-.886h9.278c-.108.323-.2.591-.286.858a.95.95,0,0,0,.309-1.7c-.326-.29-.72-.5-1.061-.778a2.009,2.009,0,0,1-.425-2.829,2.066,2.066,0,0,1,2.826-.168,4.892,4.892,0,0,1,1.647,3.824,17.469,17.469,0,0,1-1,6.333c-.616,1.838-1.259,3.668-1.945,5.481-.309.816-.752,1.581-1.137,2.368-.5,1.029-1.027,2.049-1.51,3.087a1.084,1.084,0,0,0,.507,1.431,11.532,11.532,0,0,0,1.3.628c.526.262,1.069.524.85,1.328-.17.014-.349.04-.527.041-2.775,0-5.551.007-8.326-.008a2.328,2.328,0,0,1-.658-.209c.091-.247.119-.56.29-.726a3.7,3.7,0,0,1,.883-.522,9.318,9.318,0,0,0,1.1-.568,1.136,1.136,0,0,0,.371-1.577c-.774-1.512-1.631-2.993-2.254-4.566-.959-2.422-1.792-4.9-2.6-7.376a14.8,14.8,0,0,1-.6-5.69,4.255,4.255,0,0,1,1.16-2.825,3.547,3.547,0,0,1,1.648-.88,1.586,1.586,0,0,1,1.826.941,1.814,1.814,0,0,1-.331,2.178c-.387.388-.882.668-1.306,1.022C245.96,335.541,246.076,336.3,246.94,336.735Zm-1.221,6.19c-.114-1.029-.214-2.061-.35-3.087a1.012,1.012,0,0,1,.572-1.166c1.086-.627,1.1-.915.258-1.815a1.578,1.578,0,0,1,.228-2.6,10,10,0,0,0,1.029-.814,1.169,1.169,0,0,0,.141-1.582,1.051,1.051,0,0,0-1.4-.39,2.584,2.584,0,0,0-1.074.811,4.719,4.719,0,0,0-.734,1.765A17.23,17.23,0,0,0,245.719,342.925Zm11.159-.163a.972.972,0,0,0,.141-.187,18.147,18.147,0,0,0,1.214-8.077,5.07,5.07,0,0,0-.707-2.062,2.717,2.717,0,0,0-1.328-1,1.086,1.086,0,0,0-1.449,1.163c.011.735.549,1.075,1.062,1.434,1.39.973,1.479,1.8.325,3.047-.545.588-.528.833.106,1.346a1.973,1.973,0,0,0,.456.311.734.734,0,0,1,.472.875C257.057,340.644,256.977,341.677,256.878,342.762Z' transform='translate(-243.624 -330.757)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 10px;
    left: 0;
    right: 0;
    top: 8px;
    margin: auto;
    padding-left: 40px;
    z-index: 1
}

.standing-knock-badge {
    overflow: hidden;
    padding: 12px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.standing-knock-team {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    overflow: hidden;
    color: var(--cl-gray-med);
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.standing-knock-team span {
    margin-right: 5px
}

.standing-knock-team:nth-child(2) span {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: unset;
    margin-left: 5px
}

.standing-knock-team img {
    width: 16px;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain
}

.standing-knock-logo {
    width: 16px;
    height: 16px
}

.standing-knock-score {
    height: 18px;
    margin: -30px auto 0;
    position: relative;
    width: 115px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    line-height: 1;
    letter-spacing: -1px;
    font-weight: 700;
    color: var(--cl-main);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.standing-knock-score-dash {
    width: 100%;
    color: var(--cl-main);
    position: absolute
}

.standing-knock-score-team {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}

.standing-knock-agregat {
    text-align: center;
    padding: 12px 0
}

.standing-knock-agregat span {
    font-size: 13px;
    color: var(--cl-gray-lite)
}

.standing-content-tabs {
    display: none
}

.standing-content-tabs.current {
    display: inherit
}

.standing-side {
    background: var(--bg-gray-med);
    padding: 20px
}

.standing-side-slider {
    height: 590px;
    overflow: hidden
}

.standing-side-item-bigtitle {
    font-weight: 700;
    padding: 0 30px 20px
}

.standing-side-item-bigtitle,.standing-side-item-title {
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 1;
    color: var(--cl-main)
}

.standing-side-item-title {
    font-weight: 500;
    padding: 0 30px
}

.standing-side-item-content {
    padding: 20px 6px
}

.standing-side .slick-dots {
    position: relative;
    bottom: 0;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.standing-side .slick-dots li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    width: 0
}

.standing-side .slick-dots li.slick-active button:before {
    opacity: 1;
    background: #0db24b
}

.standing-side .slick-dots li button:before {
    content: "";
    background: #d4d4d4;
    opacity: 1;
    width: 100%;
    height: 5px
}

.standing-side .slick-arrow {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    z-index: 1
}

.standing-side .slick-arrow.icon-photo-left {
    left: 0
}

.standing-side .slick-arrow.icon-photo-right {
    right: 0;
    text-align: right
}

.standing-side .slick-arrow .icon-angle-left,.standing-side .slick-arrow .icon-angle-right {
    -webkit-filter: var(--ico-invert);
    filter: var(--ico-invert)
}

.topic__row {
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--br-list-lv2)
}

.topic__row:last-child {
    border-bottom: none
}

.topic__title {
    position: relative;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 700
}

.topic__teaser,.topic__title {
    padding: 5px 0;
    color: var(--cl-main)
}

.topic__teaser {
    margin-bottom: 20px
}

.topic__img {
    min-height: 370px;
    margin-bottom: 30px
}

.topic--lipsus .topic__title {
    padding: 10px 0
}

.indeks__form {
    padding: 20px 0
}

.partner__title {
    padding: 5px 0;
    font-size: 12px;
    font-weight: 300
}

.partner__img {
    margin-bottom: 10px
}

.topic-header-img {
    position: relative;
    padding-top: 24%;
    overflow: hidden;
    background-color: var(--bg-gray-med)
}

.topic-header-img img {
    position: absolute;
    max-width: none;
    width: 100%;
    height: auto;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.topic-header-read {
    padding-top: 14.95327%
}

.topic-header-brand {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 130px;
    height: 60px
}

.topic__row.mt2 {
    margin-top: 0
}

.title+.topic__row,.title+.topic__wrap {
    margin-top: 20px
}

.manufacture__subtitle {
    padding: 20px 0 5px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 300;
    color: #fb0404
}

.manufacture__subtitle--big {
    padding: 20px 0
}

.manufacture__item {
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
    padding: 5px;
    margin: 0 0 5px
}

.manufacture__img {
    width: 65px;
    height: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.manufacture__img img {
    width: 65px;
    height: 65px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.manufacture__link {
    display: block
}

.manufacture__link:hover {
    color: #fb0404
}

.manufacture__title {
    padding: 5px 0;
    font-size: 12px;
    color: var(--cl-main)
}

.manufacture__row {
    position: relative;
    text-align: center;
    margin: 0 0 10px
}

.manufacture__row--big .manufacture__item {
    width: 20%;
    margin: 0 0 20px;
    padding: 0 20px
}

.manufacture__row--big .manufacture__img {
    height: 122px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 20%
}

.manufacture__row--big .manufacture__title {
    font-size: 14px
}

.manufacture__header {
    padding: 20px 0
}

.manufacture__header__teaser {
    font-weight: 300;
    color: var(--cl-main)
}

.manufacture__series {
    padding: 0 0 20px
}

.manufacture__series__teaser {
    font-weight: 300;
    color: var(--cl-main)
}

.manufacture__series__form {
    padding: 0
}

.manufacture__series__content {
    padding: 20px 0
}

.manufacture__series__teaser {
    padding: 0 0 20px
}

.manufacture__series__bar {
    background: var(--bg-gray-med);
    padding: 10px 0;
    margin: 0 0 20px
}

.manufacture__series__title {
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: var(--cl-main)
}

.manufacture__series__gallery {
    position: relative
}

.manufacture__series__gallery__item img {
    width: 100%
}

.manufacture__spec {
    padding: 20px 0;
    border-bottom: 2px solid var(--br-list-lv2)
}

.manufacture__spec strong {
    font-size: 18px;
    font-weight: 700;
    color: var(--cl-main)
}

.manufacture__spec table {
    width: 100%;
    background: var(--bg-gray-med);
    margin: 0 0 10px;
    color: var(--cl-main)
}

.manufacture__spec tr:nth-child(odd) {
    background: var(--bg-gray-bold)
}

.manufacture__spec td {
    padding: 5px 10px
}

.properti__konsultasi__form {
    padding: 20px 0;
    background: #f0f0f0
}

.video__button__360__item {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .6;
    -webkit-transition: all .2 ease;
    -moz-transition: all .2 ease;
    -ms-transition: all .2 ease;
    -o-transition: all .2 ease;
    transition: all .2 ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3
}

.video__button__360__item:hover {
    opacity: 1
}

.video__button__360__item img {
    display: inline-block;
    width: 60px
}

.images__hl {
    position: relative
}

.images__hl .slick-slider {
    margin-bottom: 0
}

.images__hl .icon-photo-slider {
    top: 40%
}

.images__hl .article__asset {
    height: 600px;
    overflow: hidden
}

.images__hl .article__asset img {
    position: absolute;
    width: 100%;
    height: auto;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.images__channel__wrap {
    height: 472px;
    overflow: hidden
}

.images__channel__row {
    margin: 0 -400px
}

.images__channel__row .icon-photo-slider {
    position: absolute;
    color: #2a2a2a;
    z-index: 1;
    font-size: 100px;
    line-height: 1;
    width: 60px;
    height: 100px;
    text-align: center;
    top: 25%
}

.images__channel__row .icon-photo-left {
    left: 500px
}

.images__channel__row .icon-photo-right {
    right: 500px
}

.images__channel__row.slick-slider {
    margin-bottom: 0
}

.images__channel__row .video__button__play__item {
    top: 40%
}

.images__channel__item {
    padding: 0 15px;
    position: relative;
    width: 624px
}

.images__channel__item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    opacity: 1;
    background: var(--bg-black-transparent);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.images__channel__item.slick-current {
    position: relative
}

.images__channel__item.slick-current:after {
    opacity: 0;
    z-index: -1
}

.images__channel__link {
    display: block
}

.images__type {
    font-size: 14px;
    color: #9b9b9b
}

.images__type .icon {
    margin-right: 10px;
    vertical-align: top;
    font-size: 18px
}

.images__boxtype {
    padding: 5px 10px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 1
}

.images__boxtype .images__type {
    color: #000
}

.images__most {
    padding: 0 0 20px
}

.images__photo {
    position: relative;
    padding: 15px 0
}

.images__photo__asset {
    position: relative;
    cursor: pointer
}

.images__photo__asset:hover .photo__icon {
    background: #3ca5dd;
    color: #fff
}

.images__photo__asset img {
    width: 100%
}

.images__photo__desc {
    position: absolute;
    height: auto;
    bottom: 15px;
    right: 0
}

.images__photo__author {
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
    color: #dcdcdc
}

.images__photo__caption {
    padding: 10px 0 5px;
    font-size: 14px;
    color: #dcdcdc
}

.images__playlist {
    position: relative
}

.images__playlist__player {
    width: 770px;
    height: 465px;
    float: left
}

.images__playlist__list {
    width: 300px;
    float: left;
    background: #2d2d2d;
    height: 465px;
    position: relative;
    overflow-y: scroll
}

.images__playlist__item {
    padding: 0
}

.images__playlist__img {
    width: 100px;
    height: 55px;
    overflow: hidden;
    float: left;
    margin-right: 10px
}

.images__playlist__title {
    height: 57px;
    max-height: 57px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 300;
    color: #fff
}

.images__playlist__link {
    padding: 5px 10px;
    display: block;
    border-left: 3px solid transparent
}

.images__playlist__link--active,.images__playlist__link:hover {
    background: #232323;
    border-left: 3px solid #545454
}

.images__toggle {
    margin: -70px 0 50px
}

.theme--images .article__list--video .article__list__asset .article__asset {
    height: 289px
}

.theme--images .article__list--video .article__list__title {
    height: 190px;
    margin-bottom: 25px
}

.theme--images .article__time {
    color: #e55225
}

.theme--images .article__subtitle--inline {
    color: #000
}

.theme--images .article__boxsubtitle {
    color: #fff;
    background: #000
}

.theme--images .read__time {
    padding: 10px 0 0
}

.theme--images .form__select {
    border: 1px solid #9b9b9b;
    color: #9b9b9b;
    font-weight: 400;
    height: 35px
}

.theme--images .form__select__wrap:after {
    border-left: 2px solid #9b9b9b;
    border-bottom: 2px solid #9b9b9b;
    top: 15px;
    right: 15px
}

.consult__label {
    padding-top: 10px;
    display: block;
    font-size: 18px;
    font-weight: 300;
    color: var(--cl-main)
}

.consult__form {
    padding: 0 0 20px
}

.consult__form label.error {
    font-size: 13px;
    font-weight: 300;
    color: red;
    display: block;
    clear: both;
    padding: 5px 0 0
}

.consult__sub__label {
    padding: 10px 0;
    margin: 0 -20px;
    display: block;
    font-size: 14px;
    font-weight: 300
}

.consult__radio {
    margin-right: 10px
}

.consult__send {
    padding: 20px 0 0
}

.consult__button {
    width: 98%;
    margin-right: 2%;
    background: #3ca5dd
}

.consult__button:hover {
    background: #228cc4
}

.kcmplusEntry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.2;
    color: #fff
}

.kcmplusEntry-img {
    padding: 12px 19px 13px 30px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    background: #f1f1f1
}

.kcmplusEntry-logo {
    width: 122px;
    height: 15px;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.kcmplusEntry-logo img {
    width: 100%;
    height: auto;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.kcmplusEntry-copy {
    text-align: center
}

.kcmplusEntry-link {
    display: block
}

.kcmplusEntry-link:hover {
    color: #fff
}

.kcmplusEntry.--breadcrumb {
    min-height: 40px;
    margin-bottom: 16px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 18px;
    background: #e65225;
    font-size: 18px
}

.kcmplusEntry.--breadcrumb .kcmplusEntry-copy {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 24px;
    padding-right: 24px
}

.kcmplusEntry.--breadcrumb .kcmplusEntry-link {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 24px;
    padding: 8px 18px 9px;
    text-align: center;
    border-radius: 6px;
    background: #0f79c6;
    font-size: 13px;
    font-weight: 700;
    line-height: 1
}

.kcmplusEntry.--paging {
    padding: 7px 10px 10px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(-15%,#292952),color-stop(50.87%,#014b81));
    background: linear-gradient(1turn,#292952 -15%,#014b81 50.87%);
    font-size: 14px;
    font-weight: 500
}

.kcmplusEntry.--paging .kcmplusEntry-link {
    margin-left: 4px;
    text-decoration: underline;
    font-weight: 700
}

.kcmplusEntry.--paging~.read__paging .paging--article {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0
}

.read {
    position: relative
}

.read__title {
    margin: 5px 0 16px;
    font-size: 36px;
    font-weight: 500;
    color: var(--cl-main)
}

.read__subtitle {
    margin: 0 0 -10px;
    padding: 20px 0 0;
    font-size: 20px;
    font-weight: 400;
    color: var(--cl-gray-bold);
    text-transform: uppercase
}

.read__time {
    color: var(--cl-time2)
}

.read__time a {
    font-weight: 700
}

.read__author,.read__time a:hover {
    color: var(--cl-main)
}

.read__author {
    font-weight: 700;
    padding: 0 0 2px;
    text-transform: uppercase
}

.read__teaser {
    margin: 10px 0 5px;
    padding-bottom: 30px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: var(--cl-gray-med);
    border-bottom: 1px dashed var(--br-list-lv2)
}

.read__teaser>p {
    margin: 0
}

.read__photo {
    margin: 0 0 20px
}

.read__question {
    position: relative;
    margin: 1.5em 0;
    padding-left: 25px;
    font-style: italic;
    font-weight: 700
}

.read__question:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 8px;
    height: 100%;
    background: #3ca5dd
}

.read__question span {
    display: inline-block;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 700;
    color: #3ca5dd
}

.read__content {
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--cl-main)
}

.read__content h2 {
    font-size: 22px;
    font-weight: 700;
    margin: 30px 0 15px
}

.read__content h3 {
    font-size: 19px;
    font-weight: 700
}

.read__content strong {
    font-weight: 700
}

.read__content ol,.read__content ul {
    list-style: disc;
    padding: 0 0 0 30px
}

.read__content ol {
    list-style: decimal
}

.read__content li {
    list-style: inherit;
    display: list-item;
    margin: .75em 0
}

.read__content iframe {
    max-width: 100%
}

.read__content a {
    color: #39c;
    position: relative
}

.read__content a:hover {
    color: var(--cl-main)
}

.read__content a.inner-link-baca-juga,.read__content a.inner-link-tag {
    color: #39c!important;
    font-weight: 700
}

.read__content a.inner-link-baca-juga:hover,.read__content a.inner-link-tag:hover {
    color: var(--cl-main)!important
}

.read__content table {
    table-layout: auto!important
}

.read__content table colgroup col,.read__content table td,.read__content table th {
    width: auto!important
}

.read__content iframe[src^="https://embed.jixie.media/"],.read__content iframe[src^="https://video.kompas.com/video/ima/"],.read__content iframe[src^="https://www.kgnow.com/embed"] {
    position: relative;
    max-width: 100%;
    width: 100%;
    height: 315.30938px;
    margin: 0
}

.read__tagging {
    padding: 0;
    margin: 20px 0
}

.read__topic {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 15px 0 5px;
    margin: 20px 0
}

.read__topic__teaser {
    font-size: 18px
}

.read__topic__wrap {
    padding: 10px 0
}

.read__topic__item {
    display: block
}

.read__topic__link {
    font-size: 18px;
    font-weight: 700;
    color: #3ca5dd
}

.read__credit,.read__topic__link:hover {
    color: var(--cl-main)
}

.read__credit__item {
    display: inline-block;
    position: relative;
    padding: 0
}

.read__credit__item span {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.read__credit__item span:after {
    content: ":"
}

.read__credit__item a {
    font-weight: 700
}

.read__credit.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.read__credit .col {
    -ms-flex-item-align: center;
    align-self: center;
    padding: 0 15px 0 0
}

.read__credit__img,.read__credit__img .item {
    position: relative;
    height: 36px
}

.read__credit__img .item {
    display: inline-block;
    width: 36px;
    border-radius: 100%;
    overflow: hidden;
    border: 3px solid #fff;
    margin: 0 -7px;
    z-index: 1
}

.read__credit__img .item:first-child {
    margin: 0 -7px 0 0;
    z-index: 2
}

.read__credit__logo {
    display: inline-block;
    vertical-align: middle;
    height: 14px
}

.read__credit__logo img {
    height: 14px;
    display: block
}

.read__credit.bottom {
    margin: 15px 0
}

.read__credit.bottom a {
    color: var(--cl-main)
}

.read__credit.top {
    margin: 0
}

.read__credit.top,.read__credit.top a {
    color: var(--cl-gray-lite)
}

.read-complete {
    position: relative;
    text-align: center;
    padding: 60px 15px
}

.read-complete-content {
    position: relative;
    padding: 5px 0;
    color: var(--cl-main)
}

.read-complete-title {
    margin: 5px 0;
    font-size: 25px;
    font-weight: 700;
    color: var(--cl-main)
}

.partner__inline {
    padding: 0 0 10px
}

.breadcrumb,.breadcrumb__wrap {
    position: relative
}

.breadcrumb__item {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: var(--cl-crumb)
}

.breadcrumb__item:after {
    content: " / "
}

.breadcrumb__item:last-child:after {
    content: ""
}

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

.breadcrumb__link:hover {
    color: var(--cl-main)
}

.breadcrumbWrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.breadcrumbItem {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: var(--cl-crumb)
}

.breadcrumbItem:after {
    content: "/";
    margin-left: 2px
}

.breadcrumbItem:not(:last-child) {
    padding-right: 2px
}

.breadcrumbItem:last-child.breadcrumbTitle {
    max-width: 120px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.breadcrumbItem:last-child.breadcrumbTitle a {
    display: inline
}

.breadcrumbItem:last-child:after {
    content: ""
}

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

.breadcrumbLink:hover {
    color: var(--cl-main)
}

.tag {
    padding: 0;
    max-height: 78px;
    overflow: hidden
}

.tag,.tag__article {
    position: relative
}

.tag__article__teaser {
    text-align: left;
    padding: 3px 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--cl-main);
    width: auto;
    position: absolute;
    top: 5px;
    left: 3px
}

.tag__article__wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.tag__article__item {
    display: inline-block;
    margin: 4px 2px;
    font-size: 14px;
    color: var(--cl-main)
}

.tag__article__item:first-child {
    margin: 4px 2px 4px 43px
}

.tag__article__link {
    padding: 5px 12px;
    border-radius: 4px;
    border: 1px solid var(--br-list);
    color: var(--cl-gray-med);
    background: var(--bg-white);
    display: block;
    font-weight: 500;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.tag__article__link:hover {
    color: #fff;
    background: var(--yale-blue-500);
    border: 1px solid var(--yale-blue-500)
}

.tag__article__link h3 {
    font-weight: 500;
    max-width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tag__article__more {
    color: #2289ce;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    text-align: right;
    padding: 7px 0 6px;
    width: 170px;
    position: absolute;
    bottom: 5px;
    right: 0;
    outline: none;
    border: 0;
    background-color: transparent;
    background-image: -webkit-gradient(linear,right top,left top,color-stop(56.28%,var(--bg-main)),color-stop(90.57%,hsla(0,0%,100%,0)));
    background-image: linear-gradient(270deg,var(--bg-main) 56.28%,hsla(0,0%,100%,0) 90.57%)
}

.tag__article__more.-hide {
    opacity: 0;
    visibility: hidden
}

.related,.related__inline {
    position: relative
}

.related__inline {
    padding: 15px;
    margin: 0;
    background: var(--bg-warticle)
}

.related__inline__teaser,.related__inline span {
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 600;
    color: #e55225
}

.related__inline__title {
    font-size: 18px;
    font-weight: 300;
    color: var(--cl-main);
    border-bottom: 1px solid var(--br-list-lv2);
    padding: 15px 0
}

.related__inline__title:last-child {
    border-bottom: none;
    padding: 15px 0 5px
}

.related__inline a {
    color: var(--cl-main);
    display: block;
    border-bottom: none
}

.related__inline a:after {
    border: none
}

.related__inline a:hover {
    color: var(--cl-hover)
}

.related__inline a:hover:after {
    border: none
}

.related__inline .img {
    float: left;
    width: 105px;
    height: 70px;
    overflow: hidden;
    margin-right: 20px
}

.comment__row {
    padding: 0 0 30px
}

.commentAlert {
    position: relative;
    margin: 16px 0 5px;
    display: inline-table;
    width: 100%
}

.commentAlert-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--Azure-lighter);
    background: var(--Azure-lightest);
    position: relative
}

.commentAlert-icon {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 40px;
    flex-basis: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: var(--bg-white)
}

.commentAlert-icon .icon-alert {
    width: 40px;
    height: 40px;
    display: block;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath fill='%23000' d='M12 2.75a9.75 9.75 0 1 0 9.75 9.75A9.761 9.761 0 0 0 12 2.75Zm0 18a8.25 8.25 0 1 1 8.25-8.25A8.26 8.26 0 0 1 12 20.75ZM13.5 17a.75.75 0 0 1-.75.75H12a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 1 1 0-1.5H12a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1 .75.75Zm-2.813-8.625a1.125 1.125 0 1 1 2.25 0 1.125 1.125 0 0 1-2.25 0Z'/%3E%3C/svg%3E");
    -webkit-filter: var(--filter-azure);
    filter: var(--filter-azure)
}

.commentAlert-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    color: var(--cl-gray-med);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.list__newsletter h5 {
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0 0 5px;
    font-weight: 300
}

.list__newsletter ul {
    margin-left: -30px
}

.list__newsletter ul li {
    list-style: none;
    position: relative;
    padding-right: 190px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid var(--br-list-lv2)
}

.list__newsletter ul li img {
    width: 177px;
    height: auto;
    position: absolute;
    right: 0;
    margin-top: 30px
}

.list__newsletter ul li span {
    padding: 0 5px 0 0;
    display: inline-block;
    color: #e55225;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    line-height: 1
}

.list__newsletter ul li h2 {
    font-size: 26px;
    line-height: 1.3;
    font-weight: 300;
    color: var(--cl-main);
    margin: 0 0 10px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.list__newsletter ul li h2:hover {
    color: #3ca5dd
}

.list__newsletter ul li p {
    font-size: 18px;
    margin-top: 0;
    display: grid;
    height: auto;
    max-height: 108px;
    overflow: hidden
}

.breakingnews {
    position: relative
}

.breakingnews__row {
    position: relative;
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.breakingnews__title {
    width: 165px;
    position: relative;
    padding: 0 10px;
    z-index: 2
}

.breakingnews__title:before {
    content: "";
    position: absolute;
    left: 24px;
    top: 15px;
    width: 9px;
    height: 9px;
    background: #fff;
    border-radius: 10px;
    z-index: 1;
    -webkit-animation: blink .7s infinite;
    -moz-animation: blink .7s infinite;
    -ms-animation: blink .7s infinite;
    -o-animation: blink .7s infinite;
    animation: blink .7s infinite
}

.breakingnews__title:after {
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 5px solid #af0f15;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    z-index: -1
}

.breakingnews__title span {
    position: relative;
    background: var(--cl-breaking1);
    display: block;
    padding: 12.5px 10px 12px 28px;
    text-transform: uppercase;
    letter-spacing: .5px;
    height: 40px;
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #fff
}

.breakingnews__title span:before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid var(--cl-breaking1);
    border-right: 5px solid var(--cl-breaking1);
    border-left: 5px solid transparent
}

.breakingnews__title span:after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border-top: 20px solid var(--cl-breaking1);
    border-bottom: 20px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid var(--cl-breaking1)
}

.breakingnews__logo {
    width: 155px;
    height: 33px;
    position: absolute;
    bottom: 0;
    right: -145px;
    z-index: -1;
    background: var(--bg-breaking2);
    padding: 6px 5px 5px 15px;
    margin: 0;
    border-bottom: 2px solid var(--bg-breaking1)
}

.breakingnews__logo[data-suptitle] {
    padding: 0 0 0 10px;
    gap: 5px
}

.breakingnews__logo[data-suptitle],.breakingnews__logo[data-suptitle]:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breakingnews__logo[data-suptitle]:before {
    content: attr(data-suptitle);
    font-size: 9px;
    white-space: nowrap;
    font-weight: 700;
    height: 100%;
    color: var(--cl-main)
}

.breakingnews__logo[data-suptitle] img {
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 80px;
    -webkit-filter: none;
    filter: none
}

.breakingnews__logo:after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border-top: 17px solid var(--bg-breaking2);
    border-bottom: 17px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid var(--bg-breaking2);
    z-index: 1
}

.breakingnews__logo img {
    vertical-align: top;
    height: 20px;
    -webkit-filter: var(--img-grayscale);
    filter: var(--img-grayscale)
}

.breakingnews__wrap {
    width: calc(100% - 165px);
    position: relative;
    margin: 5px 0 0;
    padding: 0 0 0 155px;
    z-index: 1;
    background: var(--bg-breaking1)
}

.breakingnews__content {
    position: relative
}

.breakingnews__link {
    display: block;
    padding: 8px 15px 5px;
    -ms-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--cl-main)
}

.breakingnews__link:hover {
    color: var(--cl-breaking1)
}

.breakingnews__link span {
    display: block;
    height: 22px;
    overflow: hidden
}

.breakingnews.nologo .breakingnews__wrap {
    padding: 0
}

.breakingnews.nologo .breakingnews__wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 18px solid #dedede;
    border-right: 5px solid #dedede;
    border-left: 5px solid transparent;
    z-index: 1
}

.breakingnews.nologo .breakingnews__logo {
    display: none
}

.navArticle {
    position: relative;
    background: var(--bg-gray-bold);
    border-radius: 8px;
    padding: 12px 10px 8px;
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.navArticle__item {
    width: 50%;
    padding: 0 5px
}

.navArticle__item.next {
    text-align: right
}

.navArticle__item span {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--cl-main)
}

.navArticle__item a {
    display: block;
    font-style: italic;
    font-size: 16px;
    font-weight: 700;
    color: #3ca5dd;
    padding: 5px 0
}

.navArticle__item a:hover {
    color: var(--cl-hover)
}

.kgplayImg {
    aspect-ratio: 16/9
}

.kgplayImg img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.kgplayInfo {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.kgplayInfo:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: var(--bg-bullet);
    border-radius: 4px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0 8px
}

.mostChannel {
    font-weight: 500;
    line-height: 1.3;
    color: var(--neutral-700)
}

.kgplayTitle,.mostChannel {
    position: relative;
    font-family: Inter,sans-serif;
    font-size: 12px
}

.kgplayTitle {
    color: var(--neutral-800);
    letter-spacing: -.02em;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word
}

a .kgplayTitle:hover {
    color: var(--yale-blue-500);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.articleHL-duration,.rVideo-duration,.video-box-wrap.sidebar .rVideo-length {
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    background-color: var(--bg-time);
    border-radius: 30px;
    padding: 0 8px;
    position: absolute;
    z-index: 2;
    right: 8px;
    bottom: 8px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.icoArrow {
    background-size: auto 100%
}

.rVideo {
    position: relative;
    width: 100%;
    margin: 20px 0 0;
    background: #fff;
    padding: 0 10px
}

@media (min-width: 768px) {
    .rVideo {
        padding:0
    }
}

.rVideo-lead {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--cl-main);
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%
}

.rVideo-lead-link {
    position: absolute;
    right: 0;
    padding: 5px 10px;
    font-size: 14px;
    color: #007aff;
    text-transform: none;
    line-height: 1.4;
    top: calc(50% - 15px)
}

.rVideo-hl {
    position: absolute;
    bottom: 179px;
    width: 100%;
    padding: 8px 0 10px;
    height: 110px
}

.rVideo-hl-title {
    font-family: Roboto,sans-serif;
    font-size: 26px;
    font-weight: 300;
    color: var(--cl-main);
    height: auto;
    max-height: 68px;
    overflow: hidden;
    margin-bottom: 7px
}

.rVideo-hl-info {
    font-size: 14px;
    color: var(--cl-gray-video);
    height: 19px
}

.kgnowGate .rVideo-hl .videoKG-info {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.rVideo-player {
    position: relative;
    width: 300px;
    padding-top: 168.75px
}

.rVideo-player-unready,.rVideo-player-unready~.rVideo-player-box {
    visibility: hidden
}

.rVideo-player-btn {
    background: hsla(0,0%,100%,.4);
    z-index: 3;
    position: absolute;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.rVideo-player-btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 55%;
    -webkit-transform: translate(-55%,-50%);
    transform: translate(-55%,-50%);
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #fff
}

.rVideo-player-img {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.rVideo-player-paused {
    border-radius: 8px;
    border: 1px solid #fff;
    color: #fff;
    padding: 12px 17px 12px 50px;
    min-width: 240px;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0
}

.rVideo-player-paused,.rVideo-player-paused:before {
    position: absolute;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.rVideo-player-paused:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #fff;
    left: 20px
}

.rVideo-player-paused:after {
    content: "";
    position: absolute;
    top: 18px;
    left: 27px;
    border-style: solid;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #000;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.rVideo-player-paused:hover {
    background: #fff;
    color: #000
}

.rVideo-player-paused:hover:before {
    background-color: #000
}

.rVideo-player-paused:hover:after {
    border-color: transparent transparent transparent #fff
}

.rVideo-player-link {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent
}

.rVideo-player-link.-enabled {
    background: rgba(0,0,0,.3)
}

.rVideo-player-link.-enabled .rVideo-player-paused {
    opacity: 1
}

.rVideo-player-link.-ads {
    visibility: hidden
}

.rVideo-list {
    background: var(--bg-white);
    margin: 0 -4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: absolute;
    bottom: 0;
    z-index: 1;
    padding-left: 10px;
    padding-top: 10px;
    height: 174px
}

.rVideo-list.slick-slider {
    position: absolute;
    width: 100%;
    display: block;
    margin: 0
}

.rVideo-list .info-banner-arrow {
    width: 40px;
    height: 40px;
    top: 33px;
    border: 1px solid var(--br-gray-lite)
}

.rVideo-list .icon-arrow:after {
    width: 12px;
    height: 12px
}

.rVideo-list .icon-arrow-left {
    margin-left: 5px
}

.rVideo-list .icon-arrow-right {
    margin-right: 3px
}

.rVideo-list .info-banner-arrow.-left {
    left: 0
}

.rVideo-button {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: -22px;
    z-index: 3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid transparent;
    width: 22px;
    height: 43px;
    background: #e2e2e2;
    border-radius: 3px 0 0 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.16);
    box-shadow: 0 4px 8px rgba(0,0,0,.16)
}

.rVideo-button>span {
    position: relative;
    display: block;
    text-indent: -70px;
    overflow: hidden;
    -webkit-transform: rotate(0deg) translateX(2.5px);
    transform: rotate(0deg) translateX(2.5px);
    height: 30px;
    width: 12px
}

.rVideo-button>span:after,.rVideo-button>span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #0373bb
}

.rVideo-button>span:after {
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    top: 5px;
    left: 0;
    height: 2px
}

.rVideo-button>span:before {
    top: 23px;
    left: 0;
    height: 2px;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    -webkit-transform-origin: left;
    transform-origin: left
}

.rVideo-button.-hide {
    visibility: hidden
}

.rVideo-item {
    position: relative;
    width: 166px;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    padding-left: 3px;
    padding-right: 3px
}

.rVideo-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 3px;
    width: calc(100% - 6px);
    border-top: 5px solid transparent;
    z-index: 2
}

.rVideo-thumbnail {
    top: 40px;
    height: 306.87188px;
    background-color: var(--bg-gray-med)
}

.rVideo-thumbnail,.rVideo-thumbnail:before {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%
}

.rVideo-thumbnail:before {
    content: "";
    top: 0;
    height: 100%;
    background-color: rgba(0,0,0,.15);
    pointer-events: none
}

.articleHL-small .rVideo-thumbnail:hover .articleHL-duration:before,.rVideo-thumbnail:hover .articleHL-small .articleHL-duration:before,.rVideo-thumbnail:hover .icoVideo {
    -webkit-filter: invert(62%) sepia(55%) saturate(4696%) hue-rotate(344deg) brightness(104%) contrast(101%);
    filter: invert(62%) sepia(55%) saturate(4696%) hue-rotate(344deg) brightness(104%) contrast(101%)
}

.rVideo-thumbnail img {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.articleHL-small .rVideo-thumbnail .articleHL-duration:before,.rVideo-thumbnail .articleHL-small .articleHL-duration:before,.rVideo-thumbnail .icoVideo {
    width: 60px;
    height: 60px;
    -webkit-filter: invert(100%) sepia(93%) saturate(28%) hue-rotate(107deg) brightness(106%) contrast(109%);
    filter: invert(100%) sepia(93%) saturate(28%) hue-rotate(107deg) brightness(106%) contrast(109%)
}

.rVideo-duration {
    font-size: 16px;
    height: 26px;
    border-radius: 8px
}

.rVideo-duration:before {
    content: "";
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background-size: auto 100%;
    -webkit-filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
    filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E")
}

.rVideo-thumb {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden
}

.rVideo-thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 100%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.rVideo-length {
    position: absolute;
    bottom: 7px;
    right: 7px;
    z-index: 2;
    background: #000;
    padding: 5px;
    font-size: 12px;
    line-height: 1;
    color: #fff
}

.rVideo-box {
    position: relative;
    background: var(--bg-white);
    padding: 8px 8px 8px 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.rVideo-title {
    position: relative;
    white-space: normal;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 1.3;
    color: var(--cl-main);
    height: 40px;
    max-height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.rVideo-date {
    padding-top: 5px;
    font-size: 10px;
    line-height: 1;
    color: var(--cl-main)
}

.rVideo-link {
    display: block
}

.rVideo-item.-active:before {
    border-top: 5px solid #1b63d4
}

.rVideo-list.-disallowed {
    cursor: not-allowed
}

.rVideo-list.-disallowed .rVideo-item {
    pointer-events: none
}

.rVideo-list.-disallowed .rVideo-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--cl-video-disabled),.4);
    z-index: 2
}

.rVideo-list.-disallowed .rVideo-item .rVideo-link {
    cursor: not-allowed
}

.rVideo-next {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    opacity: 0;
    visibility: hidden
}

.rVideo-next.-show {
    opacity: 1;
    visibility: visible
}

.rVideo-next-img {
    position: relative;
    width: 90px;
    height: 51px;
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.rVideo-next-img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.rVideo-next-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 12px;
    gap: 8px
}

.rVideo-next-info {
    position: relative;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.rVideo-next-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    overflow: hidden;
    font-size: 14px;
    font-weight: 700
}

.rVideo-next-time {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1;
    padding: 3px;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    background-color: rgba(0,0,0,.6);
    border-radius: 3px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rVideo-next-time:before {
    content: "";
    width: 10px;
    height: 10px;
    margin-right: 3px;
    background-size: auto 100%;
    -webkit-filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
    filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E")
}

.rVideo-next-second {
    letter-spacing: -.02em;
    color: #fff;
    font-size: 10px
}

.rVideo-next-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    color: #fff;
    border: 1px solid hsla(0,0%,100%,.5);
    border-radius: 8px;
    height: 32px;
    padding: 0 15px;
    font-size: 12px;
    cursor: pointer;
    font-weight: 500;
    line-height: 24px;
    margin: 0 8px;
    letter-spacing: -.02em;
    -webkit-transition: none;
    transition: none
}

.rVideo-next-button:hover {
    color: #fff
}

.rVideo-next-button.-next {
    background: #666;
    border: 1px solid #666
}

.rVideo-control {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    background: rgba(0,0,0,.6);
    opacity: 0;
    visibility: hidden
}

.rVideo-control.-show {
    opacity: 1;
    visibility: visible
}

.rVideo-control-all {
    padding: 10px;
    width: 100%;
    height: auto;
    gap: 50px
}

.rVideo-control-all,.rVideo-control-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rVideo-control-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    padding: 0;
    cursor: pointer
}

.rVideo-control-button.-replay {
    background: hsla(0,0%,100%,.2)
}

.rVideo-control-button span {
    width: 18px;
    height: 18px;
    background-position: 50%;
    background-size: auto 18px;
    background-repeat: no-repeat
}

.rVideo-control-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.867.998a.75.75 0 0 1 .75.75v6.91L12.84 1.803a1.5 1.5 0 0 1 2.278 1.285v13.818a1.49 1.49 0 0 1-1.5 1.5c-.274 0-.543-.075-.778-.215L1.617 11.339v6.909a.75.75 0 0 1-1.5 0v-16.5a.75.75 0 0 1 .75-.75Z' fill='%23fff'/%3E%3C/svg%3E")
}

.rVideo-control-replay {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.747 15.364a9.01 9.01 0 0 1-12.728 0 .75.75 0 1 1 1.06-1.06 7.5 7.5 0 1 0 0-10.607L3.179 5.598h2.69a.75.75 0 0 1 0 1.5h-4.51a.755.755 0 0 1-.065-.003c-.012-.001-.023-.004-.035-.006l-.037-.005-.039-.01-.032-.008-.037-.013-.033-.012-.033-.015-.033-.016-.03-.018-.033-.02-.032-.023-.027-.02a.757.757 0 0 1-.05-.046l-.005-.004-.006-.006a.753.753 0 0 1-.044-.049l-.021-.03-.022-.029C.736 6.754.73 6.742.723 6.73l-.017-.028-.017-.036-.015-.03L.661 6.6.65 6.566.64 6.53l-.008-.035-.007-.043-.004-.03a.755.755 0 0 1-.004-.074v-4.5a.75.75 0 0 1 1.5 0v2.69L4.02 2.636a9 9 0 0 1 12.728 12.728Z' fill='%23fff'/%3E%3C/svg%3E")
}

.rVideo-control-next {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.883 1.748v16.5a.75.75 0 0 1-1.5 0v-6.91L3.16 18.193a1.519 1.519 0 0 1-1.51.028 1.49 1.49 0 0 1-.768-1.313V3.09A1.5 1.5 0 0 1 3.16 1.804l11.222 6.853v-6.91a.75.75 0 1 1 1.5 0Z' fill='%23fff'/%3E%3C/svg%3E")
}

.rVideo-control .rVideo-paused-list {
    padding: 0 10px 10px;
    gap: 10px
}

.rVideo-control .rVideo-paused-item {
    width: 25%
}

.rVideo-control .rVideo-paused-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.rVideo-control .rVideo-paused-img {
    width: 100%;
    padding-top: 56.25%
}

.rVideo-control .rVideo-paused-img,.rVideo-control .rVideo-paused-title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.rVideo-paused {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: rgba(0,0,0,.5);
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    width: 100%
}

.rVideo-paused.-show {
    opacity: 1;
    visibility: visible
}

.rVideo-paused-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.rVideo-paused-item {
    position: relative;
    width: 50%
}

.rVideo-paused-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rVideo-paused-img {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 50px;
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    padding-top: 28.125px
}

.rVideo-paused-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.rVideo-paused-title {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.rVideo-paused-lead {
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    padding-bottom: 10px;
    line-height: 1
}

.rVideo-gate {
    width: 100%;
    height: 48px;
    background: -webkit-gradient(linear,left top,right top,from(#ef0d70),to(#fb571a));
    background: linear-gradient(90deg,#ef0d70,#fb571a);
    color: #fff;
    position: absolute;
    bottom: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rVideo-gate-glass {
    display: none
}

.rVideo-gate a {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rVideo-gate a:hover {
    color: #fff
}

.rVideo-gate-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.rVideo-gate-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -.32px
}

.rVideo-gate-logo {
    width: 58px;
    height: 38px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="58" height="39" viewBox="0 0 58 39" fill="none"><g clip-path="url(%23clip0_2858_9284)"><path d="M20.1056 3.60618L40.4486 0.570855C40.4486 0.570855 46.7877 -0.370115 48.6806 4.61795L58 3.15878L53.0804 30.9702L36.38 33.4648L36.1437 32.806L35.955 33.4648L29.1444 34.4058L28.8112 32.6172C28.8112 32.6172 23.6543 37.9819 17.7412 34.4058L17.4576 36.0999L11.071 36.9465L9.46276 34.0764L9.08416 37.2297L0 38.5001L3.45376 18.1938L9.69899 17.417L11.3072 20.2409L11.8746 16.9942L17.93 16.241L20.1067 3.60618H20.1056Z" fill="url(%23paint0_linear_2858_9284)"/><path d="M19.4674 21.0418L23.5834 20.3358L24.1508 16.3123L25.7126 14.4068L27.9832 19.7007L32.2416 19.0655L28.6929 11.0893L35.1506 3.60669L30.1124 4.31267L25.3578 9.74813L25.9963 5.08843L22.2352 5.51223L19.4674 21.0418Z" fill="white"/><path d="M39.7391 9.18237L47.4027 8.05259C47.4027 8.05259 47.576 17.4048 39.0768 18.3581C30.5775 19.3114 32.9739 9.32295 32.9739 9.32295C32.9739 9.32295 35.3868 1.84034 42.9556 2.78131C42.9556 2.78131 46.4867 3.04811 46.8818 6.35741L43.3342 7.86378C43.3342 7.86378 42.3882 4.66428 38.4609 7.205C38.4609 7.205 36.3317 8.99356 36.5215 11.7693C36.7114 14.545 38.5084 14.7338 38.5084 14.7338C38.5084 14.7338 41.8672 15.134 42.9081 12.3224L39.4069 12.663L39.738 9.18032L39.7391 9.18237Z" fill="white"/><path d="M5.48798 20.2877L8.34961 19.982L12.6782 26.9464L13.98 19.1118L17.93 18.6172L15.352 33.958L12.347 34.311L8.1371 27.2522L6.86 35.1586L2.83887 35.7229L5.48798 20.2877Z" fill="white"/><path d="M28.2429 23.0649C24.3166 18.6884 19.2784 23.5595 19.2784 23.5595C14.8549 28.877 18.5686 32.0539 18.5686 32.0539C23.4418 35.4422 27.1556 30.7127 27.1556 30.7127C30.8693 26.642 28.2439 23.0659 28.2439 23.0659L28.2429 23.0649ZM26.4448 27.5122C26.4448 27.5122 23.3459 29.3705 21.8563 30.2417C20.3667 31.1129 20.6266 29.6537 20.6266 29.6537L21.0764 25.0895C21.2188 23.6477 22.5196 24.2891 22.5196 24.2891C22.5196 24.2891 25.0274 25.6539 26.2333 26.2418C27.4393 26.8298 26.4458 27.5122 26.4458 27.5122H26.4448Z" fill="white"/><path d="M29.1439 20.7587L32.9495 20.2405L33.7304 25.0644L36.4269 19.6997L39.5733 19.2523L40.543 24.146L43.0972 18.8757L47.2132 18.1934L41.4652 30.2874L38.3189 30.7584L37.2553 25.2994L34.274 31.3464L31.1524 31.7702L29.1439 20.7587Z" fill="white"/><path d="M46.7877 24.5243L52.0869 23.7239L51.3298 29.1357L45.8892 29.8417L46.7877 24.5243Z" fill="white"/><path d="M47.2134 23.0642L52.0866 22.4055L55.1143 6.0293L49.6263 6.87586L47.2134 23.0642Z" fill="white"/></g><defs><linearGradient id="paint0_linear_2858_9284" x1="29" y1="0.500244" x2="29" y2="38.5001" gradientUnits="userSpaceOnUse"><stop stop-color="%23EF0D70"/><stop offset="1" stop-color="%23FB571A"/></linearGradient><clipPath id="clip0_2858_9284"><rect width="58" height="38" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>')
}

.rVideo-gate-arrow,.rVideo-gate-logo {
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: baseline
}

.rVideo-gate-arrow {
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M6.00002 14C5.90113 14 5.80445 13.9707 5.72222 13.9158C5.64 13.8608 5.57591 13.7827 5.53806 13.6914C5.50022 13.6 5.49031 13.4995 5.50961 13.4025C5.5289 13.3055 5.57653 13.2164 5.64646 13.1465L10.2929 8.50001L5.64646 3.85358C5.55269 3.75981 5.50001 3.63262 5.50001 3.50001C5.50001 3.3674 5.55269 3.24022 5.64646 3.14645C5.74023 3.05268 5.86741 3 6.00002 3C6.13263 3 6.25981 3.05268 6.35358 3.14645L11.3536 8.14645C11.4 8.19288 11.4368 8.248 11.462 8.30867C11.4871 8.36933 11.5 8.43435 11.5 8.50001C11.5 8.56568 11.4871 8.6307 11.462 8.69136C11.4368 8.75203 11.4 8.80715 11.3536 8.85358L6.35358 13.8536C6.3072 13.9001 6.25209 13.937 6.19141 13.9621C6.13074 13.9872 6.06569 14.0001 6.00002 14Z" fill="white"/></svg>')
}

.video-box-wrap {
    position: relative;
    margin: 20px 0;
    z-index: 1;
    padding-top: calc(40px + 56.25% + 164px + 10px);
    overflow: hidden
}

.video-box-wrap.sidebar {
    padding-top: calc(55px + 56.25% + 412px + 60px + 5px);
    border-bottom: 1px solid var(--br-list-lv2)
}

.video-box-wrap.sidebar .title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.video-box-wrap.sidebar .rVideo-player-box {
    position: absolute;
    top: 223.75px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 300px;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 12px 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.video-box-wrap.sidebar .rVideo-player-floating {
    position: fixed;
    top: calc(100vh - 150px - 50px - 168.75px - 40px);
    right: 0;
    height: 40px;
    width: 300px;
    background: var(--bg-main);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 12px 40px 0 12px;
    z-index: 2;
    -webkit-box-shadow: 0 -4px 8px rgba(0,0,0,.08);
    box-shadow: 0 -4px 8px rgba(0,0,0,.08)
}

.video-box-wrap.sidebar .rVideo-player-floating .rVideo-player-title {
    font-size: 12px;
    font-weight: 500;
    overflow: hidden;
    color: var(--cl-txt);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.video-box-wrap.sidebar .rVideo-player-floating .rVideo-player-title:before {
    content: "Sedang diputar";
    color: var(--cl-gray-med);
    position: absolute;
    top: 7px;
    font-size: 10px;
    line-height: 1
}

.video-box-wrap.sidebar .rVideo-player-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.video-box-wrap.sidebar .rVideo-box,.video-box-wrap.sidebar .rVideo-list {
    background: var(--bg-main)
}

.video-box-wrap.sidebar .rVideo-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 323px;
    gap: 22px;
    bottom: 60px
}

.video-box-wrap.sidebar .rVideo-item {
    width: 100%;
    padding: 0
}

.video-box-wrap.sidebar .rVideo-item:first-child {
    display: none
}

.video-box-wrap.sidebar .rVideo-item .rVideo-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.video-box-wrap.sidebar .rVideo-item .rVideo-player-info:before,.video-box-wrap.sidebar .rVideo-item:before {
    content: none
}

.video-box-wrap.sidebar .rVideo-item .icoViews {
    width: 12px;
    height: 8px
}

.video-box-wrap.sidebar .rVideo-item .rVideo-views {
    font-size: 10px
}

.video-box-wrap.sidebar .rVideo-title {
    font-size: 12px;
    height: auto;
    max-height: none;
    -webkit-line-clamp: 3;
    font-weight: 500;
    color: var(--cl-txt)
}

.video-box-wrap.sidebar .icoViews {
    display: inline-block;
    -webkit-filter: invert(59%) sepia(9%) saturate(11%) hue-rotate(47deg) brightness(90%) contrast(88%);
    filter: invert(59%) sepia(9%) saturate(11%) hue-rotate(47deg) brightness(90%) contrast(88%);
    width: 15px;
    height: 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 5px
}

.video-box-wrap.sidebar .rVideo-date {
    font-size: 12px;
    padding-top: 0;
    line-height: 1;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    color: var(--cl-gray-med)
}

.video-box-wrap.sidebar .rVideo-views {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: var(--cl-txt);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.video-box-wrap.sidebar .rVideo-views:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #b8b8b8;
    border-radius: 4px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0 8px
}

.video-box-wrap.sidebar .rVideo-thumb {
    width: 110px;
    padding-top: 61.875px;
    -ms-flex-preferred-size: 110px;
    flex-basis: 110px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.video-box-wrap.sidebar .rVideo-thumb img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video-box-wrap.sidebar .rVideo-box {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 5px 0 12px
}

.video-box-wrap.sidebar .rVideo-length {
    height: 18px;
    padding: 0 5px;
    right: 4px;
    bottom: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video-box-wrap.sidebar .rVideo-length:before {
    content: "";
    width: 10px;
    height: 10px;
    margin-right: 3px;
    background-size: auto 100%;
    -webkit-filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
    filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E")
}

.video-box-wrap.sidebar .rVideo-other {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video-box-wrap.sidebar .rVideo-other a {
    color: #007aff;
    font-weight: 500
}

.video-box-wrap.sidebar .rVideo-control {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 0
}

.video-box-wrap.sidebar .rVideo-control-all {
    padding: 0;
    height: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap: 0
}

.video-box-thumb {
    position: relative;
    margin: 20px 0;
    z-index: 1;
    padding-top: calc(40px + 56.25%);
    overflow: hidden
}

.video-box-wrap {
    z-index: 98
}

.video-box-wrap .rVideo-player {
    position: fixed;
    top: calc(100vh - 168.75px - 150px - 50px);
    right: 0;
    z-index: 2;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.16);
    box-shadow: 0 4px 8px rgba(0,0,0,.16)
}

.video-box-wrap.sidebar .rVideo-player {
    top: calc(100vh - 168.75px - 150px - 50px);
    z-index: 3
}

.video-box-wrap.hide .rVideo-player {
    -ms-transform: translate(100%)
}

.video-box-wrap.hide .rVideo-player,.video-box-wrap.hide .rVideo-player-box {
    -webkit-transform: translate(100%);
    transform: translate(100%);
    -webkit-transition: none;
    transition: none
}

.video-box-wrap.hide .rVideo-button>span {
    -webkit-transform: rotate(180deg) translateX(2.5px);
    transform: rotate(180deg) translateX(2.5px);
    height: 30px;
    width: 12px
}

.video-box-wrap.hide.inline .rVideo-player {
    -webkit-transition: none;
    transition: none
}

.video-box-wrap.inline {
    z-index: 2
}

.video-box-wrap.inline .rVideo-button {
    visibility: hidden;
    opacity: 0
}

.video-box-wrap.inline .rVideo-player {
    position: absolute;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 40px;
    width: 100%;
    padding-top: 56.25%
}

.video-box-wrap.inline .rVideo-player-floating {
    visibility: hidden;
    opacity: 0
}

.video-box-wrap.inline.hide .rVideo-player {
    -ms-transform: translate(0);
    -webkit-transform: translate(0);
    transform: translate(0)
}

.video-box-wrap.inline.sidebar .rVideo-next-img {
    width: 90px;
    height: 51px;
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px
}

.video-box-wrap.inline.sidebar .rVideo-next-row {
    padding: 8px 12px;
    gap: 8px
}

.video-box-wrap.inline.sidebar .rVideo-next-title {
    font-size: 14px;
    font-weight: 700
}

.video-box-wrap.inline.sidebar .rVideo-next-second {
    font-size: 10px
}

.video-box-wrap.inline.sidebar .rVideo-next-button {
    height: 32px;
    padding: 0 15px;
    font-size: 12px
}

.video-box-wrap.inline.sidebar .rVideo-player {
    top: 55px
}

.video-box-wrap.inline.sidebar .rVideo-player-title {
    font-size: 16px;
    color: var(--cl-txt);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.video-box-wrap.inline .rVideo-paused {
    bottom: 50px;
    padding: 10px 35px
}

.video-box-wrap.inline .rVideo-paused-lead {
    font-size: 16px
}

.video-box-wrap.inline .rVideo-paused-img {
    -ms-flex-preferred-size: 120px;
    flex-basis: 120px;
    width: 120px;
    padding-top: 67.5px
}

.video-box-wrap.inline .rVideo-paused-title {
    font-size: 14px;
    -webkit-line-clamp: 3
}

.video-box-wrap.inline .rVideo-next-img {
    width: 180px;
    height: 101px;
    -ms-flex-preferred-size: 180px;
    flex-basis: 180px
}

.video-box-wrap.inline .rVideo-next-row {
    padding: 12px 70px;
    gap: 16px
}

.video-box-wrap.inline .rVideo-next-title {
    font-size: 18px;
    font-weight: 500
}

.video-box-wrap.inline .rVideo-next-second {
    font-size: 14px
}

.video-box-wrap.inline .rVideo-next-button {
    height: 40px;
    padding: 0 20px;
    font-size: 16px
}

.video-box-wrap.inline .rVideo-control {
    gap: 25px
}

.video-box-wrap.inline .rVideo-control .rVideo-paused-list {
    padding: 10px 30px
}

.video-box-wrap.inline .rVideo-control .rVideo-paused-img {
    width: 100%;
    padding-top: 56.25%;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.video-box-wrap.inline .rVideo-control .rVideo-paused-box {
    gap: 10px
}

.icoViews {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.957 5.613a8.83 8.83 0 0 0-1.728-2.4 8.045 8.045 0 0 0-11.458 0 8.842 8.842 0 0 0-1.728 2.4.5.5 0 0 0 0 .406 8.837 8.837 0 0 0 1.73 2.4 8.046 8.046 0 0 0 11.456 0 8.847 8.847 0 0 0 1.728-2.4.5.5 0 0 0 0-.406ZM7.5 9.813a6.884 6.884 0 0 1-5-2.078 8.34 8.34 0 0 1-1.444-1.922A8.317 8.317 0 0 1 2.5 3.89a7.042 7.042 0 0 1 9.992 0 8.349 8.349 0 0 1 1.445 1.922 7.433 7.433 0 0 1-6.44 4H7.5Zm0-7a3 3 0 1 0-.005 6 3 3 0 0 0 .005-6Zm0 5a2 2 0 1 1-.003-4 2 2 0 0 1 .003 4Z' fill='%23000'/%3E%3C/svg%3E")
}

.icoArrow {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.625 18.2034L14.375 12.4534L8.625 6.70337' stroke='%23298DCF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.read__article .col-bs9-7 .rVideo-list.slick-slider {
    width: 545px
}

.theme--tekno .rVideo-item.-active:before,.theme--tren .rVideo-item.-active:before {
    border-top: none
}

.theme--tekno .rVideo-item.-active .rVideo-thumb:after,.theme--tren .rVideo-item.-active .rVideo-thumb:after {
    position: absolute;
    content: "Now Playing";
    z-index: 2;
    top: 0;
    left: 0;
    padding: 4px 8px;
    color: #fff;
    font-size: 10px;
    background: #1b63d4
}

.theme--tekno .rVideo-item.-active .rVideo-thumb img,.theme--tren .rVideo-item.-active .rVideo-thumb img {
    border: 2px solid #1b63d4
}

.theme--tren .rVideo-player-link {
    display: block
}

.icoInline {
    position: relative;
    width: 13px;
    height: 13px;
    vertical-align: baseline;
    margin-bottom: -1px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%
}

.icoThumb {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 32px;
    height: 32px
}

.buttonLike.-active .icoLike,.icoLike--fill {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.576 12.715h-4.047l.914-4.1a2.689 2.689 0 0 0-1.019-2.743l-.63-.47a2.01 2.01 0 0 0-2.946.6 49.836 49.836 0 0 1-4.242 6.45.752.752 0 0 0-.678-.43H5.753a.755.755 0 0 0-.753.75v11.785a.748.748 0 0 0 .753.75H9.93a.746.746 0 0 0 .733-.648A4.176 4.176 0 0 0 13.721 26h4.135c.685 0 1.359-.167 1.962-.489a4.143 4.143 0 0 0 1.497-1.354l4.11-6.14a3.4 3.4 0 0 0-1.09-4.817 3.436 3.436 0 0 0-1.76-.485ZM9.177 23.807h-2.67V13.521h2.67v10.286Zm14.995-6.621-4.11 6.139a2.64 2.64 0 0 1-2.206 1.175h-4.135a2.672 2.672 0 0 1-2.12-1.056l-.918-1.216v-7.703c1.574-1.322 3.814-4.9 5.47-7.776a.488.488 0 0 1 .333-.239.505.505 0 0 1 .405.09l.63.47a1.201 1.201 0 0 1 .451 1.219l-1.116 5.013a.747.747 0 0 0 .41.84.757.757 0 0 0 .325.073h4.987a1.927 1.927 0 0 1 1.69 1.01 1.904 1.904 0 0 1-.094 1.96h-.002Z' fill='%23666'/%3E%3Cpath d='M9.578 13.038H6v11.64h3.578l.894-1.791 3.13 2.238 6.71-.448 5.813-8.505-2.683-2.239h-5.814l.894-7.163-1.789-.895-2.236 2.686-4.025 5.372-.894-.895Z' fill='%23666'/%3E%3Cpath stroke='%23fff' d='M10.5 12v13'/%3E%3C/svg%3E")
}

.buttonDislike.-active .icoDislike,.icoDislike--fill {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.55 19.285h4.046l-.914 4.1a2.689 2.689 0 0 0 1.019 2.743l.63.47a2.009 2.009 0 0 0 2.381.024 2 2 0 0 0 .565-.624 49.832 49.832 0 0 1 4.242-6.45.752.752 0 0 0 .678.43h4.175a.755.755 0 0 0 .753-.75V7.443a.749.749 0 0 0-.753-.75h-4.177a.746.746 0 0 0-.733.648A4.175 4.175 0 0 0 18.404 6h-4.135a4.162 4.162 0 0 0-3.459 1.843l-4.11 6.14A3.4 3.4 0 0 0 7.79 18.8c.532.317 1.14.485 1.76.485ZM22.947 8.193h2.67v10.286h-2.67V8.193ZM7.953 14.814l4.11-6.139A2.641 2.641 0 0 1 14.27 7.5h4.135a2.673 2.673 0 0 1 2.12 1.056l.918 1.216v7.703c-1.574 1.322-3.814 4.9-5.47 7.776a.489.489 0 0 1-.333.239.505.505 0 0 1-.405-.09l-.63-.47a1.201 1.201 0 0 1-.451-1.219l1.116-5.013a.746.746 0 0 0-.41-.84.756.756 0 0 0-.325-.073H9.547a1.927 1.927 0 0 1-1.69-1.01 1.905 1.905 0 0 1 .093-1.96h.003Z' fill='%23666'/%3E%3Cpath d='M22.547 18.962h3.578V7.322h-3.578l-.894 1.791-3.13-2.238-6.71.448L6 15.828l2.683 2.239h5.814l-.894 7.163 1.789.895 2.236-2.686 4.025-5.372.894.895Z' fill='%23666'/%3E%3Cpath stroke='%23fff' d='M21.625 20V6'/%3E%3C/svg%3E")
}

.icoShare {
    background-size: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cpath d='M20.5 19c-.5 0-1 .1-1.5.3-.5.2-.9.5-1.2.8l-4.3-2.8c.3-.9.3-1.8 0-2.7l4.3-2.8c.6.7 1.5 1.1 2.4 1.1.9.1 1.8-.2 2.6-.8.7-.6 1.2-1.4 1.4-2.3.2-.9 0-1.9-.5-2.6-.5-.8-1.3-1.3-2.2-1.6-.9-.2-1.8-.1-2.7.3-.8.4-1.5 1.1-1.8 2-.3.9-.3 1.8 0 2.7l-4.3 2.8c-.5-.5-1.2-.9-1.9-1.1-.7-.2-1.5-.1-2.2.2-.7.3-1.3.8-1.7 1.4-.4.6-.6 1.3-.6 2.1 0 .7.2 1.5.6 2.1.4.6 1 1.1 1.7 1.4.7.3 1.5.3 2.2.2.7-.2 1.4-.5 1.9-1.1l4.3 2.8c-.3.7-.3 1.6-.1 2.3.2.8.7 1.5 1.3 2 .6.5 1.4.8 2.2.8.8 0 1.6-.2 2.2-.7.7-.5 1.2-1.1 1.4-1.9.3-.8.3-1.6 0-2.3-.2-.8-.7-1.4-1.4-1.9-.5-.4-1.3-.7-2.1-.7zm0-12c.4 0 .9.1 1.2.4.4.2.7.6.8 1 .2.4.2.9.1 1.3s-.3.8-.6 1.2c-.3.3-.7.5-1.2.6-.4.1-.9 0-1.3-.1-.4-.2-.8-.5-1-.8s-.4-.8-.4-1.2c0-.6.2-1.2.7-1.6.5-.6 1.1-.8 1.7-.8zM10 18.2c-.4 0-.9-.1-1.3-.4-.4-.2-.7-.6-.8-1-.2-.4-.2-.9-.1-1.3s.3-.8.6-1.2c.3-.3.7-.5 1.2-.6.4-.1.9 0 1.3.1.4.2.8.5 1 .8s.4.8.4 1.2c0 .6-.2 1.2-.7 1.6-.4.6-1 .8-1.6.8zM20.5 25c-.4 0-.9-.1-1.2-.4-.4-.2-.7-.6-.8-1-.2-.4-.2-.9-.1-1.3s.3-.8.6-1.2c.3-.3.7-.5 1.2-.6.4-.1.9 0 1.3.1.4.2.8.5 1 .8s.4.8.4 1.2c0 .6-.2 1.2-.7 1.6-.5.6-1.1.8-1.7.8z'/%3E%3C/svg%3E");
    background-color: transparent!important;
    font-size: 0;
    cursor: pointer
}

.icoShare-1 {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='22' viewBox='0 0 19 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5004 14.0001C14.0001 13.9999 13.5049 14.1001 13.044 14.2949C12.5832 14.4896 12.1661 14.7749 11.8175 15.1338L7.49591 12.3555C7.83533 11.4837 7.83533 10.5163 7.49591 9.64452L11.8175 6.86633C12.4663 7.52998 13.3383 7.92913 14.2646 7.98642C15.1909 8.0437 16.1054 7.75504 16.831 7.17638C17.5566 6.59772 18.0415 5.77028 18.1917 4.85446C18.3419 3.93864 18.1467 2.99966 17.644 2.21954C17.1413 1.43941 16.3669 0.873715 15.4708 0.632094C14.5748 0.390474 13.6209 0.490141 12.7942 0.911778C11.9674 1.33341 11.3267 2.04699 10.9961 2.91418C10.6655 3.78137 10.6687 4.74041 11.005 5.6054L6.68329 8.38368C6.16287 7.84932 5.49493 7.4823 4.76483 7.32954C4.03474 7.17678 3.27568 7.24521 2.58469 7.5261C1.89369 7.80698 1.30216 8.28755 0.885716 8.90637C0.469268 9.52519 0.246826 10.2542 0.246826 11.0001C0.246826 11.746 0.469268 12.4749 0.885716 13.0937C1.30216 13.7126 1.89369 14.1931 2.58469 14.474C3.27568 14.7549 4.03474 14.8233 4.76483 14.6706C5.49493 14.5178 6.16287 14.1508 6.68329 13.6164L11.005 16.3946C10.7157 17.1412 10.6729 17.9608 10.8831 18.7335C11.0933 19.5061 11.5452 20.1912 12.1729 20.6884C12.8005 21.1855 13.5708 21.4687 14.3711 21.4965C15.1713 21.5242 15.9594 21.2951 16.62 20.8425C17.2805 20.39 17.7789 19.7379 18.042 18.9817C18.3052 18.2255 18.3194 17.4049 18.0825 16.64C17.8455 15.8752 17.37 15.2062 16.7254 14.7312C16.0809 14.2562 15.3011 13.9999 14.5004 14.0001ZM14.5004 2.00005C14.9455 2.00005 15.3805 2.13201 15.7505 2.37925C16.1205 2.62648 16.4089 2.97788 16.5792 3.38901C16.7495 3.80015 16.794 4.25255 16.7072 4.689C16.6204 5.12546 16.4061 5.52637 16.0914 5.84104C15.7768 6.15571 15.3759 6.37 14.9394 6.45682C14.5029 6.54364 14.0505 6.49908 13.6394 6.32878C13.2283 6.15848 12.8769 5.8701 12.6296 5.50008C12.3824 5.13007 12.2504 4.69506 12.2504 4.25005C12.2511 3.65352 12.4884 3.08161 12.9102 2.6598C13.332 2.23799 13.9039 2.00072 14.5004 2.00005ZM4.00045 13.2501C3.55544 13.2501 3.12042 13.1181 2.75041 12.8709C2.3804 12.6236 2.09201 12.2722 1.92172 11.8611C1.75142 11.45 1.70686 10.9976 1.79368 10.5611C1.8805 10.1246 2.09479 9.72373 2.40946 9.40906C2.72412 9.09439 3.12503 8.8801 3.56149 8.79328C3.99795 8.70647 4.45035 8.75103 4.86148 8.92132C5.27262 9.09162 5.62402 9.38001 5.87125 9.75002C6.11848 10.12 6.25045 10.555 6.25045 11.0001C6.24978 11.5966 6.01251 12.1685 5.5907 12.5903C5.16888 13.0121 4.59698 13.2494 4.00045 13.2501ZM14.5004 20.0001C14.0554 20.0001 13.6204 19.8681 13.2504 19.6209C12.8804 19.3736 12.592 19.0222 12.4217 18.6111C12.2514 18.2 12.2069 17.7476 12.2937 17.3111C12.3805 16.8746 12.5948 16.4737 12.9095 16.1591C13.2241 15.8444 13.625 15.6301 14.0615 15.5433C14.4979 15.4565 14.9503 15.501 15.3615 15.6713C15.7726 15.8416 16.124 16.13 16.3713 16.5C16.6185 16.87 16.7504 17.305 16.7504 17.7501C16.7498 18.3466 16.5125 18.9185 16.0907 19.3403C15.6689 19.7621 15.097 19.9994 14.5004 20.0001Z' fill='%23000'/%3E%3C/svg%3E%0A")
}

.icoBookmark {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 33' style='enable-background:new 0 0 32 33' xml:space='preserve'%3E%3Cpath d='M8 13c0-2.8 0-4.2.9-5.1S11.2 7 14 7h4c2.8 0 4.2 0 5.1.9s.9 2.3.9 5.1v6.8c0 2.7 0 4-.8 4.4-.8.4-1.9-.4-4-2.1l-.7-.5c-1.2-.9-1.8-1.4-2.5-1.4s-1.3.5-2.5 1.4l-.7.5c-2.1 1.7-3.2 2.5-4 2.1-.8-.3-.8-1.7-.8-4.4V13z' style='fill:none;stroke:%23231f20;stroke-width:1.8'/%3E%3C/svg%3E")
}

.buttonBookmark.-active .icoBookmark,.icoBookmark--fill {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 13c0-2.828 0-4.243.879-5.121C9.757 7 11.172 7 14 7h4c2.828 0 4.243 0 5.121.879C24 8.757 24 10.172 24 13v6.828c0 2.683 0 4.024-.844 4.435-.845.41-1.9-.419-4.01-2.076l-.675-.531c-1.186-.932-1.78-1.398-2.471-1.398-.692 0-1.285.466-2.471 1.398l-.675.53c-2.11 1.658-3.165 2.487-4.01 2.077C8 23.853 8 22.51 8 19.828V13Z' fill='%23666' stroke='%23666' stroke-width='1.8'/%3E%3C/svg%3E");
    -webkit-filter: none;
    filter: none
}

.icoBookmark-1 {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='19' viewBox='0 0 14 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.25 0H1.75C1.35231 0.000446645 0.971041 0.158625 0.689833 0.439833C0.408625 0.721041 0.250447 1.10231 0.25 1.5V18C0.25 18.1339 0.285835 18.2653 0.353786 18.3807C0.421738 18.496 0.519327 18.5911 0.636423 18.656C0.753519 18.7209 0.885853 18.7533 1.01969 18.7497C1.15352 18.7462 1.28397 18.707 1.3975 18.636L6.99934 15.1344L12.6025 18.636C12.716 18.707 12.8465 18.7462 12.9803 18.7497C13.1141 18.7533 13.2465 18.7209 13.3636 18.656C13.4807 18.5911 13.5783 18.496 13.6462 18.3807C13.7142 18.2653 13.75 18.1339 13.75 18V1.5C13.7496 1.10231 13.5914 0.721041 13.3102 0.439833C13.029 0.158625 12.6477 0.000446645 12.25 0ZM12.25 16.6469L7.39675 13.614C7.27755 13.5395 7.13981 13.5 6.99925 13.5C6.85869 13.5 6.72095 13.5395 6.60175 13.614L1.75 16.6468V1.5H12.25V16.6469Z' fill='%23000'/%3E%3C/svg%3E%0A")
}

.icoTwitter {
    background-color: #000
}

.icoTwitter:after {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.361 2.398a8.054 8.054 0 0 1-2.325.637 4.055 4.055 0 0 0 1.78-2.24 8.1 8.1 0 0 1-2.57.983 4.051 4.051 0 0 0-6.9 3.692 11.493 11.493 0 0 1-8.344-4.23 4.053 4.053 0 0 0 1.253 5.4 4.036 4.036 0 0 1-1.834-.506v.05a4.051 4.051 0 0 0 3.247 3.97 4.07 4.07 0 0 1-1.829.069 4.052 4.052 0 0 0 3.781 2.81A8.168 8.168 0 0 1 .627 14.71 11.513 11.513 0 0 0 18.338 4.486a8.2 8.2 0 0 0 2.023-2.088Z' fill='%23000'/%3E%3C/svg%3E")
}

.icoDownload {
    background-color: #9b9b9b
}

.icoDownload:after {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.03225 8.14386C4.96132 8.07451 4.90485 7.99179 4.86611 7.90046C4.82738 7.80914 4.80714 7.71104 4.80658 7.61185C4.80601 7.51265 4.82513 7.41433 4.86283 7.32257C4.90053 7.23082 4.95605 7.14745 5.02619 7.0773C5.09632 7.00715 5.17968 6.95161 5.27143 6.9139C5.36318 6.87619 5.4615 6.85705 5.56069 6.8576C5.65989 6.85814 5.75799 6.87836 5.84932 6.91708C5.94065 6.9558 6.02339 7.01226 6.09275 7.08317L8.75 9.73968V1.04999C8.75 0.851075 8.82902 0.66031 8.96967 0.519658C9.11032 0.379006 9.30109 0.299988 9.5 0.299988C9.69891 0.299988 9.88968 0.379006 10.0303 0.519658C10.171 0.66031 10.25 0.851075 10.25 1.04999V9.73968L12.9072 7.08317C12.9766 7.01226 13.0594 6.9558 13.1507 6.91708C13.242 6.87836 13.3401 6.85814 13.4393 6.8576C13.5385 6.85705 13.6368 6.87619 13.7286 6.9139C13.8203 6.95161 13.9037 7.00715 13.9738 7.0773C14.0439 7.14745 14.0995 7.23082 14.1372 7.32257C14.1749 7.41433 14.194 7.51265 14.1934 7.61185C14.1929 7.71104 14.1726 7.80914 14.1339 7.90046C14.0951 7.99179 14.0387 8.07451 13.9678 8.14386L10.0303 12.0804C9.8896 12.221 9.69887 12.3 9.5 12.3C9.30113 12.3 9.1104 12.221 8.96975 12.0804L5.03225 8.14386ZM17.75 10.8C17.5511 10.8 17.3603 10.879 17.2197 11.0197C17.079 11.1603 17 11.3511 17 11.55V16.8H2V11.55C2 11.3511 1.92098 11.1603 1.78033 11.0197C1.63968 10.879 1.44891 10.8 1.25 10.8C1.05109 10.8 0.860322 10.879 0.71967 11.0197C0.579018 11.1603 0.5 11.3511 0.5 11.55V16.8C0.500447 17.1977 0.658625 17.5789 0.939833 17.8602C1.22104 18.1414 1.60231 18.2995 2 18.3H17C17.3977 18.2995 17.779 18.1414 18.0602 17.8602C18.3414 17.5789 18.4996 17.1977 18.5 16.8V11.55C18.5 11.3511 18.421 11.1603 18.2803 11.0197C18.1397 10.879 17.9489 10.8 17.75 10.8Z' fill='%23000'/%3E%3C/svg%3E%0A")
}

.icoDelete {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:none;stroke:%23000;stroke-width:1.8;stroke-linecap:round%7D%3C/style%3E%3Cpath class='st0' d='M10 15v-3M14 15v-3M3 7h18c-.9 0-1.4 0-1.8.2-.5.2-.9.6-1.1 1.1-.1.3-.1.8-.1 1.7v6c0 1.9 0 2.8-.6 3.4s-1.5.6-3.4.6h-4c-1.9 0-2.8 0-3.4-.6C6 18.8 6 17.9 6 16v-6c0-.9 0-1.4-.2-1.8-.2-.5-.5-.8-1-1C4.4 7 3.9 7 3 7h0zM10.1 3.4c.1-.1.4-.2.7-.3.3-.1.8-.1 1.2-.1s.9 0 1.2.1c.3.1.6.2.7.3'/%3E%3C/svg%3E")
}

.icoPlay-1 {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.56242 17.5301C1.39007 17.5301 1.21939 17.4962 1.06015 17.4303C0.900908 17.3644 0.756214 17.2677 0.634336 17.1459C0.512458 17.024 0.415785 16.8793 0.349839 16.7201C0.283893 16.5609 0.249968 16.3902 0.25 16.2178V1.78206C0.250029 1.5489 0.31217 1.31996 0.43003 1.11878C0.54789 0.917596 0.717214 0.751444 0.920587 0.637411C1.12396 0.523377 1.35404 0.465578 1.58716 0.469958C1.82028 0.474339 2.04802 0.540741 2.24697 0.662334L14.0575 7.88018C14.2493 7.99743 14.4078 8.16199 14.5178 8.35809C14.6278 8.55418 14.6855 8.77524 14.6855 9.00007C14.6855 9.2249 14.6278 9.44596 14.5178 9.64206C14.4078 9.83815 14.2493 10.0027 14.0575 10.12L2.24697 17.3379C2.04083 17.4638 1.80395 17.5303 1.56242 17.5302V17.5301ZM1.5625 1.78206V16.2179L13.3731 8.99999L1.5625 1.78206Z' fill='%23000'/%3E%3C/svg%3E%0A")
}

.articleHL-small .articleHL-duration:before,.icoVideo {
    background-size: auto 100%;
    -webkit-filter: invert(58%) sepia(71%) saturate(6560%) hue-rotate(351deg) brightness(96%) contrast(87%);
    filter: invert(58%) sepia(71%) saturate(6560%) hue-rotate(351deg) brightness(96%) contrast(87%);
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E")
}

.icoBurger {
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.25 8C14.25 8.19891 14.171 8.38968 14.0303 8.53033C13.8897 8.67098 13.6989 8.75 13.5 8.75H2.5C2.30109 8.75 2.11032 8.67098 1.96967 8.53033C1.82902 8.38968 1.75 8.19891 1.75 8C1.75 7.80109 1.82902 7.61032 1.96967 7.46967C2.11032 7.32902 2.30109 7.25 2.5 7.25H13.5C13.6989 7.25 13.8897 7.32902 14.0303 7.46967C14.171 7.61032 14.25 7.80109 14.25 8ZM2.5 4.75H13.5C13.6989 4.75 13.8897 4.67098 14.0303 4.53033C14.171 4.38968 14.25 4.19891 14.25 4C14.25 3.80109 14.171 3.61032 14.0303 3.46967C13.8897 3.32902 13.6989 3.25 13.5 3.25H2.5C2.30109 3.25 2.11032 3.32902 1.96967 3.46967C1.82902 3.61032 1.75 3.80109 1.75 4C1.75 4.19891 1.82902 4.38968 1.96967 4.53033C2.11032 4.67098 2.30109 4.75 2.5 4.75ZM13.5 11.25H2.5C2.30109 11.25 2.11032 11.329 1.96967 11.4697C1.82902 11.6103 1.75 11.8011 1.75 12C1.75 12.1989 1.82902 12.3897 1.96967 12.5303C2.11032 12.671 2.30109 12.75 2.5 12.75H13.5C13.6989 12.75 13.8897 12.671 14.0303 12.5303C14.171 12.3897 14.25 12.1989 14.25 12C14.25 11.8011 14.171 11.6103 14.0303 11.4697C13.8897 11.329 13.6989 11.25 13.5 11.25Z" fill="white"/></svg>')
}

.icoFilter {
    width: 36px;
    height: 36px;
    display: inline-table;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4999 16.1246C13.4999 16.3235 13.4209 16.5143 13.2802 16.6549C13.1396 16.7956 12.9488 16.8746 12.7499 16.8746H3.74988C3.55097 16.8746 3.3602 16.7956 3.21955 16.6549C3.0789 16.5143 2.99988 16.3235 2.99988 16.1246C2.99988 15.9257 3.0789 15.7349 3.21955 15.5943C3.3602 15.4536 3.55097 15.3746 3.74988 15.3746H12.7499C12.9488 15.3746 13.1396 15.4536 13.2802 15.5943C13.4209 15.7349 13.4999 15.9257 13.4999 16.1246ZM20.2499 15.3746H16.4999V13.8746C16.4999 13.6757 16.4209 13.4849 16.2802 13.3443C16.1396 13.2036 15.9488 13.1246 15.7499 13.1246C15.551 13.1246 15.3602 13.2036 15.2195 13.3443C15.0789 13.4849 14.9999 13.6757 14.9999 13.8746V18.3746C14.9999 18.5735 15.0789 18.7643 15.2195 18.9049C15.3602 19.0456 15.551 19.1246 15.7499 19.1246C15.9488 19.1246 16.1396 19.0456 16.2802 18.9049C16.4209 18.7643 16.4999 18.5735 16.4999 18.3746V16.8746H20.2499C20.4488 16.8746 20.6396 16.7956 20.7802 16.6549C20.9209 16.5143 20.9999 16.3235 20.9999 16.1246C20.9999 15.9257 20.9209 15.7349 20.7802 15.5943C20.6396 15.4536 20.4488 15.3746 20.2499 15.3746ZM3.74988 8.62451H6.74988C6.94879 8.62451 7.13956 8.5455 7.28021 8.40484C7.42086 8.26419 7.49988 8.07342 7.49988 7.87451C7.49988 7.6756 7.42086 7.48483 7.28021 7.34418C7.13956 7.20353 6.94879 7.12451 6.74988 7.12451H3.74988C3.55097 7.12451 3.3602 7.20353 3.21955 7.34418C3.0789 7.48483 2.99988 7.6756 2.99988 7.87451C2.99988 8.07342 3.0789 8.26419 3.21955 8.40484C3.3602 8.5455 3.55097 8.62451 3.74988 8.62451ZM9.74988 10.8745C9.94879 10.8745 10.1396 10.7955 10.2802 10.6548C10.4209 10.5142 10.4999 10.3234 10.4999 10.1245V8.62451H20.2499C20.4488 8.62451 20.6396 8.5455 20.7802 8.40484C20.9209 8.26419 20.9999 8.07342 20.9999 7.87451C20.9999 7.6756 20.9209 7.48483 20.7802 7.34418C20.6396 7.20353 20.4488 7.12451 20.2499 7.12451H10.4999V5.62451C10.4999 5.4256 10.4209 5.23483 10.2802 5.09418C10.1396 4.95353 9.94879 4.87451 9.74988 4.87451C9.55097 4.87451 9.3602 4.95353 9.21955 5.09418C9.0789 5.23483 8.99988 5.4256 8.99988 5.62451V10.1245C8.99988 10.3234 9.0789 10.5142 9.21955 10.6548C9.3602 10.7955 9.55097 10.8745 9.74988 10.8745Z' fill='%23000'/%3E%3C/svg%3E%0A");
    -webkit-filter: var(--filter-gray_v3);
    filter: var(--filter-gray_v3)
}

.icoFilter,.icoInfo {
    background-repeat: no-repeat;
    background-position: 50%
}

.icoInfo {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 14.9873C10.3452 14.9873 10.625 14.7075 10.625 14.3623C10.625 14.0171 10.3452 13.7373 10 13.7373C9.65482 13.7373 9.375 14.0171 9.375 14.3623C9.375 14.7075 9.65482 14.9873 10 14.9873Z' fill='%23232426'/%3E%3Cpath d='M10 11.5498V10.9248C11.3805 10.9248 12.5 9.94512 12.5 8.7373C12.5 7.52949 11.3805 6.5498 10 6.5498C8.61953 6.5498 7.5 7.52949 7.5 8.7373V9.0498' stroke='%23232426' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 17.7998C14.1421 17.7998 17.5 14.4419 17.5 10.2998C17.5 6.15767 14.1421 2.7998 10 2.7998C5.85786 2.7998 2.5 6.15767 2.5 10.2998C2.5 14.4419 5.85786 17.7998 10 17.7998Z' stroke='%23232426' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 20px;
    height: 20px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    cursor: pointer
}

.-active .icoBookmark-1 {
    -webkit-filter: invert(58%) sepia(71%) saturate(6560%) hue-rotate(351deg) brightness(96%) contrast(87%);
    filter: invert(58%) sepia(71%) saturate(6560%) hue-rotate(351deg) brightness(96%) contrast(87%);
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 19' style='enable-background:new 0 0 14 19;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bstroke:%23000000;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath d='M12.2,0H1.8C1.4,0,1,0.2,0.7,0.4S0.3,1.1,0.2,1.5V18c0,0.1,0,0.3,0.1,0.4c0.1,0.1,0.2,0.2,0.3,0.3s0.2,0.1,0.4,0.1 c0.1,0,0.3,0,0.4-0.1L7,15.1l5.6,3.5c0.1,0.1,0.2,0.1,0.4,0.1c0.1,0,0.3,0,0.4-0.1s0.2-0.2,0.3-0.3c0.1-0.1,0.1-0.2,0.1-0.4V1.5 c0-0.4-0.2-0.8-0.4-1.1C13,0.2,12.6,0,12.2,0z M12.2,16.6l-4.9-3c-0.1-0.1-0.3-0.1-0.4-0.1s-0.3,0-0.4,0.1l-4.9,3V1.5h10.5V16.6z' /%3E%3Crect x='1.5' y='1.3' class='st0' width='11' height='13.3'/%3E%3Crect x='1.1' y='14.9' width='3.2' height='1.7'/%3E%3Crect x='9.7' y='14.9' width='3.2' height='1.7'/%3E%3C/g%3E%3C/svg%3E%0A");
    -webkit-filter: var(--filter-gray2);
    filter: var(--filter-gray2)
}

.copy {
    position: relative;
    margin: 15px 0;
    background-color: var(--bg-warticle);
    border-radius: 6px
}

.copy #expend {
    display: none
}

.copy #expend+.copyContent {
    height: 127px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.copy #expend:checked+.copyContent,.copy #expend:checked~.copyExpand {
    height: 100%
}

.copy #expend:checked~.copyExpand:before {
    content: "Tampilkan sebagian";
    display: inline-block
}

.copy #expend:checked~.copyExpand:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 0
}

.copyContent {
    padding: 12px;
    overflow: hidden;
    color: var(--cl-main)
}

.copyContentText,.copyContentUrl {
    visibility: hidden;
    position: absolute;
    pointer-events: none
}

.copyContent p {
    padding-right: 190px;
    line-height: 1.4
}

.copyTitle {
    max-width: 513px;
    color: var(--cl-main)
}

.copyBtn,.copyTitle {
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-weight: 700
}

.copyBtn {
    position: relative;
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: #007aff;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.copyBtn.copied:after {
    content: attr(data-title);
    position: absolute;
    width: auto;
    top: -40px;
    left: calc(-80% - 25px);
    background: rgba(var(--bg-copy),.8);
    padding: 10px 10px 8px 40px;
    border-radius: 8px;
    white-space: nowrap;
    pointer-events: none;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--cl-copy)
}

.copyBtn.copied:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg data-name='Group 34' transform='translate(-5 -302)'%3E%3Ccircle data-name='Ellipse 23' cx='10' cy='10' r='10' transform='translate(6 303)' fill='%23fff'/%3E%3Cg data-name='Group 33'%3E%3Cpath data-name='Icon awesome-check-circle' d='M27.001 313.001a11 11 0 1 1-11-11 11 11 0 0 1 11 11Zm-12.273 5.824 8.161-8.161a.71.71 0 0 0 0-1l-1-1a.71.71 0 0 0-1 0l-6.663 6.648-3.107-3.107a.71.71 0 0 0-1 0l-1 1a.71.71 0 0 0 0 1l4.613 4.613a.71.71 0 0 0 .996.007Z' fill='%2306d6a0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    left: calc(-80% - 14px);
    top: -34px;
    width: 20px;
    height: 20px;
    z-index: 1;
    pointer-events: none;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.copy>.copyBtn {
    position: absolute;
    right: 10px;
    top: 2px;
    height: 40px
}

.copyExpand {
    background-color: transparent;
    border: none;
    padding: 12px;
    cursor: pointer;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--cl-main);
    border-top: 1px solid var(--br-list-lv2);
    text-align: center;
    width: 100%;
    display: inline-block
}

.copyExpand:before {
    content: "Tampilkan semua"
}

.copyExpand:after,.copyExpand:before {
    display: inline-block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.copyExpand:after {
    content: "";
    width: 7px;
    height: 7px;
    border-bottom: 1px solid var(--cl-main);
    border-right: 1px solid var(--cl-main);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 10px;
    top: -3px;
    position: relative
}

.copyURL {
    position: relative;
    margin: 15px 0;
    background-color: var(--bg-warticle);
    border-radius: 6px;
    padding: 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.copyURL__content {
    position: relative;
    color: var(--cl-main);
    max-width: 513px;
    height: 40px;
    margin: 0;
    padding: 12px 0;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap
}

.discover {
    position: relative;
    padding: 0
}

.discover__menu {
    position: relative;
    display: block;
    padding: 10px 0 20px
}

.discover__menu li {
    display: block
}

.discover__menu li a {
    display: block;
    padding: 6px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--cl-gray-med2);
    letter-spacing: -.16px
}

.discover__menu li a:hover {
    color: var(--yale-blue-500)
}

.discover__menu li a.-new {
    position: relative
}

.discover__menu li a.-new:after {
    content: "NEW";
    position: relative;
    top: -6px;
    left: 5px;
    background: red;
    border-radius: 4px;
    padding: 0 4px;
    z-index: 1;
    font-size: 10px;
    font-weight: bolder;
    color: #fff
}

.theme--edukasi .newest--lifestyle {
    padding-bottom: 20px
}

.theme--edukasi .discover .container {
    background: #fff;
    padding-top: 20px
}

.sectionHeader+.row .discover__menu {
    padding: 0 0 20px
}

.footer-theme {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: 50%;
    z-index: 1;
    pointer-events: none;
    top: 0;
    left: 0
}

.footerMain {
    position: relative;
    margin-top: 60px;
    padding: 60px 0 160px;
    background: #000;
    color: var(--cl-white);
    width: 1100px
}

@media (min-width: 1100px) {
    .footerMain {
        width:100%
    }
}

.footerMain>.container {
    z-index: 1
}

.footerWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 102px;
    padding-bottom: 24px
}

.footerCol-column {
    width: 100%;
    max-width: 222px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 32px;
    -ms-flex-direction: column;
    flex-direction: column
}

.footerCol-column,.footerCol-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.footerCol-nav {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.footerCol-nav.--colNetwork {
    max-width: 125px
}

.footerCol-nav.--colNetwork .footerMenu-wrap {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1
}

.footerLogo {
    display: inline-table;
    width: auto;
    height: 26px
}

.footerLogo img {
    height: 26px;
    -o-object-fit: contain;
    object-fit: contain
}

.footerMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footerMenu-wrap {
    width: 100%;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.footerMenu-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    color: #efefef
}

.footerMenu-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: #999;
    position: relative
}

.footerMenu-link.--linknew: after {
    content:"NEW";
    position: absolute;
    top: -5px;
    right: -22px;
    background: red;
    border-radius: 4px;
    padding: 0 2px;
    z-index: 1;
    font-size: 8px;
    font-weight: 700;
    line-height: 10px;
    color: #fff
}

.footerSosmed-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footerSosmed-wrap~.footerSosmed-wrap {
    margin-top: 8px
}

.footerSosmed-link:hover .iconSos {
    background-color: #666
}

.footerDownload-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 16px
}

.footerDownload-store {
    width: auto;
    height: 32px
}

.footerDownload-store img {
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain
}

.footerAchievement {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footerAchievement-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: gray
}

.footerAchievement-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 13px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footerAchievement-img {
    width: auto;
    height: 40px
}

.footerAchievement-img img {
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain
}

.footerNewsletter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footerNewsletter-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #999
}

.footerNewsletter-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footerNewsletter-link {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: var(--cl-white);
    padding: 12px 16px;
    border-radius: 5px;
    background-color: #0f79c6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footerNewsletter-link:hover {
    color: var(--cl-white);
    background-color: #154ea7
}

.footerNewsletter-link .iconNewsletter {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 16px;
    vertical-align: top;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 0H2C0.9 0 0.00999999 0.9 0.00999999 2L0 14C0 15.1 0.9 16 2 16H18C19.1 16 20 15.1 20 14V2C20 0.9 19.1 0 18 0ZM18 4L10 9L2 4V2L10 7L18 2V4Z' fill='white'/%3E%3C/svg%3E%0A")
}

.footerBottom {
    border-top: 1px solid #515151;
    padding: 24px 0 32px;
    gap: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footerBottom,.footerBottom-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.footerBottom-menu {
    gap: 24px
}

.footerBottom-menu .footerMenu-link,.footerCopyright p {
    font-size: 14px;
    line-height: 20px
}

.footerCopyright p {
    margin: 0;
    font-weight: 400;
    color: #999
}

.iconSos {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 60%;
    aspect-ratio: 1;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    border: 1px solid #fbfbfb
}

.iconSos-facebook {
    background-image: url("data:image/svg+xml,%0A%3Csvg style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 512 512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m374.244 285.825 14.105-91.961h-88.233v-59.677c0-25.159 12.325-49.682 51.845-49.682h40.116V6.214S355.67 0 320.864 0c-72.67 0-120.165 44.042-120.165 123.775v70.089h-80.777v91.961h80.777v222.31A320.565 320.565 0 0 0 250.408 512c16.911 0 33.511-1.324 49.708-3.865v-222.31h74.128Z' fill='%23fff' style='fill-rule:nonzero'/%3E%3C/svg%3E")
}

.iconSos-x {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath fill='%23fff' d='M9.522 6.904 15.48 0h-1.412L8.895 5.995 4.765 0H0l6.247 9.065L0 16.305h1.412l5.461-6.33 4.363 6.33H16l-6.478-9.4ZM7.59 9.145l-.633-.903L1.92 1.06h2.168l4.064 5.796.633.903 5.283 7.535H11.9L7.589 9.145Z'/%3E%3C/svg%3E")
}

.iconSos-instagram {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1164_4575)'%3E%3Cpath d='M10 13.125C11.7259 13.125 13.125 11.7259 13.125 10C13.125 8.27411 11.7259 6.875 10 6.875C8.27411 6.875 6.875 8.27411 6.875 10C6.875 11.7259 8.27411 13.125 10 13.125Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.75 2.5H6.25C4.17893 2.5 2.5 4.17893 2.5 6.25V13.75C2.5 15.8211 4.17893 17.5 6.25 17.5H13.75C15.8211 17.5 17.5 15.8211 17.5 13.75V6.25C17.5 4.17893 15.8211 2.5 13.75 2.5Z' stroke='%23FBFBFB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.0625 6.71875C14.494 6.71875 14.8438 6.36897 14.8438 5.9375C14.8438 5.50603 14.494 5.15625 14.0625 5.15625C13.631 5.15625 13.2812 5.50603 13.2812 5.9375C13.2812 6.36897 13.631 6.71875 14.0625 6.71875Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1164_4575'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.iconSos-youtube {
    background-image: url("data:image/svg+xml,%3Csvg style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 512 512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M501.303 132.765c-5.887-22.03-23.235-39.377-45.265-45.265C416.106 76.8 256 76.8 256 76.8s-160.107 0-200.039 10.7c-22.026 5.888-39.377 23.235-45.264 45.265C0 172.693 0 256.003 0 256.003s0 83.308 10.697 123.232c5.887 22.03 23.238 39.382 45.264 45.269C95.893 435.2 256 435.2 256 435.2s160.106 0 200.038-10.696c22.03-5.887 39.378-23.239 45.265-45.269 10.696-39.924 10.696-123.232 10.696-123.232s0-83.31-10.696-123.238ZM204.797 332.804V179.201l133.019 76.802-133.019 76.801Z' style='fill-rule:nonzero'/%3E%3C/svg%3E")
}

.iconSos-line {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.396 6.81343C17.396 3.05652 13.6296 0 8.99999 0C4.37035 0 0.604004 3.05652 0.604004 6.81343C0.604004 10.1816 3.59442 13.0028 7.62519 13.5356C7.89904 13.5946 8.27127 13.7158 8.36492 13.9495C8.44991 14.162 8.42079 14.4949 8.39246 14.7089C8.39246 14.7089 8.29409 15.3015 8.27285 15.4274C8.23586 15.6399 8.10365 16.2576 8.99999 15.8807C9.89633 15.5037 13.835 13.0335 15.5962 11.0055C16.8128 9.67163 17.396 8.31493 17.396 6.81343Z' fill='%23FBFBFB'/%3E%3Cpath d='M14.6027 8.98329H12.2419C12.2001 8.98329 12.1601 8.96671 12.1306 8.93719C12.1011 8.90767 12.0845 8.86764 12.0845 8.8259V5.16264C12.0845 5.1209 12.1011 5.08086 12.1306 5.05135C12.1601 5.02183 12.2001 5.00525 12.2419 5.00525H14.6027C14.6445 5.00525 14.6845 5.02183 14.714 5.05135C14.7435 5.08086 14.7601 5.1209 14.7601 5.16264V5.75836C14.7601 5.8001 14.7435 5.84014 14.714 5.86965C14.6845 5.89917 14.6445 5.91575 14.6027 5.91575H12.9997V6.53351H14.6027C14.6445 6.53351 14.6845 6.55009 14.714 6.57961C14.7435 6.60912 14.7601 6.64916 14.7601 6.6909V7.29213C14.7601 7.33387 14.7435 7.37391 14.714 7.40342C14.6845 7.43294 14.6445 7.44952 14.6027 7.44952H12.9997V8.06806H14.6027C14.6445 8.06806 14.6845 8.08465 14.714 8.11416C14.7435 8.14368 14.7601 8.18371 14.7601 8.22545V8.82039C14.7608 8.84152 14.7573 8.86258 14.7497 8.88231C14.7422 8.90205 14.7307 8.92006 14.716 8.93526C14.7013 8.95046 14.6837 8.96255 14.6642 8.9708C14.6448 8.97906 14.6239 8.9833 14.6027 8.98329Z' fill='black'/%3E%3Cpath d='M5.87721 8.98334C5.91895 8.98334 5.95899 8.96676 5.9885 8.93725C6.01802 8.90773 6.0346 8.8677 6.0346 8.82595V8.23102C6.0346 8.18927 6.01802 8.14924 5.9885 8.11973C5.95899 8.09021 5.91895 8.07363 5.87721 8.07363H4.27419V5.16191C4.27419 5.12016 4.25761 5.08013 4.22809 5.05062C4.19858 5.0211 4.15854 5.00452 4.1168 5.00452H3.51872C3.47698 5.00452 3.43694 5.0211 3.40743 5.05062C3.37791 5.08013 3.36133 5.12016 3.36133 5.16191V8.82359C3.36133 8.86534 3.37791 8.90537 3.40743 8.93488C3.43694 8.9644 3.47698 8.98098 3.51872 8.98098H5.87957L5.87721 8.98334Z' fill='black'/%3E%3Cpath d='M7.29698 4.99792H6.70204C6.61338 4.99792 6.5415 5.0698 6.5415 5.15846V8.82251C6.5415 8.91117 6.61338 8.98305 6.70204 8.98305H7.29698C7.38564 8.98305 7.45752 8.91117 7.45752 8.82251V5.15846C7.45752 5.0698 7.38564 4.99792 7.29698 4.99792Z' fill='black'/%3E%3Cpath d='M11.3507 4.99792H10.7558C10.7141 4.99792 10.674 5.01451 10.6445 5.04402C10.615 5.07354 10.5984 5.11357 10.5984 5.15532V7.33202L8.92221 5.06796C8.91839 5.06197 8.9139 5.05643 8.90883 5.05144L8.89939 5.04199L8.89073 5.03491H8.88601L8.87736 5.02862H8.87263L8.86398 5.02389H8.85847H8.84981H8.8443H8.83486H8.82856H8.81912H8.81282H8.80417H8.19743C8.15569 5.02389 8.11565 5.04048 8.08614 5.06999C8.05662 5.09951 8.04004 5.13954 8.04004 5.18128V8.84533C8.04004 8.88707 8.05662 8.92711 8.08614 8.95662C8.11565 8.98614 8.15569 9.00272 8.19743 9.00272H8.79315C8.83489 9.00272 8.87493 8.98614 8.90444 8.95662C8.93396 8.92711 8.95054 8.88707 8.95054 8.84533V6.64738L10.6291 8.9138C10.6401 8.92985 10.654 8.94372 10.67 8.95472L10.6795 8.96101H10.6842L10.6921 8.96495H10.6999H10.7054H10.7165C10.7304 8.96838 10.7446 8.97022 10.759 8.97046H11.3507C11.3925 8.97046 11.4325 8.95387 11.462 8.92436C11.4916 8.89484 11.5081 8.85481 11.5081 8.81307V5.15846C11.5086 5.13753 11.5048 5.11673 11.4971 5.09727C11.4893 5.0778 11.4778 5.06008 11.4632 5.04513C11.4485 5.03018 11.431 5.01831 11.4117 5.0102C11.3924 5.00209 11.3717 4.99792 11.3507 4.99792Z' fill='black'/%3E%3C/svg%3E%0A")
}

.footer {
    padding: 0 0 150px;
    background: #000;
    color: #fff;
    border-top: 4px solid #3ca5dd;
    width: 1100px
}

@media (min-width: 1100px) {
    .footer {
        width:100%
    }
}

.footer .logo,.footer .logo img {
    width: 250px
}

.footer__top {
    padding: 10px 0 30px
}

.footer__bottom {
    padding: 30px 0 10px;
    color: #b1b1b1
}

.footer__menu {
    position: relative
}

.footer__menu__item {
    position: relative;
    display: block;
    padding: 3px 0
}

.footer__menu__item--inline {
    padding: 0;
    display: inline-block
}

.footer__menu__item--inline:after {
    content: " -"
}

.footer__menu__item--inline:last-child:after {
    content: ""
}

.footer__menu__link:hover {
    color: #3ca5dd
}

.footer__copy {
    padding: 5px 0
}

.footer__copy a:hover {
    color: #3ca5dd
}

.footer__newsletter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 10px
}

.footer__newsletter__title {
    font-size: 14px;
    line-height: 1;
    color: var(--cl-white);
    margin-right: 16px
}

.footer__newsletter__link {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: var(--cl-white);
    padding: 8px 16px;
    border-radius: 5px;
    background: #1b63d4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.footer__newsletter__link:hover {
    color: var(--cl-white);
    background-color: #154ea7
}

.footer__download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 10px 0 25px;
    gap: 10px
}

.footer__download--app {
    width: 135px;
    height: 45px
}

.footer__download--google {
    width: 152px;
    height: 45px
}

.footer__download img {
    height: 100%
}

.footer .icon-newsletter {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    vertical-align: top;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 8L12 13L4 8V6L12 11L20 6V8Z' fill='white'/%3E%3C/svg%3E")
}

.social {
    position: relative
}

.social__block {
    padding: 15px;
    background: var(--bg-warticle);
    margin: 20px 0 0
}

.social__block__teaser {
    padding: 0 0 5px;
    font-size: 16px;
    font-weight: 400;
    color: var(--cl-main)
}

.social__block.-inline {
    margin-top: 8px;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 12px
}

.social__block.-inline.clearfix:after,.social__block.-inline.clearfix:before {
    content: none
}

.social__block.-inline .social__link {
    width: 30px;
    height: 30px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.social__block.-inline .social__link .icon {
    width: 16px;
    height: 16px
}

.social__block.-inline .social__block__teaser {
    font-size: 14px;
    padding: 0
}

.social__block .social__link {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-size: 15px
}

.social__item {
    display: inline-block;
    padding: 0 2px;
    vertical-align: top
}

.page--read .social__item:nth-child(5),.page--read .social__item:nth-child(6),.page--read .social__item:nth-child(7) {
    display: none
}

.social__link {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    padding: 8px;
    background: #fff;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    text-align: center
}

.social__link--facebook {
    background: #3b5998
}

.social__link--facebook:hover {
    background: #1e2e4f
}

.social__link--twitter,.social__link--twitter:hover,.social__link--x,.social__link--x:hover {
    background: #000
}

.social__link--instagram {
    background: #c13584
}

.social__link--instagram:hover {
    background: #711f4d
}

.social__link--line {
    background: #00c300
}

.social__link--line:hover {
    background: #005d00
}

.social__link--telegram {
    background: #2aabee
}

.social__link--telegram:hover {
    background: #0d71a5
}

.social__link--youtube {
    background: red
}

.social__link--youtube:hover {
    background: #900
}

.social__link--copy {
    background: #e65225
}

.social__link--copy:hover {
    background: #943011
}

.social__link--whatsapp {
    background: #25d366
}

.social__link--whatsapp:hover {
    background: #167c3c
}

.social__link--tiktok {
    background: #010101
}

.social__link--tiktok:hover {
    background: #000
}

.social__link:hover {
    color: #fff;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.social--footer {
    padding: 10px 0
}

.social--header .social__item {
    padding: 0
}

.icon-tiktok,.iconSos-tiktok {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' image-rendering='optimizeQuality' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' viewBox='0 0 2859 3333'%3E%3Cpath d='M2081 0c55 473 319 755 778 785v532c-266 26-499-61-770-225v995c0 1264-1378 1659-1932 753-356-583-138-1606 1004-1647v561c-87 14-180 36-265 65-254 86-398 247-358 531 77 544 1075 705 992-358V1h551z' fill='%23FFF'/%3E%3C/svg%3E")
}

.icon-telegram,.iconSos-telegram {
    background-image: url("data:image/svg+xml,%3Csvg height='512' style='enable-background:new 0 0 512 512' width='512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m484.689 98.231-69.417 327.37c-5.237 23.105-18.895 28.854-38.304 17.972L271.2 365.631l-51.034 49.086c-5.646 5.647-10.371 10.372-21.256 10.372l7.598-107.722L402.539 140.23c8.523-7.598-1.848-11.809-13.247-4.21L146.95 288.614 42.619 255.96c-22.694-7.086-23.104-22.695 4.723-33.579L455.423 65.166c18.893-7.085 35.427 4.209 29.266 33.065z' style='fill:%23fff'/%3E%3C/svg%3E")
}

.icon-whatsapp,.iconSos-whatsapp {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cpath d='M17.498 14.382c-.301-.15-1.767-.867-2.04-.966-.273-.101-.473-.15-.673.15-.197.295-.771.964-.944 1.162-.175.195-.349.21-.646.075-.3-.15-1.263-.465-2.403-1.485-.888-.795-1.484-1.77-1.66-2.07-.174-.3-.019-.465.13-.615.136-.135.301-.345.451-.523.146-.181.194-.301.297-.496.1-.21.049-.375-.025-.524-.075-.15-.672-1.62-.922-2.206-.24-.584-.487-.51-.672-.51-.172-.015-.371-.015-.571-.015-.2 0-.523.074-.797.359-.273.3-1.045 1.02-1.045 2.475s1.07 2.865 1.219 3.075c.149.195 2.105 3.195 5.1 4.485.714.3 1.27.48 1.704.629.714.227 1.365.195 1.88.121.574-.091 1.767-.721 2.016-1.426.255-.705.255-1.29.18-1.425-.074-.135-.27-.21-.57-.345m-5.446 7.443h-.016c-1.77 0-3.524-.48-5.055-1.38l-.36-.214-3.75.975 1.005-3.645-.239-.375c-.99-1.576-1.516-3.391-1.516-5.26 0-5.445 4.455-9.885 9.942-9.885 2.654 0 5.145 1.035 7.021 2.91 1.875 1.859 2.909 4.35 2.909 6.99-.004 5.444-4.46 9.885-9.935 9.885M20.52 3.449C18.24 1.245 15.24 0 12.045 0 5.463 0 .104 5.334.101 11.893c0 2.096.549 4.14 1.595 5.945L0 24l6.335-1.652c1.746.943 3.71 1.444 5.71 1.447h.006c6.585 0 11.946-5.336 11.949-11.896 0-3.176-1.24-6.165-3.495-8.411' fill='%23fff' /%3E%3C/svg%3E")
}

.social--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.social--lensa {
    padding: 10px 0
}

.social--live {
    padding: 0;
    text-align: right
}

.social--article {
    padding: 5px
}

.social--article,.social__share {
    display: inline-block;
    vertical-align: top
}

.social__share {
    text-align: center;
    padding: 2px 10px 0
}

.social__share__count {
    font-size: 18px;
    font-weight: 700;
    line-height: 1
}

.social__share span {
    font-size: 12px;
    font-weight: 300;
    line-height: 1
}

.social__name {
    font-size: 10px;
    padding: 5px 0
}

.social__link--comment {
    background: #71c8f0
}

.social__link--comment:hover {
    background: #18a3e3
}

.social--text {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 17px;
    color: var(--cl-main);
    -ms-flex-preferred-size: 80px;
    flex-basis: 80px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.social--inline {
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.social--fixed {
    background-color: var(--bg-share);
    -webkit-box-shadow: 0 0 10px 0 var(--cl-shadow-nav);
    box-shadow: 0 0 10px 0 var(--cl-shadow-nav);
    height: 46px;
    display: none
}

.social--fixed .social--article {
    -ms-flex-preferred-size: 180px;
    flex-basis: 180px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.social--fixed .social--dshare {
    position: relative;
    font-weight: 500;
    font-size: 17px;
    color: var(--cl-main);
    margin: 0;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: calc(100% - 82px - 180px - 150px - 30px);
    flex-basis: calc(100% - 82px - 180px - 150px - 30px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.nav--sticky .social--fixed {
    display: block
}

.wSocial-overlay {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    z-index: 10;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.wSocial-overlay .social--article,.wSocial-overlay .social__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wSocial-overlay .social__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px
}

.wSocial-overlay .social__link>* {
    pointer-events: none
}

.wSocial-box {
    position: relative;
    border-radius: 8px;
    background: var(--bg-white-lv2);
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.16);
    box-shadow: 0 1px 8px rgba(0,0,0,.16);
    padding: 5px 0
}

.wSocial-box-top {
    padding: 15px 40px 15px 20px;
    border-bottom: 1px solid var(--br-grey-reg)
}

.wSocial-box-bottom,.wSocial-box-top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wSocial-box-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 15px
}

.wSocial-col {
    position: relative;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 15px
}

.wSocial-title {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 500;
    max-height: 45px
}

.wSocial-lead,.wSocial-title {
    line-height: 1.4;
    height: auto;
    overflow: hidden
}

.wSocial-lead {
    margin: 0;
    font-size: 12px;
    max-height: 34px
}

.wSocial-text {
    margin: 0;
    padding: 5px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4
}

.wSocial-img {
    position: relative;
    width: 85px;
    height: 85px;
    -ms-flex-preferred-size: 85px;
    flex-basis: 85px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.wSocial-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.wSocial-close {
    position: absolute;
    top: 13px;
    right: 13px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer;
    height: 34px;
    font-size: 18px;
    font-weight: 700;
    color: var(--cl-main)
}

.wSocial-close>* {
    pointer-events: none
}

.wSocial-close .icon-close {
    position: relative;
    display: block;
    width: 20px;
    height: 20px
}

.wSocial-close .icon-close:after,.wSocial-close .icon-close:before {
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    height: 2px;
    background: var(--cl-main);
    -ms-transform: rotate(45deg) translate(6px,6px);
    -webkit-transform: rotate(45deg) translate(6px,6px);
    transform: rotate(45deg) translate(6px,6px)
}

.wSocial-close .icon-close:before {
    -ms-transform: rotate(-45deg) translate(-6px,6px);
    -webkit-transform: rotate(-45deg) translate(-6px,6px);
    transform: rotate(-45deg) translate(-6px,6px)
}

.wArticle-box .wSocial-overlay.show {
    visibility: visible;
    opacity: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 92%
}

.sectionPageinfo {
    padding: 24px;
    position: relative;
    width: 100%;
    display: inline-table
}

.sectionPageinfo-wrap {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.sectionPageinfo-images {
    width: 100%;
    max-width: 220px
}

.sectionPageinfo-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.sectionPageinfo-content h4 {
    font-size: 20px;
    font-weight: 700;
    color: var(--cl-txt)
}

.sectionPageinfo-content p {
    font-size: 16px;
    font-weight: 400;
    color: var(--cl-gray-med);
    margin: 0
}

.sectionPageinfo .btn-cta {
    margin-top: 4px;
    padding: 12px 24px;
    border-radius: 8px;
    background: var(--cl-kompas);
    display: inline-table;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border: 0;
    outline: 0;
    cursor: pointer
}

.slick-slider {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after,.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    outline: 0;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,.slick-dots li button {
    height: 10px;
    width: 10px;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 10px;
    height: 10px;
    font-family: slick;
    font-size: 6px;
    line-height: 10px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.headline__big .slick-slider {
    margin-bottom: 0
}

.headline__thumb .slick-slider {
    margin-bottom: 15px
}

.article__photo__wrap .slick-slider {
    margin-bottom: 10px
}

.article__photo__wrap .slick-dots {
    top: -35px;
    bottom: auto;
    width: 20%;
    left: 40%
}

.article__photo__wrap .slick-dots li button {
    width: 10px;
    height: 10px;
    background: #ccc;
    border-radius: 20px
}

.article__photo__wrap .slick-dots li.slick-active button {
    background: #ef9021
}

.article__photo__wrap .slick-dots li button:before {
    content: ""
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    background: #000;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden
}

.pswp__bg,.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__container,.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(.4,0,.22,1);
    transition: -webkit-transform 333ms cubic-bezier(.4,0,.22,1);
    transition: transform 333ms cubic-bezier(.4,0,.22,1);
    transition: transform 333ms cubic-bezier(.4,0,.22,1),-webkit-transform 333ms cubic-bezier(.4,0,.22,1)
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container,.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    right: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img,.pswp__item {
    position: absolute;
    left: 0;
    top: 0
}

.pswp__img {
    width: auto;
    height: auto
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100%!important;
    height: auto!important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pswp__button:focus,.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: none;
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
    background: url(../images/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio: 1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:1.1dppx),(min-resolution:105dpi) {
    .pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before {
        background-image:url(../images/default-skin.svg)
    }

    .pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px;
    margin-right: 15px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
    content: "";
    top: 25px;
    background-color: rgba(0,0,0,.3);
    height: 50px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -35px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -35px
}

.pswp__counter,.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25);
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s,-webkit-transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a,.pswp__share-tooltip a:hover {
    color: #000;
    text-decoration: none
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--google:hover {
    background: #d34836;
    color: #fff
}

a.pswp__share--whatsapp:hover {
    background: #43d854;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    position: absolute;
    left: 49%;
    top: 0;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb
}

.pswp__caption__center {
    text-align: left;
    max-width: 780px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(../images/preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: swiper-preloader-spin .5s linear infinite;
    animation: swiper-preloader-spin .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;
    animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position:relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption,.pswp__top-bar {
    background-color: rgba(0,0,0,.5)
}

.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0,0,0,.3)
}

.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar {
    opacity: 1
}

.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none!important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

/*!
 * Datepicker for Bootstrap v1.6.1 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
#datepicker input {
    color: var(--cl-main);
    z-index: 9;
    cursor: pointer
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    font-size: 14px;
    margin: 2px 0 0;
    list-style: none
}

.datepicker {
    background: #f0f0f0;
    border: 1px solid #71c4d6;
    padding: 10px;
    cursor: pointer;
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,.2);
    box-shadow: 2px 2px 10px rgba(0,0,0,.2);
    direction: ltr
}

.datepicker .day {
    background: #dfdfdf
}

.datepicker .new,.datepicker .old {
    background: none
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.datepicker>div {
    display: none
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-spacing: 0;
    border-collapse: separate
}

.datepicker td,.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    color: #fff;
    padding: 7px 12px
}

.datepicker td {
    font-size: 16px;
    color: #000
}

.datepicker th {
    font-size: 16px;
    color: #999
}

.table-striped .datepicker table tr td,.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day.focused,.datepicker table tr td.day:hover {
    background: #3ca5dd;
    cursor: pointer;
    color: #fff
}

.datepicker table tr td.new,.datepicker table tr td.old {
    color: #5e5e5e
}

.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #dfdfdf;
    cursor: default
}

.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0
}

.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover {
    background-color: #71c4d6;
    color: #000
}

.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled] {
    background-color: #71c4d6
}

.datepicker table tr td.today.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active {
    background-color: #fbf069\9
}

.datepicker table tr td.today.active:hover,.datepicker table tr td.today:hover:hover {
    color: #000
}

.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover {
    background: #3ca5dd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(to bottom,#f3c17a,#f3e97a);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled] {
    background-color: #f3e97a
}

.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active {
    background-color: #efe24b\9
}

.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover {
    background-color: #9e9e9e;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled] {
    background-color: grey
}

.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active {
    background-color: #666\9
}

.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover {
    background-color: #006dcc;
    color: #000;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled] {
    background-color: #3ca5dd
}

.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active {
    background-color: #039\9
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer
}

.datepicker table tr td span.focused,.datepicker table tr td span:hover {
    background: #3ca5dd
}

.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover {
    background: 0 0;
    color: #dfdfdf;
    cursor: default
}

.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover {
    background-color: #006dcc;
    color: #000;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled] {
    background-color: #3ca5dd
}

.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active {
    background-color: #039\9
}

.datepicker table tr td span.new,.datepicker table tr td span.old {
    color: #999
}

.datepicker .datepicker-switch {
    width: 145px;
    font-size: 18px;
    color: #2a2a2a
}

.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th {
    cursor: pointer
}

.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover {
    background: #3ca5dd
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.input-append.date .add-on,.input-prepend.date .add-on {
    cursor: pointer
}

.input-append.date .add-on i,.input-prepend.date .add-on i {
    margin-top: 3px
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #000;
    opacity: .8
}

.mfp-bg,.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.mfp-wrap {
    z-index: 1043;
    outline: none!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    right: 10px;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 1;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 50px;
    font-family: Arial,Baskerville,monospace
}

.mfp-close:focus,.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #000;
    position: absolute;
    top: -10px;
    right: -10px;
    background: #fff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    font-size: 32px;
    line-height: 30px
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 18px;
    line-height: 1.2;
    white-space: nowrap
}

.mfp-arrow {
    position: fixed;
    opacity: 1;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 90px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000
}

.mfp-sso .mfp-iframe-scaler {
    padding-top: 710px
}

.mfp-sso .mfp-iframe-holder .mfp-content {
    max-width: 500px
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure,img.mfp-img {
    line-height: 0
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 800px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform:scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

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

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

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

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

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

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

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

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

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

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

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

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

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

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

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

.swiper-centered>.swiper-wrapper:before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

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

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

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

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

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

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

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

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

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

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 10px
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 4px;
    opacity: .2;
    background-color: #000
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: 1
}

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

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

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

.swiper-button-prev:after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.429 18.8216C11.6756 19.0682 11.8141 19.4026 11.8141 19.7513C11.8141 20.1 11.6756 20.4344 11.429 20.681C11.1824 20.9276 10.848 21.0661 10.4993 21.0661C10.1506 21.0661 9.8162 20.9276 9.56963 20.681L0.819628 11.931C0.697268 11.8091 0.600183 11.6642 0.533938 11.5046C0.467694 11.3451 0.433594 11.174 0.433594 11.0013C0.433594 10.8286 0.467694 10.6575 0.533938 10.498C0.600183 10.3384 0.697268 10.1935 0.819628 10.0716L9.56963 1.32161C9.8162 1.07504 10.1506 0.936523 10.4993 0.936523C10.848 0.936523 11.1824 1.07504 11.429 1.32161C11.6756 1.56818 11.8141 1.9026 11.8141 2.2513C11.8141 2.6 11.6756 2.93442 11.429 3.18099L3.60978 11.0002L11.429 18.8216Z' fill='%2336383A'/%3E%3C/svg%3E%0A")
}

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

.swiper-button-next:after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.179 11.929L2.42903 20.679C2.18247 20.9256 1.84805 21.0641 1.49935 21.0641C1.15065 21.0641 0.816228 20.9256 0.569659 20.679C0.323091 20.4325 0.18457 20.098 0.18457 19.7493C0.18457 19.4006 0.323091 19.0662 0.569659 18.8197L8.39107 11.0004L0.571847 3.17903C0.449759 3.05695 0.352913 2.91201 0.286839 2.75249C0.220765 2.59297 0.186757 2.42201 0.186757 2.24935C0.186757 2.07669 0.220765 1.90572 0.286839 1.7462C0.352913 1.58669 0.449759 1.44175 0.571847 1.31966C0.693936 1.19757 0.838875 1.10073 0.998392 1.03465C1.15791 0.968578 1.32888 0.93457 1.50153 0.93457C1.67419 0.93457 1.84516 0.968578 2.00468 1.03465C2.16419 1.10073 2.30913 1.19757 2.43122 1.31966L11.1812 10.0697C11.3034 10.1917 11.4004 10.3367 11.4664 10.4964C11.5325 10.656 11.5664 10.8271 11.5662 10.9998C11.566 11.1725 11.5317 11.3435 11.4652 11.503C11.3988 11.6625 11.3015 11.8072 11.179 11.929Z' fill='%2336383A'/%3E%3C/svg%3E%0A")
}

.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    white-space: nowrap!important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top,#fff 50%,#eee);
    background-image: -o-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),to(#eee));
    background-image: linear-gradient(180deg,#fff 50%,#eee);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top,#eee 50%,#ccc);
    background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#eee),to(#ccc));
    background-image: linear-gradient(180deg,#eee 50%,#ccc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFCCCCCC",GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#fff,#eee 50%);
    background-image: -o-linear-gradient(top,#fff 0,#eee 50%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(50%,#eee));
    background-image: linear-gradient(180deg,#fff 0,#eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#eee 50%,#fff);
    background-image: -o-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#eee),to(#fff));
    background-image: linear-gradient(180deg,#eee 50%,#fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFFFFFFF",GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.kcm {
    position: relative;
    z-index: 9
}

.kcm__giant {
    background: #fafafa
}

.kcm__superbig {
    text-align: center;
    padding: 30px 0
}

.kcm__middle {
    text-align: center;
    padding: 10px 0
}

.kcm__top {
    text-align: center;
    margin: 0 auto
}

.kcm__stick {
    position: fixed;
    top: 141px;
    z-index: 10;
    width: 100%;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.kcm__stick__wrap {
    position: relative;
    width: 100%
}

.kcm__stick__fluid {
    position: absolute;
    width: calc((100% - 1100px)/2);
    display: block;
    top: 0
}

.kcm__stick__fluid img {
    max-width: none
}

.kcm__stick__fluid--left {
    left: 0
}

.kcm__stick__fluid--right {
    right: 0
}

.kcm__stick--sticky {
    -ms-transform: translateY(-107px);
    -webkit-transform: translateY(-107px);
    transform: translateY(-107px);
    top: 165px
}

.kcm__stick--left,.kcm__stick--right {
    min-width: 160px;
    min-height: 600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.kcm__stick--left {
    right: 0;
    position: absolute;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.kcm__stick--right {
    left: 0;
    position: absolute;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.kcm__horizontal {
    margin: 5px 0 0 -15px;
    padding: 0;
    position: fixed;
    bottom: 0;
    width: 1100px;
    z-index: 10;
    height: auto;
    text-align: center;
    background: var(--bg-banner1)
}

.kcm__close {
    position: absolute;
    background: #878787;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 4px;
    left: 50%;
    top: -28px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 30px;
    padding: 4px 4px 4px 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #fff
}

.kcm__close:hover {
    color: #fff
}

.kcm__close__icon {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 16px;
    height: 16px
}

.kcm__close__icon:before {
    content: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8' r='8' fill='white' fill-opacity='0.8'/%3E%3Cpath d='M5.8335 5.33334L11.1668 10.6667' stroke='%23878787' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M11.1665 5.33334L5.83317 10.6667' stroke='%23878787' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")
}

.kcm__swiper__subtitle {
    text-transform: uppercase;
    padding: 5px 0;
    font-size: 18px;
    font-weight: 300;
    color: #444
}

.kcm__swiper__asset {
    height: 400px;
    overflow: hidden
}

.kcm__swiper__title {
    padding: 5px 0;
    font-size: 28px;
    font-weight: 300
}

.kcm__list__advertorial,.kcm__list__advertorial .article__list__asset,.kcm__list__sticky,.kcm__list__sticky .article__list__asset {
    background: #f1f1f1
}

.kcm__list__advertorial .article__title,.kcm__list__sticky .article__title {
    margin-top: 5px
}

.kcm-track {
    position: relative;
    margin: 0;
    min-height: 640px;
    background-color: var(--bg-place);
    padding-top: 30px;
    padding-bottom: 8px
}

.kcm-track:after {
    content: "Iklan — Scroll ke bawah untuk melanjutkan";
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 30px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    color: var(--cl-gray-med);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.kcm-track-sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 60px;
    min-height: 250px;
    margin: 0 auto;
    text-align: center
}

.kcm-track-holder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.kcm-track-close {
    position: sticky;
    position: -webkit-sticky;
    top: 60px;
    opacity: 1;
    z-index: 2;
    visibility: visible;
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 0;
    color: #fff;
    line-height: 1;
    font-size: 23px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    background: transparent
}

.kcm-track-close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 22px;
    height: 22px;
    background: hsla(0,0%,44%,.8);
    border-radius: 50%;
    z-index: -1
}

.kcm__header {
    margin-top: 20px
}

.kcm__header__advertorial {
    padding: 10px 20px;
    letter-spacing: 10px;
    text-transform: uppercase;
    font-size: 20px
}

.kcm__header__advertorial,.kcm__header__brandzview {
    background: var(--bg-gray-med);
    position: relative;
    border-left: 5px solid #3ca5dd;
    color: var(--cl-main)
}

.kcm__header__brandzview {
    padding: 20px;
    font-family: Inter,sans-serif
}

.kcm__header__brandzview__title {
    font-size: 16px;
    font-weight: 600;
    color: #0161b8
}

.kcm__header__brandzview>span,.kcm__header__brandzview__desc {
    display: block;
    color: var(--cl-main);
    margin: 10px 0 15px
}

.kcm__header__brandzview__img {
    height: 80px
}

.banner--sticky {
    height: 250px
}

.banner--sticky .kcm__rectangle {
    position: fixed;
    top: 143px;
    z-index: 10;
    -webkit-animation: bannerfade .7s 3s forwards;
    -moz-animation: bannerfade .7s 3s forwards;
    -ms-animation: bannerfade .7s 3s forwards;
    -o-animation: bannerfade .7s 3s forwards;
    animation: bannerfade .7s 3s forwards
}

@-webkit-keyframes bannerfade {
    0% {
        visibility: visible;
        opacity: 1
    }

    to {
        visibility: hidden;
        opacity: 0
    }
}

@keyframes bannerfade {
    0% {
        visibility: visible;
        opacity: 1
    }

    to {
        visibility: hidden;
        opacity: 0
    }
}

.partner__tanoto {
    background-color: #b0a168;
    margin-bottom: 20px;
    height: 90px
}

.partner__tanoto img {
    height: 90px
}

.hoax__widget {
    color: #fff;
    padding: 50px;
    margin-bottom: 20px
}

.hoax__widget__title {
    font-family: Roboto,sans-serif;
    font-weight: 900;
    font-size: 22px;
    letter-spacing: 2px
}

.hoax__widget__text {
    line-height: 1.4
}

.hoax__widget__button {
    border-radius: 5px;
    padding: 10px;
    display: inline-block;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out
}

.hoax__widget__button--small {
    padding: 3px 8px;
    border-radius: 3px
}

.hoax__widget__button__icon {
    margin: 0 10px
}

.hoax__widget__button__text {
    margin: 0 10px;
    font-family: Roboto,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
    vertical-align: bottom
}

.hoax__widget__button__text--head {
    font-size: 16px
}

.hoax__widget__button__text--thin {
    font-weight: 400
}

.hoax__widget__button--lapor {
    background: #c00;
    margin-right: 10px
}

.hoax__widget__button--lapor:hover {
    background: #494949;
    color: #fff
}

.hoax__widget__button--orange {
    margin-top: 140px;
    margin-left: 10px;
    background: #ff8a00;
    border-radius: 15px
}

.hoax__widget__button--orange:hover {
    background: #ffa33b
}

.hoax__widget__button--other {
    font-size: 15px;
    letter-spacing: 1px;
    padding: 0 5px;
    font-weight: 500
}

.hoax__widget__button--cek {
    background: #ff8a00;
    padding: 12px
}

.hoax__widget__button--cek:hover {
    background: #494949;
    color: #fff
}

.hoax__widget__button--klarifikasi {
    background: #20b766;
    color: #fff
}

.hoax__widget__button--hoax {
    background: #c00;
    color: #fff
}

.hoax__widget__button--sesat {
    background: #000;
    color: #fff
}

.hoax__widget__button--fact {
    background: #09f;
    color: #fff
}

.hoax__widget--artikel {
    padding: 35px
}

.hoax__artikel {
    padding: 20px;
    margin: 16px 0;
    border: 1px solid var(--br-list);
    background: var(--bg-white);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hoax__artikel__title {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0
}

.hoax__artikel__title--fakta {
    color: #090
}

.hoax__artikel__title--hoaks {
    color: #d82425
}

.hoax__artikel__title--sesat {
    color: #f90
}

.hoax__artikel__title--klarifikasi {
    color: #389fdb
}

.hoax__artikel__content {
    min-height: 82px
}

.hoax__artikel__content img {
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.hoax__artikel__text {
    margin: 0;
    font-size: 14px;
    color: var(--cl-main)
}

.hoax__form__title {
    background: #c00;
    padding: 10px;
    display: inline-block;
    color: #fff
}

.hoax__form__title__text {
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase
}

.hoax__form__desc {
    margin: 40px 0;
    color: var(--cl-main)
}

.hoax__email {
    text-decoration: underline
}

.hoaxMenu {
    position: absolute;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    bottom: 40px;
    left: 85px
}

.hoaxMenu__link {
    padding: 10px 20px;
    margin: 0 10px;
    display: block;
    border-radius: 8px;
    border: 1px solid #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    color: #fff
}

.hoaxMenu__link:hover {
    background: #fff;
    color: #000
}

.hoaxAbout {
    position: relative;
    padding-bottom: 25px
}

.hoaxAbout h1 {
    margin: 0;
    font-size: 22px
}

.hoaxAbout h1,.hoaxAbout h2 {
    background: #c00;
    padding: 10px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff
}

.hoaxAbout h2 {
    margin: 20px 0 15px;
    letter-spacing: 1px;
    font-size: 18px
}

.hoax--pad0 {
    padding: 0
}

.hoax__link:hover {
    color: #606060;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease
}

.hoax__link__head:hover {
    color: #fff;
    text-shadow: 0 0 10px #000
}

.hoax__header {
    width: 100%;
    height: 285px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #dcdcdc;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hoax__header .orange {
    color: #ff8a00
}

.hoax__header .text__big {
    font-size: 70px;
    font-weight: 900;
    text-align: center;
    padding: 20px 20px 0 0
}

.hoax__header .text__small {
    font-size: 14px;
    padding-right: 40px
}

.hoax__header .text__top {
    position: absolute;
    width: 100%;
    text-align: center;
    letter-spacing: .5px
}

.hoax__header>.col-bs10-7 {
    height: 100%
}

.hoax__header .hoax__widget__button__icon {
    display: none
}

.hoax__logo {
    position: relative;
    top: 130px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.hoax__logoImg {
    max-height: 60px;
    vertical-align: middle;
    margin: 0 10px
}

.hoax__logoImg.kcm {
    height: 40px
}

.hoax__headline {
    background: #000
}

.hoax__headline,.hoax__headlineBig {
    width: 100%;
    height: 350px;
    position: relative
}

.hoax__headlineBig {
    overflow: hidden
}

.hoax__headlineSmall {
    width: 100%;
    height: 175px;
    position: relative;
    overflow: hidden
}

.hoax__headlineDesc {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,.7);
    color: #fff
}

.hoax__headlineDesc .text {
    font-weight: 600;
    line-height: 1.2;
    margin: 10px 20px
}

.hoax__headlineDesc .textBig {
    font-size: 30px;
    padding: 0 50px
}

.hoax__headlineDesc .textSmall {
    font-size: 17px;
    padding: 0
}

.hoax__img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.hoax__img--small {
    width: unset;
    height: 100%
}

.hoax__list {
    border: 1px solid var(--br-list-lv2);
    margin-bottom: 30px
}

.hoax__listImg {
    position: relative;
    width: 100%;
    height: 130px;
    overflow: hidden;
    background: var(--bg-gray-med)
}

.hoax__list__button {
    position: relative;
    bottom: 11px
}

.hoax__listTitle {
    font-weight: 600;
    font-size: 16px;
    margin: 10px;
    height: 80px;
    overflow: hidden;
    color: var(--cl-main)
}

.hoax__list__etc {
    padding: 5px 10px;
    border-top: 1px solid var(--br-list-lv2);
    width: 100%;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hoax__list__time {
    margin: 0;
    color: #b7b7b7;
    font-size: 12px
}

.hoax__list--social .social__link {
    width: 25px;
    height: 25px;
    padding: 5px;
    font-size: 16px
}

.hoax__list--social .social__link--facebook {
    background: var(--br-list-lv2)
}

.hoax__list--social .social__link--facebook:hover {
    background: #3b5998
}

.hoax__list--social .social__link--twitter {
    background: var(--br-list-lv2)
}

.hoax__list--social .social__link--twitter:hover {
    background: #000
}

.hoax__list--social .social__link--telegram {
    background: var(--br-list-lv2)
}

.hoax__list--social .social__link--telegram:hover {
    background: #2aabee
}

.hoax__list--social .social__link--line {
    background: var(--br-list-lv2)
}

.hoax__list--social .social__link--line:hover {
    background: #00c300
}

.hoax__pagingItem {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    margin: 8px;
    border-radius: 20px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    color: var(--cl-main)
}

.hoax__pagingItem__link {
    padding: 4px 11px;
    display: block
}

.hoax__pagingItem__link:hover {
    color: unset
}

.hoax__pagingItem:first-of-type:before {
    content: ""
}

.hoax__pagingItem:before {
    content: "/";
    position: absolute;
    left: -13px;
    color: #000;
    font-size: 25px
}

.hoax__pagingItem--active {
    background: #c00;
    color: #fff
}

.hoax__pagingItem:hover {
    background: #b7b7b7
}

.hoax__pagingItem:hover .hoax__pagingItem__link {
    color: #fff
}

.read__content h2.hoax__artikel__title {
    font-size: 24px;
    font-weight: 700;
    margin: 0
}

.read__content p.hoax__artikel__text {
    margin: 0;
    font-size: 14px
}

.read__article>*>.hoax__artikel {
    margin: 0 0 16px
}

.hoax__form .form__button.consult__button {
    margin-left: 15px
}

.white-popup {
    position: relative;
    background: #fff;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto
}

.white-popup-title {
    font-size: 22px;
    font-weight: 900;
    margin: 40px 0
}

.white-popup-button {
    color: #fff;
    background: #3ca5dd;
    display: inline-block;
    padding: 10px;
    text-transform: uppercase
}

.white-popup-button:hover {
    background: #228cc4;
    color: #fff
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.factCheck-widget {
    position: relative;
    margin: 20px 0;
    padding: 25px;
    background: var(--bg-gray-bold)
}

.factCheck-info {
    position: relative;
    font-size: 14px;
    line-height: 1.4336;
    color: var(--cl-main)
}

.factCheck-button {
    display: inline-block;
    background: #3ca5dd;
    border: 1px solid #3ca5dd;
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
    padding: 10px 20px;
    border-radius: 6px;
    text-transform: uppercase
}

.factCheck-button:hover {
    color: #fff;
    background: #228cc4;
    border: 1px solid #228cc4
}

.kanalHeader {
    background: #262626;
    width: 1100px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1100px) {
    .kanalHeader {
        width:100%
    }
}

.kanalHeader-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.kanalHeader~.kcm__stick__wrap .kcm__stick {
    top: 189px
}

.kanalHeader~.kcm__stick__wrap .kcm__stick--sticky {
    -webkit-transform: translateY(-130px);
    transform: translateY(-130px)
}

.kanalLogo {
    position: relative
}

.kanalLogo~.kanalMenu {
    padding-left: 16px
}

.kanalLogo~.kanalMenu:after {
    position: absolute;
    width: 1px;
    height: 17px;
    background-color: #666;
    content: "";
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.kanalLogo span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    position: relative;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #fff
}

.kanalLogo img {
    height: 28px
}

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

.kanalMenu ul {
    position: relative;
    gap: 14px
}

.kanalMenu ul,.kanalMenu ul .kanalMenu-subkanal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.kanalMenu ul .kanalMenu-subkanal {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: -10px;
    top: 100%;
    text-align: left;
    z-index: 11;
    min-width: 230px;
    background: #262626;
    padding: 10px 10px 20px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    --gap: 4px;
    gap: var(--gap)
}

.kanalMenu ul .kanalMenu-subkanal li {
    height: auto
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="1"] {
    width: 200px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="1"] li {
    width: calc(100% / 1 - var(--gap) + (var(--gap) / 1))
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="2"] {
    width: 400px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="2"] li {
    width: calc(100% / 2 - var(--gap) + (var(--gap) / 2))
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="3"] {
    width: 600px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="3"] li {
    width: calc(100% / 3 - var(--gap) + (var(--gap) / 3))
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="4"] {
    width: 800px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="4"] li {
    width: calc(100% / 4 - var(--gap) + (var(--gap) / 4))
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="5"] {
    width: 1000px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="5"] li {
    width: calc(100% / 5 - var(--gap) + (var(--gap) / 5))
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="6"] {
    width: 1200px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="6"] li {
    width: calc(100% / 6 - var(--gap) + (var(--gap) / 6))
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="7"] {
    width: 1400px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="7"] li {
    width: calc(100% / 7 - var(--gap) + (var(--gap) / 7))
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="8"] {
    width: 1600px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="8"] li {
    width: calc(100% / 8 - var(--gap) + (var(--gap) / 8))
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="9"] {
    width: 1800px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="9"] li {
    width: calc(100% / 9 - var(--gap) + (var(--gap) / 9))
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="10"] {
    width: 2000px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.kanalMenu ul .kanalMenu-subkanal.--menu[data-col="10"] li {
    width: calc(100% / 10 - var(--gap) + (var(--gap) / 10))
}

.kanalMenu ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

.kanalMenu ul li:last-child .kanalMenu-subkanal {
    left: auto;
    right: -10px
}

.kanalMenu ul li a {
    display: block;
    padding: 4px 0;
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: var(--cl-white)
}

.kanalMenu ul li a:hover {
    color: #e65225
}

.kanalMenu ul li a.active {
    color: var(--cl-white);
    font-weight: 700
}

.kanalMenu ul li a.active:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #e65225;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.kanalMenu ul li a.subkanal--ad {
    color: #8ac9eb
}

.kanalMenu ul li:hover .kanalMenu-subkanal {
    visibility: visible;
    opacity: 1
}

.kanalBacklink {
    margin-left: auto
}

.kanalBacklink a {
    padding: 8px 14px;
    border: 2px solid #da674a;
    color: #da674a;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700
}

.kanalBacklink a:hover {
    background: #da674a;
    color: #fff
}

.kanalDesc-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px
}

.kanalDesc-content,.kanalDesc-title {
    font-family: Inter;
    color: var(--cl-txt)
}

.kanalDesc-content {
    font-size: 16px;
    line-height: 22.4px;
    margin: 8px 0 0
}

.kanalInfo-title {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.2px;
    color: var(--cl-main)
}

.kanalInfo-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin: 8px 0
}

.kanalInfo-detail {
    font-size: 16px;
    line-height: 19.2px;
    color: var(--cl-main)
}

.nav .nav__link--ikn:hover {
    color: #6f887b
}

.nav .nav__link--news:hover {
    color: var(--bg-news)
}

.nav .nav__link--travel:hover {
    color: var(--bg-travel-2)
}

.nav .nav__link--tekno:hover {
    color: var(--bg-tekno-2)
}

.nav .nav__link--otomotif:hover {
    color: var(--bg-otomotif-2)
}

.nav .nav__link--bola:hover {
    color: var(--bg-bola-2)
}

.nav .nav__link--lifestyle:hover {
    color: var(--bg-lifestyle-2)
}

.nav .nav__link--tren:hover {
    color: var(--bg-tren-2)
}

.nav .nav__link--lestari:hover {
    color: #e5233d
}

.nav .nav__link--health:hover {
    color: var(--bg-health-2)
}

.nav .nav__link--money:hover {
    color: var(--bg-money-2)
}

.nav .nav__link--properti:hover {
    color: var(--bg-properti-2)
}

.nav .nav__link--food:hover {
    color: var(--bg-food-2)
}

.nav .nav__link--umkm:hover {
    color: #d8bdbd
}

.nav .nav__link--edukasi:hover {
    color: var(--bg-edukasi-2)
}

.nav .nav__link--sains:hover {
    color: var(--bg-sains-2)
}

.nav .nav__link--jeo:hover {
    color: #e55425
}

.nav .nav__link--parapuan:hover {
    color: #f48
}

.nav .nav__link--hype:hover {
    color: #ff00ea
}

.nav .nav__link--homey:hover {
    color: #d8b370;
    color: #d085ff
}

.nav .nav__link--foto:hover {
    color: #cee2f1
}

.nav .nav__link--video:hover {
    color: #f32952
}

.nav .nav__link--nusaraya:hover {
    color: #c70000
}

.nav .nav__link--kilasdaerah:hover {
    color: #96c8e8
}

.nav .nav__link--cahaya:hover {
    color: #2ecc71
}

[data-kanal=ikn] .kanalLogo span,[data-kanal=ikn] .kanalMenu ul li a:hover {
    color: #6f887b
}

[data-kanal=ikn] .kanalMenu ul li a.active:before,[data-kanal=ikn] .sectionHead.-sc:before {
    background-color: #6f887b
}

[data-kanal=ikn] .sectionTitle:before {
    border-color: #6f887b
}

[data-kanal=ikn] .trendWrap .trendName,[data-kanal=ikn] .trendWrap .trendTitle:hover a {
    color: #6f887b
}

[data-kanal=ikn] .mostList.most_type2 .mostItem-count {
    background-color: #6f887b
}

[data-kanal=travel] .kanalLogo span,[data-kanal=travel] .kanalMenu ul li a:hover {
    color: var(--bg-travel-2)
}

[data-kanal=travel] .kanalMenu ul li a.active:before,[data-kanal=travel] .sectionHead.-sc:before {
    background-color: var(--bg-travel-2)
}

[data-kanal=travel] .sectionTitle:before {
    border-color: var(--bg-travel-2)
}

[data-kanal=travel] .trendWrap .trendName,[data-kanal=travel] .trendWrap .trendTitle:hover a {
    color: var(--bg-travel-2)
}

[data-kanal=travel] .mostList.most_type2 .mostItem-count {
    background-color: var(--bg-travel-2)
}

[data-kanal=news] .kanalLogo span,[data-kanal=news] .kanalMenu ul li a:hover {
    color: var(--bg-news)
}

[data-kanal=news] .kanalMenu ul li a.active:before,[data-kanal=news] .sectionHead.-sc:before {
    background-color: var(--bg-news)
}

[data-kanal=news] .sectionTitle:before {
    border-color: var(--bg-news)
}

[data-kanal=news] .trendWrap .trendName,[data-kanal=news] .trendWrap .trendTitle:hover a {
    color: var(--bg-news)
}

[data-kanal=news] .mostList.most_type2 .mostItem-count {
    background-color: var(--bg-news)
}

[data-kanal=nusaraya] .kanalLogo span,[data-kanal=nusaraya] .kanalMenu ul li a:hover {
    color: #c70000
}

[data-kanal=nusaraya] .kanalMenu ul li a.active:before,[data-kanal=nusaraya] .sectionHead.-sc:before {
    background-color: #c70000
}

[data-kanal=nusaraya] .sectionTitle:before {
    border-color: #c70000
}

[data-kanal=nusaraya] .trendWrap .trendName,[data-kanal=nusaraya] .trendWrap .trendTitle:hover a {
    color: #c70000
}

[data-kanal=nusaraya] .mostList.most_type2 .mostItem-count {
    background-color: #c70000
}

[data-kanal=tekno] .kanalLogo span,[data-kanal=tekno] .kanalMenu ul li a:hover {
    color: var(--bg-tekno-2)
}

[data-kanal=tekno] .kanalMenu ul li a.active:before,[data-kanal=tekno] .sectionHead.-sc:before {
    background-color: var(--bg-tekno-2)
}

[data-kanal=tekno] .sectionTitle:before {
    border-color: var(--bg-tekno-2)
}

[data-kanal=tekno] .trendWrap .trendName,[data-kanal=tekno] .trendWrap .trendTitle:hover a {
    color: var(--bg-tekno-2)
}

[data-kanal=tekno] .mostList.most_type2 .mostItem-count {
    background-color: var(--bg-tekno-2)
}

[data-kanal=otomotif] .kanalLogo span,[data-kanal=otomotif] .kanalMenu ul li a:hover {
    color: var(--bg-otomotif-2)
}

[data-kanal=otomotif] .kanalMenu ul li a.active:before,[data-kanal=otomotif] .sectionHead.-sc:before {
    background-color: var(--bg-otomotif-2)
}

[data-kanal=otomotif] .sectionTitle:before {
    border-color: var(--bg-otomotif-2)
}

[data-kanal=otomotif] .trendWrap .trendName,[data-kanal=otomotif] .trendWrap .trendTitle:hover a {
    color: var(--bg-otomotif-2)
}

[data-kanal=otomotif] .mostList.most_type2 .mostItem-count {
    background-color: var(--bg-otomotif-2)
}

[data-kanal=bola] .kanalLogo span,[data-kanal=bola] .kanalMenu ul li a:hover {
    color: var(--bg-bola-2)
}

[data-kanal=bola] .kanalMenu ul li a.active:before,[data-kanal=bola] .sectionHead.-sc:before {
    background-color: var(--bg-bola-2)
}

[data-kanal=bola] .sectionTitle:before {
    border-color: var(--bg-bola-2)
}

[data-kanal=bola] .trendWrap .trendName,[data-kanal=bola] .trendWrap .trendTitle:hover a {
    color: var(--bg-bola-2)
}

[data-kanal=bola] .mostList.most_type2 .mostItem-count {
    background-color: var(--bg-bola-2)
}

[data-kanal=lifestyle] .kanalLogo span,[data-kanal=lifestyle] .kanalMenu ul li a:hover {
    color: var(--bg-lifestyle-2)
}

[data-kanal=lifestyle] .kanalMenu ul li a.active:before,[data-kanal=lifestyle] .sectionHead.-sc:before {
    background-color: var(--bg-lifestyle-2)
}

[data-kanal=lifestyle] .sectionTitle:before {
    border-color: var(--bg-lifestyle-2)
}

[data-kanal=lifestyle] .trendWrap .trendName,[data-kanal=lifestyle] .trendWrap .trendTitle:hover a {
    color: var(--bg-lifestyle-2)
}

[data-kanal=lifestyle] .mostList.most_type2 .mostItem-count {
    background-color: var(--bg-lifestyle-2)
}

[data-kanal=tren] .kanalLogo span,[data-kanal=tren] .kanalMenu ul li a:hover {
    color: var(--bg-tren-2)
}

[data-kanal=tren] .kanalMenu ul li a.active:before,[data-kanal=tren] .sectionHead.-sc:before {
    background-color: var(--bg-tren-2)
}

[data-kanal=tren] .sectionTitle:before {
    border-color: var(--bg-tren-2)
}

[data-kanal=tren] .trendWrap .trendName,[data-kanal=tren] .trendWrap .trendTitle:hover a {
    color: var(--bg-tren-2)
}

[data-kanal=tren] .mostList.most_type2 .mostItem-count {
    background-color: var(--bg-tren-2)
}

[data-kanal=lestari] .kanalLogo span,[data-kanal=lestari] .kanalMenu ul li a:hover {
    color: #e5233d
}

[data-kanal=lestari] .kanalMenu ul li a.active:before,[data-kanal=lestari] .sectionHead.-sc:before {
    background-color: #e5233d
}

[data-kanal=lestari] .sectionTitle:before {
    border-color: #e5233d
}

[data-kanal=lestari] .trendWrap .trendName,[data-kanal=lestari] .trendWrap .trendTitle:hover a {
    color: #e5233d
}

[data-kanal=lestari] .mostList.most_type2 .mostItem-count {
    background-color: #e5233d
}

[data-kanal=lestari] .kanalLogo a .logo-rotate {
    width: 30px
}

[data-kanal=lestari] .kanalLogo a .logo-text {
    margin: 7px 5px;
    height: auto;
    width: 100px
}

[data-kanal=health] .kanalLogo span,[data-kanal=health] .kanalMenu ul li a:hover {
    color: var(--bg-health-2)
}

[data-kanal=health] .kanalMenu ul li a.active:before,[data-kanal=health] .sectionHead.-sc:before {
    background-color: var(--bg-health-2)
}

[data-kanal=health] .sectionTitle:before {
    border-color: var(--bg-health-2)
}

[data-kanal=health] .trendWrap .trendName,[data-kanal=health] .trendWrap .trendTitle:hover a {
    color: var(--bg-health-2)
}

[data-kanal=health] .mostList.most_type2 .mostItem-count {
    background-color: var(--bg-health-2)
}

[data-kanal=money] .kanalLogo span,[data-kanal=money] .kanalMenu ul li a:hover {
    color: var(--bg-money-2)
}

[data-kanal=money] .kanalMenu ul li a.active:before,[data-kanal=money] .sectionHead.-sc:before {
    background-color: var(--bg-money-2)
}

[data-kanal=money] .sectionTitle:before {
    border-color: var(--bg-money-2)
}

[data-kanal=money] .trendWrap .trendName,[data-kanal=money] .trendWrap .trendTitle:hover a {
    color: var(--bg-money-2)
}

[data-kanal=money] .mostList.most_type2 .mostItem-count {
    background-color: var(--bg-money-2)
}

[data-kanal=properti] .kanalLogo span,[data-kanal=properti] .kanalMenu ul li a:hover {
    color: var(--bg-properti-2)
}

[data-kanal=properti] .kanalMenu ul li a.active:before,[data-kanal=properti] .sectionHead.-sc:before {
    background-color: var(--bg-properti-2)
}

[data-kanal=properti] .sectionTitle:before {
    border-color: var(--bg-properti-2)
}

[data-kanal=properti] .trendWrap .trendName,[data-kanal=properti] .trendWrap .trendTitle:hover a {
    color: var(--bg-properti-2)
}

[data-kanal=properti] .mostList.most_type2 .mostItem-count {
    background-color: var(--bg-properti-2)
}

[data-kanal=food] .kanalLogo span,[data-kanal=food] .kanalMenu ul li a:hover {
    color: var(--bg-food-2)
}

[data-kanal=food] .kanalMenu ul li a.active:before,[data-kanal=food] .sectionHead.-sc:before {
    background-color: var(--bg-food-2)
}

[data-kanal=food] .sectionTitle:before {
    border-color: var(--bg-food-2)
}

[data-kanal=food] .trendWrap .trendName,[data-kanal=food] .trendWrap .trendTitle:hover a {
    color: var(--bg-food-2)
}

[data-kanal=food] .mostList.most_type2 .mostItem-count {
    background-color: var(--bg-food-2)
}

[data-kanal=umkm] .kanalLogo span,[data-kanal=umkm] .kanalMenu ul li a:hover {
    color: #d8bdbd
}

[data-kanal=umkm] .kanalMenu ul li a.active:before,[data-kanal=umkm] .sectionHead.-sc:before {
    background-color: #d8bdbd
}

[data-kanal=umkm] .sectionTitle:before {
    border-color: #d8bdbd
}

[data-kanal=umkm] .trendWrap .trendName,[data-kanal=umkm] .trendWrap .trendTitle:hover a {
    color: #d8bdbd
}

[data-kanal=umkm] .mostList.most_type2 .mostItem-count {
    background-color: #d8bdbd
}

[data-kanal=sains] .kanalLogo span,[data-kanal=sains] .kanalMenu ul li a:hover {
    color: var(--bg-sains-2)
}

[data-kanal=sains] .kanalMenu ul li a.active:before,[data-kanal=sains] .sectionHead.-sc:before {
    background-color: var(--bg-sains-2)
}

[data-kanal=sains] .sectionTitle:before {
    border-color: var(--bg-sains-2)
}

[data-kanal=sains] .trendWrap .trendName,[data-kanal=sains] .trendWrap .trendTitle:hover a {
    color: var(--bg-sains-2)
}

[data-kanal=sains] .mostList.most_type2 .mostItem-count {
    background-color: var(--bg-sains-2)
}

[data-kanal=edukasi] .kanalLogo span,[data-kanal=edukasi] .kanalMenu ul li a:hover {
    color: var(--bg-edukasi-2)
}

[data-kanal=edukasi] .kanalMenu ul li a.active:before,[data-kanal=edukasi] .sectionHead.-sc:before {
    background-color: var(--bg-edukasi-2)
}

[data-kanal=edukasi] .sectionTitle:before {
    border-color: var(--bg-edukasi-2)
}

[data-kanal=edukasi] .trendWrap .trendName,[data-kanal=edukasi] .trendWrap .trendTitle:hover a {
    color: var(--bg-edukasi-2)
}

[data-kanal=edukasi] .mostList.most_type2 .mostItem-count {
    background-color: var(--bg-edukasi-2)
}

[data-kanal=jeo] .kanalLogo span,[data-kanal=jeo] .kanalMenu ul li a:hover {
    color: #e55425
}

[data-kanal=jeo] .kanalMenu ul li a.active:before,[data-kanal=jeo] .sectionHead.-sc:before {
    background-color: #e55425
}

[data-kanal=jeo] .sectionTitle:before {
    border-color: #e55425
}

[data-kanal=jeo] .trendWrap .trendName,[data-kanal=jeo] .trendWrap .trendTitle:hover a {
    color: #e55425
}

[data-kanal=jeo] .mostList.most_type2 .mostItem-count {
    background-color: #e55425
}

[data-kanal=video] .kanalLogo span,[data-kanal=video] .kanalMenu ul li a:hover {
    color: #f32952
}

[data-kanal=video] .kanalMenu ul li a.active:before,[data-kanal=video] .sectionHead.-sc:before {
    background-color: #f32952
}

[data-kanal=video] .sectionTitle:before {
    border-color: #f32952
}

[data-kanal=video] .trendWrap .trendName,[data-kanal=video] .trendWrap .trendTitle:hover a {
    color: #f32952
}

[data-kanal=video] .mostList.most_type2 .mostItem-count {
    background-color: #f32952
}

[data-kanal=parapuan] .kanalLogo span,[data-kanal=parapuan] .kanalMenu ul li a:hover {
    color: #f48
}

[data-kanal=parapuan] .kanalMenu ul li a.active:before,[data-kanal=parapuan] .sectionHead.-sc:before {
    background-color: #f48
}

[data-kanal=parapuan] .sectionTitle:before {
    border-color: #f48
}

[data-kanal=parapuan] .trendWrap .trendName,[data-kanal=parapuan] .trendWrap .trendTitle:hover a {
    color: #f48
}

[data-kanal=parapuan] .mostList.most_type2 .mostItem-count {
    background-color: #f48
}

[data-kanal=hype] .kanalLogo span,[data-kanal=hype] .kanalMenu ul li a:hover {
    color: #ff00ea
}

[data-kanal=hype] .kanalMenu ul li a.active:before,[data-kanal=hype] .sectionHead.-sc:before {
    background-color: #ff00ea
}

[data-kanal=hype] .sectionTitle:before {
    border-color: #ff00ea
}

[data-kanal=hype] .trendWrap .trendName,[data-kanal=hype] .trendWrap .trendTitle:hover a {
    color: #ff00ea
}

[data-kanal=hype] .mostList.most_type2 .mostItem-count {
    background-color: #ff00ea
}

[data-kanal=homey] .kanalLogo span,[data-kanal=homey] .kanalMenu ul li a:hover {
    color: #d8b370
}

[data-kanal=homey] .kanalMenu ul li a.active:before,[data-kanal=homey] .sectionHead.-sc:before {
    background-color: #d8b370
}

[data-kanal=homey] .sectionTitle:before {
    border-color: #d8b370
}

[data-kanal=homey] .trendWrap .trendName,[data-kanal=homey] .trendWrap .trendTitle:hover a {
    color: #d8b370
}

[data-kanal=homey] .mostList.most_type2 .mostItem-count {
    background-color: #d8b370
}

[data-kanal=kolom] .kanalLogo span,[data-kanal=kolom] .kanalMenu ul li a:hover {
    color: #d085ff
}

[data-kanal=kolom] .kanalMenu ul li a.active:before,[data-kanal=kolom] .sectionHead.-sc:before {
    background-color: #d085ff
}

[data-kanal=kolom] .sectionTitle:before {
    border-color: #d085ff
}

[data-kanal=kolom] .trendWrap .trendName,[data-kanal=kolom] .trendWrap .trendTitle:hover a {
    color: #d085ff
}

[data-kanal=kolom] .mostList.most_type2 .mostItem-count {
    background-color: #d085ff
}

[data-kanal=foto] .kanalLogo span,[data-kanal=foto] .kanalMenu ul li a:hover {
    color: #cee2f1
}

[data-kanal=foto] .kanalMenu ul li a.active:before,[data-kanal=foto] .sectionHead.-sc:before {
    background-color: #cee2f1
}

[data-kanal=foto] .sectionTitle:before {
    border-color: #cee2f1
}

[data-kanal=foto] .trendWrap .trendName,[data-kanal=foto] .trendWrap .trendTitle:hover a {
    color: #cee2f1
}

[data-kanal=foto] .mostList.most_type2 .mostItem-count {
    background-color: #cee2f1
}

[data-kanal=kata-netizen] .kanalLogo span,[data-kanal=kata-netizen] .kanalMenu ul li a:hover {
    color: #1cc5c0
}

[data-kanal=kata-netizen] .kanalMenu ul li a.active:before,[data-kanal=kata-netizen] .sectionHead.-sc:before {
    background-color: #1cc5c0
}

[data-kanal=kata-netizen] .sectionTitle:before {
    border-color: #1cc5c0
}

[data-kanal=kata-netizen] .trendWrap .trendName,[data-kanal=kata-netizen] .trendWrap .trendTitle:hover a {
    color: #1cc5c0
}

[data-kanal=kata-netizen] .mostList.most_type2 .mostItem-count {
    background-color: #1cc5c0
}

[data-kanal=cek-fakta] .kanalLogo span,[data-kanal=cek-fakta] .kanalMenu ul li a:hover {
    color: #c00
}

[data-kanal=cek-fakta] .kanalMenu ul li a.active:before,[data-kanal=cek-fakta] .sectionHead.-sc:before {
    background-color: #c00
}

[data-kanal=cek-fakta] .sectionTitle:before {
    border-color: #c00
}

[data-kanal=cek-fakta] .trendWrap .trendName,[data-kanal=cek-fakta] .trendWrap .trendTitle:hover a {
    color: #c00
}

[data-kanal=cek-fakta] .mostList.most_type2 .mostItem-count {
    background-color: #c00
}

[data-kanal=buku] .kanalLogo span,[data-kanal=buku] .kanalMenu ul li a:hover {
    color: #07689a
}

[data-kanal=buku] .kanalMenu ul li a.active:before,[data-kanal=buku] .sectionHead.-sc:before {
    background-color: #07689a
}

[data-kanal=buku] .sectionTitle:before {
    border-color: #07689a
}

[data-kanal=buku] .trendWrap .trendName,[data-kanal=buku] .trendWrap .trendTitle:hover a {
    color: #07689a
}

[data-kanal=buku] .mostList.most_type2 .mostItem-count {
    background-color: #07689a
}

[data-kanal=agri] .kanalLogo span,[data-kanal=agri] .kanalMenu ul li a:hover {
    color: #7c9c5c
}

[data-kanal=agri] .kanalMenu ul li a.active:before,[data-kanal=agri] .sectionHead.-sc:before {
    background-color: #7c9c5c
}

[data-kanal=agri] .sectionTitle:before {
    border-color: #7c9c5c
}

[data-kanal=agri] .trendWrap .trendName,[data-kanal=agri] .trendWrap .trendTitle:hover a {
    color: #7c9c5c
}

[data-kanal=agri] .mostList.most_type2 .mostItem-count {
    background-color: #7c9c5c
}

[data-kanal=kabar-palmerah] .kanalLogo span,[data-kanal=kabar-palmerah] .kanalMenu ul li a:hover {
    color: #a7005a
}

[data-kanal=kabar-palmerah] .kanalMenu ul li a.active:before,[data-kanal=kabar-palmerah] .sectionHead.-sc:before {
    background-color: #a7005a
}

[data-kanal=kabar-palmerah] .sectionTitle:before {
    border-color: #a7005a
}

[data-kanal=kabar-palmerah] .trendWrap .trendName,[data-kanal=kabar-palmerah] .trendWrap .trendTitle:hover a {
    color: #a7005a
}

[data-kanal=kabar-palmerah] .mostList.most_type2 .mostItem-count {
    background-color: #a7005a
}

[data-kanal=konsultasi-hukum] .kanalLogo span,[data-kanal=konsultasi-hukum] .kanalMenu ul li a:hover {
    color: #7dbbb9
}

[data-kanal=konsultasi-hukum] .kanalMenu ul li a.active:before,[data-kanal=konsultasi-hukum] .sectionHead.-sc:before {
    background-color: #7dbbb9
}

[data-kanal=konsultasi-hukum] .sectionTitle:before {
    border-color: #7dbbb9
}

[data-kanal=konsultasi-hukum] .trendWrap .trendName,[data-kanal=konsultasi-hukum] .trendWrap .trendTitle:hover a {
    color: #7dbbb9
}

[data-kanal=konsultasi-hukum] .mostList.most_type2 .mostItem-count {
    background-color: #7dbbb9
}

[data-kanal=stori] .kanalLogo span,[data-kanal=stori] .kanalMenu ul li a:hover {
    color: #95592b
}

[data-kanal=stori] .kanalMenu ul li a.active:before,[data-kanal=stori] .sectionHead.-sc:before {
    background-color: #95592b
}

[data-kanal=stori] .sectionTitle:before {
    border-color: #95592b
}

[data-kanal=stori] .trendWrap .trendName,[data-kanal=stori] .trendWrap .trendTitle:hover a {
    color: #95592b
}

[data-kanal=stori] .mostList.most_type2 .mostItem-count {
    background-color: #95592b
}

[data-kanal=pemilu].kanalHeader {
    background-color: var(--bg-pemilu)
}

[data-kanal=ramadhan].kanalHeader {
    background-color: #e7f2ee
}

[data-kanal=ramadhan] .kanalMenu ul li a {
    color: #1f3d7d;
    font-weight: 500
}

[data-kanal=ramadhan] .kanalMenu ul li a:hover {
    color: #e65225
}

[data-kanal=ramadhan] .kanalBacklink a {
    background-color: #1ab26b;
    border: none;
    color: #fff;
    border-radius: .5rem
}

[data-kanal=kilasdaerah] .kanalLogo span,[data-kanal=kilasdaerah] .kanalMenu ul li a:hover {
    color: #96c8e8
}

[data-kanal=kilasdaerah] .kanalMenu ul li a.active:before,[data-kanal=kilasdaerah] .sectionHead.-sc:before {
    background-color: #96c8e8
}

[data-kanal=kilasdaerah] .sectionTitle:before {
    border-color: #96c8e8
}

[data-kanal=kilasdaerah] .trendWrap .trendName,[data-kanal=kilasdaerah] .trendWrap .trendTitle:hover a {
    color: #96c8e8
}

[data-kanal=kilasdaerah] .mostList.most_type2 .mostItem-count {
    background-color: #96c8e8
}

[data-kanal=cahaya] .kanalLogo span,[data-kanal=cahaya] .kanalMenu ul li a:hover {
    color: #2ecc71
}

[data-kanal=cahaya] .kanalMenu ul li a.active:before,[data-kanal=cahaya] .sectionHead.-sc:before {
    background-color: #2ecc71
}

[data-kanal=cahaya] .sectionTitle:before {
    border-color: #2ecc71
}

[data-kanal=cahaya] .trendWrap .trendName,[data-kanal=cahaya] .trendWrap .trendTitle:hover a {
    color: #2ecc71
}

[data-kanal=cahaya] .mostList.most_type2 .mostItem-count {
    background-color: #2ecc71
}

.breadcrumbList {
    margin-bottom: 16px
}

.breadcrumbList.--new .breadcrumbWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px
}

.breadcrumbList.--new .breadcrumbItem,.breadcrumbList.--new .breadcrumbWrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumbList.--new .breadcrumbItem {
    gap: 4px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: var(--charcoal);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 0
}

.breadcrumbList.--new .breadcrumbItem: not(:last-child) {
    padding-left:0
}

.breadcrumbList.--new .breadcrumbItem: not(:last-child):after {
    content:"";
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' viewBox='0 0 5 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.499953 9.125C0.425783 9.125 0.353278 9.10301 0.291607 9.0618C0.229936 9.0206 0.181869 8.96203 0.153485 8.89351C0.125101 8.82498 0.117675 8.74958 0.132145 8.67683C0.146616 8.60409 0.182334 8.53727 0.234781 8.48483L3.71961 5L0.234781 1.51517C0.164453 1.44484 0.124943 1.34945 0.124943 1.24999C0.124943 1.15054 0.164453 1.05515 0.234781 0.984822C0.305109 0.914495 0.400494 0.874985 0.499953 0.874985C0.599412 0.874985 0.694797 0.914495 0.765125 0.984822L4.51513 4.73482C4.54995 4.76965 4.57758 4.81099 4.59642 4.85649C4.61527 4.90198 4.62497 4.95075 4.62497 5C4.62497 5.04924 4.61527 5.09801 4.59642 5.14351C4.57758 5.18901 4.54995 5.23035 4.51513 5.26517L0.765125 9.01517C0.73034 9.05004 0.689006 9.0777 0.643499 9.09655C0.597992 9.11539 0.549209 9.12506 0.499953 9.125Z' fill='%23999999'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%;
    width: 12px;
    height: 12px;
    display: inline-table;
    margin: 0;
    right: -20px;
    position: absolute
}

.breadcrumbList.--new .breadcrumbItem: last-child:after {
    display:none
}

.breadcrumbList.--new .breadcrumbItem span {
    color: var(--neutral-500);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 400px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 100%
}

.breadcrumbList.--new .breadcrumbLink {
    position: relative;
    display: inline-block
}

.breadcrumbList.--new .breadcrumbLink: hover {
    color:var(--cl-main)
}

.videoHLWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background: var(--bg-edu-grey)
}

.videoHLIframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 10px
}

.videoHLIframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.videoHL-title {
    font-size: 14px;
    line-height: 1.2;
    color: var(--cl-main);
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 67px
}

.videoHL-title,.videoHLDuration {
    font-family: Roboto,sans-serif;
    font-weight: 500
}

.videoHLDuration {
    font-size: 12px;
    line-height: 1;
    color: var(--cl-white);
    background-color: var(--bg-time);
    border-radius: 4px;
    padding: 0 5px;
    position: absolute;
    z-index: 2;
    right: 8px;
    bottom: 8px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.videoHLDuration:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E");
    margin-bottom: 0;
    background-size: auto 100%;
    -webkit-filter: invert(100%) sepia(0) saturate(31%) hue-rotate(59deg) brightness(106%) contrast(107%);
    filter: invert(100%) sepia(0) saturate(31%) hue-rotate(59deg) brightness(106%) contrast(107%);
    width: 12px;
    height: 12px;
    margin-right: 4px
}

.videoHLPlayer {
    width: calc(100% - 330px);
    padding: 15px 10px 15px 15px
}

.videoHLPlayer-title {
    font-size: 32px;
    line-height: 1.2;
    color: var(--cl-main);
    margin: 5px 0;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 76px
}

.videoHLPlayer-date,.videoHLPlayer-title {
    font-family: Roboto,sans-serif;
    font-weight: 400
}

.videoHLPlayer-date {
    font-size: 12px;
    color: var(--cl-gray-lite)
}

.videoHLPlayer-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--cl-gray-video)
}

.videoHLPlayer-channel {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--cl-orange)
}

.videoHLPlayer-row--flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding-top: 3px;
    margin: 0 -8px
}

.videoHLList,.videoHLPlayer-row--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.videoHLList {
    width: 330px;
    padding: 15px 15px 15px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.videoHLItem-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    position: relative;
    padding-left: 10px
}

.videoHLItem-inner.--active: before {
    position:absolute;
    content: "";
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #e65225
}

.videoHLItem-inner .videoHL-thumb {
    width: 141px;
    padding-top: 79.3125px;
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

.videoHLItem-inner .videoHL-thumb img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.videoHLItem-inner .videoHL-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.videoPlaylist {
    position: relative;
    background: #f9f9f9
}

.videoPlaylist__player {
    width: 765px;
    position: relative;
    -ms-flex-item-align: center;
    align-self: center
}

.videoPlaylist__player img {
    width: 100%
}

.videoPlaylist__list {
    height: 430px;
    overflow-y: auto;
    position: relative;
    background-color: var(--Azure-white2);
    scrollbar-width: thin;
    scrollbar-color: #606060 #f9f9f9
}

.videoPlaylist__list::-webkit-scrollbar {
    width: 6px
}

.videoPlaylist__list::-webkit-scrollbar-track {
    background: #f9f9f9
}

.videoPlaylist__list::-webkit-scrollbar-thumb {
    background-color: #606060;
    border-radius: 0;
    border: transparent
}

.videoPlaylist__item {
    border-bottom: 1px solid var(--cl_grey)
}

.videoPlaylist__title {
    margin: 0;
    font-family: Roboto,sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: var(--cl-txt);
    height: auto;
    max-height: 71px;
    overflow: hidden
}

.videoPlaylist__link {
    padding: 10px 15px;
    display: block;
    border-left: 5px solid transparent
}

.videoPlaylist__link--active,.videoPlaylist__link:hover {
    border-left: 5px solid var(--cl_blue);
    background: var(--grey-dark2)
}

.--itemVideo .articleItem .latestDuration: before {
    display:none
}

.playlistAction {
    margin-top: 12px;
    position: relative;
    width: 100%
}

.playlistAction ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.playlistAction .reactionItem {
    width: 40px;
    height: 40px;
    padding: 8px
}

.btn {
    border: 1px solid var(--neutral-200);
    padding: 3px;
    background-color: var(--bg-main);
    border-radius: 40px;
    height: 30px;
    min-width: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btnIcon {
    font-size: 0!important;
    padding: 6px;
    cursor: pointer
}

.btnIcon span {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    -webkit-filter: invert(46%) sepia(4%) saturate(658%) hue-rotate(182deg) brightness(91%) contrast(88%);
    filter: invert(46%) sepia(4%) saturate(658%) hue-rotate(182deg) brightness(91%) contrast(88%);
    width: 100%;
    height: 100%
}

.btnPlayall {
    padding-left: 16px;
    padding-right: 16px;
    gap: 8px;
    font-size: 14px!important;
    font-weight: 600;
    line-height: 16px;
    color: var(--yale-blue-500);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px
}

.btnPlayall span {
    -webkit-filter: invert(40%) sepia(76%) saturate(5826%) hue-rotate(189deg) brightness(93%) contrast(88%);
    filter: invert(40%) sepia(76%) saturate(5826%) hue-rotate(189deg) brightness(93%) contrast(88%);
    position: relative;
    width: 14px;
    height: 14px;
    display: inline-table
}

.btnMeatball {
    border: initial
}

.btnMeatball.-bottom {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    margin-right: 0
}

.btnMeatball .icoMeatball {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: auto;
    margin-right: auto
}

.btnMeatball .icoMeatball,.btnMeatball .icoMeatball:after,.btnMeatball .icoMeatball:before {
    width: 2px;
    height: 2px;
    background-color: #7a8a99
}

.articleHL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.layoutCol.-hl .articleHL {
    padding-bottom: 20px
}

.articleHL-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.layoutCol.-hl .articleHL-box,.sectionHl .colHl-main .articleHL-box {
    min-height: 90px
}

.articleHL .--wcta {
    position: relative
}

.articleHL .--wcta .articleTitle,.articleHL .--wcta a: hover .articleTitle {
    color:var(--neutral-800)!important
}

.articleHL .--wcta: before {
    width:100%;
    left: 0
}

.articleHL .--wcta: after,.articleHL .--wcta:before {
    content:"";
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 2
}

.articleHL .--wcta: after {
    width:50%;
    right: 0;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(50%,var(--bg-white)),to(transparent));
    background: linear-gradient(1turn,var(--bg-white) 50%,transparent)
}

.articleHL .--wcta .btn-main {
    position: absolute;
    right: 24px;
    bottom: 24px;
    width: calc(50% - 48px);
    z-index: 3
}

.articleHL.--video {
    --gap: 16px
}

.articleHL.--video .articleHL-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.articleHL.--video .articleHL-box .articleLead {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0
}

.articleHL.--video .articleHL-box .articleLead p {
    -webkit-line-clamp: 2
}

.articleHL.--video .articleHL-bigType2 .rVideo-player {
    width: 100%;
    aspect-ratio: 16/9
}

.articleHL.--video .articleHL-small .articleItem {
    width: calc(100% / 4 - var(--gap) + (var(--gap) / 4))
}

.articleHL.--video .articleHL-small .articleItem .articleItem-img {
    border-radius: 6px
}

.articleHL.--video .articleHL-big-inner .articleHL-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.articleHL.--videoLive .articleHL-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.articleHL.--videoLive .articleHL-wrap .articleItem {
    -webkit-box-shadow: 0 2px 8px 0 #0000001A;
    box-shadow: 0 2px 8px 0 #0000001A;
    border-radius: 8px
}

.articleHL.--videoLive .articleHL-wrap .articleItem-img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.articleHL.--videoLive .articleHL-wrap .articleItem-box {
    padding: 6px 18px 18px
}

.articleHL .articleHL-big,.articleHL.headline_wp .articleHL-big {
    -webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,.09);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.09);
    border-radius: 8px;
    overflow: hidden
}

.articleHL.headline_wp .swiper-articleHL .swiper-slide,.articleHL .swiper-articleHL .swiper-slide {
    height: auto
}

.articleHL .articleHL-wrap,.articleHL.headline_wp .articleHL-wrap {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 12px
}

.articleHL .articleHL-subtitle,.articleHL.headline_wp .articleHL-subtitle {
    background-color: var(--yale-blue-100);
    border-radius: 12px
}

.articleHL .articleHL-subtitle.clSponsored,.articleHL.headline_wp .articleHL-subtitle.clSponsored {
    background-color: #1583cc;
    color: var(--cl-white)
}

.articleHL .articleHL-img,.articleHL .articleHL-video,.articleHL.headline_wp .articleHL-img,.articleHL.headline_wp .articleHL-video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    height: auto;
    background: var(--bg-gray-med)
}

.articleHL .articleHL-img:after,.articleHL .articleHL-video:after,.articleHL.headline_wp .articleHL-img:after,.articleHL.headline_wp .articleHL-video:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    pointer-events: none
}

.articleHL .articleHL-img iframe,.articleHL .articleHL-img img,.articleHL .articleHL-video iframe,.articleHL .articleHL-video img,.articleHL.headline_wp .articleHL-img iframe,.articleHL.headline_wp .articleHL-img img,.articleHL.headline_wp .articleHL-video iframe,.articleHL.headline_wp .articleHL-video img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.articleHL .articleHL-img iframe,.articleHL .articleHL-video iframe,.articleHL.headline_wp .articleHL-img iframe,.articleHL.headline_wp .articleHL-video iframe {
    border-radius: 8px 8px 0 0
}

.articleHL .articleHL-img img,.articleHL .articleHL-video img,.articleHL.headline_wp .articleHL-img img,.articleHL.headline_wp .articleHL-video img {
    -o-object-fit: cover;
    object-fit: cover
}

.articleHL .articleHL-img .hlDuration:before,.articleHL .articleHL-video .hlDuration:before,.articleHL.headline_wp .articleHL-img .hlDuration:before,.articleHL.headline_wp .articleHL-video .hlDuration:before {
    display: none
}

.articleHL .articleHL-big .articleHL-wrap,.articleHL.headline_wp .articleHL-big .articleHL-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.articleHL-small .articleHL .articleHL-big .articleHL-wrap .articleHL-duration:before,.articleHL-small .articleHL.headline_wp .articleHL-big .articleHL-wrap .articleHL-duration:before,.articleHL .articleHL-big .articleHL-wrap .articleHL-small .articleHL-duration:before,.articleHL .articleHL-big .articleHL-wrap .icoVideo,.articleHL.headline_wp .articleHL-big .articleHL-wrap .articleHL-small .articleHL-duration:before,.articleHL.headline_wp .articleHL-big .articleHL-wrap .icoVideo {
    -webkit-filter: invert(100%) sepia(93%) saturate(28%) hue-rotate(107deg) brightness(106%) contrast(109%);
    filter: invert(100%) sepia(93%) saturate(28%) hue-rotate(107deg) brightness(106%) contrast(109%);
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E")
}

.articleHL .articleHL-big .articlePost-date,.articleHL.headline_wp .articleHL-big .articlePost-date {
    color: var(--neutral-600)
}

.articleHL .articleHL-big .articleTitle,.articleHL.headline_wp .articleHL-big .articleTitle {
    color: #fff;
    margin: 8px 0;
    height: auto;
    position: relative;
    width: 100%;
    z-index: 1
}

.layoutCol.-hl .articleHL .articleHL-big .articleTitle,.layoutCol.-hl .articleHL.headline_wp .articleHL-big .articleTitle {
    font-size: 20px;
    line-height: 120%
}

.articleHL .articleHL-big .articleHL-wrap,.articleHL.headline_wp .articleHL-big .articleHL-wrap {
    gap: 0;
    height: 100%
}

.articleHL .articleHL-big .articleHL-item,.articleHL.headline_wp .articleHL-big .articleHL-item {
    height: 100%
}

.articleHL .articleHL-big .articleHL-box,.articleHL.headline_wp .articleHL-big .articleHL-box {
    position: relative;
    bottom: 0;
    width: 100%;
    background-color: var(--bg-white);
    height: 100%;
    overflow: hidden
}

.articleHL .articleHL-big .articleHL-box:before,.articleHL.headline_wp .articleHL-big .articleHL-box:before {
    background-color: transparent
}

.articleHL .articleHL-big .articleTitle,.articleHL.headline_wp .articleHL-big .articleTitle {
    color: var(--neutral-800);
    -webkit-line-clamp: 2;
    margin-top: 0;
    margin-bottom: 8px;
    width: auto
}

.articleHL .articleHL-big .articlePost-subtitle,.articleHL.headline_wp .articleHL-big .articlePost-subtitle {
    color: var(--neutral-600)
}

.articleHL .articleHL-small .articleTitle,.articleHL.headline_wp .articleHL-small .articleTitle {
    font-size: 14px;
    -webkit-line-clamp: 4;
    padding: 0;
    line-height: 1.3;
    height: auto
}

.articleHL-big {
    position: relative;
    overflow: hidden
}

.articleHL-bigHighlight.--hlLatest {
    margin-bottom: 16px
}

.articleHL-bigHighlight.--hlLatest .articleHL-img {
    width: 400px;
    height: auto;
    aspect-ratio: 16/9
}

.articleHL-bigHighlight .articleHL-wrap {
    background: var(--cl-kgnow-grey_1);
    border-radius: 8px;
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
}

.articleHL-bigHighlight .articleHL-wrap.--boxsq {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.articleHL-bigHighlight .articleHL-wrap.--boxsq .articleTitle {
    -webkit-line-clamp: 3
}

.articleHL-bigHighlight .articleHL-wrap.--boxsq .articleHL-img {
    width: 236px;
    height: 236px
}

.articleHL-bigHighlight .articleHL-subtitle {
    top: 15px;
    left: 15px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1
}

.articleHL-bigHighlight .articleHL-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.articleHL-bigHighlight .articleHL-box h1 {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    color: var(--cl-txt);
    -webkit-line-clamp: 5;
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.articleHL-bigHighlight .articleHL-img {
    position: relative;
    overflow: hidden;
    width: 485px;
    height: 274px;
    background: var(--bg-gray-med);
    border-radius: 0;
    padding-top: 0
}

.articleHL-bigHighlight .articlePost ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0
}

.articleHL-bigHighlight .articlePost ul li:after {
    display: none
}

.articleHL-bigType2 {
    position: relative;
    overflow: hidden;
    background-color: var(--neutral-50);
    border-radius: 8px
}

.articleHL-bigType2:hover .articleTitle {
    color: var(--yale-blue-500)
}

.articleHL-bigType2 .articleHL-box {
    position: relative;
    padding: 24px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.articleHL-bigType2 .articleHL-box p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: var(--cl-gray-med);
    margin: 0
}

.articleHL-bigType2 .articleHL-wrap {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
}

.articleHL-bigType2 .articleHL-img {
    width: 50%;
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/9;
    padding-top: 0
}

.articleHL-bigType2 .articleHL-img iframe,.articleHL-bigType2 .articleHL-img img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.articleHL-bigType2 .articleHL-img iframe:after,.articleHL-bigType2 .articleHL-img img:after {
    width: 0;
    height: 0
}

.articleHL-bigType2 .articleTitle {
    font-size: 20px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 0
}

.articleHL-bigType2 .articleLead {
    margin: 0
}

.articleHL-bigType2 .articleLead p {
    -webkit-line-clamp: 2;
    height: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.articleHL-bigType2~.articleHL-small {
    position: relative;
    --gap: 16px;
    gap: var(--gap)
}

.articleHL-bigType2~.articleHL-small .articleHL-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.articleHL-bigType2~.articleHL-small .articleItem {
    width: calc(100% / 3 - var(--gap) + (var(--gap) / 3))
}

.articleHL-big-inner {
    position: relative;
    border-radius: 12px;
    overflow: hidden
}

.articleHL-big-inner.swiper-articleHL.swiper-initialized .swiper-button:not(.swiper-button-disabled) {
    opacity: 1;
    visibility: visible
}

.articleHL-big-inner.swiper-articleHL .swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.articleHL-big-inner.swiper-articleHL .swiper-slide,.articleHL-big-inner.swiper-articleHL .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.articleHL-big-inner.swiper-articleHL .swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.articleHL-big-inner.swiper-articleHL .swiper-slide .articleHL-img {
    border-radius: 0
}

.articleHL-big-inner.swiper-articleHL .swiper-pagination {
    position: absolute;
    bottom: 15px;
    width: auto;
    right: 0;
    left: auto;
    z-index: 1
}

.articleHL-big-inner.swiper-articleHL .swiper-pagination.disabled {
    opacity: 0;
    visibility: hidden
}

.articleHL-big-inner.swiper-articleHL .swiper-pagination span {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 0 4px;
    background-color: #d9d9d9;
    width: 8px;
    height: 8px;
    opacity: 1;
    border-radius: 100%
}

.articleHL-big-inner.swiper-articleHL .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #e65225
}

.articleHL-big-inner.swiper-articleHL .swiper-button {
    position: absolute;
    z-index: 1;
    top: calc((100% - 110px - 32px) / 2);
    margin: auto;
    width: 32px;
    height: 32px;
    background-color: rgba(51,51,51,.8);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden
}

.layoutCol.-hl .articleHL-big-inner.swiper-articleHL .swiper-button,.sectionHl .colHl-main .articleHL-big-inner.swiper-articleHL .swiper-button {
    top: calc((100% - 90px - 32px) / 2)
}

.articleHL-big-inner.swiper-articleHL .swiper-button.swiper-button-disabled {
    opacity: 0;
    visibility: hidden
}

.articleHL-big-inner.swiper-articleHL .swiper-button-prev {
    left: 15px
}

.articleHL-big-inner.swiper-articleHL .swiper-button-prev span {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.articleHL-big-inner.swiper-articleHL .swiper-button-next {
    right: 15px
}

.articleHL-big-inner.swiper-articleHL .swiper-button span {
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9.31104L5 5.31104L1 1.31104' stroke='%23333333' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 8px auto;
    width: 10px;
    height: 20px;
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(7463%) hue-rotate(39deg) brightness(111%) contrast(95%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(7463%) hue-rotate(39deg) brightness(111%) contrast(95%)
}

.articleHL-big .articleHL-box {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    width: calc(100% - 32px);
    left: 50%;
    bottom: 16px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 12px 16px 16px;
    min-height: 110px
}

.articleHL-big .articleHL-box:before {
    background: #00000080;
    pointer-events: none;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
    z-index: -1
}

.articleHL-big .articleHL-box .articleTitle {
    font-size: 24px;
    margin-top: 0;
    margin-right: 40px;
    color: var(--neutral-800)
}

.articleHL-big.--big2 .articleHL-img {
    height: 416.25px
}

.articleHL-big .articleHL-item {
    border-radius: 8px;
    overflow: hidden
}

.articleHL-big .articleHL-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16/9;
    background: var(--bg-gray-med)
}

.articleHL-big .articleHL-img .hlDuration {
    right: 16px;
    bottom: 16px;
    font-size: 14px;
    font-weight: 600
}

.layoutCol.-hl .articleHL-big .articleHL-img .hlDuration,.sectionHl .colHl-main .articleHL-big .articleHL-img .hlDuration {
    right: 8px;
    bottom: 8px;
    font-size: 12px
}

.articleHL-big .articlePost-subtitle {
    color: var(--neutral-600)
}

.articleHL-big .articlePost-subtitle.clBrandzview {
    color: #0161b8
}

.articleHL-big .articleTitle {
    font-size: 32px;
    line-height: 1.3;
    margin-bottom: 5px;
    -webkit-line-clamp: 2;
    height: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.articleHL-big .articleLead {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--cl-white)
}

.articleHL-big .articlePost {
    color: var(--cl-txt)
}

.articleHL-big .articlePost-date,.articleHL-big .articlePost-subtitle,.articleHL-big .articlePost ul li {
    color: var(--cl-white)
}

.articleHL-small.--Grid .articleHL-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    --gap: 16px;
    gap: var(--gap);
    row-gap: 24px
}

.articleHL-small.--Grid .articleItem {
    width: calc(100% / 3 - var(--gap) + (var(--gap) / 3))
}

.articleHL-small.--Grid .articleItem .articlePost ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0
}

.articleHL-small.--Grid .articleItem .articlePost ul li: after {
    display:none
}

.articleHL-small .articleHL-wrap {
    gap: 16px
}

.articleHL-small .articleHL-wrap .articleTitle {
    margin: 8px 0
}

.articleHL-small .articleHL-wrap .articlePost ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0
}

.articleHL-small .articleHL-wrap .articlePost ul li:after {
    display: none
}

.articleHL-small .articleItem {
    width: 33.33333%
}

.articleHL-subtitle {
    background-color: var(--cl-white);
    padding: 0 10px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 8px;
    left: 8px;
    position: absolute;
    z-index: 2;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--yale-blue-500);
    border-radius: 30px
}

.articleHL-subtitle.clBrandzview,.articleHL-subtitle.clSponsored {
    color: var(--cl-white);
    background-color: var(--yale-blue-500)
}

.articleHL-big .articleHL-duration {
    font-size: 14px;
    height: 26px;
    right: 16px;
    bottom: 16px
}

.articleHL-small .articleHL-duration:before {
    content: "";
    margin-bottom: 0;
    -webkit-filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
    filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
    width: 13px;
    height: 13px;
    margin-right: 4px
}

.articleHL-item {
    position: relative
}

.articleList {
    --gap: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--gap)
}

.articleList.mtb-4 {
    margin: 40px 0
}

.articleList .articleItem {
    width: calc(100% / 4 - var(--gap) + (var(--gap) / 4))
}

.articleList:not(.-list) .articlePost ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0
}

.articleList:not(.-list) .articlePost ul li:after {
    display: none
}

.articleList.-video .articleItem-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.articleList.-video .articleItem-box .articleLead {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.articleList.-video .articleItem-box .articleLead p {
    -webkit-line-clamp: 2;
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.articleList.-listGrid {
    --gap: 16px;
    gap: var(--gap);
    row-gap: 30px
}

.articleList.-listGrid .articleItem {
    width: calc(100% / 3 - var(--gap) + (var(--gap) / 3))
}

.articleList.-listGrid .articleItem .articlePost ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0
}

.articleList.-listGrid .articleItem .articlePost ul li:after {
    display: none
}

.articleList.-list {
    --gap: 32px;
    gap: var(--gap)
}

.articleList.-list.-listType2 {
    position: relative;
    --left: 64px;
    --bottom: 60px;
    --sizedot: 16px
}

.articleList.-list.-listType2 .articleItem:first-child {
    -webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,.09);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.09);
    border-radius: 8px;
    overflow: hidden
}

.articleList.-list.-listType2 .articleItem:first-child .articleItem-wrap {
    gap: 0;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.articleList.-list.-listType2 .articleItem:first-child .articleItem-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16/9;
    background: var(--bg-gray-med)
}

.articleList.-list.-listType2 .articleItem:first-child .articleItem-img:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 300px;
    bottom: 0;
    left: 0;
    background: #000;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(4%,#000),color-stop(60%,hsla(0,0%,100%,0)));
    background: linear-gradient(0deg,#000 4%,hsla(0,0%,100%,0) 60%);
    pointer-events: none
}

.articleList.-list.-listType2 .articleItem:first-child .articleItem-box {
    position: relative;
    bottom: 0;
    width: 100%;
    background-color: var(--bg-white);
    overflow: hidden;
    padding: 12px 16px 16px;
    min-height: 110px
}

.articleList.-list.-listType2 .articleItem:first-child .articleItem-box .articleTitle {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 5px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.articleList.-list.-listTimeline {
    position: relative;
    --left: 64px;
    --bottom: 60px;
    --sizedot: 16px
}

.articleList.-list.-listTimeline:before {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,var(--grey-charcoal)));
    background: linear-gradient(180deg,transparent 50%,var(--grey-charcoal) 0);
    background-size: 2px 12px,100% 2px;
    width: 2px;
    height: calc(100% - 400px - var(--sizedot));
    border: none;
    position: absolute;
    content: "";
    left: 31px;
    bottom: calc(66px + (var(--sizedot) / 2));
    z-index: 3
}

.articleList.-list.-listTimeline .articleItem:first-child .articleItem-img {
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 418px;
    background: var(--bg-gray-med)
}

.articleList.-list.-listTimeline .articleItem:first-child .articleItem-img:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 300px;
    bottom: 0;
    left: 0;
    background: #000;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(4%,#000),color-stop(60%,hsla(0,0%,100%,0)));
    background: linear-gradient(0deg,#000 4%,hsla(0,0%,100%,0) 60%);
    pointer-events: none
}

.articleList.-list.-listTimeline .articleItem:first-child .articleItem-box {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 12px 30px 12px var(--left);
    width: 100%
}

.articleList.-list.-listTimeline .articleItem:first-child .articleItem-box .articleTitle {
    color: var(--cl-white);
    margin-top: 0;
    margin-bottom: 8px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.articleList.-list.-listTimeline .articleItem:first-child .articleItem-box:before {
    width: var(--sizedot);
    height: var(--sizedot);
    background-color: var(--grey-charcoal);
    border-radius: 100%;
    position: absolute;
    content: "";
    left: calc((var(--left) / 2) - (var(--sizedot) / 2));
    bottom: var(--bottom);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.articleList.-list.-listTimeline .articleItem:not(:first-child) {
    padding-left: var(--left)
}

.articleList.-list.-listTimeline .articleItem:not(:first-child):before {
    width: var(--sizedot);
    height: var(--sizedot);
    background-color: var(--grey-charcoal);
    border-radius: 100%;
    position: absolute;
    content: "";
    left: calc((var(--left) / 2) - (var(--sizedot) / 2));
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.articleList.-list .articleItem {
    width: 100%
}

.articleList.-list .articleItem-wrap {
    gap: 16px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.articleList.-list .articleItem-wrap:has(.articleMore) {
    padding-right: 100px
}

.articleList.-list .articleItem-img {
    width: 236px
}

.articleList.-list .articleItem-box {
    width: calc(100% - 236px - 16px)
}

.articleList.-list .articleTitle {
    font-size: 20px
}

.articleList.-listGrid_2 .articleItem {
    width: calc(100% / 2 - var(--gap) + (var(--gap) / 2))
}

.articleList.-listGrid_2 .articleTitle {
    -webkit-line-clamp: 2;
    height: 40px;
    margin: 8px 0
}

.articleList.-mostlist {
    --gap: 15px;
    gap: var(--gap)
}

.articleList.-mostlist .articleItem {
    width: 100%
}

.articleList.-mostlist .articleItem-wrap {
    gap: 16px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.articleList.-mostlist .articleItem-img {
    width: 90px
}

.articleList.-mostlist .articleItem-img:before {
    padding-top: 90px
}

.articleList.-mostlist .articleItem-box {
    width: calc(100% - 90px - 16px)
}

.articleList.-mostlist+.articleMore {
    position: relative;
    margin: 30px auto;
    color: var(--cl-gray-lite);
    font-family: Roboto,sans-serif;
    font-weight: 500
}

.articleList.-mostlist+.articleMore:after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23FF5C00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.articleList.-listHorz .articleItem {
    width: calc(100% / 5 - var(--gap) + (var(--gap) / 5));
    position: relative
}

.articleList.-listHorz .articleItem-img:before {
    padding-top: 306px
}

.articleList.-listHorz .articleItem-img:after {
    position: absolute;
    content: "";
    top: 0;
    background: #000;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(4%,#000),color-stop(60%,hsla(0,0%,100%,0)));
    background: linear-gradient(0deg,#000 4%,hsla(0,0%,100%,0) 60%);
    z-index: 1;
    pointer-events: none;
    width: 100%;
    height: 100%
}

.articleList.-listHorz .articleItem-box {
    position: absolute;
    bottom: 0;
    padding: 15px;
    z-index: 2
}

.articleList.-listHorz .articleItem-box .articleTitle {
    color: var(--cl-white)
}

.articleList.-listHorz .articleItem-box .articlePost ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.articleList.-listHorz .articleItem-box .articlePost-date,.articleList.-listHorz .articleItem-box .articlePost-time {
    position: relative;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.articleList.-video .articleItem-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.articleList.-video .articleItem-img {
    width: 320px
}

.articleList.-video .articleItem-box {
    width: calc(100% - 320px - 16px)
}

.articleGallery-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    --gap: 16px;
    gap: var(--gap)
}

.articleGallery-wrap .articleItem {
    width: calc(100% / 2 - var(--gap) + (var(--gap) / 2))
}

.articleGallery-wrap .articleItem-box {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px;
    width: 100%;
    z-index: 1
}

.articleGallery-wrap .articleItem-img:before {
    padding-top: 0;
    aspect-ratio: 1
}

.articleGallery-wrap .articleItem-img:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(4%,#000),color-stop(60%,hsla(0,0%,100%,0)));
    background: linear-gradient(0deg,#000 4%,hsla(0,0%,100%,0) 60%);
    z-index: 1;
    pointer-events: none
}

.articleGallery-wrap .articleItem .articleTitle {
    height: auto;
    color: var(--cl-white)
}

.articleItem {
    position: relative;
    vertical-align: top;
    display: inline-block
}

.articleItem .latestDuration {
    font-size: 12px;
    right: 8px;
    bottom: 8px;
    height: 24px;
    border-radius: 30px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    background-color: var(--bg-time);
    padding: 0 8px;
    position: absolute;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.articleItem .latestDuration:before {
    content: "";
    margin-bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
    filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
    width: 13px;
    height: 13px;
    margin-right: 4px
}

.articleItem:hover .articleTitle {
    color: var(--yale-blue-500)
}

.articleItem-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.articleItem-img {
    width: 100%;
    background: var(--bg-gray-med);
    position: relative;
    overflow: hidden;
    border-radius: 8px
}

.articleItem-img:before {
    content: "";
    display: block;
    padding-top: 56%;
    pointer-events: none
}

.articleTitle {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--neutral-800);
    margin-top: 8px;
    margin-bottom: 8px;
    -webkit-line-clamp: 3;
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.articleTitle .icoInline {
    width: 16px;
    height: 16px;
    position: relative;
    vertical-align: baseline;
    margin-bottom: -1px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%
}

.articleLead {
    margin: 8px 0
}

.articleLead p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: var(--neutral-700);
    -webkit-line-clamp: 2;
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.articlePost {
    position: relative;
    width: 100%
}

.articlePost ul {
    gap: 20px;
    row-gap: 4px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.articlePost ul,.articlePost ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.articlePost ul li {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--neutral-700)
}

.articlePost ul li:not(:last-child):after {
    content: "\2022";
    position: absolute;
    right: -14px;
    color: var(--neutral-600);
    font-size: 12px
}

.articlePost ul li.-cfull {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.articlePost ul li.-cfull:after {
    display: none
}

.articlePost ul li.-cfull {
    width: 100%
}

.articlePost-subtitle {
    text-transform: capitalize;
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--neutral-700)
}

.articlePost ul li .articlePost-subtitle {
    white-space: nowrap
}

.articlePost-subtitle.color--kgnow {
    font-weight: 600;
    font-family: Inter,sans-serif;
    text-transform: unset;
    background: #ef0d70;
    background: -webkit-gradient(linear,left top,left bottom,from(#ef0d70),to(#fb571a));
    background: linear-gradient(180deg,#ef0d70 0,#fb571a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.articlePost-duration {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    border-radius: 4px 0 4px 0;
    padding: 6px 6px 6px 27px;
    background: rgba(0,0,0,.75);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: var(--cl-white)
}

.articlePost-duration:before {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-filter: invert(100%) sepia(0) saturate(31%) hue-rotate(59deg) brightness(106%) contrast(107%);
    filter: invert(100%) sepia(0) saturate(31%) hue-rotate(59deg) brightness(106%) contrast(107%)
}

.articlePost-date,.articlePost-time,.articlePost-view {
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--neutral-600)
}

.articlePost ul li .articlePost-date,.articlePost ul li .articlePost-time,.articlePost ul li .articlePost-view {
    -webkit-line-clamp: 1;
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.articlePost-agenda {
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--neutral-600);
    padding-left: 15px;
    position: relative
}

.articlePost.-agenda ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px
}

.articlePost.-agenda ul li:after {
    width: 0;
    height: 0
}

.articlePost-subtitleLable {
    background-color: #eff8ff;
    color: #0a7dc8;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    padding: 6px 14px;
    position: absolute;
    z-index: 2;
    top: 15px;
    left: 15px
}

.articlePost-subtitleLable.clSponsored {
    background-color: #1583cc;
    color: var(--cl-white)
}

.articleOther-box {
    display: block;
    padding-top: 10px
}

.articleOther-box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.articleMore {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: var(--yale-blue-500);
    padding-right: 20px;
    position: relative;
    display: inline-table
}

.articleMore:after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%2339A3F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: 6px;
    width: 8px;
    height: 10px;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.articleMore-link {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    color: var(--cl-kompas);
    padding-right: 20px;
    position: relative;
    display: inline-table
}

.articleSlider {
    margin-bottom: 56px;
    height: 306px;
    overflow: hidden
}

.articleSlider .articleItem-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 306px;
    background: var(--bg-gray-med);
    border-radius: 0
}

.articleSlider .articleItem-img:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 300px;
    bottom: 0;
    left: 0;
    background: #000;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(4%,#000),color-stop(60%,hsla(0,0%,100%,0)));
    background: linear-gradient(0deg,#000 4%,hsla(0,0%,100%,0) 60%);
    z-index: 1;
    pointer-events: none
}

.articleSlider .articleItem-box {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 16px
}

.articleSlider .articleTitle {
    color: var(--cl-white);
    height: auto
}

.articleSlider .slick-arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.articleSlider .slick-arrow.slick-disabled {
    opacity: 0;
    visibility: hidden
}

.articleSlider .slick-arrow.icon-photo-left {
    left: 12px
}

.articleSlider .slick-arrow.icon-photo-left .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.articleSlider .slick-arrow.icon-photo-right {
    right: 12px
}

.articleSlider .slick-arrow .icon {
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10.4 17.8' style='enable-background:new 0 0 10.4 17.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23007AFF;%7D%3C/style%3E%3Ctitle%3Esearch%3C/title%3E%3Cpath class='st0' d='M10.4,8.9c0,0.2-0.1,0.3-0.2,0.4l-8.3,8.3c-0.1,0.1-0.3,0.2-0.4,0.2c-0.2,0-0.3-0.1-0.4-0.2l-0.9-0.9C0.1,16.6,0,16.5,0,16.3c0-0.2,0.1-0.3,0.2-0.4l7-7l-7-7C0.1,1.8,0,1.6,0,1.5s0.1-0.3,0.2-0.4l0.9-0.9C1.2,0,1.3,0,1.5,0S1.8,0,1.9,0.2l8.3,8.3C10.3,8.6,10.4,8.7,10.4,8.9L10.4,8.9z'/%3E%3C/svg%3E");
    width: 10px;
    height: 20px
}

.articleSlider-mini {
    margin-bottom: 24px;
    height: 84px;
    overflow: hidden;
    position: relative
}

.articleSlider-mini .articleItem {
    max-width: 264px
}

.articleSlider-mini .articleTitle {
    -webkit-line-clamp: 1;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: var(--neutral-800);
    margin: 0
}

.articleSlider-mini .articleSubtitle {
    height: auto;
    display: -webkit-box;
    font-size: 12px;
    color: var(--neutral-700)
}

.articleSlider-mini .articlePost-subtitle,.articleSlider-mini .articleSubtitle {
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    font-weight: 500;
    line-height: 1.3
}

.articleSlider-mini .articlePost-subtitle {
    padding: 2px 10px;
    border-radius: 30px;
    font-size: 10px;
    color: var(--yale-blue-500);
    background-color: var(--yale-blue-200);
    display: -webkit-inline-box
}

.articleSlider-mini .articleItem-wrap {
    border: 1px solid var(--neutral-200);
    border-radius: 8px;
    overflow: hidden;
    height: 80px
}

.articleSlider-mini .articleItem-img {
    width: 80px;
    aspect-ratio: 1
}

.articleSlider-mini .articleItem-img:before {
    padding-top: 0
}

.articleSlider-mini .articleItem-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px 16px
}

.articleSlider-mini.swiper-initialized .swiper-button:not(.swiper-button-disabled) {
    opacity: 1;
    visibility: visible
}

.articleSlider-mini .swiper-button {
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    width: 32px;
    height: 32px;
    background-color: rgba(51,51,51,.8);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden
}

.articleSlider-mini .swiper-button.swiper-button-disabled {
    opacity: 0;
    visibility: hidden
}

.articleSlider-mini .swiper-button-next:after,.articleSlider-mini .swiper-button-prev:after {
    -webkit-filter: var(--filter-hover-gray3);
    filter: var(--filter-hover-gray3)
}

.articleSlider-mini .swiper-button-prev {
    left: 5px
}

.articleSlider-mini .swiper-button-prev span {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.articleSlider-mini .swiper-button-next {
    right: 5px
}

.articleSlider-mini .swiper-button span {
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9.31104L5 5.31104L1 1.31104' stroke='%23333333' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 8px auto;
    width: 10px;
    height: 20px;
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(7463%) hue-rotate(39deg) brightness(111%) contrast(95%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(7463%) hue-rotate(39deg) brightness(111%) contrast(95%)
}

.articlePhoto-count {
    position: absolute;
    right: 8px;
    top: 8px;
    border-radius: 8px;
    z-index: 2;
    background-color: rgba(0,0,0,.3);
    padding: 4px 8px 4px 35px;
    color: var(--cl-white);
    font-size: 14px
}

.articlePhoto-count:after {
    width: 19px;
    height: 16px;
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(329deg) brightness(105%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(329deg) brightness(105%) contrast(101%);
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 0H4.5C4.10218 0 3.72064 0.158035 3.43934 0.43934C3.15804 0.720644 3 1.10218 3 1.5V3H1.5C1.10218 3 0.720644 3.15804 0.43934 3.43934C0.158035 3.72064 0 4.10218 0 4.5V16.5C0 16.8978 0.158035 17.2794 0.43934 17.5607C0.720644 17.842 1.10218 18 1.5 18H13.5C13.8978 18 14.2794 17.842 14.5607 17.5607C14.842 17.2794 15 16.8978 15 16.5V15H16.5C16.8978 15 17.2794 14.842 17.5607 14.5607C17.842 14.2794 18 13.8978 18 13.5V1.5C18 1.10218 17.842 0.720644 17.5607 0.43934C17.2794 0.158035 16.8978 0 16.5 0ZM4.5 1.5H16.5V8.00437L14.9344 6.43875C14.6531 6.15766 14.2717 5.99976 13.8741 5.99976C13.4764 5.99976 13.095 6.15766 12.8137 6.43875L5.75344 13.5H4.5V1.5ZM13.5 16.5H1.5V4.5H3V13.5C3 13.8978 3.15804 14.2794 3.43934 14.5607C3.72064 14.842 4.10218 15 4.5 15H13.5V16.5ZM16.5 13.5H7.875L13.875 7.5L16.5 10.125V13.5ZM8.25 7.5C8.69501 7.5 9.13002 7.36804 9.50003 7.12081C9.87004 6.87357 10.1584 6.52217 10.3287 6.11104C10.499 5.6999 10.5436 5.2475 10.4568 4.81105C10.37 4.37459 10.1557 3.97368 9.84099 3.65901C9.52632 3.34434 9.12541 3.13005 8.68895 3.04323C8.2525 2.95642 7.8001 3.00097 7.38896 3.17127C6.97783 3.34157 6.62643 3.62996 6.37919 3.99997C6.13196 4.36998 6 4.80499 6 5.25C6 5.84674 6.23705 6.41903 6.65901 6.84099C7.08097 7.26295 7.65326 7.5 8.25 7.5ZM8.25 4.5C8.39834 4.5 8.54334 4.54399 8.66668 4.6264C8.79002 4.70881 8.88614 4.82594 8.94291 4.96299C8.99968 5.10003 9.01453 5.25083 8.98559 5.39632C8.95665 5.5418 8.88522 5.67544 8.78033 5.78033C8.67544 5.88522 8.5418 5.95665 8.39632 5.98559C8.25083 6.01453 8.10003 5.99968 7.96299 5.94291C7.82594 5.88614 7.70881 5.79001 7.6264 5.66668C7.54399 5.54334 7.5 5.39834 7.5 5.25C7.5 5.05109 7.57902 4.86032 7.71967 4.71967C7.86032 4.57902 8.05109 4.5 8.25 4.5Z' fill='white'/%3E%3C/svg%3E%0A");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 16px
}

ul>li>.articlePhoto-count {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 8px;
    border-radius: 4px;
    padding: 8px 8px 8px 35px;
    background-color: var(--br-gray-bold)
}

.teaserEllipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-Word;
    -webkit-line-clamp: 3;
    display: block;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.teaserEllipsis p {
    margin: 0
}

.cta-m {
    margin: 10px 0;
    display: inline-table;
    font-size: 14px;
    font-weight: 500;
    color: var(--cl-txt);
    padding-right: 20px;
    position: relative;
    width: auto
}

.cta-m:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00001 6.50002C5.93434 6.5001 5.86929 6.48721 5.80862 6.46208C5.74794 6.43695 5.69283 6.40008 5.64645 6.35358L0.64645 1.35358C0.55268 1.25981 0.5 1.13262 0.5 1.00001C0.5 0.867401 0.55268 0.740221 0.64645 0.646451C0.740221 0.55268 0.867401 0.5 1.00001 0.5C1.13262 0.5 1.2598 0.55268 1.35358 0.646451L6.00001 5.29289L10.6465 0.646451C10.7402 0.55268 10.8674 0.5 11 0.5C11.1326 0.5 11.2598 0.55268 11.3536 0.646451C11.4473 0.740221 11.5 0.867401 11.5 1.00001C11.5 1.13262 11.4473 1.25981 11.3536 1.35358L6.35358 6.35358C6.3072 6.40008 6.25208 6.43695 6.19141 6.46208C6.13073 6.48721 6.06569 6.5001 6.00001 6.50002Z' fill='%23000'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-filter: var(--filter-gray3);
    filter: var(--filter-gray3)
}

.cta-m.less:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.moreopen .teaser_ellipsis {
    -webkit-line-clamp: unset
}

.liveIndicator {
    position: absolute;
    top: 8px;
    left: 8px;
    background-color: #e75524;
    border-radius: 30px;
    color: var(--cl-white);
    padding: 3px 12px;
    font-size: 10px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    z-index: 1
}

.liveIndicator:before {
    position: relative;
    width: 4px;
    height: 4px;
    content: "";
    display: inline-table;
    background-color: var(--cl-white);
    border-radius: 100%;
    -webkit-animation: animlive 2s ease-out infinite;
    animation: animlive 2s ease-out infinite
}

.agenda-icon {
    width: 12px;
    height: 12px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-table;
    position: absolute;
    left: 0;
    top: 2px
}

.agenda-icon.-date {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1.5H9.5V1C9.5 0.867392 9.44732 0.740215 9.35355 0.646447C9.25979 0.552678 9.13261 0.5 9 0.5C8.86739 0.5 8.74021 0.552678 8.64645 0.646447C8.55268 0.740215 8.5 0.867392 8.5 1V1.5H3.5V1C3.5 0.867392 3.44732 0.740215 3.35355 0.646447C3.25979 0.552678 3.13261 0.5 3 0.5C2.86739 0.5 2.74021 0.552678 2.64645 0.646447C2.55268 0.740215 2.5 0.867392 2.5 1V1.5H1C0.734875 1.5003 0.480694 1.60575 0.293222 1.79322C0.10575 1.98069 0.000297764 2.23487 0 2.5V12.5C0.000297764 12.7651 0.10575 13.0193 0.293222 13.2068C0.480694 13.3942 0.734875 13.4997 1 13.5H11C11.2651 13.4997 11.5193 13.3942 11.7068 13.2068C11.8942 13.0193 11.9997 12.7651 12 12.5V2.5C11.9997 2.23487 11.8942 1.98069 11.7068 1.79322C11.5193 1.60575 11.2651 1.5003 11 1.5ZM2.5 2.5V3C2.5 3.13261 2.55268 3.25979 2.64645 3.35355C2.74021 3.44732 2.86739 3.5 3 3.5C3.13261 3.5 3.25979 3.44732 3.35355 3.35355C3.44732 3.25979 3.5 3.13261 3.5 3V2.5H8.5V3C8.5 3.13261 8.55268 3.25979 8.64645 3.35355C8.74021 3.44732 8.86739 3.5 9 3.5C9.13261 3.5 9.25979 3.44732 9.35355 3.35355C9.44732 3.25979 9.5 3.13261 9.5 3V2.5H11L11.0001 4.5H1V2.5H2.5ZM11 12.5H1V5.5H11.0002L11.0006 12.5H11Z' fill='%23000'/%3E%3C/svg%3E%0A")
}

.agenda-icon.-date,.agenda-icon.-location {
    -webkit-filter: invert(61%) sepia(0) saturate(1%) hue-rotate(83deg) brightness(100%) contrast(88%);
    filter: invert(61%) sepia(0) saturate(1%) hue-rotate(83deg) brightness(100%) contrast(88%)
}

.agenda-icon.-location {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='15' viewBox='0 0 12 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3.5C5.50555 3.5 5.0222 3.64662 4.61107 3.92133C4.19995 4.19603 3.87952 4.58648 3.6903 5.04329C3.50108 5.50011 3.45157 6.00277 3.54804 6.48773C3.6445 6.97268 3.8826 7.41814 4.23223 7.76777C4.58186 8.1174 5.02732 8.3555 5.51227 8.45196C5.99723 8.54843 6.49989 8.49892 6.95671 8.3097C7.41352 8.12048 7.80397 7.80005 8.07867 7.38893C8.35338 6.9778 8.5 6.49445 8.5 6C8.49924 5.33719 8.2356 4.70175 7.76693 4.23307C7.29825 3.7644 6.66281 3.50076 6 3.5ZM6 7.5C5.70333 7.5 5.41332 7.41203 5.16664 7.2472C4.91997 7.08238 4.72771 6.84811 4.61418 6.57403C4.50065 6.29994 4.47094 5.99834 4.52882 5.70736C4.5867 5.41639 4.72956 5.14912 4.93934 4.93934C5.14912 4.72956 5.41639 4.5867 5.70736 4.52882C5.99834 4.47094 6.29994 4.50065 6.57403 4.61418C6.84811 4.72771 7.08238 4.91997 7.2472 5.16664C7.41203 5.41332 7.5 5.70333 7.5 6C7.49955 6.39769 7.34138 6.77896 7.06017 7.06017C6.77896 7.34137 6.39769 7.49955 6 7.5ZM6 0.5C4.54182 0.501654 3.14383 1.08165 2.11274 2.11274C1.08165 3.14383 0.501654 4.54182 0.5 6C0.5 7.96225 1.40687 10.0424 3.12269 12.0156C3.89481 12.9072 4.76367 13.7101 5.71325 14.4096C5.7973 14.4685 5.89741 14.5 6 14.5C6.10259 14.5 6.2027 14.4685 6.28675 14.4096C7.23633 13.7101 8.10519 12.9072 8.87731 12.0156C10.5931 10.0424 11.5 7.96231 11.5 6C11.4983 4.54182 10.9184 3.14383 9.88726 2.11274C8.85617 1.08165 7.45818 0.501654 6 0.5ZM6 13.3737C4.96669 12.5632 1.5 9.57694 1.5 6C1.5 4.80653 1.97411 3.66193 2.81802 2.81802C3.66193 1.97411 4.80653 1.5 6 1.5C7.19347 1.5 8.33807 1.97411 9.18198 2.81802C10.0259 3.66193 10.5 4.80653 10.5 6C10.5 9.577 7.03312 12.5634 6 13.3737Z' fill='%23000'/%3E%3C/svg%3E%0A")
}

.articleHL-bigHighlight .articleHL-img img,.articleItem-img iframe,.articleItem-img img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

@-webkit-keyframes animlive {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

@keyframes animlive {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.sectionBox {
    padding: 16px 0 24px;
    display: inline-block;
    width: 100%
}

.sectionBox.--line {
    border-top: 1px solid var(--cl-line)
}

.sectionBox.--linebottom {
    border-bottom: 1px solid var(--cl-line)
}

.sectionBox.--titleSc,.sectionBox .indeks__form {
    padding: 0
}

.sectionBox .indeks__form-filter {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px
}

.sectionBox-empty,.sectionBox .indeks__form-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sectionBox-empty {
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 12px;
    color: var(--neutral-500)
}

.sectionBox-empty .imgIcon {
    width: 80px
}

.sectionHead {
    margin: 16px 0;
    font-family: Inter,sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--neutral-800);
    position: relative
}

.sectionHead:has(>img) {
    padding: 60px 16px 15px;
    margin-bottom: 16px;
    min-height: 160px;
    border-radius: 8px;
    overflow: hidden
}

.sectionHead:has(>img):before {
    background-color: rgba(0,0,0,.6);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    z-index: 1
}

.sectionHead:has(>img)>img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.sectionHead:has(>img) .sectionHead-wrap {
    z-index: 1;
    position: relative
}

.sectionHead:has(>img) .sectionHead-desc {
    color: var(--neutral-800)
}

.sectionHead~.mostWrap {
    padding-top: 4px
}

.sectionHead.--linebottom {
    border-bottom: 1px solid var(--cl-line)
}

.sectionHead.--linebottom .sectionHead-wrap {
    padding-bottom: 8px
}

.sectionHead.--linebottom .sectionHead-wrap img {
    height: 40px;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.sectionHead-mediapartner {
    margin-top: -8px;
    width: 100%;
    min-height: 50px;
    position: relative;
    margin-bottom: 24px;
    display: inline-table
}

.sectionHead-mediapartner.--bbc {
    min-height: 24px
}

.sectionHead-mediapartner.--bbc img {
    height: 24px
}

.sectionHead-mediapartner img {
    height: 50px
}

.sectionHead.-partner {
    min-height: 50px;
    border-radius: 8px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sectionHead.-partner.-article {
    margin-top: 24px;
    min-height: 40px;
    border-radius: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--neutral-200)
}

.sectionHead.-partner.-article img {
    height: 40px
}

.sectionHead.-sc {
    margin-top: 0;
    padding-left: 18px;
    position: relative
}

.sectionHead.-sc.--mt {
    margin-top: 24px
}

.sectionHead.-sc:before {
    width: 2px;
    height: 18px;
    content: "";
    background-color: var(--cl-jingga01);
    position: absolute;
    left: 0;
    top: 5px;
    height: 16px
}

.sectionHead.-sc .sectionHead-wrap {
    font-size: 20px;
    font-weight: 700;
    line-height: 120%
}

.sectionHead.-headp,.sectionHead.-headp2 {
    margin-top: 0
}

.sectionHead.-headp2:not(.-sc) .sectionHead-title,.sectionHead.-headp:not(.-sc) .sectionHead-title {
    font-size: 24px
}

.sectionHead.-headp2 .sectionHead-wrap,.sectionHead.-headp .sectionHead-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px
}

.sectionHead.-headp2 .sectionHead-title,.sectionHead.-headp .sectionHead-title {
    font-weight: 600
}

.sectionHead.-headp2 .sectionHead-desc,.sectionHead.-headp .sectionHead-desc {
    margin-top: 0;
    margin-left: 0
}

.sectionHead.-headp2 .sectionHead-title {
    width: 100%
}

.sectionHead.-headp2 .sectionHead-title:has(.articleMore) {
    padding-right: 120px
}

.sectionHead.-headp2 .articleMore {
    top: 6px
}

.sectionHead.-kanal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-top: 0
}

.sectionHead.-kanal .sectionHead-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: var(--neutral-800);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sectionHead.-kanal .sectionHead-desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--cl-gray-lite)
}

.sectionHead.-kanal .sectionHead-wrap {
    position: relative;
    gap: 13px
}

.sectionHead.-kanal .icon-kanal {
    width: 60px;
    height: 60px;
    overflow: hidden;
    position: relative
}

.sectionHead.-kanal .icon-kanal img {
    height: 100%;
    position: absolute;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    left: 0;
    right: 0;
    margin: auto
}

.sectionHead-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.sectionHead-wrap .sectionHead-pilar {
    width: 32px
}

.sectionHead-wrap .sectionHead-pilar img {
    width: 100%
}

.sectionHead-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.sectionHead-desc {
    display: inline-block;
    font-size: 14px;
    line-height: 18.2px;
    font-weight: 500;
    color: var(--neutral-500);
    margin-top: 20px;
    margin-left: -18px
}

.sectionHead.--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sectionHead.--hot.-sc: before {
    background-color:transparent;
    content: "🔥";
    font-size: 14px;
    position: absolute;
    top: 0;
    left: -2px
}

.sectionHead .articleMore {
    position: absolute;
    top: 4px;
    right: 0;
    margin: auto
}

.sectionHead .articleMore:after {
    background-image: url("data:image/svg+xml, %3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-filter: invert(37%) sepia(61%) saturate(4987%) hue-rotate(188deg) brightness(90%) contrast(88%);
    filter: invert(37%) sepia(61%) saturate(4987%) hue-rotate(188deg) brightness(90%) contrast(88%);
    background-repeat: no-repeat;
    background-position: 50%
}

.sectionMore {
    margin-top: 24px
}

.sectionHl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 32px
}

.sectionHl .colHl-main {
    width: calc(100% - 230px);
    padding-right: 25px
}

.sectionHl .colHl-main .articleHL-big .articleTitle {
    font-size: 20px;
    line-height: 1.3
}

.sectionHl .colHl-side {
    width: 230px
}

.sectionAccordion .accordion {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 10px;
    overflow: hidden
}

.sectionAccordion .accordionHeader {
    background: var(--yale-blue-600);
    padding: 16px 32px 16px 14px;
    cursor: pointer;
    border-radius: 8px
}

.sectionAccordion .accordionHeader>div {
    color: var(--cl-white)
}

.sectionAccordion .accordionHeader:before {
    width: 16px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0306 2.03055L9.53055 9.53055C9.4609 9.60029 9.37818 9.65561 9.28713 9.69335C9.19608 9.73109 9.09849 9.75052 8.99993 9.75052C8.90137 9.75052 8.80377 9.73109 8.71272 9.69335C8.62168 9.65561 8.53896 9.60029 8.4693 9.53055L0.969304 2.03055C0.828573 1.88982 0.749512 1.69895 0.749512 1.49993C0.749512 1.30091 0.828573 1.11003 0.969304 0.969303C1.11003 0.828573 1.30091 0.749512 1.49993 0.749512C1.69895 0.749512 1.88982 0.828573 2.03055 0.969303L8.99993 7.93962L15.9693 0.969303C16.039 0.899621 16.1217 0.844345 16.2128 0.806633C16.3038 0.768921 16.4014 0.749512 16.4999 0.749512C16.5985 0.749512 16.6961 0.768921 16.7871 0.806633C16.8781 0.844345 16.9609 0.899621 17.0306 0.969303C17.1002 1.03899 17.1555 1.12171 17.1932 1.21276C17.2309 1.3038 17.2503 1.40138 17.2503 1.49993C17.2503 1.59847 17.2309 1.69606 17.1932 1.7871C17.1555 1.87815 17.1002 1.96087 17.0306 2.03055Z' fill='white'/%3E%3C/svg%3E%0A");
    position: absolute;
    content: "";
    right: 32px;
    top: 25px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.sectionAccordion .accordionContent {
    padding: 16px;
    display: none
}

.sectionAccordion .accordionContent-note {
    background-color: var(--neutral-50);
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    padding: 16px
}

.sectionAccordion.open .accordionHeader:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sectionAccordion.open .accordionContent {
    display: block
}

.stickyBox-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.stickyBox-sidebar {
    position: sticky;
    top: 60px
}

.moreBox {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.moreBox-link {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    color: var(--yale-blue-500);
    padding-right: 20px;
    position: relative;
    display: inline-table
}

.moreBox-link:after {
    background-image: url("data:image/svg+xml, %3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-filter: invert(37%) sepia(61%) saturate(4987%) hue-rotate(188deg) brightness(90%) contrast(88%);
    filter: invert(37%) sepia(61%) saturate(4987%) hue-rotate(188deg) brightness(90%) contrast(88%);
    background-repeat: no-repeat;
    background-position: 50%;
    width: 8px;
    height: 10px;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.paging__wrap .paging__teaser {
    font-weight: 400
}

.paging__wrap .paging__link {
    padding: 8px 5px;
    text-align: center;
    min-width: 36px;
    height: 36px;
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: var(--neutral-800);
    background: transparent;
    border: 1px solid #e7e7e7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.paging__wrap .paging__link--active,.paging__wrap .paging__link:hover {
    background: transparent;
    border: 1px solid var(--yale-blue-500);
    color: var(--yale-blue-500)!important;
    font-weight: 600
}

.paging__wrap .paging__link--first,.paging__wrap .paging__link--last,.paging__wrap .paging__link--next,.paging__wrap .paging__link--prev {
    font-size: 0;
    width: 36px;
    height: 36px;
    position: relative
}

.paging__wrap .paging__link--first:hover:before,.paging__wrap .paging__link--last:hover:before,.paging__wrap .paging__link--next:hover:before,.paging__wrap .paging__link--prev:hover:before {
    -webkit-filter: var(--filter-hover-gray4);
    filter: var(--filter-hover-gray4)
}

.paging__wrap .paging__link--first:before,.paging__wrap .paging__link--last:before,.paging__wrap .paging__link--next:before,.paging__wrap .paging__link--prev:before {
    width: 20px;
    height: 20px;
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.paging__wrap .paging__link--next:before,.paging__wrap .paging__link--prev:before {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.50002 13.875C1.37641 13.875 1.25556 13.8384 1.15278 13.7697C1.04999 13.701 0.969884 13.6034 0.922577 13.4892C0.87527 13.375 0.862893 13.2493 0.887011 13.1281C0.911128 13.0068 0.970658 12.8955 1.05807 12.8081L6.86612 7.00002L1.05807 1.19197C0.940857 1.07476 0.875007 0.915781 0.875007 0.750016C0.875007 0.584252 0.940857 0.425276 1.05807 0.308063C1.17528 0.19085 1.33426 0.125 1.50002 0.125C1.66579 0.125 1.82476 0.19085 1.94198 0.308063L8.19198 6.55807C8.25002 6.6161 8.29606 6.685 8.32747 6.76083C8.35888 6.83666 8.37505 6.91794 8.37505 7.00002C8.37505 7.0821 8.35888 7.16337 8.32747 7.2392C8.29606 7.31503 8.25002 7.38393 8.19198 7.44197L1.94198 13.692C1.884 13.7501 1.81511 13.7962 1.73927 13.8276C1.66342 13.859 1.58212 13.8751 1.50002 13.875Z' fill='%23000'/%3E%3C/svg%3E%0A");
    background-size: auto 13px;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-filter: var(--filter-gray3);
    filter: var(--filter-gray3)
}

.paging__wrap .paging__link--first:before,.paging__wrap .paging__link--last:before {
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.624929 13.875C0.501313 13.875 0.380471 13.8383 0.277686 13.7697C0.174901 13.701 0.0947896 13.6034 0.047483 13.4892C0.000176312 13.375 -0.0122008 13.2493 0.0119169 13.1281C0.0360346 13.0068 0.095564 12.8954 0.182976 12.808L5.99103 6.99999L0.182978 1.19194C0.0657652 1.07473 -8.47368e-05 0.91575 -8.47066e-05 0.749986C-8.46764e-05 0.584221 0.0657653 0.425246 0.182979 0.308032C0.300192 0.190819 0.459167 0.12497 0.624932 0.12497C0.790697 0.12497 0.949672 0.190819 1.06689 0.308033L7.31689 6.55804C7.37493 6.61607 7.42097 6.68497 7.45238 6.7608C7.48379 6.83664 7.49996 6.91791 7.49996 6.99999C7.49996 7.08207 7.48379 7.16334 7.45238 7.23917C7.42097 7.31501 7.37493 7.38391 7.31689 7.44194L1.06688 13.6919C1.00891 13.7501 0.940018 13.7962 0.864173 13.8276C0.788328 13.859 0.707023 13.8751 0.624929 13.875V13.875Z' fill='%23000'/%3E%3Cpath d='M6.12496 14C6.00134 14 5.8805 13.9633 5.77772 13.8947C5.67493 13.826 5.59482 13.7284 5.54751 13.6142C5.50021 13.5 5.48783 13.3743 5.51195 13.2531C5.53607 13.1318 5.59559 13.0204 5.68301 12.933L11.4911 7.12499L5.68301 1.31694C5.5658 1.19973 5.49995 1.04075 5.49995 0.874986C5.49995 0.709221 5.5658 0.550246 5.68301 0.433032C5.80022 0.315819 5.9592 0.24997 6.12496 0.24997C6.29073 0.24997 6.4497 0.315819 6.56692 0.433033L12.8169 6.68304C12.875 6.74107 12.921 6.80997 12.9524 6.8858C12.9838 6.96164 13 7.04291 13 7.12499C13 7.20707 12.9838 7.28834 12.9524 7.36417C12.921 7.44001 12.875 7.50891 12.8169 7.56694L6.56691 13.8169C6.50894 13.8751 6.44005 13.9212 6.3642 13.9526C6.28836 13.984 6.20705 14.0001 6.12496 14V14Z' fill='%23000'/%3E%3C/svg%3E%0A");
    background-size: auto 13px;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-filter: var(--filter-gray3);
    filter: var(--filter-gray3)
}

.paging__wrap .paging__link--first,.paging__wrap .paging__link--prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.paging--article .paging__link.paging__link--show:hover {
    color: #3ca5dd!important;
    background: transparent
}

.mostWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 0
}

.mostFlex,.mostWrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mostFlex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px
}

.mostNumber {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 32px;
    flex-basis: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 1;
    font-weight: 500;
    color: var(--cl-txt);
    background-color: var(--bg-place);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mostNumber .icn-mostSponsored {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6875 6.74962C15.6881 5.70687 15.4252 4.68089 14.9231 3.76696C14.421 2.85303 13.6961 2.08081 12.8158 1.52202C11.9354 0.963233 10.928 0.636005 9.88733 0.57073C8.84663 0.505455 7.8063 0.704252 6.86299 1.14865C5.91968 1.59306 5.10398 2.26865 4.49166 3.11268C3.87934 3.95672 3.49026 4.94181 3.36055 5.97646C3.23085 7.01111 3.36473 8.06176 3.74977 9.03082C4.1348 9.99988 4.7585 10.8559 5.56292 11.5194V16.8746C5.56293 16.9705 5.58744 17.0648 5.63413 17.1485C5.68083 17.2323 5.74815 17.3027 5.82972 17.3531C5.91128 17.4035 6.00438 17.4322 6.10016 17.4365C6.19595 17.4408 6.29124 17.4206 6.377 17.3777L9.49993 15.8161L12.6239 17.3777C12.7097 17.4206 12.805 17.4408 12.9007 17.4365C12.9965 17.4322 13.0896 17.4035 13.1711 17.3531C13.2527 17.3027 13.32 17.2322 13.3667 17.1485C13.4134 17.0648 13.4379 16.9705 13.4379 16.8746V11.5188C14.1416 10.9391 14.7082 10.2108 15.0971 9.38628C15.4861 8.56173 15.6877 7.66131 15.6875 6.74962ZM4.4375 6.74962C4.4375 5.74836 4.73441 4.76957 5.29069 3.93705C5.84696 3.10453 6.63762 2.45565 7.56267 2.07248C8.48772 1.68932 9.50562 1.58906 10.4876 1.7844C11.4697 1.97974 12.3717 2.46189 13.0797 3.1699C13.7877 3.8779 14.2699 4.77995 14.4652 5.76198C14.6606 6.74401 14.5603 7.76191 14.1771 8.68696C13.794 9.61201 13.1451 10.4027 12.3126 10.9589C11.4801 11.5152 10.5013 11.8121 9.5 11.8121C8.15781 11.8106 6.87101 11.2768 5.92194 10.3277C4.97286 9.37861 4.43901 8.09182 4.4375 6.74962ZM12.3129 15.9646L9.75144 14.684C9.67333 14.6449 9.58719 14.6246 9.49986 14.6246C9.41253 14.6246 9.32639 14.6449 9.24828 14.684L6.68792 15.9644V12.2604C7.55871 12.7053 8.52262 12.9373 9.50047 12.9372C10.4783 12.9371 11.4422 12.705 12.3129 12.26V15.9646ZM9.5 10.6871C10.2788 10.6871 11.04 10.4562 11.6876 10.0235C12.3351 9.59088 12.8398 8.97593 13.1378 8.25644C13.4358 7.53696 13.5138 6.74526 13.3618 5.98146C13.2099 5.21766 12.8349 4.51606 12.2842 3.96539C11.7336 3.41472 11.032 3.03971 10.2682 2.88778C9.50437 2.73585 8.71267 2.81383 7.99319 3.11185C7.2737 3.40987 6.65875 3.91455 6.22609 4.56207C5.79343 5.20959 5.5625 5.97086 5.5625 6.74962C5.56367 7.79355 5.97889 8.79439 6.71706 9.53256C7.45523 10.2707 8.45607 10.686 9.5 10.6871ZM9.5 3.93712C10.0563 3.93712 10.6 4.10207 11.0625 4.41112C11.5251 4.72016 11.8855 5.15941 12.0984 5.67333C12.3113 6.18724 12.367 6.75274 12.2585 7.29832C12.1499 7.84389 11.8821 8.34503 11.4887 8.73836C11.0954 9.1317 10.5943 9.39956 10.0487 9.50808C9.50312 9.6166 8.93762 9.56091 8.4237 9.34804C7.90979 9.13517 7.47053 8.77468 7.16149 8.31217C6.85245 7.84965 6.6875 7.30588 6.6875 6.74962C6.68836 6.00397 6.98495 5.28909 7.51221 4.76183C8.03947 4.23457 8.75434 3.93798 9.5 3.93712Z' fill='%23000'/%3E%3C/svg%3E%0A");
    width: 18px;
    height: 18px;
    -webkit-filter: var(--filter-gray2);
    filter: var(--filter-gray2)
}

.mostNumber .icn-mostKGNow,.mostNumber .icn-mostSponsored {
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: 50%
}

.mostNumber .icn-mostKGNow {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8.8px' height='10.4px' viewBox='0 0 8.8 10.4' style='enable-background:new 0 0 8.8 10.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cpath class='st0' d='M8.7,5.6c0.1-0.1,0.1-0.3,0.1-0.4c0-0.1,0-0.3-0.1-0.4C8.6,4.7,8.5,4.6,8.4,4.5L1.2,0.1C1.1,0,1,0,0.8,0 C0.7,0,0.5,0,0.4,0.1C0.3,0.2,0.2,0.3,0.1,0.4C0,0.5,0,0.7,0,0.8v8.8C0,9.7,0,9.9,0.1,10c0.1,0.1,0.2,0.2,0.3,0.3 c0.1,0.1,0.3,0.1,0.4,0.1c0.1,0,0.3,0,0.4-0.1l7.2-4.4C8.5,5.8,8.6,5.7,8.7,5.6z'/%3E%3C/svg%3E%0A");
    background-size: auto 10px;
    width: 10px;
    height: 10px
}

.mostItem {
    position: relative;
    margin: 10px 0
}

.mostItem.mostKGnow .mostNumber {
    background-color: var(--bg-place2)
}

.mostBox {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.mostTitle {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--neutral-800);
    margin-bottom: 5px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    overflow-wrap: break-word
}

.mostOther,.mostOther-box .mostOther {
    display: block;
    text-align: right;
    line-height: 1.3
}

.mostImg {
    border-radius: 8px
}

.mostItem.ads,.mostItem.ads .mostFlex {
    min-height: 100px;
    position: relative
}

.mostItem.ads .mostFlex {
    z-index: 2;
    background-color: var(--bg-main)
}

.mostItem.ads:before {
    background-color: var(--bg-place);
    content: "Advertisement";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    font-size: 11px;
    line-height: 1;
    color: #c8ccce;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mostKGnow~.ads {
    position: absolute;
    margin-bottom: 0;
    background: var(--bg-main);
    width: 100%;
    min-height: auto
}

.mostKGnow~.ads:before {
    content: none
}

.mostKGnow {
    min-height: 100px;
    margin-bottom: 0
}

.mostList {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.mostList.most_type2 .mostItem {
    --w: 100px
}

.mostList.most_type2 .mostItem-img {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    border-radius: 8px;
    width: 100px;
    height: 100px;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px
}

.mostList.most_type2 .mostItem-count {
    position: absolute;
    background-color: var(--neutral-800);
    color: var(--cl-white);
    border-bottom-right-radius: 8px;
    font-size: 16px;
    padding: 8px 0;
    bottom: 0;
    left: calc(var(--w) - 32px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mostList.mostList-kgnow .mostItem-img {
    -ms-flex-preferred-size: 110px;
    flex-basis: 110px;
    width: 110px;
    height: 62px
}

.mostList.mostList-kgnow .mostItem-title {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: var(--cl-kgnow-grey);
    height: auto
}

.mostList.mostList-kgnow .latestDuration {
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    background-color: var(--bg-time);
    border-radius: 4px 0 0 0;
    padding: 0 8px;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mostList.mostList-kgnow .latestDuration:before {
    content: "";
    margin-bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E");
    background-size: contain;
    -webkit-filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
    filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
    width: 11px;
    height: 11px;
    margin-right: 4px
}

.mostList.mostList-kgnow .mostOther {
    font-weight: 600;
    font-family: Inter,sans-serif;
    text-transform: unset;
    background: #ef0d70;
    background: -webkit-gradient(linear,left top,left bottom,from(#ef0d70),to(#fb571a));
    background: linear-gradient(180deg,#ef0d70 0,#fb571a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 4px
}

.mostList.mostList-kgnow .mostOther .icoArrow {
    width: 8px;
    height: 10px;
    background-size: 6px;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 9L5.5 5L1.5 1' stroke='url(%23paint0_linear_2748_1945)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2748_1945' x1='1.5' y1='5' x2='5.5' y2='5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EF0D70'/%3E%3Cstop offset='1' stop-color='%23FB571A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    -webkit-filter: initial;
    filter: none
}

.mostList.-mostlist .mostItem {
    margin: 0;
    gap: 12px
}

.mostList.-mostArticle {
    gap: 16px
}

.mostList.-mostArticle .mostItem-box {
    border: 0;
    padding: 0
}

.mostList.-mostArticle .mostItem-count {
    padding: 3px 0
}

.mostList.-mostArticle .mostItem-count:before {
    top: 2px
}

.mostItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mostItem:hover .mostItem-title {
    color: var(--yale-blue-500)
}

.mostItem.--big {
    margin-bottom: 8px!important;
    position: relative
}

.mostItem.--big .mostItem-img {
    width: 300px;
    -ms-flex-preferred-size: initial;
    flex-basis: auto;
    padding-top: 168.75px
}

.mostItem.--big .mostItem-detail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 42px
}

.mostItem.--big .mostItem-detail: before {
    background-image:url("data:image/svg+xml,%3Csvg width='64' height='43' viewBox='0 0 64 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1001_10273)'%3E%3Cpath d='M22.1855 3.44555L44.6329 0.0784515C44.6329 0.0784515 51.6278 -0.965373 53.7166 4.56792L64 2.94925L58.5714 33.8007L40.1434 36.5679L39.8828 35.8371L39.6744 36.5679L32.1594 37.6118L31.7917 35.6277C31.7917 35.6277 26.1013 41.5787 19.5766 37.6118L19.2635 39.4911L12.2163 40.4302L10.4417 37.2464L10.0239 40.7444L0 42.1536L3.81104 19.6277L10.7023 18.766L12.4769 21.8986L13.103 18.297L19.7849 17.4615L22.1867 3.44555H22.1855Z' fill='url(%23paint0_linear_1001_10273)'/%3E%3Cpath d='M21.481 22.7866L26.0228 22.0034L26.6489 17.5402L28.3722 15.4263L30.8777 21.2988L35.5766 20.5942L31.6608 11.7462L38.7866 3.44568L33.2271 4.22883L27.9807 10.2584L28.6853 5.08939L24.535 5.55951L21.481 22.7866Z' fill='white'/%3E%3Cpath d='M43.8498 9.63124L52.3063 8.37796C52.3063 8.37796 52.4975 18.7525 43.119 19.81C33.7405 20.8674 36.3848 9.78718 36.3848 9.78718C36.3848 9.78718 39.0473 1.48667 47.399 2.5305C47.399 2.5305 51.2955 2.82646 51.7314 6.49749L47.8168 8.16852C47.8168 8.16852 46.773 4.61928 42.4394 7.43772C42.4394 7.43772 40.09 9.42179 40.2994 12.5009C40.5089 15.58 42.4918 15.7895 42.4918 15.7895C42.4918 15.7895 46.1981 16.2334 47.3467 13.1144L43.4833 13.4924L43.8487 9.62896L43.8498 9.63124Z' fill='white'/%3E%3Cpath d='M6.05573 21.9511L9.21339 21.6118L13.9897 29.3375L15.4263 20.6466L19.7848 20.0979L16.9402 37.1155L13.6243 37.5071L8.9789 29.6767L7.56968 38.4474L3.13257 39.0734L6.05573 21.9511Z' fill='white'/%3E%3Cpath d='M31.1644 25.0313C26.8321 20.1764 21.2726 25.58 21.2726 25.58C16.3915 31.4787 20.4894 35.0029 20.4894 35.0029C25.8668 38.7615 29.9647 33.5151 29.9647 33.5151C34.0626 28.9994 31.1656 25.0325 31.1656 25.0325L31.1644 25.0313ZM29.1804 29.9647C29.1804 29.9647 25.7609 32.0262 24.1172 32.9926C22.4735 33.959 22.7603 32.3404 22.7603 32.3404L23.2566 27.2772C23.4137 25.6779 24.8491 26.3893 24.8491 26.3893C24.8491 26.3893 27.6164 27.9033 28.947 28.5555C30.2777 29.2078 29.1815 29.9647 29.1815 29.9647H29.1804Z' fill='white'/%3E%3Cpath d='M32.1594 22.4736L36.3586 21.8987L37.2203 27.2499L40.1959 21.2988L43.6677 20.8025L44.7377 26.2311L47.5561 20.3848L52.098 19.6278L45.7553 33.0439L42.2835 33.5663L41.1099 27.5106L37.8202 34.2186L34.3757 34.6887L32.1594 22.4736Z' fill='white'/%3E%3Cpath d='M51.6278 26.65L57.4753 25.7621L56.6398 31.7655L50.6364 32.5487L51.6278 26.65Z' fill='white'/%3E%3Cpath d='M52.0979 25.0313L57.4753 24.3005L60.8162 6.13428L54.7604 7.07338L52.0979 25.0313Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1001_10273' x1='32' y1='0.00012207' x2='32' y2='42.1536' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EF0D70'/%3E%3Cstop offset='1' stop-color='%23FB571A'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_1001_10273'%3E%3Crect width='64' height='42.1537' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    -ms-flex-positive: 0;
    flex-grow: 0;
    background-size: auto 26px;
    width: 55px;
    -ms-flex-preferred-size: 55px;
    flex-basis: 55px
}

.mostItem.--big .mostItem-detail: after,.mostItem.--big .mostItem-detail:before {
    background-repeat:no-repeat;
    background-position: 50%;
    content: "";
    height: 100%;
    -webkit-box-flex: 0
}

.mostItem.--big .mostItem-detail: after {
    background-image:url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00002 11.1372C0.901125 11.1372 0.804452 11.1079 0.722224 11.053C0.639996 10.998 0.575907 10.9199 0.538061 10.8286C0.500216 10.7372 0.490314 10.6367 0.509609 10.5397C0.528903 10.4427 0.576526 10.3536 0.646456 10.2837L5.2929 5.63722L0.646456 0.990783C0.552686 0.897012 0.500006 0.769832 0.500006 0.63722C0.500006 0.504608 0.552686 0.377428 0.646456 0.283657C0.740227 0.189887 0.867407 0.137207 1.00002 0.137207C1.13263 0.137207 1.25981 0.189887 1.35358 0.283657L6.35358 5.28366C6.40002 5.33009 6.43685 5.38521 6.46198 5.44587C6.48711 5.50654 6.50004 5.57156 6.50004 5.63722C6.50004 5.70289 6.48711 5.76791 6.46198 5.82857C6.43685 5.88923 6.40002 5.94435 6.35358 5.99078L1.35358 10.9908C1.3072 11.0373 1.25209 11.0742 1.19141 11.0993C1.13074 11.1244 1.06569 11.1373 1.00002 11.1372Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: auto 11px;
    -ms-flex-preferred-size: 32px;
    flex-basis: 32px;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.mostItem.--big .mostItem-detail-title {
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 130%;
    color: #fff;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: auto;
    max-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    width: 100%
}

.mostItem.--big .mostItem-detail-duration {
    text-align: center;
    width: 70px;
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #e8e8e8;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-left: .7px solid hsla(0,0%,100%,.7)
}

.mostItem.--big .mostItem-box,.mostItem.--big .mostItem-detail-duration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mostItem.--big .mostItem-box {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 42px;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    background-blend-mode: soft-light;
    border-top: .7px solid hsla(0,0%,100%,.7);
    backdrop-filter: blur(17.5px);
    -webkit-backdrop-filter: blur(17.5px);
    left: 0
}

.mostItem-date,.mostItem-time {
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--neutral-600)
}

.mostItem-post {
    position: relative;
    width: 100%;
    margin-top: 4px
}

.mostItem-post ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.mostItem-post ul li {
    position: relative;
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: var(--neutral-700)
}

.mostItem-post ul li .mostItem-subtitle {
    margin: 0
}

.mostItem-post ul li .mostItem-date {
    -webkit-line-clamp: 1;
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.mostItem-post ul li:not(:last-child):after {
    content: "\2022";
    position: absolute;
    right: -14px;
    color: var(--neutral-600);
    font-size: 12px
}

.mostItem-count {
    width: 32px;
    height: 32px;
    font-family: Inter,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: var(--neutral-400);
    text-align: center;
    padding: 12px 0 10px;
    position: relative
}

.mostItem-count .icn-mostSponsored {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.6402 5.44733L2.51 0.806709C2.30522 0.74698 2.08934 0.735717 1.87946 0.773811C1.66957 0.811905 1.47142 0.89831 1.30069 1.02619C1.12995 1.15408 0.991316 1.31993 0.895738 1.51064C0.800161 1.70134 0.750267 1.91167 0.75 2.12499V14.5C0.75 14.8647 0.894866 15.2144 1.15273 15.4723C1.41059 15.7301 1.76033 15.875 2.125 15.875C2.25648 15.875 2.3873 15.8562 2.51344 15.8191L9.6875 13.6174V14.5C9.6875 14.8647 9.83237 15.2144 10.0902 15.4723C10.3481 15.7301 10.6978 15.875 11.0625 15.875H13.8125C14.1772 15.875 14.5269 15.7301 14.7848 15.4723C15.0426 15.2144 15.1875 14.8647 15.1875 14.5V11.9305L17.6402 11.1785C17.924 11.0932 18.173 10.919 18.3503 10.6815C18.5276 10.444 18.6239 10.1558 18.625 9.85936V6.76561C18.6237 6.46937 18.5273 6.18136 18.35 5.94403C18.1727 5.70669 17.9239 5.53258 17.6402 5.44733ZM13.8125 14.5H11.0625V13.1955L13.8125 12.3516V14.5ZM17.25 9.85936H17.2405L11.0625 11.7569V4.86726L17.2405 6.76561H17.25V9.85936Z' fill='%23000'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-position: 50%;
    width: 18px;
    height: 18px;
    -webkit-filter: var(--filter-gray2);
    filter: var(--filter-gray2);
    margin: 0 7px
}

.mostItem-count .icn-mostSponsored,.mostItem-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mostItem-inner {
    gap: 12px
}

.mostItem-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px solid var(--cl-line);
    padding-bottom: 10px
}

.mostItem-img {
    width: 80px;
    height: 80px;
    -ms-flex-preferred-size: 80px;
    flex-basis: 80px;
    padding-top: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    background: var(--bg-gray-med)
}

.mostItem-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.mostItem-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: var(--neutral-800);
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    overflow-wrap: break-word
}

.mostItem-subtitle,.mostItem-title {
    font-family: Inter,sans-serif;
    position: relative
}

.mostItem-subtitle {
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--neutral-700);
    margin: 8px 0 4px
}

.mostItem-subtitle.clBrandzview {
    color: #0161b8
}

.mostItem-subtitle.color--kgnow {
    font-weight: 600;
    font-family: Inter,sans-serif;
    text-transform: unset;
    background: #ef0d70;
    background: -webkit-gradient(linear,left top,left bottom,from(#ef0d70),to(#fb571a));
    background: linear-gradient(180deg,#ef0d70 0,#fb571a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.mostItem-read {
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: var(--cl-gray-lite);
    margin: 6px 0 2px
}

.mostOther,.mostOther-box .mostOther {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: var(--yale-blue-500);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px
}

.mostOther .icoArrow {
    width: 8px;
    height: 10px;
    background-size: 6px;
    background-image: url("data:image/svg+xml, %3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-filter: invert(37%) sepia(61%) saturate(4987%) hue-rotate(188deg) brightness(90%) contrast(88%);
    filter: invert(37%) sepia(61%) saturate(4987%) hue-rotate(188deg) brightness(90%) contrast(88%)
}

.mostOther-box {
    margin-top: 10px
}

.recommendationList,.sideArticleList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    --gap: 16px;
    gap: var(--gap);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.recommendationList.--gridList,.sideArticleList.--gridList {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.recommendationList.--gridList .articleItem .icoInline,.sideArticleList.--gridList .articleItem .icoInline {
    width: 16px;
    height: 16px
}

.recommendationList.--gridList .articleItem .latestDuration,.sideArticleList.--gridList .articleItem .latestDuration {
    font-size: 12px;
    border-radius: 4px 0 8px 0;
    right: 0;
    bottom: 0;
    height: 24px
}

.recommendationList.--gridList .articleItem: not(:first-child),.sideArticleList.--gridList .articleItem:not(:first-child) {
    width:calc(100% / 2 - var(--gap) + (var(--gap) / 2))
}

.recommendationList.--gridList .articleItem: not(:first-child) .articleItem-wrap,.sideArticleList.--gridList .articleItem:not(:first-child) .articleItem-wrap {
    -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0
}

.recommendationList.--gridList .articleItem: not(:first-child) .articleItem-img,.sideArticleList.--gridList .articleItem:not(:first-child) .articleItem-img {
    width:100%
}

.recommendationList.--gridList .articleItem: not(:first-child) .articleItem-img:before,.sideArticleList.--gridList .articleItem:not(:first-child) .articleItem-img:before {
    padding-top:56%
}

.recommendationList .articleItem:first-child .articleTitle,.sideArticleList .articleItem:first-child .articleTitle {
    height: auto
}

.recommendationList .articleItem:not(:first-child) .articleItem-img,.sideArticleList .articleItem:not(:first-child) .articleItem-img {
    width: 90px
}

.recommendationList .articleItem:not(:first-child) .articleItem-img:before,.sideArticleList .articleItem:not(:first-child) .articleItem-img:before {
    padding-top: 100%
}

.recommendationList .articleItem:not(:first-child) .articleItem-wrap,.sideArticleList .articleItem:not(:first-child) .articleItem-wrap {
    gap: 12px
}

.recommendationList .articleItem:not(:first-child) .articleItem-box,.sideArticleList .articleItem:not(:first-child) .articleItem-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.eventHl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.eventHl-item {
    border-radius: 8px;
    aspect-ratio: 1/1
}

.eventHl-item,.eventHl-link,.eventHl-wrap {
    position: relative
}

.eventHl-box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px;
    z-index: 1
}

.eventHl-img {
    width: 248px;
    height: 248px;
    position: relative;
    z-index: 1;
    background: var(--bg-gray-med);
    border-radius: 8px;
    overflow: hidden
}

.eventHl-img:after {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(25%,transparent),to(#000));
    background: linear-gradient(180deg,transparent 25%,#000);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.eventHl-img img {
    border-radius: 8px;
    -webkit-filter: var(--filter-img);
    filter: var(--filter-img);
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.eventHl-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 20.8px;
    letter-spacing: -.01em;
    color: var(--cl-white);
    max-height: 63px;
    -webkit-line-clamp: 3;
    height: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.eventHl-date {
    font-size: 12px;
    line-height: 14.06px;
    letter-spacing: -.02em;
    color: var(--cl-gray-lite);
    margin-top: 11px
}

.eventHl-big {
    width: 798px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.eventHl-big .eventHl-img img,.eventHl-big .eventHl-item {
    aspect-ratio: 798/524
}

.eventHl-big .eventHl-img {
    width: 798px;
    height: 524px
}

.eventHl-big .eventHl-box {
    padding: 24px
}

.eventHl-big .eventHl-title {
    font-size: 24px;
    line-height: 31.2px;
    letter-spacing: -.01em
}

.eventHl-big .buttonShare {
    bottom: 24px;
    right: 24px
}

.eventHl-small {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.eventHl-small,.eventLatest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.eventLatest {
    margin-top: 24px;
    gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.eventLatest-item {
    width: calc((100% - 72px) / 4);
    position: relative;
    border-radius: 8px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.eventLatest-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 20.8px;
    letter-spacing: -.01em;
    color: var(--cl-txt);
    margin: 8px 0 11px
}

.eventLatest-date {
    font-size: 12px;
    line-height: 14.06px;
    letter-spacing: -.02em;
    color: var(--cl-gray-lite)
}

.eventLatest-img {
    position: relative;
    aspect-ratio: 1/1;
    border-radius: 8px;
    overflow: hidden;
    background: var(--bg-gray-med)
}

.eventLatest-img img {
    border-radius: 8px;
    -webkit-filter: var(--filter-img);
    filter: var(--filter-img);
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.photo-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin: 24px 0 4px;
    min-height: 590px
}

.photo-gallery-display {
    max-width: 926px
}

.photo-gallery-display .swiper-slide img {
    max-height: 524px;
    border-radius: 8px;
    -o-object-position: top;
    object-position: top;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 926/524;
    width: 100%;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.photo-gallery-thumb {
    width: 128px;
    max-height: 526px;
    overflow: hidden
}

.photo-gallery-thumb .swiper-wrapper {
    height: 100%
}

.photo-gallery-thumb .swiper-wrapper .swiper-slide {
    width: 128px;
    height: 72px!important;
    overflow: hidden;
    border-radius: 8px;
    background: var(--bg-gray-med)
}

.photo-gallery-thumb .swiper-wrapper .swiper-slide img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.photo-gallery-caption {
    max-width: 80%;
    margin: 16px 0 0;
    color: var(--cl-gray-med)
}

.photo-gallery .swiper-button-next,.photo-gallery .swiper-button-prev {
    position: absolute;
    top: 540px;
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #efefef;
    border-radius: 8px;
    z-index: 1;
    cursor: pointer
}

.photo-gallery .swiper-button-next.swiper-button-disabled,.photo-gallery .swiper-button-prev.swiper-button-disabled {
    opacity: .5
}

.photo-gallery .swiper-button-next {
    right: 0
}

.photo-gallery .swiper-button-prev {
    right: 58px
}

.photo-gallery .swiper-button-prev .icon-arrow-line {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.icon-arrow-line {
    width: 32px;
    height: 32px
}

.icon-arrow-line,.iconKanal {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%
}

.iconKanal {
    width: 24px;
    height: 24px;
    -webkit-filter: var(--filter-close);
    filter: var(--filter-close)
}

.icon-envelop {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 4.5H3C2.80109 4.5 2.61032 4.57902 2.46967 4.71967C2.32902 4.86032 2.25 5.05109 2.25 5.25V18C2.25 18.3978 2.40804 18.7794 2.68934 19.0607C2.97064 19.342 3.35218 19.5 3.75 19.5H20.25C20.6478 19.5 21.0294 19.342 21.3107 19.0607C21.592 18.7794 21.75 18.3978 21.75 18V5.25C21.75 5.05109 21.671 4.86032 21.5303 4.71967C21.3897 4.57902 21.1989 4.5 21 4.5ZM19.0716 6L12 12.4828L4.92844 6H19.0716ZM20.25 18H3.75V6.95531L11.4928 14.0531C11.6312 14.1801 11.8122 14.2506 12 14.2506C12.1878 14.2506 12.3688 14.1801 12.5072 14.0531L20.25 6.95531V18Z" fill="white"/></svg>')
}

.icon-whatsapp-outline {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5856 13.5787L14.5856 12.0787C14.4675 12.0199 14.336 11.9933 14.2043 12.0015C14.0726 12.0097 13.9455 12.0525 13.8356 12.1256L12.4584 13.0444C11.8262 12.6968 11.306 12.1766 10.9584 11.5444L11.8772 10.1672C11.9503 10.0573 11.9931 9.93016 12.0013 9.79848C12.0096 9.6668 11.9829 9.53528 11.9241 9.41719L10.4241 6.41719C10.3619 6.29163 10.2658 6.186 10.1467 6.11226C10.0275 6.03853 9.89011 5.99964 9.75 6C8.75544 6 7.80161 6.39509 7.09835 7.09835C6.39509 7.80161 6 8.75544 6 9.75C6.00248 11.9373 6.87247 14.0343 8.41911 15.5809C9.96575 17.1275 12.0627 17.9975 14.25 18C14.7425 18 15.2301 17.903 15.6851 17.7145C16.14 17.5261 16.5534 17.2499 16.9017 16.9017C17.2499 16.5534 17.5261 16.14 17.7145 15.6851C17.903 15.2301 18 14.7425 18 14.25C18.0001 14.1107 17.9614 13.9741 17.8882 13.8555C17.815 13.7369 17.7102 13.6411 17.5856 13.5787ZM14.25 16.5C12.4604 16.498 10.7447 15.7862 9.47922 14.5208C8.21378 13.2553 7.50198 11.5396 7.5 9.75C7.49985 9.2298 7.67997 8.72562 8.00968 8.32326C8.3394 7.9209 8.79835 7.64521 9.30844 7.54313L10.3847 9.69938L9.46875 11.0625C9.4003 11.1652 9.35825 11.2831 9.34631 11.406C9.33437 11.5288 9.35292 11.6526 9.40031 11.7666C9.93692 13.0419 10.9515 14.0565 12.2269 14.5931C12.3411 14.6426 12.466 14.6629 12.59 14.6521C12.7141 14.6413 12.8335 14.5998 12.9375 14.5312L14.3072 13.6181L16.4634 14.6944C16.3606 15.205 16.0837 15.6642 15.68 15.9935C15.2763 16.3228 14.7709 16.5018 14.25 16.5ZM12 2.25C10.3167 2.24963 8.66195 2.68508 7.19686 3.51396C5.73177 4.34285 4.50623 5.53692 3.63954 6.97997C2.77284 8.42301 2.29451 10.0659 2.25111 11.7486C2.20771 13.4314 2.60072 15.0967 3.39187 16.5825L2.32781 19.7747C2.23967 20.039 2.22688 20.3226 2.29087 20.5938C2.35486 20.8649 2.49311 21.1129 2.69011 21.3099C2.88711 21.5069 3.13509 21.6451 3.40624 21.7091C3.6774 21.7731 3.96102 21.7603 4.22531 21.6722L7.4175 20.6081C8.7251 21.3036 10.1739 21.6921 11.6541 21.744C13.1342 21.7959 14.6067 21.51 15.9599 20.9079C17.313 20.3057 18.5112 19.4033 19.4634 18.269C20.4157 17.1346 21.0971 15.7983 21.4557 14.3613C21.8144 12.9244 21.841 11.4246 21.5336 9.97578C21.2261 8.52701 20.5926 7.16732 19.6812 5.99992C18.7697 4.83253 17.6043 3.88811 16.2734 3.23836C14.9425 2.58861 13.481 2.25061 12 2.25ZM12 20.25C10.5497 20.251 9.12478 19.8691 7.86937 19.1428C7.77746 19.0895 7.67526 19.0563 7.56956 19.0455C7.46386 19.0347 7.35707 19.0464 7.25625 19.08L3.75 20.25L4.91906 16.7438C4.95276 16.643 4.96467 16.5362 4.954 16.4305C4.94334 16.3248 4.91034 16.2226 4.85719 16.1306C3.94779 14.5584 3.58266 12.7299 3.81846 10.929C4.05426 9.12801 4.87781 7.4552 6.16133 6.17006C7.44486 4.88491 9.11662 4.05925 10.9173 3.82118C12.7179 3.5831 14.5468 3.94591 16.1202 4.85333C17.6937 5.76074 18.9237 7.16204 19.6194 8.83983C20.3151 10.5176 20.4378 12.3781 19.9682 14.1327C19.4987 15.8873 18.4632 17.4379 17.0225 18.5439C15.5818 19.65 13.8163 20.2497 12 20.25Z" fill="white"/></svg>')
}

.icon-arrow-line {
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.7075 16.7076L18.7075 25.7076C18.5199 25.8952 18.2654 26.0006 18 26.0006C17.7346 26.0006 17.4801 25.8952 17.2925 25.7076C17.1049 25.5199 16.9994 25.2654 16.9994 25.0001C16.9994 24.7347 17.1049 24.4802 17.2925 24.2926L24.5863 17.0001H5C4.73478 17.0001 4.48043 16.8947 4.29289 16.7072C4.10536 16.5196 4 16.2653 4 16.0001C4 15.7349 4.10536 15.4805 4.29289 15.293C4.48043 15.1054 4.73478 15.0001 5 15.0001H24.5863L17.2925 7.70757C17.1049 7.51993 16.9994 7.26543 16.9994 7.00007C16.9994 6.7347 17.1049 6.48021 17.2925 6.29257C17.4801 6.10493 17.7346 5.99951 18 5.99951C18.2654 5.99951 18.5199 6.10493 18.7075 6.29257L27.7075 15.2926C27.8005 15.3854 27.8742 15.4957 27.9246 15.6171C27.9749 15.7385 28.0008 15.8687 28.0008 16.0001C28.0008 16.1315 27.9749 16.2616 27.9246 16.383C27.8742 16.5044 27.8005 16.6147 27.7075 16.7076Z" fill="%23999999"/></svg>')
}

.icon-refresh {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 6.5H14.5V3.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.775 12C10.9888 12.7419 10.0014 13.2356 8.93614 13.4196C7.87089 13.6035 6.77507 13.4694 5.78559 13.0341C4.79611 12.5988 3.95684 11.8816 3.37266 10.972C2.78847 10.0625 2.48527 9.00092 2.50094 7.92003C2.51661 6.83914 2.85046 5.78684 3.46077 4.8946C4.07107 4.00236 4.93078 3.30975 5.93246 2.90331C6.93415 2.49687 8.03339 2.39463 9.09285 2.60935C10.1523 2.82408 11.125 3.34625 11.8894 4.11062L14.5 6.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%;
    width: 16px;
    height: 16px
}

.indeks__form {
    padding: 0
}

.discover .container {
    background: var(--bg-main);
    padding-top: 20px
}

.indeks__form .form__select {
    background-color: var(--bg-input);
    background-image: none;
    border: solid 1px var(--br-gray-med);
    color: var(--cl-main)
}

.indeks__form .form__select__wrap:after {
    right: 12px
}

.mb0 {
    margin-bottom: 0
}

.pt0,.pt-0 {
    padding-top: 0!important
}

.mt32 {
    margin-top: 32px
}

.mb32 {
    margin-bottom: 32px
}

.--sc .ga--video {
    margin: 16px 0
}

.--sc .ga--video .article__list {
    margin-bottom: 0
}

.--sc .ga--video .article__list__info {
    display: inline-table
}

.--sc .ga--video .article__list__info .article__time {
    display: table;
    background-color: #f2f2f2;
    gap: 4px;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 12px;
    line-height: normal;
    font-weight: 600;
    color: #5f5f5f;
    position: relative;
    padding-left: 22px
}

.--sc .ga--video .article__list__info .article__time .icon-time {
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 13px;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.--sc .ga--video .article__list__info .article__date {
    color: #757575
}

.--sc .ga--video .article__list__title {
    height: auto;
    max-height: 215px;
    margin-bottom: 20px
}

.--sc .ga--video .article__list__asset iframe {
    border-radius: 8px;
    overflow: hidden
}

.--sc .ga--video .article__title {
    font-size: 24px;
    font-weight: 500
}

.--sc .ga--photo-pilihan {
    border-bottom: 0
}

.--sc .ga--photo-pilihan .article__box--big {
    margin: 0;
    padding: 14px 0 0
}

.--sc .ga--photo-pilihan .article__photo__wrap {
    width: 100%;
    height: 595px
}

.--sc .ga--photo-pilihan .article__photo__wrap .article__asset {
    padding-top: 493px;
    border-radius: 8px
}

.--sc .ga--photo-pilihan .article__photo__wrap .article__asset img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.--sc .ga--photo-pilihan .article__photo__count {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 2;
    background-color: rgba(0,0,0,.7);
    padding: 8px 8px 8px 40px;
    color: var(--cl-white);
    font-size: 14px;
    border-radius: 8px;
    top: unset
}

.--sc .ga--photo-pilihan .article__photo__count: after {
    width:19px;
    height: 16px;
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(329deg) brightness(105%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(329deg) brightness(105%) contrast(101%);
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='18' viewBox='0 0 21 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.25 14.4951V2.49561C20.2496 2.09792 20.0914 1.71665 19.8102 1.43544C19.529 1.15423 19.1477 0.996052 18.75 0.995605H2.25C1.85231 0.996052 1.47104 1.15423 1.18983 1.43544C0.908625 1.71665 0.750447 2.09792 0.75 2.49561V15.9956C0.750447 16.3933 0.908625 16.7746 1.18983 17.0558C1.47104 17.337 1.85231 17.4952 2.25 17.4956H18.75C19.1477 17.4952 19.529 17.337 19.8102 17.0558C20.0914 16.7746 20.2496 16.3933 20.25 15.9956V14.4951ZM18.75 2.49561L18.7507 12.6856L16.0607 9.99561C15.7791 9.71472 15.3977 9.55698 15 9.55697C14.6023 9.55697 14.2209 9.71472 13.9393 9.99561L12.0001 11.935L7.81069 7.74561C7.52915 7.46472 7.14769 7.30697 6.75 7.30697C6.35231 7.30697 5.97085 7.46472 5.68931 7.74561L2.25 11.1849V2.49561H18.75ZM18.75 15.9956H2.25V13.3063L6.75 8.80629L10.9393 12.9956C11.2206 13.2769 11.6022 13.4349 12 13.4349C12.3978 13.4349 12.7794 13.2769 13.0607 12.9956L15 11.0563L18.7509 14.8072V15.9956H18.75ZM12.3294 7.41607C12.1986 7.28525 12.1021 7.12418 12.0484 6.94714C11.9947 6.7701 11.9855 6.58255 12.0216 6.40111C12.0577 6.21967 12.138 6.04992 12.2554 5.90692C12.3728 5.76392 12.5236 5.65206 12.6945 5.58127C12.8654 5.51048 13.0512 5.48293 13.2353 5.50106C13.4194 5.5192 13.5962 5.58246 13.75 5.68524C13.9038 5.78802 14.0299 5.92715 14.1171 6.0903C14.2044 6.25346 14.25 6.4356 14.25 6.62061V6.62098C14.2499 6.84346 14.1839 7.06093 14.0603 7.24589C13.9366 7.43085 13.7609 7.57499 13.5553 7.66009C13.3498 7.74519 13.1236 7.76743 12.9054 7.724C12.6872 7.68057 12.4867 7.57341 12.3294 7.41607Z' fill='%23000'/%3E%3C/svg%3E%0A");
    background-position: 50%;
    background-size: auto 16px
}

.--sc .ga--photo-pilihan .article__title--big {
    font-weight: 600
}

.pb-0 {
    padding-bottom: 0
}

.kgplayGate__wrap {
    overflow: initial
}

.kgplayGate__wrap .icon-photo-slider {
    bottom: auto;
    top: -42px;
    font-size: 24px;
    width: 24px;
    height: 24px;
    background-color: var(--platinum-light);
    border-radius: 4px
}

.kgplayGate__wrap .icon-photo-slider[aria-disabled=true] {
    opacity: .4
}

.kgplayGate__wrap .icon-photo-slider svg {
    width: 15px;
    height: 15px
}

.kgplayGate__wrap .icon-photo-slider.icon-photo-left {
    right: 30px;
    left: auto
}

.kgplayGate__wrap .icon-photo-slider .icon-angle-left {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.146739 4.64621L4.64674 0.146215C4.74056 0.0523942 4.86781 -0.000313429 5.00049 -0.000313417C5.13317 -0.000313406 5.26042 0.0523943 5.35424 0.146215C5.44806 0.240035 5.50077 0.367283 5.50077 0.499965C5.50077 0.632647 5.44806 0.759895 5.35424 0.853715L1.70736 4.49997L11.5005 4.49997C11.6331 4.49997 11.7603 4.55264 11.854 4.64641C11.9478 4.74018 12.0005 4.86736 12.0005 4.99997C12.0005 5.13257 11.9478 5.25975 11.854 5.35352C11.7603 5.44729 11.6331 5.49997 11.5005 5.49997L1.70736 5.49997L5.35424 9.14622C5.44806 9.24004 5.50077 9.36728 5.50077 9.49997C5.50077 9.63265 5.44806 9.7599 5.35424 9.85372C5.26042 9.94754 5.13317 10.0002 5.00049 10.0002C4.86781 10.0002 4.74056 9.94754 4.64674 9.85372L0.146738 5.35372C0.100251 5.30728 0.0633702 5.25213 0.0382084 5.19144C0.0130467 5.13074 9.57988e-05 5.06567 9.58046e-05 4.99997C9.58103e-05 4.93426 0.0130467 4.86919 0.0382085 4.80849C0.0633702 4.7478 0.100251 4.69265 0.146739 4.64621Z' fill='%23999999'/%3E%3C/svg%3E%0A")
}

.kgplayGate__wrap .icon-photo-slider .icon-angle-right {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8538 5.35378L7.35375 9.85378C7.25993 9.94761 7.13268 10.0003 7 10.0003C6.86732 10.0003 6.74007 9.94761 6.64625 9.85378C6.55243 9.75996 6.49972 9.63272 6.49972 9.50003C6.49972 9.36735 6.55243 9.2401 6.64625 9.14628L10.2931 5.50003H0.5C0.367392 5.50003 0.240215 5.44736 0.146447 5.35359C0.0526785 5.25982 0 5.13264 0 5.00003C0 4.86743 0.0526785 4.74025 0.146447 4.64648C0.240215 4.55271 0.367392 4.50003 0.5 4.50003H10.2931L6.64625 0.853784C6.55243 0.759964 6.49972 0.632716 6.49972 0.500034C6.49972 0.367352 6.55243 0.240104 6.64625 0.146284C6.74007 0.0524635 6.86732 -0.000244141 7 -0.000244141C7.13268 -0.000244141 7.25993 0.0524635 7.35375 0.146284L11.8538 4.64628C11.9002 4.69272 11.9371 4.74786 11.9623 4.80856C11.9874 4.86926 12.0004 4.93433 12.0004 5.00003C12.0004 5.06574 11.9874 5.13081 11.9623 5.1915C11.9371 5.2522 11.9002 5.30735 11.8538 5.35378Z' fill='%23999999'/%3E%3C/svg%3E%0A")
}

.--slideShorts {
    position: relative;
    overflow: hidden;
    padding-bottom: 0;
    margin-bottom: 32px
}

.--slideShorts .slick-list {
    height: 249px
}

.--slideShorts .kgplayGate__wrap {
    overflow: initial
}

.--slideShorts .kgplayGate__wrap.-slider .icon-photo-slider {
    bottom: auto;
    top: -42px;
    font-size: 24px;
    width: 24px;
    height: 24px;
    background-color: var(--platinum-light);
    border-radius: 4px
}

.--slideShorts .kgplayGate__wrap.-slider .icon-photo-slider[aria-disabled=true] {
    opacity: .4
}

.--slideShorts .kgplayGate__wrap.-slider .icon-photo-slider svg {
    width: 15px;
    height: 15px
}

.--slideShorts .kgplayGate__wrap.-slider .icon-photo-slider.icon-photo-left {
    right: 35px;
    left: auto
}

.--slideShorts .kgplayGate__wrap.-slider .icon-photo-slider .icon-angle-left {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.146739 4.64621L4.64674 0.146215C4.74056 0.0523942 4.86781 -0.000313429 5.00049 -0.000313417C5.13317 -0.000313406 5.26042 0.0523943 5.35424 0.146215C5.44806 0.240035 5.50077 0.367283 5.50077 0.499965C5.50077 0.632647 5.44806 0.759895 5.35424 0.853715L1.70736 4.49997L11.5005 4.49997C11.6331 4.49997 11.7603 4.55264 11.854 4.64641C11.9478 4.74018 12.0005 4.86736 12.0005 4.99997C12.0005 5.13257 11.9478 5.25975 11.854 5.35352C11.7603 5.44729 11.6331 5.49997 11.5005 5.49997L1.70736 5.49997L5.35424 9.14622C5.44806 9.24004 5.50077 9.36728 5.50077 9.49997C5.50077 9.63265 5.44806 9.7599 5.35424 9.85372C5.26042 9.94754 5.13317 10.0002 5.00049 10.0002C4.86781 10.0002 4.74056 9.94754 4.64674 9.85372L0.146738 5.35372C0.100251 5.30728 0.0633702 5.25213 0.0382084 5.19144C0.0130467 5.13074 9.57988e-05 5.06567 9.58046e-05 4.99997C9.58103e-05 4.93426 0.0130467 4.86919 0.0382085 4.80849C0.0633702 4.7478 0.100251 4.69265 0.146739 4.64621Z' fill='%23999999'/%3E%3C/svg%3E%0A")
}

.--slideShorts .kgplayGate__wrap.-slider .icon-photo-slider .icon-angle-right {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8538 5.35378L7.35375 9.85378C7.25993 9.94761 7.13268 10.0003 7 10.0003C6.86732 10.0003 6.74007 9.94761 6.64625 9.85378C6.55243 9.75996 6.49972 9.63272 6.49972 9.50003C6.49972 9.36735 6.55243 9.2401 6.64625 9.14628L10.2931 5.50003H0.5C0.367392 5.50003 0.240215 5.44736 0.146447 5.35359C0.0526785 5.25982 0 5.13264 0 5.00003C0 4.86743 0.0526785 4.74025 0.146447 4.64648C0.240215 4.55271 0.367392 4.50003 0.5 4.50003H10.2931L6.64625 0.853784C6.55243 0.759964 6.49972 0.632716 6.49972 0.500034C6.49972 0.367352 6.55243 0.240104 6.64625 0.146284C6.74007 0.0524635 6.86732 -0.000244141 7 -0.000244141C7.13268 -0.000244141 7.25993 0.0524635 7.35375 0.146284L11.8538 4.64628C11.9002 4.69272 11.9371 4.74786 11.9623 4.80856C11.9874 4.86926 12.0004 4.93433 12.0004 5.00003C12.0004 5.06574 11.9874 5.13081 11.9623 5.1915C11.9371 5.2522 11.9002 5.30735 11.8538 5.35378Z' fill='%23999999'/%3E%3C/svg%3E%0A")
}

.--slideShorts .kgplayItem-box: after {
    background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),to(rgba(0,0,0,.6)));
    background: linear-gradient(180deg,transparent 50%,rgba(0,0,0,.6))
}

.photo__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    font-size: 14px;
    color: var(--cl-main);
    background: var(--bg-warticle);
    padding: 16px;
    border-radius: 8px
}

.photo__footer,.photo__footer .photoProps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.photo__footer .photoProps {
    padding-left: 0;
    list-style: none;
    gap: 32px
}

.photo__footer .photoProps__item {
    width: 33.33333%;
    padding-left: 24px;
    position: relative;
    margin: 0
}

.photo__footer .photoProps__item:not(:last-child):after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background-color: var(--platinum-dark);
    right: -17px;
    top: 0
}

.photo__footer .photoProps__text {
    margin: 0
}

.photo__footer .photoProps__symbol {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    -webkit-filter: var(--filter-gray3);
    filter: var(--filter-gray3)
}

.photo__footer .photoProps__symbol.icon--user {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2953_6037)'%3E%3Cpath d='M6 10L5.5 8' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10L10.5 8' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10V8' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.8532 4.07C11.2646 3.97954 11.6904 3.97672 12.1029 4.06172C12.5154 4.14672 12.9054 4.31764 13.2475 4.56334C13.5896 4.80904 13.8762 5.12403 14.0885 5.4878C14.3008 5.85157 14.4341 6.25596 14.4798 6.67467C14.5255 7.09338 14.4825 7.51702 14.3536 7.91801C14.2247 8.319 14.0128 8.68835 13.7317 9.00203C13.4507 9.31572 13.1067 9.5667 12.7222 9.73864C12.3377 9.91058 11.9213 9.99963 11.5001 10H4.50009C4.0789 9.99963 3.6625 9.91058 3.278 9.73864C2.8935 9.5667 2.54952 9.31572 2.26844 9.00203C1.98736 8.68835 1.77548 8.319 1.64659 7.91801C1.51771 7.51702 1.4747 7.09338 1.52038 6.67467C1.56605 6.25596 1.69938 5.85157 1.91169 5.4878C2.124 5.12403 2.41053 4.80904 2.75263 4.56334C3.09474 4.31764 3.48474 4.14672 3.89727 4.06172C4.3098 3.97672 4.7356 3.97954 5.14696 4.07' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 5C5 4.20435 5.31607 3.44129 5.87868 2.87868C6.44129 2.31607 7.20435 2 8 2C8.79565 2 9.55871 2.31607 10.1213 2.87868C10.6839 3.44129 11 4.20435 11 5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 9.82935V13C12.5 13.1326 12.4473 13.2598 12.3536 13.3535C12.2598 13.4473 12.1326 13.5 12 13.5H4C3.86739 13.5 3.74021 13.4473 3.64645 13.3535C3.55268 13.2598 3.5 13.1326 3.5 13V9.82935' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2953_6037'%3E%3Crect width='16' height='16' fill='%23000'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.photo__footer .photoProps__symbol.icon--duration {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2953_6047)'%3E%3Cpath d='M8 14C11.0376 14 13.5 11.5376 13.5 8.5C13.5 5.46243 11.0376 3 8 3C4.96243 3 2.5 5.46243 2.5 8.5C2.5 11.5376 4.96243 14 8 14Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 8.5L10.5 6' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.5 1H9.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2953_6047'%3E%3Crect width='16' height='16' fill='%23000'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.photo__footer .photoProps__symbol.icon--level {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2953_6054)'%3E%3Cpath d='M3 13V8.5H6' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 13H2' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 13V5.5H9.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 13V2.5H13V13' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2953_6054'%3E%3Crect width='16' height='16' fill='%23000'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.-bigger .commentMore-link,.-bigger .commentWrap.--comment_v2 .comment .--first_comment .commentContent,.-bigger .commentWrap.--comment_v2 .comment .--first_comment .commentContent-inner,.-bigger .commentWrap.--comment_v2 .commentHead-title,.-bigger .reactionItem,.-bigger .read__content,.-bigger .tag__article__link,.-bigger .tag__article__teaser,.-bigger .wLink__title {
    font-family: Inter,sans-serif
}

.-bigger .read__content {
    font-size: 17px;
    line-height: 150%
}

.kgnw-main.kgnw-sidebar~.kgnw-slider .kgnw-list-title,.kgnw-main[data-kgnw-version="2.0"].kgnw-sidebar~.kgnw-slider .kgnw-list-title,[data-kgnw-version="2.0"].kgnw-sidebar~.kgnw-slider .kgnw-list-title {
    -webkit-line-clamp: 3;
    margin-bottom: 4px
}

.kgnw-main .kgnw-player-title span,.kgnw-main[data-kgnw-version="2.0"] .kgnw-player-title span,[data-kgnw-version="2.0"] .kgnw-player-title span {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--neutral-800)
}

.kgnw-main[data-kgnw-version="2.0"]~.kgnw-slider .kgnw-list-subtitle a,.kgnw-main[data-kgnw-version="2.0"]~.kgnw-slider .kgnw-list-subtitle span,.kgnw-main~.kgnw-slider .kgnw-list-subtitle a,.kgnw-main~.kgnw-slider .kgnw-list-subtitle span,[data-kgnw-version="2.0"]~.kgnw-slider .kgnw-list-subtitle a,[data-kgnw-version="2.0"]~.kgnw-slider .kgnw-list-subtitle span {
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--neutral-700)
}

.kgnw-main[data-kgnw-version="2.0"]~.kgnw-slider .kgnw-list-info,.kgnw-main~.kgnw-slider .kgnw-list-info,[data-kgnw-version="2.0"]~.kgnw-slider .kgnw-list-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.kgnw-main[data-kgnw-version="2.0"]~.kgnw-slider .kgnw-list-info>:not(:first-child),.kgnw-main~.kgnw-slider .kgnw-list-info>:not(:first-child),[data-kgnw-version="2.0"]~.kgnw-slider .kgnw-list-info>:not(:first-child) {
    padding-left: 0;
    line-height: 1.3
}

.kgnw-main[data-kgnw-version="2.0"]~.kgnw-slider .kgnw-list-info>:not(:first-child):before,.kgnw-main~.kgnw-slider .kgnw-list-info>:not(:first-child):before,[data-kgnw-version="2.0"]~.kgnw-slider .kgnw-list-info>:not(:first-child):before {
    display: none
}

.kgnw-main[data-kgnw-version="2.0"]~.kgnw-slider .kgnw-other a:after,.kgnw-main~.kgnw-slider .kgnw-other a:after,[data-kgnw-version="2.0"]~.kgnw-slider .kgnw-other a:after {
    width: 8px;
    height: 10px;
    background-size: auto 10px
}

.--emptyAlart {
    text-align: center;
    padding: 48px 0
}

.--emptyAlart h4,.--emptyAlart p {
    color: var(--neutral-700)
}

.--emptyAlart .btn-main {
    margin-top: 24px
}

.headBox-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    gap: 16px
}

.headBox-wrap .wSpec.-tab {
    margin-top: 0
}

.headTabs {
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    border-bottom: 1px solid var(--neutral-200)
}

.headTabs-item {
    padding: 0 10px
}

.headTabs-item.--active a {
    color: var(--yale-blue-500)
}

.headTabs-item.--active a span: after {
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--yale-blue-500)
}

.headTabs-item a {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: var(--neutral-700)
}

.headTabs-item span {
    padding: 10px 0;
    position: relative;
    display: inline-table;
    width: 100%
}

.headFilter {
    position: relative
}

.headFilter #filterButton {
    width: 36px;
    height: 36px;
    padding: 0;
    font-size: 0
}

.headArticle-content {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: var(--neutral-700)
}

.headArticle-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.headArticle-btn {
    padding: 4px 20px;
    height: 36px;
    border-radius: 40px;
    border: 1px solid #e9e9e9;
    background-color: transparent;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: var(--neutral-700);
    cursor: pointer
}

.headArticle-btn.--active {
    border-color: var(--yale-blue-500);
    color: var(--yale-blue-500)
}

.headBox-wrap.--taglist .searchContent {
    position: absolute;
    right: 0;
    top: 8px
}

.headBox-wrap.--taglist .searchContent p {
    color: var(--neutral-500);
    font-weight: 500;
    font-size: 14px
}

.headBox-wrap.--taglist .headTabs-item {
    padding: 0
}

.modalsFilter {
    position: absolute;
    top: 42px;
    left: 0;
    z-index: 3;
    opacity: 0;
    visibility: hidden
}

.modalsFilter.active {
    visibility: visible;
    opacity: 1
}

.modalsFilter-inner {
    padding: 24px;
    width: 440px;
    background: var(--bg-main);
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3);
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out,-webkit-transform .2s ease-out
}

.modals.w-overlay:after {
    display: none
}

.modals .overlay {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: -1!important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.modals__content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.filterContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.filterContainer.--filter {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px
}

.filterContainer.--filter .formDate-w {
    min-width: 190px
}

.filterContainer .formDate-w span {
    font-size: 14px
}

.filterBtn .btn {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: var(--cl-white);
    padding: 12px 16px;
    border-radius: 5px;
    background-color: var(--yale-blue-500);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 44px;
    cursor: pointer
}

.filterGroup>label {
    width: 100%;
    margin-bottom: 12px;
    display: inline-table;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: var(--neutral-700)
}

.filterGroup input[type=text],.filterGroup select {
    width: 100%
}

.filterGroup .formSelect:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 22px;
    width: 10px;
    height: 10px;
    border-left: 2px solid var(--cl-main);
    border-bottom: 2px solid var(--cl-main);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 1;
    pointer-events: none
}

.filterGroup .formSelect select {
    padding: 0 50px 0 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.filterGroup .formSelect select,.filterGroup input[type=date] {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--neutral-700);
    border: 1px solid #e2e2e2;
    height: 40px;
    border-radius: 8px;
    background-color: var(--bg-main)
}

.filterGroup input[type=date] {
    padding: 0 16px;
    width: 50%;
    position: relative
}

.filterGroup .radioInput:not(:last-child) {
    margin-bottom: 12px
}

.filterGroup .radioInput input[type=radio]:before {
    top: 4px
}

.filterGroup .radioInput label {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: var(--neutral-800)
}

.theme-dark input[type=date]::-webkit-calendar-picker-indicator {
    -webkit-filter: invert(99%) sepia(11%) saturate(0) hue-rotate(8deg) brightness(104%) contrast(100%);
    filter: invert(99%) sepia(11%) saturate(0) hue-rotate(8deg) brightness(104%) contrast(100%)
}

.trendWrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
    gap: 5px;
    border-bottom: 1px solid var(--neutral-300)
}

.trendWrap .swiper-trend {
    position: relative;
    overflow: hidden;
    padding: 10px 25px
}

.trendWrap .swiper-trend:before {
    content: "";
    position: absolute
}

.trendWrap .swiper-wrapper {
    overflow: initial
}

.trendWrap .swiper-slide.trendItem {
    width: auto;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.trendWrap .swiper-slide.trendItem:first-child a {
    padding-left: 0
}

.trendWrap .swiper-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    opacity: 0;
    padding: 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: var(--bg-main)
}

.trendWrap .swiper-button[aria-disabled=false] {
    opacity: 1
}

.trendWrap .swiper-button span {
    width: 32px;
    height: 32px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.16);
    box-shadow: 0 1px 5px rgba(0,0,0,.16);
    background: var(--cl-white);
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 8px auto;
    display: inline-table
}

.trendWrap .swiper-button-prev {
    left: 0
}

.trendWrap .swiper-button-prev span {
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33331 1L1.33331 5L5.33331 9' stroke='%23333333' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.trendWrap .swiper-button-next {
    right: 0
}

.trendWrap .swiper-button-next span {
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23333333' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.trendName {
    position: relative;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    color: #e65225;
    text-transform: uppercase;
    white-space: nowrap
}

.trendContent {
    position: relative;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden
}

.trendContent-wrap {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.trendItem {
    position: relative
}

.trendItem:not(:last-child):after {
    position: absolute;
    content: "";
    width: 1px;
    height: 16px;
    background-color: #d1d1d1;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.trendTitle {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--neutral-800);
    white-space: nowrap
}

.trendTitle a {
    padding: 2px 16px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 250px
}

.tierArticle {
    position: relative;
    padding: 8px 16px
}

.tierArticle-gate {
    border-radius: 8px;
    position: relative;
    background-color: var(--yale-blue-600);
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tierArticle-gate:after {
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    right: 12px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml, %3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-filter: invert(98%) sepia(72%) saturate(0) hue-rotate(298deg) brightness(112%) contrast(100%);
    filter: invert(98%) sepia(72%) saturate(0) hue-rotate(298deg) brightness(112%) contrast(100%)
}

.tierBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.tierCol-1 {
    width: 500px
}

.tierCol-2 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tierCol-2 p {
    font-size: 16px;
    font-weight: 400;
    color: var(--neutral-600);
    margin-top: 12px;
    margin-bottom: 24px
}

.tierCol-2 .btn-main {
    min-width: 300px
}

.tierProgress {
    background: -webkit-gradient(linear,left top,left bottom,from(#3886ec),to(#0e5bc1));
    background: linear-gradient(180deg,#3886ec,#0e5bc1);
    border-radius: 6px;
    width: 100%;
    min-height: 232px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.tierProgress .swiper-tierProgress .swiper-wrapper {
    width: 300px;
    min-height: 102px
}

.tierProgress .swiper-tierProgress .swiper-slide {
    width: 100%;
    height: auto;
    padding-left: 20px
}

.tierProgress .swiper-tierProgress .swiper-slide:first-child {
    padding-left: 16px
}

.tierProgress .swiper-tierProgress .swiper-slide:last-child {
    padding-right: 16px
}

.tierProgress-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--neutral-800-1)
}

.tierProgress-desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--neutral-600-1)
}

.tierProgress-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 16px 0
}

.tierProgress-head h3 {
    font-size: 24px;
    font-weight: 500;
    color: var(--cl-white)
}

.tierProgress-bottom {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px
}

.tierProgress-bottom,.tierProgress-bottom .note {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tierProgress-bottom .note {
    margin: 0;
    gap: 5px;
    font-size: 10px;
    font-weight: 700;
    color: var(--cl-white)
}

.tierProgress-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tierProgress-col .icoShare {
    width: 18px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='21' viewBox='0 0 18 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8747 17.55C17.8748 18.0426 17.767 18.5292 17.559 18.9757C17.3509 19.4223 17.0477 19.8178 16.6705 20.1347C16.2933 20.4515 15.8513 20.6819 15.3756 20.8098C14.8999 20.9376 14.4019 20.9598 13.9167 20.8747C13.4315 20.7896 12.9708 20.5993 12.567 20.3172C12.1631 20.0351 11.826 19.668 11.5791 19.2418C11.3322 18.8155 11.1817 18.3403 11.138 17.8497C11.0943 17.359 11.1586 16.8647 11.3263 16.4015L6.35752 13.2093C5.88296 13.6748 5.28152 13.9898 4.62863 14.1148C3.97574 14.2398 3.30048 14.1691 2.68757 13.9118C2.07466 13.6545 1.5514 13.2219 1.18342 12.6683C0.815443 12.1147 0.619141 11.4647 0.619141 10.8C0.619141 10.1352 0.815443 9.48529 1.18342 8.93169C1.5514 8.37809 2.07466 7.94548 2.68757 7.68814C3.30048 7.4308 3.97574 7.36018 4.62863 7.48515C5.28152 7.61012 5.88296 7.92511 6.35752 8.3906L11.3263 5.2031C11.0417 4.42127 11.0553 3.56201 11.3642 2.78952C11.6732 2.01702 12.256 1.38546 13.0012 1.0155C13.7464 0.645544 14.6018 0.563134 15.404 0.78402C16.2061 1.0049 16.8987 1.5136 17.3495 2.21289C17.8003 2.91219 17.9776 3.75306 17.8476 4.57483C17.7175 5.3966 17.2893 6.14165 16.6446 6.66762C16 7.19358 15.1841 7.46358 14.353 7.42603C13.5218 7.38847 12.7337 7.046 12.1391 6.46404L7.17033 9.65622C7.43887 10.3983 7.43887 11.211 7.17033 11.9531L12.1391 15.1453C12.6135 14.681 13.2143 14.3669 13.8662 14.2423C14.5182 14.1177 15.1925 14.1882 15.8046 14.4448C16.4168 14.7015 16.9397 15.1329 17.3079 15.6853C17.6761 16.2376 17.8733 16.8862 17.8747 17.55Z' fill='white'/%3E%3C/svg%3E%0A");
    border: 0;
    background-size: auto 17px
}

.tierProgress-item {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
    border: 1.5px solid var(--neutral-600);
    position: relative
}

.tierProgress-item:before {
    background-image: url("data:image/svg+xml,%3Csvg width='138' height='102' viewBox='0 0 138 102' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M117.136 27.1486V17.1364C117.136 -9.44864 95.5847 -31 68.9997 -31C42.4147 -31 20.8637 -9.44865 20.8637 17.1361V27.1483C8.21632 33.6025 0.249359 46.5964 0.233887 60.7954V95.1785C0.256773 116.057 17.1764 132.977 38.055 133H99.9444C120.823 132.977 137.743 116.057 137.766 95.1785V60.7958C137.75 46.5967 129.783 33.6025 117.136 27.1486ZM68.9997 -10.3702C84.191 -10.3702 96.506 1.94479 96.506 17.1361V22.9743H41.4935V17.1361C41.4935 1.94479 53.8085 -10.3702 68.9997 -10.3702ZM117.136 95.1785C117.136 104.673 109.439 112.37 99.9447 112.37H38.0554C28.5608 112.37 20.864 104.673 20.864 95.1785V60.7958C20.864 51.3012 28.5608 43.6044 38.0554 43.6044H99.9447C109.439 43.6044 117.136 51.3012 117.136 60.7958V95.1785Z' fill='white'/%3E%3Cpath d='M65.5615 64.2339H72.438C78.1347 64.2339 82.7528 68.8521 82.7528 74.5488C82.7528 80.2455 78.1347 84.8637 72.438 84.8637H65.5615C59.8648 84.8637 55.2466 80.2455 55.2466 74.5488C55.2466 68.8521 59.8648 64.2339 65.5615 64.2339Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 145px;
    z-index: 1
}

.tierProgress-item:after,.tierProgress-item:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    pointer-events: none;
    right: 0;
    top: 0
}

.tierProgress-item:after {
    background-color: var(--neutral-200-1)
}

.tierProgress-item.--current {
    border-color: #e75524
}

.tierProgress-item.--current: before {
    background-image:url("data:image/svg+xml,%3Csvg width='164' height='102' viewBox='0 0 164 102' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.09 42.0079C26.0384 8.38092 57.3097 -14.8677 90.9367 -9.91932C102.41 -8.23114 113.172 -3.33578 121.984 4.20277L114.051 12.1355C111.392 14.795 111.393 19.1065 114.053 21.7654C115.329 23.0415 117.061 23.7587 118.866 23.759H150.093C153.854 23.759 156.902 20.7105 156.902 16.9498V-14.2778C156.901 -18.0385 153.852 -21.0864 150.092 -21.0857C148.287 -21.0854 146.555 -20.3682 145.279 -19.0921L136.426 -10.2401C102.669 -40.3314 50.9094 -37.3598 20.8181 -3.60262C10.1576 8.35635 3.23952 23.18 0.920952 39.0321C0.00680131 44.652 3.8214 49.9489 9.441 50.8631C9.94723 50.9454 10.4586 50.9898 10.9715 50.9962C16.113 50.9406 20.4287 47.1069 21.09 42.0079Z' fill='%23FDEEE9'/%3E%3Cpath d='M153.027 50.9961C147.886 51.0516 143.57 54.8854 142.909 59.9844C137.96 93.6113 106.689 116.86 73.0622 111.912C61.5893 110.224 50.827 105.328 42.0149 97.7898L49.9477 89.8571C52.6065 87.1976 52.6058 82.886 49.9461 80.2272C48.6696 78.9511 46.9384 78.2339 45.1334 78.2336H13.9064C10.1457 78.2336 7.09717 81.2821 7.09717 85.0428V116.27C7.09813 120.031 10.1473 123.079 13.908 123.078C15.713 123.078 17.4442 122.361 18.7207 121.085L27.5727 112.233C61.3219 142.327 113.078 139.365 143.172 105.615C153.839 93.6538 160.76 78.825 163.078 62.9672C163.996 57.3479 160.185 52.0485 154.566 51.1305C154.057 51.0472 153.543 51.0022 153.027 50.9961Z' fill='%23FDEEE9'/%3E%3C/svg%3E%0A")
}

.tierProgress-item.--current: after {
    background-color:#fff8f6
}

.tierProgress-item.--current progress[value]: :-webkit-progress-value {
    background-color:#e75524
}

.tierProgress-item.--current .tierProgress-box: before {
    background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_34_260)'%3E%3Cpath d='M2.86904 8.94717C3.44836 5.01035 7.1094 2.28857 11.0462 2.86788C12.3894 3.06552 13.6494 3.63864 14.681 4.5212L13.7523 5.44991C13.441 5.76127 13.4411 6.26604 13.7525 6.57731C13.9019 6.72671 14.1046 6.81068 14.3159 6.81071H17.9718C18.4121 6.81071 18.769 6.45381 18.769 6.01354V2.35762C18.7689 1.91735 18.4119 1.56052 17.9717 1.5606C17.7603 1.56063 17.5577 1.6446 17.4082 1.794L16.3718 2.83033C12.4198 -0.692556 6.36009 -0.344659 2.83721 3.6074C1.58915 5.00748 0.779227 6.74293 0.507784 8.59878C0.400762 9.25672 0.847349 9.87685 1.50525 9.98387C1.56452 9.99351 1.62438 9.99871 1.68443 9.99945C2.28636 9.99295 2.79162 9.54412 2.86904 8.94717Z' fill='white'/%3E%3Cpath d='M18.3155 9.99951C17.7135 10.006 17.2083 10.4548 17.1309 11.0518C16.5515 14.9886 12.8905 17.7104 8.95369 17.1311C7.61053 16.9335 6.35055 16.3604 5.31889 15.4778L6.2476 14.5491C6.55888 14.2377 6.5588 13.733 6.24741 13.4217C6.09798 13.2723 5.89529 13.1883 5.68397 13.1883H2.02813C1.58786 13.1883 1.23096 13.5452 1.23096 13.9855V17.6414C1.23107 18.0817 1.58805 18.4385 2.02832 18.4384C2.23964 18.4384 2.44232 18.3544 2.59176 18.205L3.62809 17.1687C7.57921 20.6919 13.6384 20.3451 17.1617 16.394C18.4105 14.9936 19.2208 13.2575 19.4921 11.401C19.5996 10.7431 19.1534 10.1227 18.4956 10.0152C18.436 10.0055 18.3758 10.0002 18.3155 9.99951Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_34_260'%3E%3Crect width='19.2' height='19.2' fill='white' transform='translate(0.399902 0.399902)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-color: var(--flame-400)
}

.tierProgress-item.--unlock {
    border-color: var(--yale-blue-600)
}

.tierProgress-item.--unlock: before {
    background-image:url("data:image/svg+xml,%3Csvg width='138' height='102' viewBox='0 0 138 102' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M99.7481 23.6739H41.6683V18.3919C41.6711 2.43658 54.6077 -10.4952 70.5631 -10.4923C81.0683 -10.4904 90.7447 -4.78601 95.8325 4.40477C98.5796 9.35392 104.819 11.1389 109.768 8.39177C114.717 5.64462 116.502 -0.594666 113.755 -5.54382C100.533 -29.4011 70.4743 -38.0224 46.6171 -24.8004C30.9151 -16.0981 21.1715 0.43956 21.1696 18.3919V27.8213C8.60261 34.2345 0.686272 47.1458 0.670898 61.2547V95.4192C0.693639 116.165 17.5058 132.978 38.2517 133H99.7477C120.494 132.977 137.306 116.165 137.329 95.4192V61.2547C137.306 40.5087 120.494 23.6966 99.7481 23.6739ZM116.83 95.4192C116.83 104.853 109.182 112.501 99.7481 112.501H38.252C28.8178 112.501 21.1699 104.853 21.1699 95.4192V61.2547C21.1699 51.8205 28.8178 44.1725 38.252 44.1725H99.7481C109.182 44.1725 116.83 51.8205 116.83 61.2547V95.4192Z' fill='%23D7EDFC'/%3E%3Cpath d='M65.5833 64.6711H72.4161C78.0766 64.6711 82.6654 69.26 82.6654 74.9205C82.6654 80.581 78.0766 85.1698 72.4161 85.1698H65.5833C59.9228 85.1698 55.334 80.581 55.334 74.9205C55.334 69.26 59.9228 64.6711 65.5833 64.6711Z' fill='%23D7EDFC'/%3E%3C/svg%3E%0A")
}

.tierProgress-item.--unlock: after {
    background-color:var(--yale-blue-100)
}

.tierProgress-item.--unlock progress[value]: :-webkit-progress-value {
    background-color:var(--yale-blue-500)
}

.tierProgress-item.--unlock .tierProgress-box: before {
    background-image:url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5998 6.80074H4.80018V6.18237C4.80052 4.31443 6.31504 2.80046 8.18299 2.8008C9.41287 2.80103 10.5457 3.46886 11.1414 4.54485C11.463 5.12426 12.1934 5.33324 12.7728 5.01162C13.3523 4.69 13.5612 3.95955 13.2396 3.38014C11.6917 0.587093 8.1726 -0.422229 5.37955 1.12571C3.54127 2.14452 2.40056 4.08063 2.40033 6.18237V7.2863C0.929078 8.03711 0.00228817 9.54868 0.000488281 11.2004V15.2002C0.00315061 17.629 1.9714 19.5973 4.40019 19.5999H11.5997C14.0285 19.5972 15.9968 17.629 15.9994 15.2002V11.2004C15.9968 8.77165 14.0286 6.80341 11.5998 6.80074ZM13.5996 15.2002C13.5996 16.3047 12.7043 17.2001 11.5998 17.2001H4.40023C3.29574 17.2001 2.40037 16.3047 2.40037 15.2002V11.2004C2.40037 10.096 3.29574 9.20059 4.40023 9.20059H11.5998C12.7043 9.20059 13.5996 10.096 13.5996 11.2004V15.2002Z' fill='white'/%3E%3Cpath d='M7.60007 11.6006H8.40001C9.0627 11.6006 9.59993 12.1378 9.59993 12.8005C9.59993 13.4632 9.0627 14.0004 8.40001 14.0004H7.60007C6.93737 14.0004 6.40015 13.4632 6.40015 12.8005C6.40015 12.1378 6.93737 11.6006 7.60007 11.6006Z' fill='white'/%3E%3C/svg%3E%0A");
    background-color: var(--yale-blue-400)
}

.tierProgress-item-inner {
    padding: 16px;
    position: relative;
    width: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.tierProgress-item progress {
    width: 100%;
    height: 4px;
    border-radius: 20px;
    background-color: var(--neutral-400-1);
    -webkit-transition: width .3s ease;
    transition: width .3s ease
}

.tierProgress-item progress[value]::-webkit-progress-bar {
    width: 100%;
    height: 4px;
    border-radius: 20px;
    background-color: var(--neutral-400-1);
    -webkit-transition: width .3s ease;
    transition: width .3s ease
}

.tierProgress-item progress[value]::-webkit-progress-value {
    width: 0;
    border-radius: 20px;
    background-color: var(--neutral-500);
    -webkit-transition: width .3s ease;
    transition: width .3s ease
}

.tierProgress-bar {
    width: 100%
}

.tierProgress-bar,.tierProgress-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tierProgress-box {
    height: 100%;
    padding-left: 44px
}

.tierProgress-box:before {
    width: 32px;
    height: 32px;
    position: absolute;
    content: "";
    border-radius: 100%;
    overflow: hidden;
    background-color: var(--neutral-400-1);
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6353 7.20754V6.03538C14.6353 2.92299 12.1122 0.399902 8.99985 0.399902C5.88746 0.399902 3.36441 2.92299 3.36441 6.03534V7.2075C1.88375 7.96312 0.95103 9.48435 0.949219 11.1467V15.172C0.951898 17.6164 2.93273 19.5972 5.37706 19.5999H12.6226C15.067 19.5972 17.0478 17.6164 17.0505 15.172V11.1467C17.0487 9.48439 16.116 7.96312 14.6353 7.20754ZM8.99985 2.8151C10.7783 2.8151 12.2201 4.25685 12.2201 6.03534V6.71884H5.77961V6.03534C5.77961 4.25685 7.22137 2.8151 8.99985 2.8151ZM14.6353 15.172C14.6353 16.2836 13.7342 17.1847 12.6227 17.1847H5.3771C4.26554 17.1847 3.36445 16.2836 3.36445 15.172V11.1467C3.36445 10.0352 4.26554 9.13408 5.3771 9.13408H12.6227C13.7342 9.13408 14.6353 10.0352 14.6353 11.1467V15.172Z' fill='%236D7077'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%
}

.tierProgress-text {
    font-size: 12px;
    font-weight: 500;
    color: var(--cl-white)
}

.tierProgress-text.icn-time {
    padding-left: 22px;
    position: relative
}

.tierProgress-text.icn-time:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3122 8.40867C15.1927 9.79803 14.6789 11.1244 13.8312 12.2316C12.9835 13.3389 11.8372 14.181 10.5271 14.6589C9.2171 15.1368 7.79782 15.2306 6.43627 14.9292C5.07473 14.6279 3.82757 13.944 2.84152 12.958C1.85547 11.9719 1.17155 10.7247 0.870224 9.3632C0.568899 8.00165 0.662705 6.58237 1.14061 5.27233C1.61851 3.96229 2.46062 2.81599 3.56787 1.96829C4.67512 1.1206 6.00144 0.60677 7.3908 0.487263C7.46467 0.481168 7.53902 0.489683 7.60959 0.512321C7.68017 0.534959 7.7456 0.571277 7.80214 0.619201C7.85868 0.667125 7.90523 0.725716 7.93913 0.791629C7.97303 0.857543 7.99361 0.929488 7.99971 1.00336C8.0058 1.07722 7.99729 1.15157 7.97465 1.22215C7.95201 1.29273 7.91569 1.35815 7.86777 1.4147C7.81985 1.47124 7.76125 1.51779 7.69534 1.55169C7.62943 1.58558 7.55748 1.60617 7.48361 1.61226C6.3077 1.7133 5.1851 2.14809 4.24791 2.86549C3.31072 3.58288 2.59792 4.55303 2.19339 5.66179C1.78886 6.77054 1.70942 7.97178 1.96442 9.12415C2.21943 10.2765 2.79826 11.3321 3.63283 12.1666C4.46739 13.0012 5.52295 13.58 6.67532 13.835C7.82769 14.09 9.02892 14.0106 10.1377 13.6061C11.2464 13.2015 12.2166 12.4888 12.934 11.5516C13.6514 10.6144 14.0862 9.49177 14.1872 8.31586C14.1995 8.16667 14.2706 8.02849 14.3848 7.9317C14.499 7.83491 14.6469 7.78745 14.7961 7.79976C14.9453 7.81207 15.0835 7.88314 15.1803 7.99733C15.2771 8.11152 15.3245 8.25948 15.3122 8.40867ZM7.43721 3.86226V7.79976C7.43721 7.94895 7.49647 8.09202 7.60196 8.19751C7.70745 8.303 7.85052 8.36226 7.99971 8.36226H11.9372C12.0864 8.36226 12.2295 8.303 12.335 8.19751C12.4404 8.09202 12.4997 7.94895 12.4997 7.79976C12.4997 7.65058 12.4404 7.5075 12.335 7.40201C12.2295 7.29653 12.0864 7.23726 11.9372 7.23726H8.56221V3.86226C8.56221 3.71308 8.50294 3.57 8.39746 3.46452C8.29197 3.35903 8.14889 3.29976 7.99971 3.29976C7.85052 3.29976 7.70745 3.35903 7.60196 3.46452C7.49647 3.57 7.43721 3.71308 7.43721 3.86226ZM10.2497 2.17476C10.4166 2.17476 10.5797 2.12528 10.7185 2.03257C10.8572 1.93985 10.9654 1.80808 11.0292 1.6539C11.0931 1.49973 11.1098 1.33008 11.0772 1.16641C11.0447 1.00273 10.9643 0.852392 10.8463 0.734391C10.7283 0.616391 10.578 0.536031 10.4143 0.503475C10.2506 0.470919 10.081 0.487628 9.92682 0.551489C9.77264 0.615351 9.64087 0.723496 9.54816 0.86225C9.45544 1.001 9.40596 1.16413 9.40596 1.33101C9.40596 1.55479 9.49485 1.7694 9.65309 1.92763C9.81132 2.08587 10.0259 2.17476 10.2497 2.17476ZM12.781 3.86226C12.9478 3.86226 13.111 3.81278 13.2497 3.72007C13.3885 3.62735 13.4966 3.49558 13.5605 3.3414C13.6243 3.18723 13.6411 3.01758 13.6085 2.85391C13.5759 2.69023 13.4956 2.53989 13.3776 2.42189C13.2596 2.30389 13.1092 2.22353 12.9456 2.19097C12.7819 2.15842 12.6122 2.17513 12.4581 2.23899C12.3039 2.30285 12.1721 2.411 12.0794 2.54975C11.9867 2.6885 11.9372 2.85163 11.9372 3.01851C11.9372 3.24229 12.0261 3.4569 12.1843 3.61513C12.3426 3.77337 12.5572 3.86226 12.781 3.86226ZM14.4685 6.39351C14.6353 6.39351 14.7985 6.34403 14.9372 6.25132C15.076 6.1586 15.1841 6.02683 15.248 5.87265C15.3118 5.71848 15.3286 5.54883 15.296 5.38515C15.2634 5.22148 15.1831 5.07114 15.0651 4.95314C14.9471 4.83514 14.7967 4.75478 14.6331 4.72223C14.4694 4.68967 14.2997 4.70638 14.1456 4.77024C13.9914 4.8341 13.8596 4.94225 13.7669 5.081C13.6742 5.21975 13.6247 5.38288 13.6247 5.54976C13.6247 5.77354 13.7136 5.98815 13.8718 6.14638C14.0301 6.30462 14.2447 6.39351 14.4685 6.39351Z' fill='%23F3F3F4'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 18px;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0
}

.tierProgress-text.icn-datecheck {
    padding-left: 22px;
    position: relative
}

.tierProgress-text.icn-datecheck:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.625 2.0498H10.9375V1.4873C10.9375 1.33812 10.8782 1.19505 10.7727 1.08956C10.6673 0.984068 10.5242 0.924805 10.375 0.924805C10.2258 0.924805 10.0827 0.984068 9.97725 1.08956C9.87176 1.19505 9.8125 1.33812 9.8125 1.4873V2.0498H4.1875V1.4873C4.1875 1.33812 4.12824 1.19505 4.02275 1.08956C3.91726 0.984068 3.77418 0.924805 3.625 0.924805C3.47582 0.924805 3.33274 0.984068 3.22725 1.08956C3.12176 1.19505 3.0625 1.33812 3.0625 1.4873V2.0498H1.375C1.07663 2.0498 0.790483 2.16833 0.579505 2.37931C0.368526 2.59029 0.25 2.87644 0.25 3.1748V14.4248C0.25 14.7232 0.368526 15.0093 0.579505 15.2203C0.790483 15.4313 1.07663 15.5498 1.375 15.5498H12.625C12.9234 15.5498 13.2095 15.4313 13.4205 15.2203C13.6315 15.0093 13.75 14.7232 13.75 14.4248V3.1748C13.75 2.87644 13.6315 2.59029 13.4205 2.37931C13.2095 2.16833 12.9234 2.0498 12.625 2.0498ZM3.0625 3.1748V3.7373C3.0625 3.88649 3.12176 4.02956 3.22725 4.13505C3.33274 4.24054 3.47582 4.2998 3.625 4.2998C3.77418 4.2998 3.91726 4.24054 4.02275 4.13505C4.12824 4.02956 4.1875 3.88649 4.1875 3.7373V3.1748H9.8125V3.7373C9.8125 3.88649 9.87176 4.02956 9.97725 4.13505C10.0827 4.24054 10.2258 4.2998 10.375 4.2998C10.5242 4.2998 10.6673 4.24054 10.7727 4.13505C10.8782 4.02956 10.9375 3.88649 10.9375 3.7373V3.1748H12.625V5.4248H1.375V3.1748H3.0625ZM12.625 14.4248H1.375V6.5498H12.625V14.4248ZM9.92922 8.40184C9.98152 8.45408 10.023 8.51611 10.0513 8.5844C10.0796 8.65269 10.0942 8.72588 10.0942 8.7998C10.0942 8.87373 10.0796 8.94692 10.0513 9.01521C10.023 9.0835 9.98152 9.14553 9.92922 9.19777L6.55422 12.5728C6.50198 12.6251 6.43994 12.6666 6.37165 12.6949C6.30337 12.7232 6.23017 12.7377 6.15625 12.7377C6.08233 12.7377 6.00913 12.7232 5.94085 12.6949C5.87256 12.6666 5.81052 12.6251 5.75828 12.5728L4.07078 10.8853C3.96523 10.7797 3.90594 10.6366 3.90594 10.4873C3.90594 10.338 3.96523 10.1949 4.07078 10.0893C4.17633 9.98379 4.31948 9.92449 4.46875 9.92449C4.61802 9.92449 4.76117 9.98379 4.86672 10.0893L6.15625 11.3796L9.13328 8.40184C9.18552 8.34954 9.24756 8.30805 9.31585 8.27974C9.38413 8.25143 9.45733 8.23686 9.53125 8.23686C9.60517 8.23686 9.67837 8.25143 9.74665 8.27974C9.81494 8.30805 9.87698 8.34954 9.92922 8.40184Z' fill='%23F3F3F4'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 18px;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0
}

.tierTitle {
    font-size: 24px;
    font-weight: 600;
    color: var(--neutral-900)
}

.tierBenefit {
    --gap: 12px;
    gap: var(--gap)
}

.tierBenefit,.tierBenefit-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tierBenefit-item {
    width: calc(100% / 2 - var(--gap) + (var(--gap) / 2));
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: var(--neutral-400)
}

.tierBenefit-item.--active {
    color: var(--neutral-800)
}

.tierBenefit-item.--active .tierBenefit-icon {
    background-color: #e75524
}

.tierBenefit-item .tierBenefit-icon {
    width: 30px;
    height: 30px;
    background-color: var(--neutral-400);
    border-radius: 100%;
    overflow: hidden;
    position: relative
}

.tierBenefit-item .tierBenefit-icon img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 60%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tierCharc {
    width: 100%;
    position: relative;
    margin-bottom: 24px
}

.tierCharc-wrap {
    width: 100%;
    gap: 16px
}

.tierCharc-inner,.tierCharc-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.tierCharc-inner {
    gap: 12px
}

.tierCharc-inner p {
    font-size: 12px;
    font-weight: 500;
    color: var(--neutral-700);
    margin: 0
}

.tierCharc-tags {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.tierCharc-tags li {
    border: 1px solid var(--neutral-400-1);
    color: var(--yale-blue-600);
    padding: 6px 12px;
    background-color: var(--neutral-100);
    border-radius: 40px;
    font-size: 16px;
    font-weight: 400;
    color: var(--neutral-900)
}

.tierCharc-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    --gap: 16px;
    gap: var(--gap)
}

.tierCharc-box,.tierCharc-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tierCharc-item {
    width: calc(100% / 3 - var(--gap) + (var(--gap) / 3));
    background: linear-gradient(115.55deg,#f5fbff 25.38%,#fff8f6 67.88%);
    border-radius: 8px;
    border: 1px solid var(--yale-blue-500);
    padding: 8px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.tierCharc-item p {
    margin: 0;
    color: var(--neutral-800-1);
    font-size: 12px
}

.tierCharc-item .tierCharc-icon {
    width: 40px;
    aspect-ratio: 1;
    border-radius: 100%;
    overflow: hidden;
    position: relative
}

.tierCharc-item .tierCharc-icon img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tierCharc-title {
    font-size: 28px;
    font-weight: 700;
    color: var(--neutral-900)
}

.tierCharc-desc {
    font-size: 16px;
    font-weight: 500;
    color: var(--neutral-700)
}

.cardtier-parent {
    width: 100%;
    height: 60vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 660px;
    margin: 0 auto
}

.cardtier-parent.--page {
    height: auto
}

.cardtier-parent .tierCharc-inner {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.cardtier-parent .tierCharc-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 12px
}

.cardtier-parent .tierCharc-tags li {
    border: 1px solid var(--yale-blue-500);
    padding: 8px 28px;
    background-color: var(--yale-blue-100);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    color: var(--yale-blue-600)
}

.cardtier-parent .tierCharc-item {
    padding: 8px;
    background-color: var(--yale-blue-100);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cardtier-parent .tierCharc-item p {
    font-size: 12px;
    color: var(--neutral-800-1);
    line-height: 1.2
}

.cardtier-wrap {
    max-width: 480px;
    padding: 20px;
    aspect-ratio: 9/16
}

.cardtier-share,.cardtier-wrap {
    position: relative;
    width: 100%;
    overflow: hidden
}

.cardtier-share {
    background: linear-gradient(115.55deg,#f5fbff 25.38%,#fff8f6 67.88%);
    border-radius: 8px;
    border: 1px solid var(--yale-blue-500);
    padding: 32px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.cardtier-share .bg-shareCard {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.cardtier-share .tierCharc-item {
    background: transparent
}

.cardtier-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    position: relative;
    z-index: 1
}

.cardtier-inner hr {
    width: 100%;
    border-top: 1px solid var(--yale-blue-500)
}

.cardtier-statistik {
    border: .7px solid #0f79c6;
    border-radius: 8px;
    padding: 12px;
    background-color: hsla(0,0%,100%,.6)
}

.cardtier-statistik .cardtier-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: var(--yale-blue-700);
    margin-bottom: 16px
}

.cardtier-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.cardtier-head .cardtier-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    color: var(--yale-blue-600);
    margin-bottom: 0
}

.cardtier-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--neutral-700-1);
    margin-bottom: 16px
}

.cardtier-name {
    font-size: 24px;
    font-weight: 500;
    color: var(--neutral-800-1)
}

.cardtier-name span {
    font-weight: 700;
    color: var(--flame-500)
}

.cardtier-footer p {
    margin: 0!important;
    color: var(--neutral-800-1)!important;
    font-size: 12px!important
}

.cardtier-footer p span {
    font-weight: 700;
    color: var(--yale-blue-600)
}

.cardtier-footer p img {
    height: 12px;
    margin: 4px 0
}

.cardStatistik {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    --gap: 12px;
    gap: var(--gap)
}

.cardStatistik,.cardStatistik-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cardStatistik-item {
    width: calc(100% / 3 - var(--gap) + (var(--gap) / 3));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.cardStatistik-num {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    color: var(--yale-blue-500)
}

.cardStatistik-desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--neutral-800-1);
    margin: 0
}

.cardStatistik-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    text-align: left;
    margin-top: 16px
}

.cardStatistik-list {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--neutral-800-1);
    padding-left: 40px;
    position: relative
}

.cardStatistik-list span {
    font-size: 20px;
    font-weight: 700;
    color: var(--yale-blue-500)
}

.cardStatistik-icon {
    position: absolute;
    left: 0;
    top: -3px;
    width: 32px;
    aspect-ratio: 1;
    background-color: var(--flame-600);
    border-radius: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 50%
}

.cardStatistik-icon.--time {
    background-image: url('data:image/svg+xml,%3Csvg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="mask0_2436_90710" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="21"%3E%3Cpath d="M0 0.600008H20V20.6H0V0.600008Z" fill="white"/%3E%3C/mask%3E%3Cg mask="url(%23mask0_2436_90710)"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M10 18.2953C10.3236 18.2953 10.5859 18.033 10.5859 17.7094V16.8109C10.5859 16.4873 10.3236 16.225 10 16.225C9.6764 16.225 9.41406 16.4873 9.41406 16.8109V17.7094C9.41406 18.033 9.6764 18.2953 10 18.2953Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M3.51562 11.8109C3.51562 12.1345 3.77796 12.3969 4.10156 12.3969H5C5.3236 12.3969 5.58594 12.1345 5.58594 11.8109C5.58594 11.4873 5.3236 11.225 5 11.225H4.10156C3.77796 11.225 3.51562 11.4873 3.51562 11.8109Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M5.41477 16.3961C5.64358 16.6249 6.01458 16.6249 6.24341 16.3961L6.87872 15.7608C7.10755 15.532 7.10756 15.161 6.87875 14.9322C6.64993 14.7033 6.27894 14.7033 6.05011 14.9321L5.41479 15.5674C5.18596 15.7962 5.18595 16.1672 5.41477 16.3961Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M14.5853 16.3961C14.8141 16.1672 14.8141 15.7962 14.5853 15.5674L13.95 14.9321C13.7211 14.7033 13.3501 14.7033 13.1213 14.9322C12.8925 15.161 12.8925 15.532 13.1213 15.7608L13.7566 16.3961C13.9855 16.6249 14.3565 16.6249 14.5853 16.3961Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6.87873 8.68972C7.10756 8.4609 7.10756 8.08991 6.87873 7.86108L6.24342 7.22577C6.0146 6.99695 5.6436 6.99695 5.41478 7.22577C5.18596 7.45459 5.18596 7.82559 5.41478 8.05441L6.05009 8.68972C6.27892 8.91855 6.64991 8.91855 6.87873 8.68972Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M14.8127 5.91024C15.0759 6.09843 15.4419 6.03759 15.6301 5.77433L16.6766 4.31043C16.8648 4.04717 16.804 3.6812 16.5407 3.49301C16.2774 3.30481 15.9115 3.36566 15.7233 3.62891L14.6768 5.09282C14.4886 5.35607 14.5494 5.72204 14.8127 5.91024Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M10 19.4281C5.80548 19.4281 2.38281 16.0054 2.38281 11.8109C2.38281 7.61641 5.80548 4.19374 10 4.19374C14.1945 4.19374 17.6172 7.61641 17.6172 11.8109C17.6172 16.0054 14.1945 19.4281 10 19.4281ZM1.21094 11.8109C1.21094 16.6527 5.15827 20.6 10 20.6C14.8417 20.6 18.7891 16.6527 18.7891 11.8109C18.7891 6.9692 14.8417 3.02187 10 3.02187C5.15827 3.02187 1.21094 6.9692 1.21094 11.8109Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M17.6149 4.80834C17.7993 4.54242 17.7332 4.17736 17.4673 3.99295L15.734 2.79088C15.468 2.60646 15.103 2.67253 14.9186 2.93845C14.7341 3.20436 14.8002 3.56943 15.0661 3.75384L16.7995 4.95591C17.0654 5.14033 17.4304 5.07426 17.6149 4.80834Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M10 3.80314C10.3236 3.80314 10.5859 3.5408 10.5859 3.2172V1.57657C10.5859 1.25297 10.3236 0.990635 10 0.990635C9.67639 0.990635 9.41406 1.25297 9.41406 1.57657V3.2172C9.41406 3.5408 9.67639 3.80314 10 3.80314Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7.38498 1.18597C7.38498 1.50957 7.64732 1.7719 7.97092 1.7719H12.0291C12.3527 1.7719 12.615 1.50957 12.615 1.18597C12.615 0.862362 12.3527 0.600029 12.0291 0.600029H7.97092C7.64732 0.600029 7.38498 0.862362 7.38498 1.18597Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M9.41406 11.8109C9.41406 12.1345 9.6764 12.3969 10 12.3969H15.9375C16.2611 12.3969 16.5234 12.1345 16.5234 11.8109C16.5234 8.20816 13.6028 5.28751 10 5.28751C9.6764 5.28751 9.41406 5.54984 9.41406 5.87344V11.8109ZM10.5859 11.225V6.49109C13.0734 6.76197 15.049 8.73752 15.3199 11.225H10.5859Z" fill="white"/%3E%3C/g%3E%3C/svg%3E%0A')
}

.cardStatistik-icon.--calendar {
    background-image: url('data:image/svg+xml,%3Csvg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_2436_90807)"%3E%3Cpath d="M18.2422 2.94376H17.6562V2.35782C17.6562 1.38856 16.8677 0.600006 15.8984 0.600006C14.9292 0.600006 14.1406 1.38856 14.1406 2.35782V2.94376H5.85938V2.35782C5.85938 1.38856 5.07082 0.600006 4.10156 0.600006C3.1323 0.600006 2.34375 1.38856 2.34375 2.35782V2.94376H1.75781C0.788555 2.94376 0 3.73231 0 4.70157V18.8422C0 19.8115 0.788555 20.6 1.75781 20.6H18.2422C19.2114 20.6 20 19.8115 20 18.8422V4.70157C20 3.73231 19.2114 2.94376 18.2422 2.94376ZM15.3125 2.35782C15.3125 2.03473 15.5754 1.77188 15.8984 1.77188C16.2215 1.77188 16.4844 2.03473 16.4844 2.35782V4.70157C16.4844 5.02465 16.2215 5.28751 15.8984 5.28751C15.5754 5.28751 15.3125 5.02465 15.3125 4.70157V2.35782ZM3.51562 2.35782C3.51562 2.03473 3.77848 1.77188 4.10156 1.77188C4.42465 1.77188 4.6875 2.03473 4.6875 2.35782V4.70157C4.6875 5.02465 4.42465 5.28751 4.10156 5.28751C3.77848 5.28751 3.51562 5.02465 3.51562 4.70157V2.35782ZM18.8281 18.8422C18.8281 19.1653 18.5653 19.4281 18.2422 19.4281H1.75781C1.43473 19.4281 1.17188 19.1653 1.17188 18.8422V8.88126H18.8281V18.8422ZM18.8281 7.70938H1.17188V4.70157C1.17188 4.37848 1.43473 4.11563 1.75781 4.11563H2.34375V4.70157C2.34375 5.67083 3.1323 6.45938 4.10156 6.45938C5.07082 6.45938 5.85938 5.67083 5.85938 4.70157V4.11563H14.1406V4.70157C14.1406 5.67083 14.9292 6.45938 15.8984 6.45938C16.8677 6.45938 17.6562 5.67083 17.6562 4.70157V4.11563H18.2422C18.5653 4.11563 18.8281 4.37848 18.8281 4.70157V7.70938Z" fill="white"/%3E%3Cpath d="M6.48438 10.0531H4.14062C3.81703 10.0531 3.55469 10.3155 3.55469 10.6391V12.9828C3.55469 13.3064 3.81703 13.5688 4.14062 13.5688H6.48438C6.80797 13.5688 7.07031 13.3064 7.07031 12.9828V10.6391C7.07031 10.3155 6.80797 10.0531 6.48438 10.0531ZM5.89844 12.3969H4.72656V11.225H5.89844V12.3969Z" fill="white"/%3E%3Cpath d="M6.48438 14.7406H4.14062C3.81703 14.7406 3.55469 15.003 3.55469 15.3266V17.6703C3.55469 17.9939 3.81703 18.2563 4.14062 18.2563H6.48438C6.80797 18.2563 7.07031 17.9939 7.07031 17.6703V15.3266C7.07031 15.003 6.80797 14.7406 6.48438 14.7406ZM5.89844 17.0844H4.72656V15.9125H5.89844V17.0844Z" fill="white"/%3E%3Cpath d="M11.1719 14.7406H8.82812C8.50453 14.7406 8.24219 15.003 8.24219 15.3266V17.6703C8.24219 17.9939 8.50453 18.2563 8.82812 18.2563H11.1719C11.4955 18.2563 11.7578 17.9939 11.7578 17.6703V15.3266C11.7578 15.003 11.4955 14.7406 11.1719 14.7406ZM10.5859 17.0844H9.41406V15.9125H10.5859V17.0844Z" fill="white"/%3E%3Cpath d="M11.1719 10.0531H8.82812C8.50453 10.0531 8.24219 10.3155 8.24219 10.6391V12.9828C8.24219 13.3064 8.50453 13.5688 8.82812 13.5688H11.1719C11.4955 13.5688 11.7578 13.3064 11.7578 12.9828V10.6391C11.7578 10.3155 11.4955 10.0531 11.1719 10.0531ZM10.5859 12.3969H9.41406V11.225H10.5859V12.3969Z" fill="white"/%3E%3Cpath d="M15.8594 10.0531H13.5156C13.192 10.0531 12.9297 10.3155 12.9297 10.6391V12.9828C12.9297 13.3064 13.192 13.5688 13.5156 13.5688H15.8594C16.183 13.5688 16.4453 13.3064 16.4453 12.9828V10.6391C16.4453 10.3155 16.183 10.0531 15.8594 10.0531ZM15.2734 12.3969H14.1016V11.225H15.2734V12.3969Z" fill="white"/%3E%3Cpath d="M15.8594 14.7406H13.5156C13.192 14.7406 12.9297 15.003 12.9297 15.3266V17.6703C12.9297 17.9939 13.192 18.2563 13.5156 18.2563H15.8594C16.183 18.2563 16.4453 17.9939 16.4453 17.6703V15.3266C16.4453 15.003 16.183 14.7406 15.8594 14.7406ZM15.2734 17.0844H14.1016V15.9125H15.2734V17.0844Z" fill="white"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_2436_90807"%3E%3Crect width="20" height="20" fill="white" transform="translate(0 0.600006)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A')
}

.cardStatistik-icon img {
    position: absolute;
    width: 60%;
    height: 60%;
    -o-object-fit: contain;
    object-fit: contain;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.icn-warning {
    width: 16px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6498 12.0249L9.50095 1.34657C9.3473 1.08495 9.12794 0.868036 8.86463 0.717315C8.60131 0.566595 8.30318 0.487305 7.99978 0.487305C7.69638 0.487305 7.39825 0.566595 7.13493 0.717315C6.87161 0.868036 6.65226 1.08495 6.49861 1.34657L0.349778 12.0249C0.201936 12.278 0.124023 12.5658 0.124023 12.8588C0.124023 13.1519 0.201936 13.4397 0.349778 13.6927C0.501463 13.9559 0.720444 14.174 0.98425 14.3247C1.24806 14.4753 1.54719 14.553 1.85095 14.5499H14.1486C14.4521 14.5528 14.751 14.4749 15.0145 14.3243C15.278 14.1737 15.4968 13.9557 15.6484 13.6927C15.7964 13.4398 15.8746 13.1521 15.8748 12.859C15.8751 12.566 15.7974 12.2781 15.6498 12.0249ZM14.6745 13.1295C14.6209 13.221 14.544 13.2965 14.4516 13.3484C14.3591 13.4003 14.2546 13.4267 14.1486 13.4249H1.85095C1.74497 13.4267 1.64041 13.4003 1.54799 13.3484C1.45557 13.2965 1.37862 13.221 1.32501 13.1295C1.27646 13.0473 1.25084 12.9536 1.25084 12.8581C1.25084 12.7627 1.27646 12.6689 1.32501 12.5867L7.47384 1.90837C7.52853 1.81736 7.60583 1.74206 7.69824 1.68978C7.79065 1.6375 7.89501 1.61003 8.00118 1.61003C8.10736 1.61003 8.21172 1.6375 8.30413 1.68978C8.39654 1.74206 8.47384 1.81736 8.52853 1.90837L14.6774 12.5867C14.7255 12.6692 14.7506 12.763 14.7501 12.8585C14.7496 12.954 14.7235 13.0476 14.6745 13.1295ZM7.43728 8.92485V6.11235C7.43728 5.96317 7.49654 5.82009 7.60203 5.7146C7.70752 5.60911 7.85059 5.54985 7.99978 5.54985C8.14896 5.54985 8.29204 5.60911 8.39753 5.7146C8.50302 5.82009 8.56228 5.96317 8.56228 6.11235V8.92485C8.56228 9.07404 8.50302 9.21711 8.39753 9.3226C8.29204 9.42809 8.14896 9.48735 7.99978 9.48735C7.85059 9.48735 7.70752 9.42809 7.60203 9.3226C7.49654 9.21711 7.43728 9.07404 7.43728 8.92485ZM8.84353 11.4561C8.84353 11.623 8.79404 11.7861 8.70133 11.9249C8.60862 12.0636 8.47684 12.1718 8.32267 12.2356C8.16849 12.2995 7.99884 12.3162 7.83517 12.2836C7.6715 12.2511 7.52116 12.1707 7.40316 12.0527C7.28516 11.9347 7.2048 11.7844 7.17224 11.6207C7.13968 11.457 7.15639 11.2874 7.22025 11.1332C7.28412 10.979 7.39226 10.8473 7.53102 10.7545C7.66977 10.6618 7.8329 10.6124 7.99978 10.6124C8.22355 10.6124 8.43817 10.7012 8.5964 10.8595C8.75463 11.0177 8.84353 11.2323 8.84353 11.4561Z' fill='%23E7E8E9'/%3E%3C/svg%3E%0A");
    display: inline-table
}

.icon-tier {
    position: relative
}

.icon-tier:before {
    content: "";
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23000' d='M8 .167A7.824 7.824 0 0 0 .167 8c0 4.333 3.5 7.833 7.833 7.833s7.833-3.5 7.833-7.833S12.333.167 8 .167Zm2.733 11.7L8 9.867l-2.733 1.966 1.033-3.2-2.7-1.966h3.367L8 3.467l1.033 3.2H12.4l-2.7 2 1.033 3.2Z'/%3E%3C/svg%3E")
}

.icon-tier:after {
    content: "";
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 1px;
    left: 1px;
    z-index: 1;
    background-color: #fff;
    border-radius: 50%
}

.sso__option .icon-tier {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    vertical-align: top
}

.sso__option .icon-tier:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-filter: invert(41%) sepia(42%) saturate(1778%) hue-rotate(192deg) brightness(92%) contrast(106%);
    filter: invert(41%) sepia(42%) saturate(1778%) hue-rotate(192deg) brightness(92%) contrast(106%)
}

.sso__option .icon-tier:after {
    background-color: #fff
}

.sso__header .icon-tier {
    opacity: 1
}

.sso__header .icon-tier[data-tier=true] {
    position: absolute;
    width: 16px;
    height: 16px;
    background-size: auto 16px;
    top: -4px;
    right: -4px
}

.sso__header .icon-tier[data-tier=true]:before {
    -webkit-filter: invert(32%) sepia(92%) saturate(1563%) hue-rotate(353deg) brightness(98%) contrast(83%);
    filter: invert(32%) sepia(92%) saturate(1563%) hue-rotate(353deg) brightness(98%) contrast(83%)
}

.sso__header .icon-tier[data-tier=true]:after {
    background-color: #000
}

.sso__header.active .icon-tier[data-tier=true] {
    opacity: 0
}

.modalContent.-share {
    width: 620px;
    max-width: 100%;
    text-align: center
}

.modalContent.-share .imgEmpty {
    width: 100%;
    max-width: 212px;
    margin: 0 auto;
    display: block;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.modalContent.-share h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--neutral-800)
}

.modalContent.-share .modalBody {
    padding: 32px 24px
}

.modalContent.-share .socmedModal {
    width: 100%;
    max-width: 340px;
    margin: 0 auto
}

.modalContent.-tier_benefit {
    width: 620px
}

.modalContent.-tier_benefit .swiper-tierBenefit {
    padding-bottom: 40px;
    margin-bottom: -20px
}

.modalContent.-tier_benefit .swiper-tierBenefit .tierBenefit-item {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 0 40px
}

.modalContent.-tier_benefit .swiper-tierBenefit .tierBenefit-icon {
    width: 60px;
    height: 60px;
    background-color: #e75524
}

.modalContent.-tier_benefit .swiper-tierBenefit .tierBenefit-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--neutral-900)
}

.modalContent.-tier_benefit .swiper-tierBenefit .tierBenefit-content p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: var(--neutral-600)
}

.modalContent.-tier_benefit .swiper-button-next,.modalContent.-tier_benefit .swiper-button-prev {
    width: 40px;
    height: 40px;
    background-color: #DEDEDEB2;
    border-radius: 100%
}

.modalContent.-tier_benefit .swiper-button-next:after,.modalContent.-tier_benefit .swiper-button-prev:after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    position: relative;
    background-position: 50%;
    background-size: auto 12px;
    background-repeat: no-repeat
}

.modalContent.-tier_benefit .swiper-button-disabled {
    opacity: 0;
    visibility: hidden
}

.modalContent.-tier_benefit .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: #898989;
    opacity: 1;
    bottom: -10px
}

.modalContent.-tier_benefit .swiper-pagination-bullet-active {
    background-color: #e75524;
    width: 10px;
    height: 10px
}

.modal.-alert_notifkasi {
    max-width: 320px;
    text-align: center
}

.modal.-alert_notifkasi h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--neutral-800-1)
}

.modal.-alert_notifkasi p {
    font-size: 14px;
    font-weight: 400;
    color: var(--neutral-600);
    margin: 0
}

.modal.-alert_notifkasi img {
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.socmedList {
    padding: 8px 0
}

.socmedTitle {
    font-size: 20px;
    font-weight: 600;
    color: var(--neutral-800)
}

.socmedButton {
    min-width: 47px;
    -ms-flex-preferred-size: 47px;
    flex-basis: 47px
}

.socmedButton .socmedTxt {
    font-size: 10px
}

#articleRecommendation {
    scroll-margin-top: 80px
}

#loaderOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 24px;
    z-index: 9999;
    display: none
}

.formDate-w {
    position: relative;
    width: 100%
}

.formDate-w:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 22px;
    width: 10px;
    height: 10px;
    border-left: 2px solid var(--cl-main);
    border-bottom: 2px solid var(--cl-main);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 1;
    pointer-events: none
}

.formDate-w.has-value span,.formDate-w.is-focus span {
    opacity: 0;
    visibility: hidden
}

.formDate-w.has-value input[type=date],.formDate-w.is-focus input[type=date] {
    width: 100%;
    padding-right: 50px
}

.formDate-w.has-value input[type=date]::-webkit-datetime-edit,.formDate-w.is-focus input[type=date]::-webkit-datetime-edit {
    color: var(--neutral-700)
}

.formDate-w span {
    position: absolute;
    top: 50%;
    width: calc(100% - 40px);
    height: 36px;
    left: 1px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #aaa;
    pointer-events: none;
    z-index: 0;
    padding: 5px 15px;
    background-color: var(--bg-main);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400
}

.formDate-w input[type=text] {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--neutral-700);
    border: 1px solid #e2e2e2;
    height: 40px;
    padding: 0 16px;
    border-radius: 8px;
    width: 100%;
    background: var(--bg-main)
}

.formDate-w input[type=text]~input[type=date] {
    border: transparent;
    position: absolute;
    top: 0;
    left: 0
}

.formDate-w input[type=date] {
    background-color: transparent;
    width: 100%;
    text-align: left
}

.formDate-w input[type=date]:-moz-placeholder-shown+span {
    opacity: 1
}

.formDate-w input[type=date]:-ms-input-placeholder+span {
    opacity: 1
}

.formDate-w input[type=date]:placeholder-shown+span {
    opacity: 1
}

.formDate-w input[type=date]:not(:-moz-placeholder-shown)+span {
    opacity: 0
}

.formDate-w input[type=date]:not(:-ms-input-placeholder)+span {
    opacity: 0
}

.formDate-w input[type=date]:focus+span,.formDate-w input[type=date]:not(:placeholder-shown)+span {
    opacity: 0
}

.formDate-w input[type=date]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

.formDate-w input[type=date]::-webkit-inner-spin-button {
    display: none;
    appearance: none;
    -webkit-appearance: none
}

.formDate-w input[type=date]::-webkit-datetime-edit {
    color: transparent
}

.formDate-w input[type=date]:focus::-webkit-datetime-edit {
    color: var(--neutral-700)
}

.gateBox {
    border: 1px solid var(--yale-blue-500);
    background-color: var(--yale-blue-50-1);
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    margin: 32px 0
}

.gateBox-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px
}

.gateBox-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--neutral-900-1)
}

.gateBox-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--neutral-700-1)
}

.gateBox-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.gateBox.--ideaksi .gateBox-inner {
    padding: 24px
}

.gateBox.--ideaksi .gateBox-col-1 {
    width: 120px
}

.gateBox.--ideaksi .gateBox-col-1 img {
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.gateBox.--ideaksi .gateBox-col-2 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.gateBox.--ideaksi .gateBox-col-2 .gateBox-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.gateBox.--ideaksi .gateBox-col-2 .gateBox-cta {
    width: 210px
}

.pageSection-intro {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pageSection-info,.pageSection-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pageSection-info {
    gap: 32px
}

.pageSection-info_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.pageSection-info_images {
    width: 400px
}

.pageSection-info_item {
    position: relative;
    width: 100%;
    padding-left: 68px
}

.pageSection-info_item img {
    position: absolute;
    left: 0;
    top: 16px;
    width: 32px;
    aspect-ratio: 1
}

.pageSection-info_item ul {
    list-style: initial;
    padding-left: 20px
}

.pageSection-info_item ul li {
    margin-bottom: 16px
}

.pageSection-info_item ul li:last-child {
    margin-bottom: 0
}

.pageBelt {
    background-color: var(--yale-blue-100-2);
    padding: 64px 0
}

.boxContainer-md {
    width: 100%;
    max-width: 624px;
    margin: 0 auto;
    position: relative
}

.boxContainer-md textarea:focus-visible,.boxContainer textarea:focus-visible {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.boxNotif {
    padding: 16px;
    border-radius: 16px;
    border: 1px solid var(--neutral-700)
}

.boxNotif.--boxprimary {
    border-color: #88c8f6;
    background-color: #f5fbff
}

.boxNotif.--boxprimary .text-paragraph3-semibold {
    color: var(--neutral-900-1)
}

.boxNotif.--boxwarning {
    border-color: #fef4d0;
    background-color: #fefae8
}

.boxNotif.--boxwarning .text-paragraph3-semibold {
    color: var(--neutral-900-1)
}

.boxNotif.--boxwarning .text-body * {
    color: var(--neutral-700-1)
}

.boxNotif .--head {
    position: relative
}

.boxNotif .--head: has(.iconBox) {
    padding-left:25px
}

.boxNotif .--head: has(.iconBox) .iconBox {
    width:20px;
    height: 20px;
    position: absolute;
    content: "";
    left: 0
}

.boxNotif .--head: has(.iconBox) .--warning {
    background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0.25C8.07164 0.25 6.18657 0.821828 4.58319 1.89317C2.97982 2.96451 1.73013 4.48726 0.992179 6.26884C0.254225 8.05042 0.061142 10.0108 0.437348 11.9021C0.813554 13.7934 1.74215 15.5307 3.10571 16.8943C4.46928 18.2579 6.20656 19.1865 8.09787 19.5627C9.98919 19.9389 11.9496 19.7458 13.7312 19.0078C15.5127 18.2699 17.0355 17.0202 18.1068 15.4168C19.1782 13.8134 19.75 11.9284 19.75 10C19.7473 7.41498 18.7192 4.93661 16.8913 3.10872C15.0634 1.28084 12.585 0.25273 10 0.25ZM10 18.25C8.36831 18.25 6.77326 17.7661 5.41655 16.8596C4.05984 15.9531 3.00242 14.6646 2.378 13.1571C1.75358 11.6496 1.5902 9.99085 1.90853 8.3905C2.22685 6.79016 3.01259 5.32015 4.16637 4.16637C5.32016 3.01259 6.79017 2.22685 8.39051 1.90852C9.99085 1.59019 11.6497 1.75357 13.1571 2.37799C14.6646 3.00242 15.9531 4.05984 16.8596 5.41655C17.7661 6.77325 18.25 8.3683 18.25 10C18.2475 12.1873 17.3775 14.2843 15.8309 15.8309C14.2843 17.3775 12.1873 18.2475 10 18.25ZM11.5 14.5C11.5 14.6989 11.421 14.8897 11.2803 15.0303C11.1397 15.171 10.9489 15.25 10.75 15.25C10.3522 15.25 9.97065 15.092 9.68934 14.8107C9.40804 14.5294 9.25 14.1478 9.25 13.75V10C9.05109 10 8.86033 9.92098 8.71967 9.78033C8.57902 9.63968 8.5 9.44891 8.5 9.25C8.5 9.05109 8.57902 8.86032 8.71967 8.71967C8.86033 8.57902 9.05109 8.5 9.25 8.5C9.64783 8.5 10.0294 8.65804 10.3107 8.93934C10.592 9.22064 10.75 9.60218 10.75 10V13.75C10.9489 13.75 11.1397 13.829 11.2803 13.9697C11.421 14.1103 11.5 14.3011 11.5 14.5ZM8.5 5.875C8.5 5.6525 8.56598 5.43499 8.6896 5.24998C8.81322 5.06498 8.98892 4.92078 9.19449 4.83564C9.40005 4.75049 9.62625 4.72821 9.84448 4.77162C10.0627 4.81502 10.2632 4.92217 10.4205 5.0795C10.5778 5.23684 10.685 5.43729 10.7284 5.65552C10.7718 5.87375 10.7495 6.09995 10.6644 6.30552C10.5792 6.51109 10.435 6.68679 10.25 6.8104C10.065 6.93402 9.84751 7 9.625 7C9.32664 7 9.04049 6.88147 8.82951 6.6705C8.61853 6.45952 8.5 6.17337 8.5 5.875Z' fill='%23515358'/%3E%3C/svg%3E%0A")
}

.opinionList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.opinionItem,.opinionList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.opinionItem {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px
}

.opinionItem-images {
    width: 80px;
    aspect-ratio: 1;
    overflow: hidden;
    position: relative;
    border-radius: 6px
}

.opinionItem-images img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.opinionItem-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.opinionItem-title {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--neutral-800);
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box
}

.opinionItem-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px
}

.opinionItem-name {
    font-weight: 600;
    color: var(--yale-blue-400)
}

.opinionItem-name,.opinionItem-namesub {
    font-family: Inter,sans-serif;
    font-size: 12px;
    line-height: 1.3
}

.opinionItem-namesub {
    font-weight: 400;
    color: var(--neutral-500);
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box
}

.mt-8 {
    margin-top: 8px
}

.mb-8 {
    margin-bottom: 8px
}

.ml-8 {
    margin-left: 8px
}

.mr-8,.mx-8 {
    margin-right: 8px
}

.mx-8 {
    margin-left: 8px
}

.my-8 {
    margin-top: 8px;
    margin-bottom: 8px
}

.pt-8 {
    padding-top: 8px
}

.pb-8 {
    padding-bottom: 8px
}

.pl-8 {
    padding-left: 8px
}

.pr-8,.px-8 {
    padding-right: 8px
}

.px-8 {
    padding-left: 8px
}

.py-8 {
    padding-top: 8px;
    padding-bottom: 8px
}

.mt-16 {
    margin-top: 16px
}

.mb-16 {
    margin-bottom: 16px
}

.ml-16 {
    margin-left: 16px
}

.mr-16,.mx-16 {
    margin-right: 16px
}

.mx-16 {
    margin-left: 16px
}

.my-16 {
    margin-top: 16px;
    margin-bottom: 16px
}

.pt-16 {
    padding-top: 16px
}

.pb-16 {
    padding-bottom: 16px
}

.pl-16 {
    padding-left: 16px
}

.pr-16,.px-16 {
    padding-right: 16px
}

.px-16 {
    padding-left: 16px
}

.py-16 {
    padding-top: 16px;
    padding-bottom: 16px
}

.mt-24 {
    margin-top: 24px
}

.mb-24 {
    margin-bottom: 24px
}

.ml-24 {
    margin-left: 24px
}

.mr-24,.mx-24 {
    margin-right: 24px
}

.mx-24 {
    margin-left: 24px
}

.my-24 {
    margin-top: 24px;
    margin-bottom: 24px
}

.pt-24 {
    padding-top: 24px
}

.pb-24 {
    padding-bottom: 24px
}

.pl-24 {
    padding-left: 24px
}

.pr-24,.px-24 {
    padding-right: 24px
}

.px-24 {
    padding-left: 24px
}

.py-24 {
    padding-top: 24px;
    padding-bottom: 24px
}

.mt-32 {
    margin-top: 32px
}

.mb-32 {
    margin-bottom: 32px
}

.ml-32 {
    margin-left: 32px
}

.mr-32,.mx-32 {
    margin-right: 32px
}

.mx-32 {
    margin-left: 32px
}

.my-32 {
    margin-top: 32px;
    margin-bottom: 32px
}

.pt-32 {
    padding-top: 32px
}

.pb-32 {
    padding-bottom: 32px
}

.pl-32 {
    padding-left: 32px
}

.pr-32,.px-32 {
    padding-right: 32px
}

.px-32 {
    padding-left: 32px
}

.py-32 {
    padding-top: 32px;
    padding-bottom: 32px
}

.mt-48 {
    margin-top: 48px
}

.mb-48 {
    margin-bottom: 48px
}

.ml-48 {
    margin-left: 48px
}

.mr-48,.mx-48 {
    margin-right: 48px
}

.mx-48 {
    margin-left: 48px
}

.my-48 {
    margin-top: 48px;
    margin-bottom: 48px
}

.pt-48 {
    padding-top: 48px
}

.pb-48 {
    padding-bottom: 48px
}

.pl-48 {
    padding-left: 48px
}

.pr-48,.px-48 {
    padding-right: 48px
}

.px-48 {
    padding-left: 48px
}

.py-48 {
    padding-top: 48px;
    padding-bottom: 48px
}

.mt-64 {
    margin-top: 64px
}

.mb-64 {
    margin-bottom: 64px
}

.ml-64 {
    margin-left: 64px
}

.mr-64,.mx-64 {
    margin-right: 64px
}

.mx-64 {
    margin-left: 64px
}

.my-64 {
    margin-top: 64px;
    margin-bottom: 64px
}

.pt-64 {
    padding-top: 64px
}

.pb-64 {
    padding-bottom: 64px
}

.pl-64 {
    padding-left: 64px
}

.pr-64,.px-64 {
    padding-right: 64px
}

.px-64 {
    padding-left: 64px
}

.py-64 {
    padding-top: 64px;
    padding-bottom: 64px
}

.mt-100 {
    margin-top: 100px
}

.mb-100 {
    margin-bottom: 100px
}

.ml-100 {
    margin-left: 100px
}

.mr-100,.mx-100 {
    margin-right: 100px
}

.mx-100 {
    margin-left: 100px
}

.my-100 {
    margin-top: 100px;
    margin-bottom: 100px
}

.pt-100 {
    padding-top: 100px
}

.pb-100 {
    padding-bottom: 100px
}

.pl-100 {
    padding-left: 100px
}

.pr-100,.px-100 {
    padding-right: 100px
}

.px-100 {
    padding-left: 100px
}

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.mt-160 {
    margin-top: 160px
}

.mb-160 {
    margin-bottom: 160px
}

.ml-160 {
    margin-left: 160px
}

.mr-160,.mx-160 {
    margin-right: 160px
}

.mx-160 {
    margin-left: 160px
}

.my-160 {
    margin-top: 160px;
    margin-bottom: 160px
}

.pt-160 {
    padding-top: 160px
}

.pb-160 {
    padding-bottom: 160px
}

.pl-160 {
    padding-left: 160px
}

.pr-160,.px-160 {
    padding-right: 160px
}

.px-160 {
    padding-left: 160px
}

.py-160 {
    padding-top: 160px;
    padding-bottom: 160px
}

.text-h5-reg {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--neutral-900)
}

.text-h5-reg.-flight {
    color: var(--neutral-900-1)
}

.text-h5-reg a {
    color: var(--yale-blue-500)
}

.text-h5-medium {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--neutral-900)
}

.text-h5-medium.-flight {
    color: var(--neutral-900-1)
}

.text-h5-medium a {
    color: var(--yale-blue-500)
}

.text-h5-semibold {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--neutral-900)
}

.text-h5-semibold.-flight {
    color: var(--neutral-900-1)
}

.text-h5-semibold a {
    color: var(--yale-blue-500)
}

.text-h5-bold {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--neutral-900)
}

.text-h5-bold.-flight {
    color: var(--neutral-900-1)
}

.text-h5-bold a {
    color: var(--yale-blue-500)
}

.text-h6-reg {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--neutral-900)
}

.text-h6-reg.-flight {
    color: var(--neutral-900-1)
}

.text-h6-reg a {
    color: var(--yale-blue-500)
}

.text-h6-medium {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--neutral-900)
}

.text-h6-medium.-flight {
    color: var(--neutral-900-1)
}

.text-h6-medium a {
    color: var(--yale-blue-500)
}

.text-h6-semibold {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--neutral-900)
}

.text-h6-semibold.-flight {
    color: var(--neutral-900-1)
}

.text-h6-semibold a {
    color: var(--yale-blue-500)
}

.text-h6-bold {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--neutral-900)
}

.text-h6-bold.-flight {
    color: var(--neutral-900-1)
}

.text-h6-bold a {
    color: var(--yale-blue-500)
}

.text-h7-reg {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--neutral-900)
}

.text-h7-reg.-flight {
    color: var(--neutral-900-1)
}

.text-h7-reg a {
    color: var(--yale-blue-500)
}

.text-h7-medium {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--neutral-900)
}

.text-h7-medium.-flight {
    color: var(--neutral-900-1)
}

.text-h7-medium a {
    color: var(--yale-blue-500)
}

.text-h7-semibold {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--neutral-900)
}

.text-h7-semibold.-flight {
    color: var(--neutral-900-1)
}

.text-h7-semibold a {
    color: var(--yale-blue-500)
}

.text-h7-bold {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--neutral-900)
}

.text-h7-bold.-flight {
    color: var(--neutral-900-1)
}

.text-h7-bold a {
    color: var(--yale-blue-500)
}

.text-p2-reg {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--neutral-700)
}

.text-p2-reg.-flight {
    color: var(--neutral-700-1)
}

.text-p2-reg a {
    color: var(--yale-blue-500)
}

.text-p2-medium {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--neutral-700)
}

.text-p2-medium.-flight {
    color: var(--neutral-700-1)
}

.text-p2-medium a {
    color: var(--yale-blue-500)
}

.text-p2-semibold {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--neutral-700)
}

.text-p2-semibold.-flight {
    color: var(--neutral-700-1)
}

.text-p2-semibold a {
    color: var(--yale-blue-500)
}

.text-p2-bold {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--neutral-700)
}

.text-p2-bold.-flight {
    color: var(--neutral-700-1)
}

.text-p2-bold a {
    color: var(--yale-blue-500)
}

.text-p3-reg {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--neutral-700)
}

.text-p3-reg.-flight {
    color: var(--neutral-700-1)
}

.text-p3-reg a {
    color: var(--yale-blue-500)
}

.text-p3-medium {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--neutral-700)
}

.text-p3-medium.-flight {
    color: var(--neutral-700-1)
}

.text-p3-medium a {
    color: var(--yale-blue-500)
}

.text-p3-semibold {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--neutral-700)
}

.text-p3-semibold.-flight {
    color: var(--neutral-700-1)
}

.text-p3-semibold a {
    color: var(--yale-blue-500)
}

.text-p3-bold {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--neutral-700)
}

.text-p3-bold.-flight {
    color: var(--neutral-700-1)
}

.text-p3-bold a {
    color: var(--yale-blue-500)
}

.text-body p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--neutral-700)
}

.text-body ol {
    list-style: number;
    padding-left: 26px
}

.text-body ol li {
    margin-bottom: 16px
}

.text-body ol li:last-child {
    margin-bottom: 0
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-row {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-column,.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.flex-column {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-justify-center,.flex-justify-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex-justify-between,.flex-justify-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.flex-justify-around,.flex-justify-evenly {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-justify-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.flex-align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.flex-align-center,.flex-align-start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flex-align-end,.flex-align-stretch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.flex-align-baseline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.gap-0 {
    gap: 0
}

.gap-8 {
    gap: 8px
}

.gap-16 {
    gap: 16px
}

.gap-24 {
    gap: 24px
}

.gap-32 {
    gap: 32px
}

.gap-48 {
    gap: 48px
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.flex-row-start-start-gap0 {
    gap: 0
}

.flex-row-start-start-gap0,.flex-row-start-start-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-start-start-gap8 {
    gap: 8px
}

.flex-row-start-start-gap16 {
    gap: 16px
}

.flex-row-start-start-gap16,.flex-row-start-start-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-start-start-gap24 {
    gap: 24px
}

.flex-row-start-start-gap32 {
    gap: 32px
}

.flex-row-start-start-gap32,.flex-row-start-start-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-start-start-gap48 {
    gap: 48px
}

.flex-row-start-center-gap0 {
    gap: 0
}

.flex-row-start-center-gap0,.flex-row-start-center-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-start-center-gap8 {
    gap: 8px
}

.flex-row-start-center-gap16 {
    gap: 16px
}

.flex-row-start-center-gap16,.flex-row-start-center-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-start-center-gap24 {
    gap: 24px
}

.flex-row-start-center-gap32 {
    gap: 32px
}

.flex-row-start-center-gap32,.flex-row-start-center-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-start-center-gap48 {
    gap: 48px
}

.flex-row-start-end-gap0 {
    gap: 0
}

.flex-row-start-end-gap0,.flex-row-start-end-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-start-end-gap8 {
    gap: 8px
}

.flex-row-start-end-gap16 {
    gap: 16px
}

.flex-row-start-end-gap16,.flex-row-start-end-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-start-end-gap24 {
    gap: 24px
}

.flex-row-start-end-gap32 {
    gap: 32px
}

.flex-row-start-end-gap32,.flex-row-start-end-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-start-end-gap48 {
    gap: 48px
}

.flex-row-start-stretch-gap0 {
    gap: 0
}

.flex-row-start-stretch-gap0,.flex-row-start-stretch-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-start-stretch-gap8 {
    gap: 8px
}

.flex-row-start-stretch-gap16 {
    gap: 16px
}

.flex-row-start-stretch-gap16,.flex-row-start-stretch-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-start-stretch-gap24 {
    gap: 24px
}

.flex-row-start-stretch-gap32 {
    gap: 32px
}

.flex-row-start-stretch-gap32,.flex-row-start-stretch-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-start-stretch-gap48 {
    gap: 48px
}

.flex-row-start-baseline-gap0 {
    gap: 0
}

.flex-row-start-baseline-gap0,.flex-row-start-baseline-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-start-baseline-gap8 {
    gap: 8px
}

.flex-row-start-baseline-gap16 {
    gap: 16px
}

.flex-row-start-baseline-gap16,.flex-row-start-baseline-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-start-baseline-gap24 {
    gap: 24px
}

.flex-row-start-baseline-gap32 {
    gap: 32px
}

.flex-row-start-baseline-gap32,.flex-row-start-baseline-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-start-baseline-gap48 {
    gap: 48px
}

.flex-row-center-start-gap0 {
    gap: 0
}

.flex-row-center-start-gap0,.flex-row-center-start-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-center-start-gap8 {
    gap: 8px
}

.flex-row-center-start-gap16 {
    gap: 16px
}

.flex-row-center-start-gap16,.flex-row-center-start-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-center-start-gap24 {
    gap: 24px
}

.flex-row-center-start-gap32 {
    gap: 32px
}

.flex-row-center-start-gap32,.flex-row-center-start-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-center-start-gap48 {
    gap: 48px
}

.flex-row-center-center-gap0 {
    gap: 0
}

.flex-row-center-center-gap0,.flex-row-center-center-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-center-center-gap8 {
    gap: 8px
}

.flex-row-center-center-gap16 {
    gap: 16px
}

.flex-row-center-center-gap16,.flex-row-center-center-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-center-center-gap24 {
    gap: 24px
}

.flex-row-center-center-gap32 {
    gap: 32px
}

.flex-row-center-center-gap32,.flex-row-center-center-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-center-center-gap48 {
    gap: 48px
}

.flex-row-center-end-gap0 {
    gap: 0
}

.flex-row-center-end-gap0,.flex-row-center-end-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-center-end-gap8 {
    gap: 8px
}

.flex-row-center-end-gap16 {
    gap: 16px
}

.flex-row-center-end-gap16,.flex-row-center-end-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-center-end-gap24 {
    gap: 24px
}

.flex-row-center-end-gap32 {
    gap: 32px
}

.flex-row-center-end-gap32,.flex-row-center-end-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-center-end-gap48 {
    gap: 48px
}

.flex-row-center-stretch-gap0 {
    gap: 0
}

.flex-row-center-stretch-gap0,.flex-row-center-stretch-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-center-stretch-gap8 {
    gap: 8px
}

.flex-row-center-stretch-gap16 {
    gap: 16px
}

.flex-row-center-stretch-gap16,.flex-row-center-stretch-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-center-stretch-gap24 {
    gap: 24px
}

.flex-row-center-stretch-gap32 {
    gap: 32px
}

.flex-row-center-stretch-gap32,.flex-row-center-stretch-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-center-stretch-gap48 {
    gap: 48px
}

.flex-row-center-baseline-gap0 {
    gap: 0
}

.flex-row-center-baseline-gap0,.flex-row-center-baseline-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-center-baseline-gap8 {
    gap: 8px
}

.flex-row-center-baseline-gap16 {
    gap: 16px
}

.flex-row-center-baseline-gap16,.flex-row-center-baseline-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-center-baseline-gap24 {
    gap: 24px
}

.flex-row-center-baseline-gap32 {
    gap: 32px
}

.flex-row-center-baseline-gap32,.flex-row-center-baseline-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-center-baseline-gap48 {
    gap: 48px
}

.flex-row-end-start-gap0 {
    gap: 0
}

.flex-row-end-start-gap0,.flex-row-end-start-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-end-start-gap8 {
    gap: 8px
}

.flex-row-end-start-gap16 {
    gap: 16px
}

.flex-row-end-start-gap16,.flex-row-end-start-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-end-start-gap24 {
    gap: 24px
}

.flex-row-end-start-gap32 {
    gap: 32px
}

.flex-row-end-start-gap32,.flex-row-end-start-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-end-start-gap48 {
    gap: 48px
}

.flex-row-end-center-gap0 {
    gap: 0
}

.flex-row-end-center-gap0,.flex-row-end-center-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-end-center-gap8 {
    gap: 8px
}

.flex-row-end-center-gap16 {
    gap: 16px
}

.flex-row-end-center-gap16,.flex-row-end-center-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-end-center-gap24 {
    gap: 24px
}

.flex-row-end-center-gap32 {
    gap: 32px
}

.flex-row-end-center-gap32,.flex-row-end-center-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-end-center-gap48 {
    gap: 48px
}

.flex-row-end-end-gap0 {
    gap: 0
}

.flex-row-end-end-gap0,.flex-row-end-end-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-end-end-gap8 {
    gap: 8px
}

.flex-row-end-end-gap16 {
    gap: 16px
}

.flex-row-end-end-gap16,.flex-row-end-end-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-end-end-gap24 {
    gap: 24px
}

.flex-row-end-end-gap32 {
    gap: 32px
}

.flex-row-end-end-gap32,.flex-row-end-end-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-end-end-gap48 {
    gap: 48px
}

.flex-row-end-stretch-gap0 {
    gap: 0
}

.flex-row-end-stretch-gap0,.flex-row-end-stretch-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-end-stretch-gap8 {
    gap: 8px
}

.flex-row-end-stretch-gap16 {
    gap: 16px
}

.flex-row-end-stretch-gap16,.flex-row-end-stretch-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-end-stretch-gap24 {
    gap: 24px
}

.flex-row-end-stretch-gap32 {
    gap: 32px
}

.flex-row-end-stretch-gap32,.flex-row-end-stretch-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-end-stretch-gap48 {
    gap: 48px
}

.flex-row-end-baseline-gap0 {
    gap: 0
}

.flex-row-end-baseline-gap0,.flex-row-end-baseline-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-end-baseline-gap8 {
    gap: 8px
}

.flex-row-end-baseline-gap16 {
    gap: 16px
}

.flex-row-end-baseline-gap16,.flex-row-end-baseline-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-end-baseline-gap24 {
    gap: 24px
}

.flex-row-end-baseline-gap32 {
    gap: 32px
}

.flex-row-end-baseline-gap32,.flex-row-end-baseline-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-end-baseline-gap48 {
    gap: 48px
}

.flex-row-between-start-gap0 {
    gap: 0
}

.flex-row-between-start-gap0,.flex-row-between-start-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-between-start-gap8 {
    gap: 8px
}

.flex-row-between-start-gap16 {
    gap: 16px
}

.flex-row-between-start-gap16,.flex-row-between-start-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-between-start-gap24 {
    gap: 24px
}

.flex-row-between-start-gap32 {
    gap: 32px
}

.flex-row-between-start-gap32,.flex-row-between-start-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-between-start-gap48 {
    gap: 48px
}

.flex-row-between-center-gap0 {
    gap: 0
}

.flex-row-between-center-gap0,.flex-row-between-center-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-between-center-gap8 {
    gap: 8px
}

.flex-row-between-center-gap16 {
    gap: 16px
}

.flex-row-between-center-gap16,.flex-row-between-center-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-between-center-gap24 {
    gap: 24px
}

.flex-row-between-center-gap32 {
    gap: 32px
}

.flex-row-between-center-gap32,.flex-row-between-center-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-between-center-gap48 {
    gap: 48px
}

.flex-row-between-end-gap0 {
    gap: 0
}

.flex-row-between-end-gap0,.flex-row-between-end-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-between-end-gap8 {
    gap: 8px
}

.flex-row-between-end-gap16 {
    gap: 16px
}

.flex-row-between-end-gap16,.flex-row-between-end-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-between-end-gap24 {
    gap: 24px
}

.flex-row-between-end-gap32 {
    gap: 32px
}

.flex-row-between-end-gap32,.flex-row-between-end-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-between-end-gap48 {
    gap: 48px
}

.flex-row-between-stretch-gap0 {
    gap: 0
}

.flex-row-between-stretch-gap0,.flex-row-between-stretch-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-between-stretch-gap8 {
    gap: 8px
}

.flex-row-between-stretch-gap16 {
    gap: 16px
}

.flex-row-between-stretch-gap16,.flex-row-between-stretch-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-between-stretch-gap24 {
    gap: 24px
}

.flex-row-between-stretch-gap32 {
    gap: 32px
}

.flex-row-between-stretch-gap32,.flex-row-between-stretch-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-between-stretch-gap48 {
    gap: 48px
}

.flex-row-between-baseline-gap0 {
    gap: 0
}

.flex-row-between-baseline-gap0,.flex-row-between-baseline-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-between-baseline-gap8 {
    gap: 8px
}

.flex-row-between-baseline-gap16 {
    gap: 16px
}

.flex-row-between-baseline-gap16,.flex-row-between-baseline-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-between-baseline-gap24 {
    gap: 24px
}

.flex-row-between-baseline-gap32 {
    gap: 32px
}

.flex-row-between-baseline-gap32,.flex-row-between-baseline-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-between-baseline-gap48 {
    gap: 48px
}

.flex-row-around-start-gap0 {
    gap: 0
}

.flex-row-around-start-gap0,.flex-row-around-start-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-around-start-gap8 {
    gap: 8px
}

.flex-row-around-start-gap16 {
    gap: 16px
}

.flex-row-around-start-gap16,.flex-row-around-start-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-around-start-gap24 {
    gap: 24px
}

.flex-row-around-start-gap32 {
    gap: 32px
}

.flex-row-around-start-gap32,.flex-row-around-start-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-around-start-gap48 {
    gap: 48px
}

.flex-row-around-center-gap0 {
    gap: 0
}

.flex-row-around-center-gap0,.flex-row-around-center-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-around-center-gap8 {
    gap: 8px
}

.flex-row-around-center-gap16 {
    gap: 16px
}

.flex-row-around-center-gap16,.flex-row-around-center-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-around-center-gap24 {
    gap: 24px
}

.flex-row-around-center-gap32 {
    gap: 32px
}

.flex-row-around-center-gap32,.flex-row-around-center-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-around-center-gap48 {
    gap: 48px
}

.flex-row-around-end-gap0 {
    gap: 0
}

.flex-row-around-end-gap0,.flex-row-around-end-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-around-end-gap8 {
    gap: 8px
}

.flex-row-around-end-gap16 {
    gap: 16px
}

.flex-row-around-end-gap16,.flex-row-around-end-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-around-end-gap24 {
    gap: 24px
}

.flex-row-around-end-gap32 {
    gap: 32px
}

.flex-row-around-end-gap32,.flex-row-around-end-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-around-end-gap48 {
    gap: 48px
}

.flex-row-around-stretch-gap0 {
    gap: 0
}

.flex-row-around-stretch-gap0,.flex-row-around-stretch-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-around-stretch-gap8 {
    gap: 8px
}

.flex-row-around-stretch-gap16 {
    gap: 16px
}

.flex-row-around-stretch-gap16,.flex-row-around-stretch-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-around-stretch-gap24 {
    gap: 24px
}

.flex-row-around-stretch-gap32 {
    gap: 32px
}

.flex-row-around-stretch-gap32,.flex-row-around-stretch-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-around-stretch-gap48 {
    gap: 48px
}

.flex-row-around-baseline-gap0 {
    gap: 0
}

.flex-row-around-baseline-gap0,.flex-row-around-baseline-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-around-baseline-gap8 {
    gap: 8px
}

.flex-row-around-baseline-gap16 {
    gap: 16px
}

.flex-row-around-baseline-gap16,.flex-row-around-baseline-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-around-baseline-gap24 {
    gap: 24px
}

.flex-row-around-baseline-gap32 {
    gap: 32px
}

.flex-row-around-baseline-gap32,.flex-row-around-baseline-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-around-baseline-gap48 {
    gap: 48px
}

.flex-row-evenly-start-gap0 {
    gap: 0
}

.flex-row-evenly-start-gap0,.flex-row-evenly-start-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-evenly-start-gap8 {
    gap: 8px
}

.flex-row-evenly-start-gap16 {
    gap: 16px
}

.flex-row-evenly-start-gap16,.flex-row-evenly-start-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-evenly-start-gap24 {
    gap: 24px
}

.flex-row-evenly-start-gap32 {
    gap: 32px
}

.flex-row-evenly-start-gap32,.flex-row-evenly-start-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-evenly-start-gap48 {
    gap: 48px
}

.flex-row-evenly-center-gap0 {
    gap: 0
}

.flex-row-evenly-center-gap0,.flex-row-evenly-center-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-evenly-center-gap8 {
    gap: 8px
}

.flex-row-evenly-center-gap16 {
    gap: 16px
}

.flex-row-evenly-center-gap16,.flex-row-evenly-center-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-evenly-center-gap24 {
    gap: 24px
}

.flex-row-evenly-center-gap32 {
    gap: 32px
}

.flex-row-evenly-center-gap32,.flex-row-evenly-center-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-evenly-center-gap48 {
    gap: 48px
}

.flex-row-evenly-end-gap0 {
    gap: 0
}

.flex-row-evenly-end-gap0,.flex-row-evenly-end-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-evenly-end-gap8 {
    gap: 8px
}

.flex-row-evenly-end-gap16 {
    gap: 16px
}

.flex-row-evenly-end-gap16,.flex-row-evenly-end-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-evenly-end-gap24 {
    gap: 24px
}

.flex-row-evenly-end-gap32 {
    gap: 32px
}

.flex-row-evenly-end-gap32,.flex-row-evenly-end-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-evenly-end-gap48 {
    gap: 48px
}

.flex-row-evenly-stretch-gap0 {
    gap: 0
}

.flex-row-evenly-stretch-gap0,.flex-row-evenly-stretch-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-evenly-stretch-gap8 {
    gap: 8px
}

.flex-row-evenly-stretch-gap16 {
    gap: 16px
}

.flex-row-evenly-stretch-gap16,.flex-row-evenly-stretch-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-evenly-stretch-gap24 {
    gap: 24px
}

.flex-row-evenly-stretch-gap32 {
    gap: 32px
}

.flex-row-evenly-stretch-gap32,.flex-row-evenly-stretch-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-evenly-stretch-gap48 {
    gap: 48px
}

.flex-row-evenly-baseline-gap0 {
    gap: 0
}

.flex-row-evenly-baseline-gap0,.flex-row-evenly-baseline-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-evenly-baseline-gap8 {
    gap: 8px
}

.flex-row-evenly-baseline-gap16 {
    gap: 16px
}

.flex-row-evenly-baseline-gap16,.flex-row-evenly-baseline-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-evenly-baseline-gap24 {
    gap: 24px
}

.flex-row-evenly-baseline-gap32 {
    gap: 32px
}

.flex-row-evenly-baseline-gap32,.flex-row-evenly-baseline-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-row-evenly-baseline-gap48 {
    gap: 48px
}

.flex-column-start-start-gap0 {
    gap: 0
}

.flex-column-start-start-gap0,.flex-column-start-start-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-start-start-gap8 {
    gap: 8px
}

.flex-column-start-start-gap16 {
    gap: 16px
}

.flex-column-start-start-gap16,.flex-column-start-start-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-start-start-gap24 {
    gap: 24px
}

.flex-column-start-start-gap32 {
    gap: 32px
}

.flex-column-start-start-gap32,.flex-column-start-start-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-start-start-gap48 {
    gap: 48px
}

.flex-column-start-center-gap0 {
    gap: 0
}

.flex-column-start-center-gap0,.flex-column-start-center-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-start-center-gap8 {
    gap: 8px
}

.flex-column-start-center-gap16 {
    gap: 16px
}

.flex-column-start-center-gap16,.flex-column-start-center-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-start-center-gap24 {
    gap: 24px
}

.flex-column-start-center-gap32 {
    gap: 32px
}

.flex-column-start-center-gap32,.flex-column-start-center-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-start-center-gap48 {
    gap: 48px
}

.flex-column-start-end-gap0 {
    gap: 0
}

.flex-column-start-end-gap0,.flex-column-start-end-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-start-end-gap8 {
    gap: 8px
}

.flex-column-start-end-gap16 {
    gap: 16px
}

.flex-column-start-end-gap16,.flex-column-start-end-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-start-end-gap24 {
    gap: 24px
}

.flex-column-start-end-gap32 {
    gap: 32px
}

.flex-column-start-end-gap32,.flex-column-start-end-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-start-end-gap48 {
    gap: 48px
}

.flex-column-start-stretch-gap0 {
    gap: 0
}

.flex-column-start-stretch-gap0,.flex-column-start-stretch-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-start-stretch-gap8 {
    gap: 8px
}

.flex-column-start-stretch-gap16 {
    gap: 16px
}

.flex-column-start-stretch-gap16,.flex-column-start-stretch-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-start-stretch-gap24 {
    gap: 24px
}

.flex-column-start-stretch-gap32 {
    gap: 32px
}

.flex-column-start-stretch-gap32,.flex-column-start-stretch-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-start-stretch-gap48 {
    gap: 48px
}

.flex-column-start-baseline-gap0 {
    gap: 0
}

.flex-column-start-baseline-gap0,.flex-column-start-baseline-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-start-baseline-gap8 {
    gap: 8px
}

.flex-column-start-baseline-gap16 {
    gap: 16px
}

.flex-column-start-baseline-gap16,.flex-column-start-baseline-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-start-baseline-gap24 {
    gap: 24px
}

.flex-column-start-baseline-gap32 {
    gap: 32px
}

.flex-column-start-baseline-gap32,.flex-column-start-baseline-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-start-baseline-gap48 {
    gap: 48px
}

.flex-column-center-start-gap0 {
    gap: 0
}

.flex-column-center-start-gap0,.flex-column-center-start-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-center-start-gap8 {
    gap: 8px
}

.flex-column-center-start-gap16 {
    gap: 16px
}

.flex-column-center-start-gap16,.flex-column-center-start-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-center-start-gap24 {
    gap: 24px
}

.flex-column-center-start-gap32 {
    gap: 32px
}

.flex-column-center-start-gap32,.flex-column-center-start-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-center-start-gap48 {
    gap: 48px
}

.flex-column-center-center-gap0 {
    gap: 0
}

.flex-column-center-center-gap0,.flex-column-center-center-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-center-center-gap8 {
    gap: 8px
}

.flex-column-center-center-gap16 {
    gap: 16px
}

.flex-column-center-center-gap16,.flex-column-center-center-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-center-center-gap24 {
    gap: 24px
}

.flex-column-center-center-gap32 {
    gap: 32px
}

.flex-column-center-center-gap32,.flex-column-center-center-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-center-center-gap48 {
    gap: 48px
}

.flex-column-center-end-gap0 {
    gap: 0
}

.flex-column-center-end-gap0,.flex-column-center-end-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-center-end-gap8 {
    gap: 8px
}

.flex-column-center-end-gap16 {
    gap: 16px
}

.flex-column-center-end-gap16,.flex-column-center-end-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-center-end-gap24 {
    gap: 24px
}

.flex-column-center-end-gap32 {
    gap: 32px
}

.flex-column-center-end-gap32,.flex-column-center-end-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-center-end-gap48 {
    gap: 48px
}

.flex-column-center-stretch-gap0 {
    gap: 0
}

.flex-column-center-stretch-gap0,.flex-column-center-stretch-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-center-stretch-gap8 {
    gap: 8px
}

.flex-column-center-stretch-gap16 {
    gap: 16px
}

.flex-column-center-stretch-gap16,.flex-column-center-stretch-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-center-stretch-gap24 {
    gap: 24px
}

.flex-column-center-stretch-gap32 {
    gap: 32px
}

.flex-column-center-stretch-gap32,.flex-column-center-stretch-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-center-stretch-gap48 {
    gap: 48px
}

.flex-column-center-baseline-gap0 {
    gap: 0
}

.flex-column-center-baseline-gap0,.flex-column-center-baseline-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-center-baseline-gap8 {
    gap: 8px
}

.flex-column-center-baseline-gap16 {
    gap: 16px
}

.flex-column-center-baseline-gap16,.flex-column-center-baseline-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-center-baseline-gap24 {
    gap: 24px
}

.flex-column-center-baseline-gap32 {
    gap: 32px
}

.flex-column-center-baseline-gap32,.flex-column-center-baseline-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-center-baseline-gap48 {
    gap: 48px
}

.flex-column-end-start-gap0 {
    gap: 0
}

.flex-column-end-start-gap0,.flex-column-end-start-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-end-start-gap8 {
    gap: 8px
}

.flex-column-end-start-gap16 {
    gap: 16px
}

.flex-column-end-start-gap16,.flex-column-end-start-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-end-start-gap24 {
    gap: 24px
}

.flex-column-end-start-gap32 {
    gap: 32px
}

.flex-column-end-start-gap32,.flex-column-end-start-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-end-start-gap48 {
    gap: 48px
}

.flex-column-end-center-gap0 {
    gap: 0
}

.flex-column-end-center-gap0,.flex-column-end-center-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-end-center-gap8 {
    gap: 8px
}

.flex-column-end-center-gap16 {
    gap: 16px
}

.flex-column-end-center-gap16,.flex-column-end-center-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-end-center-gap24 {
    gap: 24px
}

.flex-column-end-center-gap32 {
    gap: 32px
}

.flex-column-end-center-gap32,.flex-column-end-center-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-end-center-gap48 {
    gap: 48px
}

.flex-column-end-end-gap0 {
    gap: 0
}

.flex-column-end-end-gap0,.flex-column-end-end-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-end-end-gap8 {
    gap: 8px
}

.flex-column-end-end-gap16 {
    gap: 16px
}

.flex-column-end-end-gap16,.flex-column-end-end-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-end-end-gap24 {
    gap: 24px
}

.flex-column-end-end-gap32 {
    gap: 32px
}

.flex-column-end-end-gap32,.flex-column-end-end-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-end-end-gap48 {
    gap: 48px
}

.flex-column-end-stretch-gap0 {
    gap: 0
}

.flex-column-end-stretch-gap0,.flex-column-end-stretch-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-end-stretch-gap8 {
    gap: 8px
}

.flex-column-end-stretch-gap16 {
    gap: 16px
}

.flex-column-end-stretch-gap16,.flex-column-end-stretch-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-end-stretch-gap24 {
    gap: 24px
}

.flex-column-end-stretch-gap32 {
    gap: 32px
}

.flex-column-end-stretch-gap32,.flex-column-end-stretch-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-end-stretch-gap48 {
    gap: 48px
}

.flex-column-end-baseline-gap0 {
    gap: 0
}

.flex-column-end-baseline-gap0,.flex-column-end-baseline-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-end-baseline-gap8 {
    gap: 8px
}

.flex-column-end-baseline-gap16 {
    gap: 16px
}

.flex-column-end-baseline-gap16,.flex-column-end-baseline-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-end-baseline-gap24 {
    gap: 24px
}

.flex-column-end-baseline-gap32 {
    gap: 32px
}

.flex-column-end-baseline-gap32,.flex-column-end-baseline-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-end-baseline-gap48 {
    gap: 48px
}

.flex-column-between-start-gap0 {
    gap: 0
}

.flex-column-between-start-gap0,.flex-column-between-start-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-between-start-gap8 {
    gap: 8px
}

.flex-column-between-start-gap16 {
    gap: 16px
}

.flex-column-between-start-gap16,.flex-column-between-start-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-between-start-gap24 {
    gap: 24px
}

.flex-column-between-start-gap32 {
    gap: 32px
}

.flex-column-between-start-gap32,.flex-column-between-start-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-between-start-gap48 {
    gap: 48px
}

.flex-column-between-center-gap0 {
    gap: 0
}

.flex-column-between-center-gap0,.flex-column-between-center-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-between-center-gap8 {
    gap: 8px
}

.flex-column-between-center-gap16 {
    gap: 16px
}

.flex-column-between-center-gap16,.flex-column-between-center-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-between-center-gap24 {
    gap: 24px
}

.flex-column-between-center-gap32 {
    gap: 32px
}

.flex-column-between-center-gap32,.flex-column-between-center-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-between-center-gap48 {
    gap: 48px
}

.flex-column-between-end-gap0 {
    gap: 0
}

.flex-column-between-end-gap0,.flex-column-between-end-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-between-end-gap8 {
    gap: 8px
}

.flex-column-between-end-gap16 {
    gap: 16px
}

.flex-column-between-end-gap16,.flex-column-between-end-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-between-end-gap24 {
    gap: 24px
}

.flex-column-between-end-gap32 {
    gap: 32px
}

.flex-column-between-end-gap32,.flex-column-between-end-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-between-end-gap48 {
    gap: 48px
}

.flex-column-between-stretch-gap0 {
    gap: 0
}

.flex-column-between-stretch-gap0,.flex-column-between-stretch-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-between-stretch-gap8 {
    gap: 8px
}

.flex-column-between-stretch-gap16 {
    gap: 16px
}

.flex-column-between-stretch-gap16,.flex-column-between-stretch-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-between-stretch-gap24 {
    gap: 24px
}

.flex-column-between-stretch-gap32 {
    gap: 32px
}

.flex-column-between-stretch-gap32,.flex-column-between-stretch-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-between-stretch-gap48 {
    gap: 48px
}

.flex-column-between-baseline-gap0 {
    gap: 0
}

.flex-column-between-baseline-gap0,.flex-column-between-baseline-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-between-baseline-gap8 {
    gap: 8px
}

.flex-column-between-baseline-gap16 {
    gap: 16px
}

.flex-column-between-baseline-gap16,.flex-column-between-baseline-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-between-baseline-gap24 {
    gap: 24px
}

.flex-column-between-baseline-gap32 {
    gap: 32px
}

.flex-column-between-baseline-gap32,.flex-column-between-baseline-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-between-baseline-gap48 {
    gap: 48px
}

.flex-column-around-start-gap0 {
    gap: 0
}

.flex-column-around-start-gap0,.flex-column-around-start-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-around-start-gap8 {
    gap: 8px
}

.flex-column-around-start-gap16 {
    gap: 16px
}

.flex-column-around-start-gap16,.flex-column-around-start-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-around-start-gap24 {
    gap: 24px
}

.flex-column-around-start-gap32 {
    gap: 32px
}

.flex-column-around-start-gap32,.flex-column-around-start-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-around-start-gap48 {
    gap: 48px
}

.flex-column-around-center-gap0 {
    gap: 0
}

.flex-column-around-center-gap0,.flex-column-around-center-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-around-center-gap8 {
    gap: 8px
}

.flex-column-around-center-gap16 {
    gap: 16px
}

.flex-column-around-center-gap16,.flex-column-around-center-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-around-center-gap24 {
    gap: 24px
}

.flex-column-around-center-gap32 {
    gap: 32px
}

.flex-column-around-center-gap32,.flex-column-around-center-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-around-center-gap48 {
    gap: 48px
}

.flex-column-around-end-gap0 {
    gap: 0
}

.flex-column-around-end-gap0,.flex-column-around-end-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-around-end-gap8 {
    gap: 8px
}

.flex-column-around-end-gap16 {
    gap: 16px
}

.flex-column-around-end-gap16,.flex-column-around-end-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-around-end-gap24 {
    gap: 24px
}

.flex-column-around-end-gap32 {
    gap: 32px
}

.flex-column-around-end-gap32,.flex-column-around-end-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-around-end-gap48 {
    gap: 48px
}

.flex-column-around-stretch-gap0 {
    gap: 0
}

.flex-column-around-stretch-gap0,.flex-column-around-stretch-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-around-stretch-gap8 {
    gap: 8px
}

.flex-column-around-stretch-gap16 {
    gap: 16px
}

.flex-column-around-stretch-gap16,.flex-column-around-stretch-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-around-stretch-gap24 {
    gap: 24px
}

.flex-column-around-stretch-gap32 {
    gap: 32px
}

.flex-column-around-stretch-gap32,.flex-column-around-stretch-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-around-stretch-gap48 {
    gap: 48px
}

.flex-column-around-baseline-gap0 {
    gap: 0
}

.flex-column-around-baseline-gap0,.flex-column-around-baseline-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-around-baseline-gap8 {
    gap: 8px
}

.flex-column-around-baseline-gap16 {
    gap: 16px
}

.flex-column-around-baseline-gap16,.flex-column-around-baseline-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-around-baseline-gap24 {
    gap: 24px
}

.flex-column-around-baseline-gap32 {
    gap: 32px
}

.flex-column-around-baseline-gap32,.flex-column-around-baseline-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-around-baseline-gap48 {
    gap: 48px
}

.flex-column-evenly-start-gap0 {
    gap: 0
}

.flex-column-evenly-start-gap0,.flex-column-evenly-start-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-evenly-start-gap8 {
    gap: 8px
}

.flex-column-evenly-start-gap16 {
    gap: 16px
}

.flex-column-evenly-start-gap16,.flex-column-evenly-start-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-evenly-start-gap24 {
    gap: 24px
}

.flex-column-evenly-start-gap32 {
    gap: 32px
}

.flex-column-evenly-start-gap32,.flex-column-evenly-start-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-evenly-start-gap48 {
    gap: 48px
}

.flex-column-evenly-center-gap0 {
    gap: 0
}

.flex-column-evenly-center-gap0,.flex-column-evenly-center-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-evenly-center-gap8 {
    gap: 8px
}

.flex-column-evenly-center-gap16 {
    gap: 16px
}

.flex-column-evenly-center-gap16,.flex-column-evenly-center-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-evenly-center-gap24 {
    gap: 24px
}

.flex-column-evenly-center-gap32 {
    gap: 32px
}

.flex-column-evenly-center-gap32,.flex-column-evenly-center-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-evenly-center-gap48 {
    gap: 48px
}

.flex-column-evenly-end-gap0 {
    gap: 0
}

.flex-column-evenly-end-gap0,.flex-column-evenly-end-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-evenly-end-gap8 {
    gap: 8px
}

.flex-column-evenly-end-gap16 {
    gap: 16px
}

.flex-column-evenly-end-gap16,.flex-column-evenly-end-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-evenly-end-gap24 {
    gap: 24px
}

.flex-column-evenly-end-gap32 {
    gap: 32px
}

.flex-column-evenly-end-gap32,.flex-column-evenly-end-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-evenly-end-gap48 {
    gap: 48px
}

.flex-column-evenly-stretch-gap0 {
    gap: 0
}

.flex-column-evenly-stretch-gap0,.flex-column-evenly-stretch-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-evenly-stretch-gap8 {
    gap: 8px
}

.flex-column-evenly-stretch-gap16 {
    gap: 16px
}

.flex-column-evenly-stretch-gap16,.flex-column-evenly-stretch-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-evenly-stretch-gap24 {
    gap: 24px
}

.flex-column-evenly-stretch-gap32 {
    gap: 32px
}

.flex-column-evenly-stretch-gap32,.flex-column-evenly-stretch-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-evenly-stretch-gap48 {
    gap: 48px
}

.flex-column-evenly-baseline-gap0 {
    gap: 0
}

.flex-column-evenly-baseline-gap0,.flex-column-evenly-baseline-gap8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-evenly-baseline-gap8 {
    gap: 8px
}

.flex-column-evenly-baseline-gap16 {
    gap: 16px
}

.flex-column-evenly-baseline-gap16,.flex-column-evenly-baseline-gap24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-evenly-baseline-gap24 {
    gap: 24px
}

.flex-column-evenly-baseline-gap32 {
    gap: 32px
}

.flex-column-evenly-baseline-gap32,.flex-column-evenly-baseline-gap48 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-column-evenly-baseline-gap48 {
    gap: 48px
}

.kabar-palmerah .kanalHeader {
    background: #a7005a
}

.kabar-palmerah .kanalLogo span {
    text-transform: none;
    letter-spacing: 1px;
    font-size: 28px;
    font-family: Roboto,sans-serif
}

.kabar-palmerah .buttonShare {
    position: absolute;
    z-index: 2;
    width: 20px;
    padding: 0;
    color: var(--cl-gray-lite)
}

.kabar-palmerah .buttonShare .icoShare {
    width: 20px;
    height: 21px
}

.kabar-palmerah .eventHl-item .buttonShare {
    bottom: 16px;
    right: 16px
}

.kabar-palmerah .eventLatest-item .buttonShare {
    bottom: 0;
    right: 2px
}

.kabar-palmerah .breadcrumb__item {
    color: var(--cl-txt);
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px
}

.kabar-palmerah .breadcrumb__item:last-of-type {
    color: var(--cl-gray-lite)
}

.kabar-palmerah .breadcrumb__item:not(:last-of-type):after {
    content: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.50001 10.125C4.42584 10.125 4.35334 10.103 4.29167 10.0618C4.23 10.0206 4.18193 9.96204 4.15355 9.89352C4.12516 9.825 4.11774 9.74959 4.13221 9.67685C4.14668 9.6041 4.18239 9.53729 4.23484 9.48484L7.71967 6.00001L4.23484 2.51518C4.16451 2.44485 4.125 2.34947 4.125 2.25001C4.125 2.15055 4.16451 2.05517 4.23484 1.98484C4.30517 1.91451 4.40056 1.875 4.50001 1.875C4.59947 1.875 4.69486 1.91451 4.76519 1.98484L8.51519 5.73484C8.55001 5.76966 8.57764 5.811 8.59648 5.8565C8.61533 5.902 8.62503 5.95076 8.62503 6.00001C8.62503 6.04926 8.61533 6.09802 8.59648 6.14352C8.57764 6.18902 8.55001 6.23036 8.51519 6.26518L4.76519 10.0152C4.7304 10.0501 4.68907 10.0777 4.64356 10.0966C4.59805 10.1154 4.54927 10.1251 4.50001 10.125Z" fill="%23999999"/></svg>');
    vertical-align: middle;
    margin-left: 4px
}

.kabar-palmerah .topicSubtitle a {
    color: #0f79c6
}

.kabar-palmerah .read__content {
    margin-left: 20px
}

.kabar-palmerah .kanalInfo-detail a {
    display: block
}

.kgplayCaption {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    color: var(--cl-txt);
    padding-left: 11px;
    padding-right: 0;
    margin-bottom: 15px;
    background: var(--bg-main);
    letter-spacing: -.2px;
    display: inline-block
}

.kgplayCaption>a:hover {
    color: #000
}

.kgplayCaption:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    height: calc(100% - 8px);
    border-left: 2px solid #e65225
}

.kgplayCaption__eps {
    padding-left: 14px;
    padding-bottom: 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--cl-txt);
    border-bottom: 1px solid var(--bg-section-title);
    margin-bottom: 35px
}

.kgplayCaption__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.kgplayCaption__link,.kgplayWrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.kgplayWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.kgplayWrap-scroll {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    width: 100%;
    padding-bottom: 40px
}

.kgplayWrap.--kgplaylist {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.kgplayWrap.--kgplaylist .kgplayItem {
    width: 100%
}

.kgplayWrap.--kgplaylist .kgplayItem-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.kgplayWrap.--kgplaylist .kgplayDetail {
    width: calc(100% - 250px - 6px);
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.kgplayWrap.--kgplaylist .kgplayDetail-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kgplayWrap.--kgplaylist .kgplayTitle {
    font-size: 16px;
    height: auto
}

.kgplayWrap.--kgplaylist .kgplayImg {
    width: 250px;
    padding-top: 56%
}

.kgplayWrap.--kgplaylist .kgplayChannel {
    position: relative
}

.kgplayWrap.--kgplaylist .kgplayChannel: after {
    content:"";
    width: 5px;
    height: 5px;
    background-color: var(--bg-bullet);
    border-radius: 4px;
    margin: auto
}

.kgplayWrap.--kgplaylist .kgplayAvatar+span,.kgplayWrap.--kgplaylist .kgplayInfo .kgplayTime {
    max-width: none
}

.kgplayWrap.--kgplaylist .kgplay .buttonMeatball {
    right: -35px
}

.kgplayItem {
    position: relative;
    width: calc((100% - 48px) / 3)
}

.kgplayItem .listPop__button {
    text-align: left
}

.kgplayItem-explore {
    position: relative;
    width: calc((100% - 48px) / 3)
}

.kgplayItem-explore .kgplayImg {
    padding-top: 62%
}

.kgplayItem-explore .kgplayImg:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#000),to(hsla(0,0%,100%,.6)));
    background: linear-gradient(0deg,#000 50%,hsla(0,0%,100%,.6));
    z-index: 1;
    pointer-events: none
}

.kgplayItem-explore .kgplayTitle {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    position: absolute;
    left: 15px;
    bottom: 12px;
    z-index: 2
}

.kgplayItem-box {
    bottom: 0;
    z-index: 2;
    padding: 16px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 8px
}

.kgplayItem-box,.kgplayItem-box:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%
}

.kgplayItem-box:after {
    content: "";
    top: 0;
    background: #000;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#000),to(hsla(0,0%,100%,.6)));
    background: linear-gradient(0deg,#000 50%,hsla(0,0%,100%,.6));
    z-index: 1;
    pointer-events: none
}

.kgplayItem-box .kgplayAvatar {
    z-index: 2
}

.kgplayItem-box .kgplayAvatar-box {
    width: 32px;
    position: relative
}

.kgplayItem-box .kgplayAvatar-box.--channelVerified: before {
    top:auto;
    right: -3px;
    bottom: 0;
    z-index: 3
}

.kgplayItem-title {
    color: var(--cl-white);
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
    white-space: normal;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    z-index: 2
}

.kgplayItem-play {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-filter: invert(100%) sepia(0) saturate(6817%) hue-rotate(208deg) brightness(118%) contrast(82%);
    filter: invert(100%) sepia(0) saturate(6817%) hue-rotate(208deg) brightness(118%) contrast(82%);
    background-size: auto 100%;
    background-position: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: .8
}

.kgplayDetail {
    position: relative
}

.kgplayDetail.--channel {
    padding-left: 42px
}

.kgplayDetail.--channel .kgplayImg-channel {
    position: absolute;
    left: 0
}

.kgplayDetail-inner {
    position: relative;
    padding-right: 40px
}

.kgplayImg {
    width: 100%;
    padding-top: 56.25%;
    border-radius: 8px
}

.kgplayImg,.kgplayImg-channel {
    position: relative;
    overflow: hidden;
    background: var(--bg-gray-med)
}

.kgplayImg-channel {
    width: 31px;
    height: 31px;
    border-radius: 100%;
    border: 2px solid #f04722
}

.kgplayImg-channel img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.kgplayHl .kgplayImg {
    padding-top: 100%
}

.kgplayBadge-live {
    height: 20px;
    border-radius: 3px;
    padding: 2px 8px;
    position: absolute;
    top: 12px;
    left: 10px;
    z-index: 2;
    background: var(--cl-red-live);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: var(--cl-white)
}

.kgplayGate.--kanalroll .kgplayItem {
    --gap10: 10px;
    padding: 0;
    width: calc(100% / 8 - var(--gap10) + (var(--gap10) / 8))
}

.kgplayGate.--kanalroll .kgplayItem.slick-slide {
    padding: 0 5px
}

.kgplayGate.--kanalroll .kgplayGate__wrap {
    margin: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.kgplayGate.--kanalroll .kgplayGate__wrap.slick-initialized {
    display: block;
    width: calc(100% + 10px);
    margin: 0 -5px
}

.kgplayGate__box {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.kgplayGate__box,.kgplayGate__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.kgplayGate__wrap {
    margin: 0 -10px;
    width: calc(100% + 10px);
    height: 249px;
    overflow: hidden
}

.kgplayGate__wrap.-slider {
    display: block
}

.kgplayGate__wrap.-slider .icon-photo-slider {
    background: rgba(32,32,32,.8);
    border-radius: 100%;
    position: absolute;
    z-index: 1;
    width: 38px;
    height: 38px;
    line-height: 1;
    font-size: 36px;
    text-align: center;
    top: 0;
    bottom: 0;
    margin: auto
}

.kgplayGate__wrap.-slider .icon-photo-slider svg {
    width: 7px;
    height: 20px
}

.kgplayGate__wrap.-slider .icon-photo-slider[aria-disabled=true] {
    opacity: 0
}

.kgplayGate__wrap.-slider .icon-photo-left {
    left: 0
}

.kgplayGate__wrap.-slider .icon-photo-right {
    right: 5px
}

.kgplayGate .kgplayImg {
    padding-top: 177.77778%
}

.kgplayGate .kgplayItem {
    max-width: 160px;
    padding: 0 10px
}

.kgplayTitle {
    margin-top: 5px;
    margin-bottom: 5px;
    -webkit-line-clamp: 2;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--vid-text);
    height: 40px
}

.kgplayChannel {
    color: var(--neutral-600)
}

.kgplayChannel,.kgplayInfo {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4
}

.kgplayInfo {
    color: var(--cl-gray-med)
}

.kgplayInfo:before {
    width: 5px;
    height: 5px
}

.kgplayInfo.--live .kgplayView {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2
}

.kgplayDuration {
    background: hsla(0,0%,6%,.75);
    border-radius: 5px;
    padding: 3px 6px;
    position: absolute;
    z-index: 2;
    right: 5px;
    bottom: 5px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #e8e8e8
}

.kgplayView {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.kgplayTime {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.kgplayLine {
    margin-top: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid var(--bg-section-title)
}

.kgplayLine.-thick {
    border-bottom: 5px solid var(--bg-section-title)
}

.kgplayLine.-thick_7 {
    border-bottom: 7px solid var(--bg-section-title);
    margin-top: 15px;
    margin-bottom: 20px
}

.kgplayBox-side.--index {
    margin-left: -15px;
    position: relative;
    z-index: 10
}

.kgplayBox-side.--boxborder {
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    height: auto;
    max-height: 551px;
    overflow: hidden
}

.kgplayBox-side.--boxborder .kgplayWrap {
    gap: 0;
    max-height: 425px
}

.kgplayBox-side.--boxborder .kgplayItem {
    width: 100%;
    padding: 9px 10px
}

.kgplayBox-side.--boxborder .kgplayItem: first-child {
    background-color:#f2f2f2;
    padding: 15px 10px 10px
}

.kgplayBox-side.--boxborder .kgplayItem .buttonMeatball {
    bottom: 10px
}

.kgplayBox-side.--boxborder .kgplayInfo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-right: 20px
}

.kgplayBox-side.--boxborder .kgplayInfo: before {
    width:0;
    height: 0
}

.kgplayBox-side.--boxborder .kgplayImg {
    width: 122px;
    padding-top: 68.625px;
    border-radius: 8px
}

.kgplayBox-side.--boxborder .kgplayImg .kgplayBadge-live {
    font-size: 10px;
    top: 8px;
    left: 10px
}

.kgplayBox-side.--boxborder .kgplayDetail {
    width: calc(100% - 122px - 8px);
    padding-left: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.kgplayBox-side .kgplayWrap {
    gap: 15px
}

.kgplayBox-side .kgplayItem {
    width: 100%
}

.kgplayBox-side .kgplayItem-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.kgplayBox-side .kgplayCaption {
    padding: 8px 10px 8px 20px;
    font-size: 18px;
    margin: 0
}

.kgplayBox-side .kgplayCaption:before {
    left: 10px;
    height: 20px;
    top: 0;
    bottom: 0;
    margin: auto
}

.kgplayBox-side .kgplayImg {
    width: 124px;
    padding-top: 69.75px;
    border-radius: 8px
}

.kgplayBox-side .kgplayDetail {
    width: 100%;
    padding-left: 0
}

.kgplayBox-side .kgplayTitle {
    margin-top: 0;
    line-height: 1.3
}

.kgplayBox-side .kgplayInfo {
    padding-right: 20px
}

.kgplayBox-side .kgplayInfo:before {
    margin: 0 5px
}

.kgplayBox-side .wSpec-stop {
    font-size: 12px
}

.kgplaySearch-title {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid var(--cl-grey-border-3)
}

.--channelVerified {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 12px;
    height: 12px
}

.--channelVerified: before {
    width:12px;
    height: 12px;
    position: absolute;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6' r='4' fill='white'/%3E%3Cpath d='M12 5.63764C12 6.23074 11.0376 6.66158 10.8586 7.19686C10.6795 7.73214 11.1794 8.67028 10.8362 9.12909C10.493 9.5879 9.46161 9.36596 8.98974 9.69981C8.51787 10.0337 8.39478 11.0762 7.83712 11.2516C7.27945 11.4269 6.59496 10.6435 6.00187 10.6435C5.40877 10.6435 4.7019 11.4213 4.16662 11.2516C3.60895 11.0762 3.48026 10.0281 3.01399 9.69981C2.54212 9.36596 1.51259 9.58977 1.16755 9.12909C0.822506 8.66841 1.32981 7.75079 1.14517 7.19686C0.960522 6.64292 0 6.23074 0 5.63764C0 5.04454 0.962387 4.6137 1.14144 4.07842C1.32048 3.54314 0.82064 2.605 1.16382 2.14619C1.50886 1.68551 2.53839 1.90932 3.01026 1.57547C3.48213 1.24162 3.60522 0.200897 4.16288 0.0255788C4.72055 -0.14974 5.40504 0.633599 5.99814 0.633599C6.59123 0.633599 7.29997 -0.144145 7.83525 0.0255788C8.39291 0.200897 8.5216 1.24908 8.98788 1.57734C9.45415 1.90559 10.4893 1.68738 10.8343 2.14805C11.1794 2.60873 10.6721 3.52636 10.8567 4.08029C11.0413 4.63422 11.9981 5.04454 11.9981 5.63764H12ZM8.59621 4.29664C8.7622 4.13624 8.76593 3.86953 8.60367 3.70354C8.44141 3.53755 8.17656 3.53382 8.01057 3.69608L5.23158 6.3986L3.98757 5.19002C3.82157 5.02775 3.55673 5.03149 3.39447 5.19748C3.23407 5.36347 3.2378 5.62831 3.40193 5.79058L5.22972 7.56801L8.59248 4.29664H8.59621Z' fill='url(%23paint0_linear_5804_129271)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_5804_129271' x1='0' y1='11.2771' x2='12' y2='11.2771' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EE0875'/%3E%3Cstop offset='1' stop-color='%23FC5F10'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 12px;
    right: 0;
    top: 0
}

.--channelVerified a span {
    padding-right: 0
}

.--channelVerified span {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    padding-right: 13px
}

.theme--bola .title--big {
    color: #0db24b
}

.theme--bola .headline__thumb__item.slick-current .headline__thumb__img:after {
    border-top: 4px solid #0db24b
}

.theme--bola .headline__thumb__link:hover {
    color: #35f07b
}

.theme--bola .article__boxsubtitle {
    background: #0db24b;
    color: #fff
}

.theme--bola .icon-play:before {
    background-color: #0db24b
}

.theme--bola .related__inline__title a {
    color: var(--cl-main)
}

.theme--bola .related__inline__title a:hover {
    color: var(--cl-hover)
}

.theme--bola .trending--sidebar .article__boxsubtitle {
    background: #fff
}

.theme--tekno .title--big {
    color: #bad107
}

.theme--tekno .headline__thumb__item.slick-current .headline__thumb__img:after {
    border-top: 4px solid #bad107
}

.theme--tekno .headline__thumb__link:hover {
    color: #e4f945
}

.theme--tekno .article__boxsubtitle {
    background: #bad107;
    color: #000
}

.theme--tekno .icon-play:before {
    background-color: #bad107
}

.theme--tekno .related__inline__title a {
    color: var(--cl-main)
}

.theme--tekno .related__inline__title a:hover {
    color: var(--cl-hover)
}

.theme--tekno .trending--sidebar .article__boxsubtitle {
    background: #fff
}

.theme--tekno .topic--review .article__box {
    background: #333
}

.theme--tekno .topic--review .article__title {
    color: #fff
}

.theme--tekno .topic--review .article__title--bullet {
    padding: 6px 20px 0 40px
}

.theme--tekno .topic--review .article__title--bullet:after {
    background: #fff;
    left: 20px
}

.theme--otomotif .title--big {
    color: #fb0404
}

.theme--otomotif .headline__thumb__item.slick-current .headline__thumb__img:after {
    border-top: 4px solid #fb0404
}

.theme--otomotif .headline__thumb__link:hover {
    color: #fd6868
}

.theme--otomotif .article__boxsubtitle {
    background: #fb0404;
    color: #fff
}

.theme--otomotif .icon-play:before {
    background-color: #fb0404
}

.theme--otomotif .related__inline__title a {
    color: var(--cl-main)
}

.theme--otomotif .related__inline__title a:hover {
    color: var(--cl-hover)
}

.theme--otomotif .trending--sidebar .article__boxsubtitle {
    background: #fff
}

.theme--otomotif .lensa__photo__caption {
    color: #000
}

.theme--otomotif .form__select {
    border: 1px solid #2a2a2a;
    color: #2a2a2a
}

.theme--lifestyle .title--big {
    color: #00a783
}

.theme--lifestyle .headline__thumb__item.slick-current .headline__thumb__img:after {
    border-top: 4px solid #00a783
}

.theme--lifestyle .headline__thumb__link:hover {
    color: #0effcb
}

.theme--lifestyle .article__boxsubtitle {
    background: #00a783;
    color: #fff
}

.theme--lifestyle .icon-play:before {
    background-color: #00a783
}

.theme--lifestyle .related__inline__title a {
    color: var(--cl-main)
}

.theme--lifestyle .related__inline__title a:hover {
    color: var(--cl-hover)
}

.theme--lifestyle .trending--sidebar .article__boxsubtitle {
    background: #fff
}

.theme--properti .title--big {
    color: #b57c29
}

.theme--properti .headline__thumb__item.slick-current .headline__thumb__img:after {
    border-top: 4px solid #b57c29
}

.theme--properti .headline__thumb__link:hover {
    color: #ddad67
}

.theme--properti .article__boxsubtitle {
    background: #b57c29;
    color: #fff
}

.theme--properti .icon-play:before {
    background-color: #b57c29
}

.theme--properti .related__inline__title a {
    color: var(--cl-main)
}

.theme--properti .related__inline__title a:hover {
    color: var(--cl-hover)
}

.theme--properti .trending--sidebar .article__boxsubtitle {
    background: #fff
}

.theme--properti .form__select {
    border: 1px solid #b57c29;
    color: #85949a;
    font-weight: 400
}

.theme--properti .form__select__wrap:after {
    border-left: 2px solid #2a2a2a;
    border-bottom: 2px solid #2a2a2a
}

.theme--properti .consult__input,.theme--properti .consult__textarea {
    border: 1px solid #b57c29
}

.theme--properti .consult__button {
    background: #b57c29
}

.theme--properti .consult__button:hover {
    background: #8b6020
}

.theme--properti .consult__ahli {
    border-left: 3px solid #b57c29
}

.theme--travel .title--big {
    color: #00bcd4
}

.theme--travel .headline__thumb__item.slick-current .headline__thumb__img:after {
    border-top: 4px solid #00bcd4
}

.theme--travel .headline__thumb__link:hover {
    color: #3be9ff
}

.theme--travel .article__boxsubtitle {
    background: #00bcd4;
    color: #fff
}

.theme--travel .icon-play:before {
    background-color: #00bcd4
}

.theme--travel .related__inline__title a {
    color: var(--cl-main)
}

.theme--travel .related__inline__title a:hover {
    color: var(--cl-hover)
}

.theme--travel .trending--sidebar .article__boxsubtitle {
    background: #fff
}

.comment__read__text {
    position: relative;
    display: block;
    text-align: right;
    padding: 8px 0;
    float: right
}

@media (min-width: 700px) {
    .comment__read__text {
        padding:15px 18px 0 0
    }
}

.comment__read__text a {
    color: #3ca5dd;
    font-weight: 500;
    font-size: 13px;
    padding: 0
}

.comment__read__text .comment__counter {
    left: calc(100% - 16px);
    top: 10px
}

.comment__read__text .comment__counter:empty {
    min-width: 10px;
    min-height: 10px;
    top: 12px
}

.comment__read__box {
    position: relative;
    margin: 15px 0 0;
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px solid #3ca5dd;
    background: rgba(60,165,221,.11);
    font-size: 16px;
    line-height: 1.5
}

.comment__read__box a {
    color: #3ca5dd
}

.comment__read__box.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comment__read__box span.icon-comment {
    width: 20px;
    height: 20px;
    margin-top: -3px;
    vertical-align: middle;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4IDI4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9LnN0MXtmaWxsOiMzQ0E1REQ7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI0LjIsNy44QzIwLjcsMi4yLDEzLjQsMC40LDcuOCwzLjlsMCwwYy01LjYsMy40LTcuNCwxMC43LTQsMTYuM2MwLjUsMC45LDAuNSwyLDAsMi45TDIuNywyNWMtMC4xLDAuMS0wLjEsMC4yLTAuMSwwLjNjMCwwLjMsMC4zLDAuNiwwLjYsMC42aDEwLjVjNi42LDAuMSwxMi01LjIsMTIuMi0xMS43QzI1LjksMTEuOSwyNS4zLDkuNywyNC4yLDcuOHoiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI3Ny4wMjIgNjU1LjI4NykiPjxlbGxpcHNlIGNsYXNzPSJzdDEiIGN4PSIxMjg1LjgiIGN5PSItNjQxLjMiIHJ4PSIxLjUiIHJ5PSIxLjUiLz48ZWxsaXBzZSBjbGFzcz0ic3QxIiBjeD0iMTI5Ni4zIiBjeT0iLTY0MS4zIiByeD0iMS41IiByeT0iMS41Ii8+PGVsbGlwc2UgY2xhc3M9InN0MSIgY3g9IjEyOTEuMSIgY3k9Ii02NDEuMyIgcng9IjEuNSIgcnk9IjEuNSIvPjwvZz48L3N2Zz4=)
}

.comment__read__button {
    min-width: 75px;
    height: 40px;
    font-size: 14px;
    white-space: nowrap;
    display: block;
    background: #3ca5dd;
    color: #fff!important;
    border-radius: 5px;
    padding: 10px;
    margin-left: 10px;
    text-align: center
}

.comment__read__button img {
    display: inline-block;
    vertical-align: middle;
    height: 15px;
    margin-right: 2px
}

.comment__read__icon {
    position: relative;
    float: right
}

.social--container .comment__read__bar .social--article {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.social--container .comment__read__bar {
    position: relative;
    top: auto;
    right: auto;
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comment__read__bar:before {
    content: "";
    position: absolute;
    top: 0;
    right: -20px;
    height: 46px;
    width: 450px;
    z-index: -1;
    background: #dcdcdc;
    background: -moz-linear-gradient(90deg,hsla(0,0%,86%,0) 0,var(--bg-share) 60%,var(--bg-share) 100%);
    background: -webkit-linear-gradient(90deg,hsla(0,0%,86%,0),var(--bg-share) 60%,var(--bg-share));
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,86%,0)),color-stop(60%,var(--bg-share)),to(var(--bg-share)));
    background: linear-gradient(90deg,hsla(0,0%,86%,0),var(--bg-share) 60%,var(--bg-share))
}

.social--container .comment__read__bar:before {
    right: 0
}

.comment__read__bar>span {
    padding: 11px 10px 0 0;
    font-weight: 500;
    color: var(--cl-main);
    text-transform: uppercase;
    font-size: 17px;
    display: inline-block;
    vertical-align: top
}

.social--container .comment__read__bar>span {
    padding: 0
}

.comment__read__bar .social--article {
    left: -10px
}

.social--container .comment__read__bar .social--article {
    left: auto
}

.social--container .comment__read__bar .social--article:after,.social--container .comment__read__bar .social--article:before {
    content: none
}

.comment__read__bar .social__link {
    background: transparent;
    padding: 3px;
    position: relative
}

.comment__read__bar .social__link .icon {
    width: 100%;
    height: 100%
}

.pop-title .comment__read__icon {
    float: none;
    display: inline-block;
    position: relative;
    vertical-align: text-bottom;
    margin-left: 2px
}

.pop-title .ico-share {
    width: 25px;
    height: 25px;
    background-size: 25px
}

.comment--empty {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px
}

.comment__counter {
    position: absolute;
    min-width: 17px;
    min-height: 17px;
    z-index: 1;
    top: -2px;
    left: 20px;
    padding: 0 5px;
    border-radius: 8px;
    background: #e65225;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Roboto,sans-serif;
    font-size: 9px;
    font-weight: 400;
    line-height: 1;
    color: #fff
}

.comment__counter--inline {
    position: relative;
    display: inline-block;
    left: -5px;
    top: 2px
}

.comment__info {
    padding: 0
}

.comment__info .comment__read__box {
    font-size: 14px
}

.comment__info a {
    color: #3ca5dd
}

.comment__wrap {
    position: relative;
    background: var(--bg-main);
    padding: 10px;
    color: var(--cl-main)
}

@media (min-width: 700px) {
    .comment__wrap {
        padding:0
    }
}

.comment__wrap a {
    text-decoration: none
}

.comment__row {
    position: relative;
    padding: 0
}

.comment__promo {
    position: relative;
    padding: 20px 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comment__promo__img {
    width: 130px;
    height: 82px
}

.comment__promo__content {
    width: calc(100% - 130px);
    padding: 0 10px
}

.comment__promo span {
    color: #e65224;
    font-weight: 700
}

.comment__promo p {
    font-size: 16px;
    margin: 0;
    padding-bottom: 4px
}

.comment__promo a {
    font-size: 13px;
    font-weight: 700;
    color: #3ca5dd;
    float: right
}

.comment-polling {
    background: rgba(var(--bg-comment),1);
    padding: 15px 10px 0
}

.comment-polling .comment__article {
    margin: 0 0 10px;
    background: var(--bg-input);
    border: 1px solid var(--br-list);
    border-radius: 10px;
    padding: 15px
}

.comment-polling .comment__article__left {
    width: 25%
}

.comment-polling .comment__article__title {
    max-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.comment-polling .comment__article__img {
    height: 80px;
    border-radius: 3px
}

.comment-polling .comment__article .comment__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px
}

.comment-polling .comment__article ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    margin-bottom: 10px
}

.comment-polling .comment__list,.comment-polling .comment__paging,.comment-polling .comment__sorting {
    background-color: var(--bg-main);
    margin-left: -10px;
    margin-right: -10px
}

.comment-polling .comment__form__footer {
    padding: 15px 0
}

.error textarea {
    border: 1px solid #d00000
}

@media (max-width: 700px) {
    .title__content {
        font-size:16px;
        color: #000
    }
}

.sending.comment__item>div {
    z-index: 1
}

.sending.comment__item {
    overflow: hidden;
    background: #fff
}

.sending.comment__item:after {
    top: 0;
    left: 0;
    z-index: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: progress 3s ease-in-out infinite;
    animation: progress 3s ease-in-out infinite;
    background: #fff;
    background: -moz-linear-gradient(95deg,#fff 0,#e3e3e3 50%,#fff 100%);
    background: -webkit-gradient(left top,right bottom,color-stop(0,#fff),color-stop(50%,#e3e3e3),color-stop(100%,#fff));
    background: -webkit-linear-gradient(95deg,#fff,#e3e3e3 50%,#fff);
    background: -o-linear-gradient(95deg,#fff 0,#e3e3e3 50%,#fff 100%);
    background: -ms-linear-gradient(95deg,#fff 0,#e3e3e3 50%,#fff 100%);
    background: linear-gradient(95deg,#fff,#e3e3e3 50%,#fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1)
}

.comment__wrap .pop-title {
    padding: 10px 0;
    margin: 0
}

.comment__wrap .pop-title:after {
    left: 0
}

.comment>.comment__wrap {
    padding: 0 10px;
    margin: 0;
    background: rgba(var(--bg-comment),1)
}

@media (min-width: 700px) {
    .comment>.comment__wrap {
        padding:0 20px;
        margin: 0
    }
}

.comment .comment__button.action:hover {
    background: var(--bg-comment-hover)
}

.comment .comment__report.sticky {
    background: rgba(var(--bg-comment),1)
}

.comment .comment__reply__list .comment__item {
    background: var(--bg-comment2)
}

.comment .comment__info {
    padding: 15px 0 0
}

.comment .comment__promo {
    padding: 20px 0 5px;
    margin: 0
}

.comment__wrap .button,.comment__wrap button,.comment__wrap input,.comment__wrap select,.comment__wrap textarea {
    margin: 0;
    padding: 8px 12px;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
    background-color: var(--bg-input);
    border: solid 1px var(--br-gray-med);
    outline: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857;
    color: #c2bebe
}

.comment__wrap .button::-webkit-input-placeholder,.comment__wrap button::-webkit-input-placeholder,.comment__wrap input::-webkit-input-placeholder,.comment__wrap select::-webkit-input-placeholder,.comment__wrap textarea::-webkit-input-placeholder {
    font-size: 16px;
    color: #c2bebe;
    vertical-align: middle
}

.comment__wrap .button::-moz-placeholder,.comment__wrap button::-moz-placeholder,.comment__wrap input::-moz-placeholder,.comment__wrap select::-moz-placeholder,.comment__wrap textarea::-moz-placeholder {
    font-size: 16px;
    color: #c2bebe;
    vertical-align: middle
}

.comment__wrap .button:-ms-input-placeholder,.comment__wrap .button::-ms-input-placeholder,.comment__wrap button:-ms-input-placeholder,.comment__wrap button::-ms-input-placeholder,.comment__wrap input:-ms-input-placeholder,.comment__wrap input::-ms-input-placeholder,.comment__wrap select:-ms-input-placeholder,.comment__wrap select::-ms-input-placeholder,.comment__wrap textarea:-ms-input-placeholder,.comment__wrap textarea::-ms-input-placeholder {
    font-size: 16px;
    color: #c2bebe;
    vertical-align: middle
}

.comment__wrap .button::placeholder,.comment__wrap button::placeholder,.comment__wrap input::placeholder,.comment__wrap select::placeholder,.comment__wrap textarea::placeholder {
    font-size: 16px;
    color: #c2bebe;
    vertical-align: middle
}

@media (min-width: 700px) {
    .comment__wrap .button::-webkit-input-placeholder,.comment__wrap button::-webkit-input-placeholder,.comment__wrap input::-webkit-input-placeholder,.comment__wrap select::-webkit-input-placeholder,.comment__wrap textarea::-webkit-input-placeholder {
        font-size:14px
    }

    .comment__wrap .button::-moz-placeholder,.comment__wrap button::-moz-placeholder,.comment__wrap input::-moz-placeholder,.comment__wrap select::-moz-placeholder,.comment__wrap textarea::-moz-placeholder {
        font-size: 14px
    }

    .comment__wrap .button:-ms-input-placeholder,.comment__wrap .button::-ms-input-placeholder,.comment__wrap button:-ms-input-placeholder,.comment__wrap button::-ms-input-placeholder,.comment__wrap input:-ms-input-placeholder,.comment__wrap input::-ms-input-placeholder,.comment__wrap select:-ms-input-placeholder,.comment__wrap select::-ms-input-placeholder,.comment__wrap textarea:-ms-input-placeholder,.comment__wrap textarea::-ms-input-placeholder {
        font-size: 14px
    }

    .comment__wrap .button::placeholder,.comment__wrap button::placeholder,.comment__wrap input::placeholder,.comment__wrap select::placeholder,.comment__wrap textarea::placeholder {
        font-size: 14px
    }
}

.comment__wrap .button:focus,.comment__wrap .button:hover,.comment__wrap button:focus,.comment__wrap button:hover,.comment__wrap input:focus,.comment__wrap input:hover,.comment__wrap select:focus,.comment__wrap select:hover,.comment__wrap textarea:focus,.comment__wrap textarea:hover {
    color: var(--cl-main);
    border: 1px solid #909090;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.12)
}

.comment__wrap button:disabled {
    border: 1px solid #e2e2e2!important;
    background: #e7e7e7!important;
    color: #a8a8a8!important
}

.comment__wrap button:disabled:focus,.comment__wrap button:disabled:hover {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.05)
}

.comment__wrap input[type=password]:disabled,.comment__wrap input[type=text]:disabled {
    background: #f4f4f4
}

.comment__wrap input[type=password]:disabled:focus,.comment__wrap input[type=password]:disabled:hover,.comment__wrap input[type=text]:disabled:focus,.comment__wrap input[type=text]:disabled:hover {
    color: #c2bebe;
    border: 1px solid #c4c4c4;
    -webkit-box-shadow: inherit;
    box-shadow: inherit
}

.comment__wrap select {
    border: 1px solid #3ca5dd;
    color: #3ca5dd;
    padding: 5px 60px 5px 12px
}

@media (min-width: 768px) {
    .comment__wrap select {
        font-weight:700;
        font-size: 12px;
        vertical-align: middle;
        padding: 8px 60px 8px 12px
    }
}

.comment__wrap textarea {
    min-height: 100px;
    max-width: 100%;
    display: block;
    width: 100%
}

.comment__wrap button,.comment__wrap input[type=button],.comment__wrap input[type=checkbox],.comment__wrap input[type=radio],.comment__wrap input[type=reset],.comment__wrap input[type=submit] {
    cursor: pointer
}

.comment__form {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid var(--br-list)
}

.comment__form textarea {
    resize: none;
    height: 100px
}

.comment__form__footer {
    padding: 15px 0 0;
    text-align: right
}

.comment__error {
    display: block;
    position: relative;
    padding: 5px 0 0;
    font-size: 11px;
    color: #d00000
}

.comment__error:empty {
    padding: 0
}

.comment__disclaimer {
    padding: 5px 0 0;
    font-size: 11px;
    color: #979797
}

.comment__button.send {
    background: #3ca5dd;
    border: 1px solid #3ca5dd;
    font-size: 13px;
    color: #fff;
    padding: 8px 15px
}

.comment__button.send:hover {
    color: #fff;
    background: #228cc4;
    border: 1px solid #228cc4
}

.comment__button.action {
    display: inline-block;
    background: transparent;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 4px 5px;
    border-radius: 8px;
    font-size: 11px;
    color: var(--cl-gray-bold)
}

@media (min-width: 700px) {
    .comment__button.action {
        font-size:12px
    }
}

.comment__button.action:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: var(--bg-white);
    border: 1px solid transparent;
    color: var(--cl-main)
}

.comment__button.action .icon {
    margin-right: 2px;
    width: 15px;
    height: 15px;
    vertical-align: top
}

.comment__report.sticky {
    position: absolute;
    z-index: 1;
    top: 16px;
    right: -5px;
    background: var(--bg-main);
    padding-left: 10px
}

@media (min-width: 700px) {
    .comment__report.sticky {
        top:-3px
    }
}

.comment__tooltips {
    position: relative
}

.comment__tooltips:after {
    color: #000;
    content: attr(data-tooltips);
    opacity: 0;
    visibility: hidden;
    max-width: 120px;
    min-width: 100px;
    position: absolute;
    bottom: -8px;
    border-radius: 5px;
    right: 35px;
    z-index: 1;
    background: #fff;
    padding: 5px 8px;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,.3);
    font-size: 10px;
    text-align: left
}

.comment__tooltips:before {
    content: "";
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 5px;
    right: 30px;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    border-left: 0 solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 3;
    -webkit-box-shadow: 2px -2px 3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 2px -2px 3px 0 rgba(0,0,0,.2);
    box-shadow: 2px -2px 3px 0 rgba(0,0,0,.2)
}

.comment__tooltips:hover:after,.comment__tooltips:hover:before {
    opacity: 1;
    visibility: visible
}

.comment__list {
    position: relative;
    padding: 10px 0
}

.comment__item {
    position: relative;
    padding: 20px 0 20px 50px;
    border-bottom: 1px solid var(--br-list)
}

.comment__item:last-child {
    border-bottom: transparent
}

@media (min-width: 700px) {
    .comment__item {
        padding:20px 0 20px 60px
    }
}

.comment__avatar {
    position: absolute;
    top: 20px;
    left: 0;
    width: 40px;
    height: 40px;
    z-index: 1;
    border-radius: 100%;
    background: #a7d98c
}

@media (min-width: 700px) {
    .comment__avatar {
        width:40px;
        height: 40px
    }
}

.comment__avatar:before {
    content: attr(data-init);
    display: block;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 12px 0;
    font-size: 17px;
    line-height: 1;
    color: #fff
}

@media (min-width: 700px) {
    .comment__avatar:before {
        font-size:17px;
        padding: 12px 0
    }
}

.comment__user {
    font-size: 15px;
    font-weight: 700
}

@media (min-width: 700px) {
    .comment__user {
        display:inline-block;
        padding: 0 15px 0 0
    }
}

.comment__date {
    display: inline-block;
    padding: 3px 0;
    font-size: 12px;
    color: #a9a9a9
}

@media (min-width: 700px) {
    .comment__date {
        padding:0
    }
}

.comment__date .icon {
    width: 13px;
    height: 13px;
    vertical-align: top;
    display: none
}

@media (min-width: 700px) {
    .comment__date .icon {
        display:inline-block
    }
}

.comment__content {
    padding: 10px 0 15px;
    word-break: break-word;
    font-size: 14px;
    font-weight: 400
}

.comment__reply {
    position: relative;
    padding: 10px 0;
    text-align: right
}

.comment__reply textarea {
    resize: none;
    height: 100px;
    margin: 0 0 15px
}

.comment__reply__list {
    padding: 10px 0 0
}

.comment__reply__list .comment__item {
    border-bottom: transparent;
    padding: 10px 15px 0 50px;
    background: var(--bg-gray-med);
    border-radius: 5px;
    border: 1px solid var(--br-list)
}

.comment__reply__list .comment__avatar {
    top: 5px;
    left: 5px;
    -ms-transform: scale(.75);
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

.comment__reply__list .comment__content {
    padding: 5px 0 10px
}

.comment__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 -6px
}

.comment__subitem {
    padding: 0 2px
}

@media (min-width: 700px) {
    .comment__subitem {
        padding:0 20px
    }
}

.comment__subitem:first-child {
    padding: 0 2px 0 0
}

@media (min-width: 700px) {
    .comment__subitem:first-child {
        padding:0 10px 0 0
    }
}

.comment__subitem--right {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

@media (min-width: 700px) {
    .comment__subitem--right {
        padding:0
    }
}

.comment__footer {
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    padding: 0 0 10px;
    bottom: 0;
    background: rgba(var(--bg-comment),1)
}

@media (min-width: 700px) {
    .comment__footer {
        left:20px;
        width: calc(100% - 40px)
    }
}

.comment__footer:after {
    content: "";
    width: 100%;
    height: 50px;
    background: #fff;
    background: -moz-linear-gradient(180deg,rgba(245,252,255,0),rgba(var(--bg-comment),1));
    background: -webkit-linear-gradient(180deg,rgba(245,252,255,0),rgba(var(--bg-comment),1));
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(245,252,255,0)),to(rgba(var(--bg-comment),1)));
    background: linear-gradient(180deg,rgba(245,252,255,0),rgba(var(--bg-comment),1));
    position: absolute;
    top: -50px;
    left: 0;
    z-index: 1
}

.comment__other {
    display: block;
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    background: #3ca5dd;
    border: 1px solid #3ca5dd;
    padding: 12px 15px;
    margin: 0 10px;
    font-size: 12px;
    color: #fff
}

@media (min-width: 700px) {
    .comment__other {
        margin:0
    }
}

.comment__other:hover {
    color: #fff;
    background: #228cc4;
    border: 1px solid #228cc4
}

.comment__article {
    position: relative;
    background: var(--bg-gray-med);
    border-radius: 15px;
    padding: 20px;
    margin: 20px 0 10px
}

.comment__article:after,.comment__article:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

@media (max-width: 700px) {
    .comment__article:after,.comment__article:before {
        content:none;
        background-image: none!important
    }
}

.comment__article:before {
    top: 10px;
    left: 10px
}

.comment__article:after {
    bottom: 10px;
    right: 10px
}

.comment__article__top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comment__article__bottom {
    position: relative;
    margin: 20px 0 0;
    border-top: 1px solid var(--br-list)
}

.comment__article__left {
    width: 40%
}

.comment__article__right {
    width: 100%
}

@media (min-width: 700px) {
    .comment__article__right {
        width:60%;
        padding: 0 30px 0 20px
    }
}

.comment__article__img {
    overflow: hidden;
    margin: 0 -10px;
    width: 100%;
    height: 186px;
    background: var(--bg-gray-bold)
}

@media (min-width: 700px) {
    .comment__article__img {
        margin:0;
        border-radius: 15px
    }
}

@media (max-width: 1100px) {
    .comment__article__img {
        margin:0;
        padding: 0 15px 0 0
    }
}

.comment__article__img img {
    max-width: 100%;
    width: 100%;
    height: auto;
    vertical-align: top;
    border: 0;
    -ms-interpolation-mode: bicubic;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.comment__article__title {
    margin: 0 0 10px;
    font-size: 17px;
    font-weight: 700
}

@media (min-width: 700px) {
    .comment__article__title {
        font-size:16px;
        height: auto;
        max-height: 42px;
        overflow: hidden
    }
}

.comment__article__author {
    font-size: 12px;
    font-weight: 700
}

.comment__article__date {
    padding: 5px 0;
    font-size: 12px;
    color: var(--cl-gray)
}

.comment__article__lead {
    margin: 10px 0 15px;
    height: auto;
    max-height: 50px;
    overflow: hidden;
    font-size: 13px
}

.comment__article__link {
    font-weight: 700;
    color: #3ca5dd
}

.comment__article .comment__item {
    padding: 20px 0 5px 60px
}

.comment__article .comment__report.sticky {
    background: var(--bg-gray-med)
}

.comment__article>.icon-pin {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 20px;
    padding: 10px;
    background-size: 12px;
    border-radius: 4px;
    background-color: #3ca5dd
}

.comment__paging {
    position: relative;
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.comment__paging__button {
    display: inline-block;
    padding: 9px 12px 7px;
    background: #3ca5dd;
    border-radius: 100%;
    line-height: 1
}

.comment__paging__button:hover {
    background: #228cc4
}

.comment__paging__button .icon {
    width: 9px;
    height: 14px
}

.comment__paging__text {
    padding: 7px 15px;
    font-weight: 700;
    color: var(--cl-main)
}

.comment__sorting {
    position: relative;
    padding: 30px 0 0
}

.comment__sorting__form {
    position: relative;
    text-align: right;
    margin-bottom: -18px
}

.comment__sorting__form li,.comment__sorting__form ul {
    display: inline-block;
    position: relative
}

.comment__sorting__form li {
    padding: 0 5px
}

.comment__sorting__form li:after {
    content: "|";
    position: absolute;
    right: -3px;
    top: 5px
}

.comment__sorting__form li:last-child:after {
    content: ""
}

.comment__sorting__form li a {
    color: #ccc;
    font-weight: 500;
    padding: 5px;
    display: block
}

.comment__sorting__form li a:hover {
    color: var(--cl-hover)
}

.comment__sorting__form li.active a {
    color: #3ca5dd
}

.comment__board {
    position: relative;
    padding: 40px 0;
    text-align: center
}

.comment__message {
    color: #666
}

.comment__message a {
    text-decoration: underline;
    color: #3ca5dd;
    display: block
}

@media (min-width: 700px) {
    .comment__message a {
        display:inline-block
    }
}

.comment__message .icon {
    display: inline-block;
    margin: 0 0 0 5px;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom
}

.cm__widget {
    position: relative
}

.cm__wBox {
    background: rgba(var(--bg-comment),1);
    color: var(--cl-main);
    padding: 5px 0;
    min-height: 894px
}

.cm__wItem {
    position: relative;
    border-bottom: 1px solid var(--br-list);
    padding: 15px
}

.cm__wItem:last-child {
    border-bottom: none
}

.cm__wUsername {
    display: inline-block;
    font-size: 15px;
    font-weight: 700
}

.cm__wComment {
    position: relative;
    margin: 10px 0 0;
    font-size: 15px;
    line-height: 1.5;
    height: 66px;
    overflow: hidden
}

.cm__wImg {
    float: left;
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-right: 10px
}

.cm__wNews {
    padding: 0;
    background: var(--bg-comment3);
    border-radius: 5px;
    overflow: hidden
}

.cm__wNews>div+div,.cm__wNews h4 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    height: 39px;
    overflow: hidden;
    margin: 7px 10px 0
}

.cm__wNews span {
    display: block;
    padding: 3px 0 0;
    font-size: 11px
}

.cm__wLink {
    display: block
}

.cm__wLink:hover {
    color: inherit
}

.cm__wLink:hover .cm__wNews {
    background: var(--bg-comment-hover)
}

.cm__wFooter {
    background: rgba(var(--bg-comment),1);
    padding: 5px 0;
    text-align: center
}

.cm__wFooter a {
    letter-spacing: 0;
    font-weight: 700
}

.cm__wFooter a:hover {
    background: transparent;
    color: var(--cl-hover)
}

.cReport__box {
    background: var(--bg-white-lv2);
    color: var(--cl-main)
}

.cReport__other textarea {
    background-color: var(--bg-input);
    border: solid 1px var(--br-gray-med)
}

.cReport__other textarea:focus,.cReport__other textarea:hover {
    color: var(--cl-main);
    border: 1px solid #909090
}

.cReport__button {
    background: var(--bg-white-lv2);
    border: 2px solid var(--bg-white-lv2)
}

.cReport__button,.cReport__button:hover {
    color: var(--cl-blue)
}

.cReport__footer {
    border-top: 1px solid var(--br-gray-lite)
}

.comment__wrap .icon-thumbs-up {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTk3LDM1M2MwLTguOC03LjMtMTYtMTYtMTZzLTE2LDcuMy0xNiwxNnM3LjMsMTYsMTYsMTZTOTcsMzYxLjgsOTcsMzUzeiBNMzg1LDIwOWMwLTE3LTE1LjMtMzItMzItMzJoLTg4YzAtMjkuMywyNC01MC41LDI0LTgwYzAtMjkuMy01LjgtNDgtNDAtNDhjLTE2LDE2LjMtNy44LDU0LjUtMzIsODBjLTcsNy4zLTEzLDE1LTE5LjMsMjIuOGMtMTEuMywxNC41LTQxLDU3LjMtNjAuOCw1Ny4zaC04djE2MGg4YzE0LDAsMzcsOSw1MC41LDEzLjhjMjcuNSw5LjUsNTYsMTguMyw4NS41LDE4LjNoMzAuM2MyOC4zLDAsNDgtMTEuMyw0OC00MS44YzAtNC44LTAuNS05LjUtMS4zLTE0YzEwLjUtNS44LDE2LjMtMjAsMTYuMy0zMS41YzAtNi0xLjUtMTItNC41LTE3LjNjOC41LTgsMTMuMy0xOCwxMy4zLTI5LjhjMC04LTMuNS0xOS44LTguOC0yNS44QzM3OCwyNDAuOCwzODUsMjE4LjMsMzg1LDIwOXogTTQxNywyMDguOGMwLDE0LjUtNC4zLDI4LjgtMTIuMyw0MC44YzEuNSw1LjUsMi4zLDExLjUsMi4zLDE3LjNjMCwxMi41LTMuMywyNS05LjUsMzZjMC41LDMuNSwwLjgsNy4zLDAuOCwxMC44YzAsMTYtNS4zLDMyLTE1LDQ0LjVjMC41LDQ3LjMtMzEuOCw3NS03OCw3NUgyNzNjLTM1LjUsMC02OC41LTEwLjUtMTAxLjUtMjJjLTcuMy0yLjUtMjcuNS0xMC0zNC41LTEwSDY1Yy0xNy44LDAtMzItMTQuMy0zMi0zMlYyMDljMC0xNy44LDE0LjMtMzIsMzItMzJoNjguNWM5LjgtNi41LDI2LjgtMjksMzQuMy0zOC44YzguNS0xMSwxNy4zLTIxLjgsMjYuOC0zMmMxNS0xNiw3LTU1LjUsMzItODBjNi01LjgsMTQtOS4zLDIyLjUtOS4zYzI2LDAsNTEsOS4zLDYzLjMsMzMuNUMzMjAsNjUuOCwzMjEsODAuMywzMjEsOTdjMCwxNy41LTQuNSwzMi41LTEyLDQ4aDQ0QzM4Ny41LDE0NSw0MTcsMTc0LjMsNDE3LDIwOC44eiIvPjwvc3ZnPg==)
}

.comment__wrap .icon-thumbs-down {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTk3LDk3YzAtOC44LTcuMy0xNi0xNi0xNnMtMTYsNy4zLTE2LDE2czcuMywxNiwxNiwxNlM5NywxMDUuOCw5Nyw5N3ogTTM4NSwyNDFjMC05LjMtNy0zMS44LTE4LjgtMzJjNS4zLTYsOC44LTE3LjgsOC44LTI1LjhjMC0xMS44LTQuOC0yMS44LTEzLjMtMjkuOGMzLTUuMyw0LjUtMTEuMyw0LjUtMTcuM2MwLTExLjUtNS44LTI1LjgtMTYuMy0zMS41YzAuOC00LjUsMS4zLTkuMywxLjMtMTRjMC0yOS4zLTE4LjUtNDEuOC00Ni4zLTQxLjhoLTMyYy0yOS41LDAtNTgsOC44LTg1LjUsMTguM0MxNzQsNzIsMTUxLDgxLDEzNyw4MWgtOHYxNjBoOGMxOS44LDAsNDkuNSw0Mi44LDYwLjgsNTcuM0MyMDQsMzA2LDIxMCwzMTMuOCwyMTcsMzIxYzI0LjMsMjUuNSwxNiw2My44LDMyLDgwYzM0LjMsMCw0MC0xOC44LDQwLTQ4YzAtMjkuNS0yNC01MC44LTI0LTgwaDg4QzM2OS44LDI3MywzODUsMjU4LDM4NSwyNDF6IE00MTcsMjQxLjNjMCwzNC41LTI5LjUsNjMuOC02NCw2My44aC00NGM3LjUsMTUuNSwxMiwzMC41LDEyLDQ4YzAsMTYuNS0xLDMxLjUtOC44LDQ2LjVDMzAwLDQyMy44LDI3NSw0MzMsMjQ5LDQzM2MtOC41LDAtMTYuNS0zLjUtMjIuNS05LjNjLTI1LTI0LjUtMTcuMy02NC0zMi04MC4zYy05LjUtMTAtMTguMy0yMC44LTI2LjgtMzEuOGMtNy41LTkuOC0yNC41LTMyLjMtMzQuMy0zOC44SDY1Yy0xNy44LDAtMzItMTQuMy0zMi0zMlY4MWMwLTE3LjgsMTQuMy0zMiwzMi0zMmg3MmM3LDAsMjcuMy03LjUsMzQuNS0xMGMzNi0xMi41LDY3LjMtMjIsMTA1LjgtMjJoMjhjNDUuNSwwLDc4LjMsMjcsNzgsNzMuOFY5MmM5LjgsMTIuNSwxNSwyOC41LDE1LDQ0LjVjMCwzLjUtMC4zLDcuMy0wLjgsMTAuOGM2LjMsMTEsOS41LDIzLjUsOS41LDM2YzAsNS44LTAuOCwxMS44LTIuMywxNy4zQzQxMi44LDIxMi41LDQxNywyMjYuOCw0MTcsMjQxLjN6Ii8+PC9zdmc+)
}

.comment__wrap .icon-reply {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQzNy42LDM3Mi42QzQyMC45LDIzNiwzMDcuMywxMzEuOSwxNzAuOCwxMjUuOVY5NS4xYzAtMjMuNC0xMi43LTMxLjctMjMuNy0zMS43Yy03LjksMC0xNiw0LTI0LDEybC05Ni4zLDk2LjNjLTE5LjQsMTkuNC0xOS40LDUwLjksMCw3MC4zbDk2LjMsOTYuM2M3LjksNy45LDE2LDEyLDI0LDEyYzEwLjksMCwyMy43LTguMywyMy43LTMxLjd2LTMyLjljMTUuNS0zLDMxLjMtNC42LDQ2LjktNC42Yzc3LjcsMCwxNTEuNSwzNy41LDE5Ny41LDEwMC4zYzIuNCwzLjMsNi4yLDUuMSwxMC4xLDUuMWMxLjUsMCwzLjEtMC4zLDQuNi0wLjlDNDM1LjEsMzgzLjYsNDM4LjMsMzc4LjIsNDM3LjYsMzcyLjZ6IE0zNDEuNiwyODYuNGMtMzgtMTkuNy04MC45LTMwLjItMTI0LTMwLjJjLTIwLjgsMC00MS44LDIuNS02Mi4yLDcuM2MtNS42LDEuMy05LjYsNi40LTkuNiwxMi4xdjQzYzAsMi42LTAuMyw0LjUtMC42LDUuOGMtMS4xLTAuNy0yLjctMS45LTQuNS0zLjdsLTk2LjMtOTYuM2MtOS43LTkuNy05LjctMjUuNCwwLTM1LjFMMTQwLjgsOTNjMS45LTEuOCwzLjQtMyw0LjUtMy43YzAuMywxLjMsMC42LDMuMiwwLjYsNS44djQzYzAsNi45LDUuNiwxMi41LDEyLjUsMTIuNWMxMTMuNiwwLDIxMS44LDc0LjYsMjQ0LjgsMTc5LjZDMzg0LjcsMzEyLjgsMzY0LDI5OCwzNDEuNiwyODYuNHoiLz48L3N2Zz4=)
}

.comment__wrap .icon-exclamation {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PGc+PGc+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNy4yLDM0Ni45TDI1Ni45LDY0LjVjLTYuNy0xMS4xLTE4LjktMTgtMzEuOS0xOHMtMjUuMiw2LjktMzEuOSwxOEwyMi44LDM0Ni45Yy02LjksMTEuNS03LjEsMjUuOS0wLjUsMzcuNmM2LjYsMTEuNywxOSwxOSwzMi41LDE5aDM0MC42YzEzLjQsMCwyNS45LTcuMywzMi41LTE5QzQzNC40LDM3Mi44LDQzNC4yLDM1OC40LDQyNy4yLDM0Ni45eiBNNDA0LjIsMzcxLjNjLTEuOCwzLjItNS4yLDUuMi04LjksNS4ySDU0LjdjLTMuNywwLTcuMS0yLTguOS01LjJjLTEuOC0zLjItMS44LTcuMiwwLjEtMTAuNEwyMTYuMiw3OC41YzEuOC0zLjEsNS4yLTUsOC44LTVjMy42LDAsNi45LDEuOSw4LjgsNWwxNzAuMywyODIuNEM0MDYsMzY0LjEsNDA2LDM2OCw0MDQuMiwzNzEuM3oiLz48L2c+PC9nPjxnPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMjUuMSwxNTcuN2MtMTAuMywwLTE4LjMsNS41LTE4LjMsMTUuM2MwLDI5LjgsMy41LDcyLjcsMy41LDEwMi42YzAsNy44LDYuOCwxMSwxNC44LDExYzYsMCwxNC41LTMuMywxNC41LTExYzAtMjkuOCwzLjUtNzIuNywzLjUtMTAyLjZDMjQzLjIsMTYzLjIsMjM0LjksMTU3LjcsMjI1LjEsMTU3Ljd6Ii8+PC9nPjwvZz48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjI1LjEsMzAzLjljLTExLDAtMTkuMyw4LjgtMTkuMywxOS4zYzAsMTAuMyw4LjMsMTkuMywxOS4zLDE5LjNjMTAuMywwLDE5LjEtOSwxOS4xLTE5LjNDMjQ0LjIsMzEyLjcsMjM1LjQsMzAzLjksMjI1LjEsMzAzLjl6Ii8+PC9nPjwvZz48L2c+PC9zdmc+)
}

.comment__wrap .icon-refresh {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQxMC44LDI2NWMwLDAuNSwwLDEuMy0wLjMsMS44QzM4OS4zLDM1NS4zLDMxNi4zLDQxNywyMjQsNDE3Yy00OC44LDAtOTYtMTkuMy0xMzEuNS01M2wtMzIuMywzMi4zYy0zLDMtNyw0LjgtMTEuMyw0LjhjLTguOCwwLTE2LTcuMy0xNi0xNlYyNzNjMC04LjgsNy4zLTE2LDE2LTE2aDExMmM4LjgsMCwxNiw3LjMsMTYsMTZjMCw0LjMtMS44LDguMy00LjgsMTEuM0wxMzgsMzE4LjVjMjMuNSwyMiw1NC44LDM0LjUsODcsMzQuNWM0NC41LDAsODUuOC0yMywxMDktNjFjNi05LjgsOS0xOS4zLDEzLjMtMjkuM2MxLjMtMy41LDMuOC01LjgsNy41LTUuOGg0OEM0MDcuMywyNTcsNDEwLjgsMjYwLjgsNDEwLjgsMjY1eiBNNDE3LDY1djExMmMwLDguOC03LjMsMTYtMTYsMTZIMjg5Yy04LjgsMC0xNi03LjMtMTYtMTZjMC00LjMsMS44LTguMyw0LjgtMTEuM2wzNC41LTM0LjVjLTIzLjgtMjItNTUtMzQuMy04Ny4zLTM0LjNjLTQ0LjUsMC04NS44LDIzLTEwOSw2MWMtNiw5LjgtOSwxOS4zLTEzLjMsMjkuM2MtMS4zLDMuNS0zLjgsNS44LTcuNSw1LjhINDUuNWMtNC41LDAtOC0zLjgtOC04di0xLjhDNTksOTQuNSwxMzIuOCwzMywyMjUsMzNjNDksMCw5Ni44LDE5LjUsMTMyLjMsNTNsMzIuNS0zMi4zYzMtMyw3LTQuOCwxMS4zLTQuOEM0MDkuOCw0OSw0MTcsNTYuMyw0MTcsNjV6Ii8+PC9zdmc+)
}

.comment__wrap .icon-clock {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNBOUE5QTk7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI1NywxMzd2MTEyYzAsNC41LTMuNSw4LTgsOGgtODBjLTQuNSwwLTgtMy41LTgtOHYtMTZjMC00LjUsMy41LTgsOC04aDU2di04OGMwLTQuNSwzLjUtOCw4LThoMTZDMjUzLjUsMTI5LDI1NywxMzIuNSwyNTcsMTM3eiBNMzYxLDIyNWMwLTc1LTYxLTEzNi0xMzYtMTM2Uzg5LDE1MCw4OSwyMjVzNjEsMTM2LDEzNiwxMzZTMzYxLDMwMCwzNjEsMjI1eiBNNDE3LDIyNWMwLDEwNi04NiwxOTItMTkyLDE5MlMzMywzMzEsMzMsMjI1UzExOSwzMywyMjUsMzNTNDE3LDExOSw0MTcsMjI1eiIvPjwvc3ZnPg==)
}

.comment__wrap .icon-angle-left {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTY4IDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTY4IDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE1Ni44LDEyMWMwLDItMSw0LjMtMi41LDUuOEw1NiwyMjVsOTguMyw5OC4zYzEuNSwxLjUsMi41LDMuOCwyLjUsNS44cy0xLDQuMy0yLjUsNS44bC0xMi41LDEyLjVjLTEuNSwxLjUtMy44LDIuNS01LjgsMi41cy00LjMtMS01LjgtMi41TDEzLjgsMjMwLjhjLTEuNS0xLjUtMi41LTMuOC0yLjUtNS44czEtNC4zLDIuNS01LjhsMTE2LjUtMTE2LjVjMS41LTEuNSwzLjgtMi41LDUuOC0yLjVzNC4zLDEsNS44LDIuNWwxMi41LDEyLjVDMTU1LjgsMTE2LjgsMTU2LjgsMTE4LjgsMTU2LjgsMTIxeiIvPjwvc3ZnPg==)
}

.comment__wrap .icon-angle-right {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTUyIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUyIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE0OC44LDIyNWMwLDItMSw0LjMtMi41LDUuOEwyOS44LDM0Ny4zYy0xLjUsMS41LTMuOCwyLjUtNS44LDIuNXMtNC4zLTEtNS44LTIuNUw1LjgsMzM0LjhjLTEuNS0xLjUtMi41LTMuNS0yLjUtNS44YzAtMiwxLTQuMywyLjUtNS44TDEwNCwyMjVMNS44LDEyNi44Yy0xLjUtMS41LTIuNS0zLjgtMi41LTUuOHMxLTQuMywyLjUtNS44bDEyLjUtMTIuNWMxLjUtMS41LDMuOC0yLjUsNS44LTIuNXM0LjMsMSw1LjgsMi41bDExNi41LDExNi41QzE0Ny44LDIyMC44LDE0OC44LDIyMywxNDguOCwyMjV6Ii8+PC9zdmc+)
}

.comment__wrap .icon-close {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1MCAoNTQ5ODMpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPjMuIFRvIGNsb3NlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IjMuLVRvLWNsb3NlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMDAwMDAwLCAyLjAwMDAwMCkiIHN0cm9rZT0iI0ZGNkI2QiIgc3Ryb2tlLXdpZHRoPSI0Ij4KICAgICAgICAgICAgPGNpcmNsZSBpZD0iTGF5ZXItMSIgY3g9IjQ4IiBjeT0iNDgiIHI9IjQ4Ij48L2NpcmNsZT4KICAgICAgICAgICAgPHBhdGggZD0iTTQ3LjgwNjgzNCwxOS42NzQzNDM1IEw0Ny44MDY4MzQsNzcuMjc0MzQzNSIgaWQ9IkxheWVyLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ3LjgwNjgzNCwgNDguNDc0MzQ0KSByb3RhdGUoNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTQ3LjgwNjgzNCwgLTQ4LjQ3NDM0NCkgIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03Ni42MjM3OTg2LDQ4LjQ4IEwxOS4wMjM3OTg2LDQ4LjQ4IiBpZD0iTGF5ZXItMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDcuODIzNzk5LCA0OC40ODAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtNDcuODIzNzk5LCAtNDguNDgwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)
}

span.icon {
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

span.icon-banned {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzJBMkEyQTt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIsMkM2LjUsMiwyLDYuNSwyLDEyczQuNSwxMCwxMCwxMHMxMC00LjUsMTAtMTBTMTcuNSwyLDEyLDJ6IE0xMiwyMGMtNC40LDAtOC0zLjYtOC04YzAtMS45LDAuNi0zLjYsMS43LTQuOWwxMS4yLDExLjJDMTUuNiwxOS40LDEzLjksMjAsMTIsMjB6IE0xOC4zLDE2LjlMNy4xLDUuN0M4LjQsNC42LDEwLjEsNCwxMiw0YzQuNCwwLDgsMy42LDgsOEMyMCwxMy45LDE5LjQsMTUuNiwxOC4zLDE2Ljl6Ii8+PC9zdmc+)
}

span.icon-comment {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4IDI4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9LnN0MXtmaWxsOiM4Njg2ODY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI0LjIsNy44QzIwLjcsMi4yLDEzLjQsMC40LDcuOCwzLjlsMCwwQzIuMiw3LjMsMC40LDE0LjYsMy44LDIwLjJjMC41LDAuOSwwLjUsMiwwLDIuOUwyLjcsMjVjLTAuMSwwLjEtMC4xLDAuMi0wLjEsMC4zYzAsMC4zLDAuMywwLjYsMC42LDAuNmgxMC41YzYuNiwwLjEsMTItNS4yLDEyLjItMTEuN0MyNS45LDExLjksMjUuMyw5LjcsMjQuMiw3Ljh6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjgxMC41NTcgLTU4Ni41MzEpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI3Ny4wMjIgNjU1LjI4NykiPjxlbGxpcHNlIGNsYXNzPSJzdDEiIGN4PSItMTUyNC44IiBjeT0iLTU0LjgiIHJ4PSIxLjUiIHJ5PSIxLjUiLz48ZWxsaXBzZSBjbGFzcz0ic3QxIiBjeD0iLTE1MTQuMyIgY3k9Ii01NC44IiByeD0iMS41IiByeT0iMS41Ii8+PGVsbGlwc2UgY2xhc3M9InN0MSIgY3g9Ii0xNTE5LjUiIGN5PSItNTQuOCIgcng9IjEuNSIgcnk9IjEuNSIvPjwvZz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNLTI3ODUuNyw1OTMuOWMtMy43LTYtMTEuNS03LjktMTcuNS00LjJjMCwwLDAsMCwwLDBjLTYsMy43LTcuOSwxMS41LTQuMiwxNy41YzAuNiwxLDAuNiwyLjIsMCwzLjFsLTEuMiwyYy0wLjEsMC4xLTAuMSwwLjItMC4xLDAuM2MwLDAuMywwLjMsMC42LDAuNiwwLjZoMTEuMmM3LjEsMC4xLDEyLjktNS41LDEzLjEtMTIuNkMtMjc4My44LDU5OC4zLTI3ODQuNCw1OTUuOS0yNzg1LjcsNTkzLjl6IE0tMjc4Ni4xLDYwMC43Yy0wLjIsNS44LTQuOSwxMC4zLTEwLjcsMTAuM2gtOS4ybDAuNi0xYzAuNy0xLjIsMC43LTIuNywwLTRjLTAuOS0xLjQtMS40LTMtMS41LTQuN2MtMC41LTUuNywzLjgtMTAuNyw5LjUtMTEuMmMwLDAsMCwwLDAsMGMyLjktMC4yLDUuOCwwLjgsOCwyLjhDLTI3ODcuMyw1OTQuOS0yNzg2LjEsNTk3LjgtMjc4Ni4xLDYwMC43TC0yNzg2LjEsNjAwLjd6Ii8+PC9nPjwvc3ZnPg==)
}

.icon-quote-left {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDE2IDQ0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDE2IDQ0ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNDQ0NDQ0M7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE5MiwyNDB2OTZjMCwyNi41LTIxLjUsNDgtNDgsNDhINDhjLTI2LjUsMC00OC0yMS41LTQ4LTQ4VjE2MEMwLDg5LjUsNTcuNSwzMiwxMjgsMzJoMTZjOC44LDAsMTYsNy4zLDE2LDE2djMyYzAsOC44LTcuMywxNi0xNiwxNmgtMTZjLTM1LjMsMC02NCwyOC44LTY0LDY0djhjMCwxMy4zLDEwLjgsMjQsMjQsMjRoNTZDMTcwLjUsMTkyLDE5MiwyMTMuNSwxOTIsMjQweiBNNDE2LDI0MHY5NmMwLDI2LjUtMjEuNSw0OC00OCw0OGgtOTZjLTI2LjUsMC00OC0yMS41LTQ4LTQ4VjE2MGMwLTcwLjUsNTcuNS0xMjgsMTI4LTEyOGgxNmM4LjgsMCwxNiw3LjMsMTYsMTZ2MzJjMCw4LjgtNy4zLDE2LTE2LDE2aC0xNmMtMzUuMywwLTY0LDI4LjgtNjQsNjR2OGMwLDEzLjMsMTAuOCwyNCwyNCwyNGg1NkMzOTQuNSwxOTIsNDE2LDIxMy41LDQxNiwyNDB6Ii8+PC9zdmc+)
}

.icon-quote-right {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDE2IDQ0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDE2IDQ0ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNDQ0NDQ0M7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE5Miw4MHYxNzZjMCw3MC41LTU3LjUsMTI4LTEyOCwxMjhINDhjLTguOCwwLTE2LTcuMy0xNi0xNnYtMzJjMC04LjgsNy4zLTE2LDE2LTE2aDE2YzM1LjMsMCw2NC0yOC44LDY0LTY0di04YzAtMTMuMy0xMC44LTI0LTI0LTI0SDQ4Yy0yNi41LDAtNDgtMjEuNS00OC00OFY4MGMwLTI2LjUsMjEuNS00OCw0OC00OGg5NkMxNzAuNSwzMiwxOTIsNTMuNSwxOTIsODB6IE00MTYsODB2MTc2YzAsNzAuNS01Ny41LDEyOC0xMjgsMTI4aC0xNmMtOC44LDAtMTYtNy4zLTE2LTE2di0zMmMwLTguOCw3LjMtMTYsMTYtMTZoMTZjMzUuMywwLDY0LTI4LjgsNjQtNjR2LThjMC0xMy4zLTEwLjgtMjQtMjQtMjRoLTU2Yy0yNi41LDAtNDgtMjEuNS00OC00OFY4MGMwLTI2LjUsMjEuNS00OCw0OC00OGg5NkMzOTQuNSwzMiw0MTYsNTMuNSw0MTYsODB6Ii8+PC9zdmc+)
}

.icon-flagged {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy41NDIiIGhlaWdodD0iMTMuNTIzIiB2aWV3Qm94PSIwIDAgMTMuNTQyIDEzLjUyMyI+ICA8ZyBpZD0iR3JvdXBfMTQ0IiBkYXRhLW5hbWU9Ikdyb3VwIDE0NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEwMy44NjIgLTExMi4wMjcpIj4gICAgPHBhdGggaWQ9IlBhdGhfMjYiIGRhdGEtbmFtZT0iUGF0aCAyNiIgZD0iTS0xMDkxLjMxNCwxMTUuMjY0YTYuNzcxLDYuNzcxLDAsMCwwLTkuMzEtMi4yNCw2Ljc3MSw2Ljc3MSwwLDAsMC0yLjI0LDkuMzEsMS42MDgsMS42MDgsMCwwLDEsMCwxLjY2NGwtLjYzLDEuMDY2YS4zMjUuMzI1LDAsMCwwLS4wNDUuMTY0LjMyNC4zMjQsMCwwLDAsLjMyMy4zMjNoNS45NTFhNi44OSw2Ljg5LDAsMCwwLDYuOTQ2LTYuNjcxQTYuNzU3LDYuNzU3LDAsMCwwLTEwOTEuMzE0LDExNS4yNjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBmaWxsPSIjM2NhNWRkIiBvcGFjaXR5PSIwLjciLz4gICAgPHBhdGggaWQ9IlBhdGhfMjciIGRhdGEtbmFtZT0iUGF0aCAyNyIgZD0iTS05ODcuMjE3LDIyOS4zNDZhLjYzNS42MzUsMCwwLDAtLjYtLjQzOWgtMS44NzJhLjIxMS4yMTEsMCwwLDEtLjItLjE0NmwtLjU3OS0xLjc4MWEuNjM1LjYzNSwwLDAsMC0uNi0uNDM5LjYzNS42MzUsMCwwLDAtLjYuNDM5bC0uNTc4LDEuNzgxYS4yMTIuMjEyLDAsMCwxLS4yLjE0NmgtMS44NzJhLjYzNS42MzUsMCwwLDAtLjYuNDM5LjYzNC42MzQsMCwwLDAsLjIzMS43MWwxLjUxNSwxLjFhLjIxMi4yMTIsMCwwLDEsLjA3Ny4yMzdsLS41NzksMS43ODFhLjYzNS42MzUsMCwwLDAsLjIzMS43MS42MzUuNjM1LDAsMCwwLC43NDYsMGwxLjUxNS0xLjFhLjIxMi4yMTIsMCwwLDEsLjI0OSwwbDEuNTE1LDEuMWEuNjI1LjYyNSwwLDAsMCwuNzQ2LDAsLjYyNi42MjYsMCwwLDAsLjIzMS0uNzFsLS41NzktMS43ODFhLjIxMS4yMTEsMCwwLDEsLjA3Ny0uMjM3bDEuNTE1LTEuMUEuNjM1LjYzNSwwLDAsMC05ODcuMjE3LDIyOS4zNDZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA2LjAxMyAtMTExLjQ4NSkiIGZpbGw9IiNmZmYiLz4gIDwvZz48L3N2Zz4=)
}

.comment__icon {
    position: relative;
    background: transparent;
    padding: 0;
    vertical-align: text-bottom;
    width: 30px;
    height: 30px;
    margin-left: 3px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.comment__icon .icon {
    width: 100%;
    height: 100%
}

body {
    min-height: 101vh
}

.article__grid .article__asset,.gallery__item--cover .gallery__photo__asset,.images__channel__asset,.opinion__top .article__asset {
    position: relative;
    padding-top: 66.66667%;
    overflow: hidden;
    background-color: var(--bg-gray-med)
}

.article__grid .article__asset img,.gallery__item--cover .gallery__photo__asset img,.images__channel__asset img,.opinion__top .article__asset img {
    position: absolute;
    max-width: none;
    width: auto;
    height: 100%;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.article__boxsubtitle,.video__button__play__item {
    z-index: 3
}

.article__box {
    z-index: 2
}

.article__asset,.opinion__asset,.rVideo-player {
    background-color: var(--bg-gray-med)
}

.ga--harian-kompas .article__asset {
    padding-top: 50%
}

.ga--harian-kompas .article__asset img {
    width: 100%;
    height: auto
}

.article__photo__wrap .article__asset {
    padding-top: 56.25%;
    height: auto
}

.article__photo__wrap .article__asset img {
    width: 100%;
    height: auto
}

.article__photo__wrap {
    height: 510px;
    overflow: hidden
}

.lensa--photo--wp .article__asset img {
    width: 100%;
    height: auto
}

.images__hl.article__photo__wrap,.images__hl .article__photo__wrap {
    height: 690px
}

.images__channel__item:after {
    z-index: 2
}

.gallery__item--cover .gallery__photo__asset img,.images__hl .article__grid .article__asset img {
    width: 100%;
    height: auto
}

.article__grid .article__asset .video__button__360__item img {
    position: relative;
    left: unset;
    top: unset;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    width: 60px;
    height: auto;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.article__list--video .article__list__asset .article__asset {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    background-color: var(--bg-gray-med);
    height: auto
}

.article__list--video .article__list__asset .article__asset img {
    position: absolute;
    max-width: none;
    width: 100%;
    height: auto;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.theme--images .article__list--video .article__list__asset .article__asset {
    height: auto
}

.theme--images .article__grid .article__asset {
    padding-top: 56.25%
}

.theme--images .article__grid .article__asset img {
    width: 100%;
    height: auto
}

.video__playlist__player {
    height: 329px
}

.topic .article__asset {
    padding-top: 50%
}

.article__box--img,.article__box--topic {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

.article__box--img~.article__box--topic b {
    font-size: 24px;
    max-height: 65px
}

.article__box--img~.article__box--topic {
    background: transparent;
    height: auto;
    padding: 30px 20px 15px;
    background: -webkit-gradient(linear,left top,right top,from(#000),to(transparent));
    background: linear-gradient(90deg,#000,transparent);
    background: -webkit-linear-gradient(90deg,#000,transparent)
}

.topic--review .article__grid .article__asset img {
    width: 100%;
    height: auto
}

.article__list~#regional {
    height: 420px
}

.partner>.title,.partner__abc>.title {
    height: 51px
}

#next_previous_inject {
    min-height: 95px
}

.comment>.comment__wrap #for_comment {
    height: 150px;
    overflow: hidden
}

.page--read.-kuis .photo {
    padding-top: 493.33333px
}

.page--read.-kuis .photo>.photo__wrap {
    padding-top: 493.33333px;
    height: 493.33333px
}

.ga--god-network .article__partner img {
    -webkit-filter: var(--img-grayscale);
    filter: var(--img-grayscale)
}

.theme--skola .photo-infographic,.theme--tren .photo-infographic {
    padding-top: 0
}

.theme--skola .photo-infographic>.photo__wrap,.theme--tren .photo-infographic>.photo__wrap {
    padding-top: 0;
    height: auto;
    position: relative;
    left: auto;
    top: auto
}

.theme--skola .photo-infographic img,.theme--tren .photo-infographic img {
    position: relative;
    left: auto;
    top: auto;
    -ms-transform: translate(0);
    -webkit-transform: translate(0);
    transform: translate(0);
    width: auto;
    max-width: 100%
}

.mt1 {
    margin-top: 10px
}

.mt2 {
    margin-top: 20px
}

.mt3 {
    margin-top: 30px
}

.mt4 {
    margin-top: 40px
}

.mt5 {
    margin-top: 50px
}

.mt6 {
    margin-top: 60px
}

.mt7 {
    margin-top: 70px
}

.mb2 {
    margin-bottom: 20px
}

.mb3 {
    margin-bottom: 30px
}

.mb4 {
    margin-bottom: 40px
}

.w-100 {
    width: 100%
}

.display-table {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.display-center {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.divider {
    padding: 2px 0;
    background: #f0f0f0;
    margin: 40px 0
}

.pull-right {
    float: right
}

.col-bs9-7 .read__content {
    margin-right: -15px
}

.title .form__input,.title .form__select {
    height: 35px;
    font-size: 13px
}

.title .form__select__wrap:after {
    top: 10px
}

.header__row>div>div {
    width: 34%
}

.header__row>div>div:last-child {
    width: 66%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.color--juara {
    color: red
}

.color--kompasiana {
    color: #3dc3e0
}

.color--otomania {
    color: #c30000
}

.color--gramedia {
    color: #2eac71
}

.color--advertorial,.color--brandzview,.color--sponsored {
    color: #0161b8!important
}

.color--premium {
    color: #0a7dc8!important
}

.box--advertorial,.box--brandzview,.box--sponsored {
    background: #0161b8!important;
    color: #fff!important
}

.highlight .article__title {
    height: 86px;
    overflow: hidden;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.topic {
    margin-bottom: 0
}

.topic .article__grid {
    margin-bottom: 15px
}

.topic .article__list__item {
    margin-bottom: 0
}

.topic .article__box--offset-0 {
    background: var(--bg-gray-med);
    padding: 10px 0 0
}

.topic .article__link {
    height: 63px;
    overflow: hidden
}

.article__list__asset .article__asset {
    height: 117px;
    overflow: hidden;
    background: var(--bg-gray-med)
}

.article__list__asset .article__asset img {
    width: auto;
    max-width: none;
    height: 100%;
    margin: 0 auto;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.article__list--video .article__list__asset .article__asset {
    height: 327px
}

.article__photo__wrap .article__title--big {
    height: 64px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.col-bs9-6 .article__time--latest {
    top: 270px
}

.ga--vik-gate {
    padding: 20px 0 0
}

.ga--vik-gate img {
    -webkit-filter: var(--img-grayscale);
    filter: var(--img-grayscale)
}

.page--read .kcm__stick--sticky {
    -ms-transform: translateY(-57px);
    -webkit-transform: translateY(-57px);
    transform: translateY(-57px);
    top: 165px
}

.latest--small {
    position: relative
}

.latest--small .article__boxsubtitle {
    top: 10px;
    padding: 5px
}

.latest--small .article__box {
    margin: -20px 6px 0
}

.latest--small .article__subtitle {
    font-size: 11px
}

.latest--small .article__title {
    max-height: 105px;
    font-size: 18px;
    overflow: hidden
}

.latest--small .article__wrap__grid--flex>div {
    padding-left: 10px;
    padding-right: 10px
}

#related-regional,#related-regional.display--hide {
    display: none
}

#related-regional.display--show {
    display: block
}

.bg-parapuan {
    background-color: var(--cl-parapuan)
}

.bg-parapuan .article__link:hover {
    color: var(--cl-hover)
}

.bg-parapuan .article__list__asset {
    background: var(--cl-parapuan)
}

.bg-parapuan .article__subtitle--inline {
    color: var(--cl-orange)
}

.partner__header {
    padding: 0 0 20px;
    margin-top: 0
}

.partner__header .title {
    margin-top: 0;
    border-bottom: 1px solid var(--br-gray-bold);
    min-height: 50px
}

.partner__header .title img {
    width: auto;
    height: 50px;
    max-width: 300px;
    -o-object-fit: contain;
    object-fit: contain
}

.page-advertorial .read__header {
    margin-bottom: 20px
}

.page-advertorial .read__header~.photo {
    padding-top: 0
}

.page-advertorial .photo {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    padding-top: 0!important;
    background: var(--bg-main)
}

.page-advertorial .photo img {
    opacity: 1;
    width: 100%;
    height: auto;
    top: auto;
    left: auto;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    position: relative
}

.page-advertorial .photo a {
    color: inherit
}

.page-advertorial .photo .pb_10.author {
    text-align: right;
    display: block;
    padding: 5px 0;
    color: var(--cl-grey);
    font-weight: 500
}

.page-advertorial .photo .pb_10.author:empty {
    padding: 0 0 5px
}

.page-advertorial .read__header~.photo>.photo__wrap {
    padding-top: 0;
    height: auto
}

.page-advertorial .photo>.photo__wrap {
    padding-top: 0;
    height: auto;
    position: relative
}

.page-advertorial .photoCarousel-img img {
    -o-object-fit: contain;
    object-fit: contain
}

.page-advertorial .photoArticle__img {
    height: auto
}

.page-advertorial .photoArticle__img img {
    width: 100%;
    height: auto
}

.header__wrap .search--header {
    width: 45%
}

.header__wrap .loyalty__link {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    position: relative;
    padding: 0 5px
}

.header__wrap .loyalty__link .icon-koin {
    margin-right: 3px
}

.header__wrap .loyalty__link a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    border: 1px solid #fff;
    padding: 5px 12px
}

.header__wrap .loyalty__link a:hover {
    color: inherit
}

.header__wrap .loyalty__link__text {
    background: transparent;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--cl-white)
}

.header__wrap .loyalty__link__badge {
    position: absolute;
    top: -4px;
    right: -2px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: red;
    display: none
}

.header__wrap .loyalty__link__badge.active {
    display: block
}

.header__wrap .sso__header {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.nav__sub--lestari {
    width: 1100px;
    left: -567px;
    padding: 24px 0
}

@media (max-width: 1024px) {
    .nav__sub--lestari {
        width:1024px;
        left: -530px
    }
}

.nav__sub--lestari .navSub-col.--col2 {
    width: calc(100% - 185px - 320px)
}

.nav__sub--lestari .navSub-col.--col3 {
    width: 320px
}

.nav__sub--lestari .navSub-col.--col3 ul.navSub-inner {
    padding-top: 4px;
    gap: 8px;
    row-gap: 14px
}

.nav__sub--lestari .navSub-col.--col3 ul.navSub-inner li {
    width: 80px;
    text-align: center;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav__sub--lestari .navSub-col.--col3 ul.navSub-inner li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 3px
}

.nav__sub--lestari .navSub-more {
    margin-top: 16px;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--cl-kompas);
    padding-right: 20px;
    position: relative;
    display: inline-table;
    text-transform: none
}

.nav__sub--lestari .navSub-more:hover:after {
    -webkit-filter: brightness(0) saturate(100%) invert(51%) sepia(90%) saturate(4287%) hue-rotate(348deg) brightness(94%) contrast(91%);
    filter: brightness(0) saturate(100%) invert(51%) sepia(90%) saturate(4287%) hue-rotate(348deg) brightness(94%) contrast(91%)
}

.nav__sub--lestari .navSub-more:after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 6px;
    -webkit-filter: brightness(0) saturate(100%) invert(33%) sepia(41%) saturate(4739%) hue-rotate(199deg) brightness(101%) contrast(109%);
    filter: brightness(0) saturate(100%) invert(33%) sepia(41%) saturate(4739%) hue-rotate(199deg) brightness(101%) contrast(109%);
    width: 8px;
    height: 10px;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.navSub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.navSub-label {
    font-family: Roboto,sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: hsla(0,0%,100%,.5);
    margin-bottom: 8px
}

.navSub li {
    padding: 0 32px
}

.navSub li ul li {
    padding: 2px 0
}

.navSub-grup {
    padding-bottom: 2px
}

.navSub-col a {
    display: block;
    font-family: Roboto,sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--cl-white)
}

.navSub-col a:hover {
    color: #e55225
}

.navSub-col:not(:last-child) {
    border-right: 1px solid #333
}

.navSub-col.--col1 {
    width: 185px
}

.navSub-col.--col2 {
    width: calc(100% - 185px - 250px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navSub-col.--col2 ul {
    margin-bottom: 16px
}

.navSub-col.--col2 ul.navSub-inner a {
    font-weight: 400
}

.navSub-col.--col3 {
    width: 250px
}

.navSub-col.--col3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.navSub-col.--col3 ul li {
    width: calc(50% - 10px)
}

.navSub-col.--col3 ul li: hover img {
    -webkit-filter:none;
    filter: none
}

.navSub-col.--col3 ul li img {
    -webkit-filter: grayscale(1) brightness(1.2);
    filter: grayscale(1) brightness(1.2)
}

.navSub-subcol {
    position: relative;
    width: 50%
}

.article__list__info .article__subtitle--inline {
    padding-right: 12px;
    position: relative
}

.article__list__info .article__subtitle--inline:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background-color: #383838;
    border-radius: 100%;
    right: 3px;
    top: 0;
    bottom: 0;
    margin: auto
}

.aTerkait .icon-arrow,.channel__kgmedia .icon-arrow,.info-banner .icon-arrow,.photoCarousel .icon-arrow {
    background-image: none
}

#widget-comment-bottom {
    margin-bottom: 16px;
    height: 118px
}

#widget-comment-bottom .commentWrap.--comment_v2 .commentForm textarea {
    overflow: hidden
}

.newskinad .kcm__stick__fluid--right {
    display: none
}

.newskinad .kcm__stick--left {
    width: 300px
}

.newskinad .header~.container {
    -webkit-transform: translateX(155px);
    transform: translateX(155px)
}

.newskinad .kcm__stick__fluid--left {
    left: 155px
}

.clBrandzview {
    color: #0161b8
}

.channel__regional {
    position: relative;
    padding: 0 0 15px
}

.channel__regional .article__box {
    margin: 0;
    padding: 10px 0
}

.channel__regional .button {
    letter-spacing: 0;
    padding: 0
}

.channel__regional .button:hover {
    background: transparent;
    color: #000
}

.channel__regional.cl-reg1 .button {
    color: #d84414
}

.channel__regional.cl-reg1 .title__content:after {
    border-bottom: 5px solid #d84414
}

.channel__regional.cl-reg2 .button {
    color: #fa0504
}

.channel__regional.cl-reg2 .title__content:after {
    border-bottom: 5px solid #fa0504
}

.channel__regional.cl-reg3 .button {
    color: #0db24a
}

.channel__regional.cl-reg3 .title__content:after {
    border-bottom: 5px solid #0db24a
}

.channel__regional.cl-reg4 .button {
    color: #26afe5
}

.channel__regional.cl-reg4 .title__content:after {
    border-bottom: 5px solid #26afe5
}

.channel__regional.cl-reg5 .button {
    color: #bad107
}

.channel__regional.cl-reg5 .title__content:after {
    border-bottom: 5px solid #bad107
}

.channel__regional__theme {
    position: relative
}

.channel__regional__theme.reg1 .title__content:after {
    border-bottom: 5px solid #d84414
}

.channel__regional__theme.reg1 .article__boxsubtitle,.channel__regional__theme.reg1 .article__subtitle--inline {
    color: #d84414
}

@-webkit-keyframes blink {
    0% {
        opacity: .1
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .1
    }
}

@keyframes blink {
    0% {
        opacity: .1
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .1
    }
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-1000px,0);
        transform: translate3d(0,-1000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    75% {
        -webkit-transform: translate3d(0,1px,0);
        transform: translate3d(0,1px,0)
    }

    90% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-1000px,0);
        transform: translate3d(0,-1000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    75% {
        -webkit-transform: translate3d(0,1px,0);
        transform: translate3d(0,1px,0)
    }

    90% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes progress {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

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

@keyframes progress {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

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

.anni25-link {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 68px;
    height: 100%
}

.info-banner {
    position: relative;
    margin: 20px 0;
    background: var(--bg-blue-lite);
    padding: 2px 15px 15px;
    border-radius: 5px
}

.info-banner a {
    color: inherit
}

.info-banner-logo {
    position: relative;
    width: 200px;
    height: 54px;
    padding: 15px 0
}

.info-banner-logo img {
    height: 24px;
    opacity: var(--img-light)
}

.info-banner-logo img.info-banner-logo-dark {
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 1;
    opacity: var(--img-dark)
}

.info-banner-header {
    position: relative
}

.info-banner-header h4 {
    position: relative;
    padding: 15px 0;
    font-size: 20px;
    font-weight: 700
}

.info-banner-header h4 span {
    color: #e75524
}

.info-banner-idx {
    position: absolute;
    right: 5px;
    top: calc(50% - 15px /2);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #1583cc
}

.info-banner-idx:hover {
    color: var(--cl-hover)
}

.info-banner-list {
    position: relative;
    overflow: hidden
}

.info-banner-list ul {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -5px
}

.info-banner-list li {
    display: block;
    width: 33.33333%;
    padding: 0 5px 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.info-banner-list li a {
    display: block
}

.info-banner-list-img {
    position: relative;
    width: 100%;
    padding-top: 66.67%;
    margin-bottom: 8px;
    overflow: hidden;
    border-radius: 5px
}

.info-banner-list-img:before {
    content: "";
    background: var(--bg-info);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.info-banner-list-img:after {
    content: attr(data-placeholder);
    white-space: normal;
    text-align: center;
    word-wrap: normal;
    padding: 0 4px;
    width: 100%;
    z-index: 1;
    height: auto;
    max-height: 62px;
    overflow: hidden;
    font-size: 13px;
    line-height: normal;
    color: var(--cl-main)
}

.info-banner-list-img:after,.info-banner-list-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.info-banner-list-img img {
    width: auto;
    height: 100%;
    z-index: 2;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.info-banner-list-title {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: var(--cl-gray-bold);
    height: auto;
    max-height: 37px;
    overflow: hidden;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.info-banner-list a:hover .info-banner-list-title {
    color: var(--cl-hover)
}

.info-banner-arrow {
    position: absolute;
    z-index: 2;
    top: calc(50% - 35px / 2);
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    background-image: url("data:image/svg+xml, %3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10px
}

.info-banner-arrow.-left {
    left: 4px;
    -webkit-box-shadow: 3px 0 6px rgba(0,0,0,.3);
    box-shadow: 3px 0 6px rgba(0,0,0,.3);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.info-banner-arrow.-right {
    right: 4px;
    -webkit-box-shadow: -3px 0 6px rgba(0,0,0,.3);
    box-shadow: -3px 0 6px rgba(0,0,0,.3)
}

.info-banner-arrow.-disabled {
    opacity: 0;
    visibility: hidden
}

.channel__kgmedia .article__subtitle {
    margin-bottom: 8px;
    text-transform: lowercase;
    color: #3ca5dd;
    height: auto;
    max-height: 13px;
    overflow: hidden
}

.channel__kgmedia .article__subtitle.kompastv {
    color: #df2127
}

.channel__kgmedia .article__subtitle.kompasiana {
    color: #125f99
}

.channel__kgmedia .article__subtitle.sonora {
    color: #ef6c0b
}

.channel__kgmedia .article__subtitle.gridmotor,.channel__kgmedia .article__subtitle.gridoto,.channel__kgmedia .article__subtitle.motorplusonline {
    color: #c00
}

.channel__kgmedia .article__subtitle.bolasport {
    color: red
}

.channel__kgmedia .article__subtitle.grid {
    color: #ef6e8e
}

.channel__kgmedia .article__title {
    font-size: 16px
}

.channel__kgmedia .article__box {
    margin: -20px 6px 0;
    z-index: 2
}

.channel__kgmedia .article__asset {
    padding-top: 66.66667%;
    background: #f0f0f0;
    overflow: hidden
}

.channel__kgmedia .article__asset img {
    position: absolute;
    width: 100%;
    height: auto;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1
}

.channel__kgmedia .col-offset-fluid {
    margin-left: -10px;
    margin-right: -10px
}

.channel__kgmedia .col-bs12-3 {
    padding-left: 10px;
    padding-right: 10px
}

.channel__kgmedia .info-banner-arrow {
    top: 40px;
    background: #3ca5dd
}

.channel__kgmedia .info-banner-arrow.-right {
    right: -8px
}

.channel__kgmedia .info-banner-arrow.-left {
    left: -8px
}

.channel__kgmedia .icon-arrow:after {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff
}

.kbngkit-header {
    position: relative;
    padding: 25px 0 20px;
    margin: 0;
    background: var(--bg-main)
}

.kbngkit-wrap {
    position: relative;
    border-bottom: 2px solid var(--br-list-lv2);
    padding-bottom: 15px
}

.kbngkit-img {
    position: relative;
    display: inline-block
}

.kbngkit-img img {
    height: 48px;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.kbngkit-img:after {
    content: "";
    position: absolute;
    border-bottom: 2px solid #ec7511;
    left: 0;
    bottom: -17px;
    width: 100%
}

.nps-page {
    position: relative;
    background: var(--bg-white);
    padding: 36px 90px;
    margin: 0 0 30px;
    border: 1px solid var(--br-list)
}

.nps-title {
    position: relative;
    margin: 0;
    padding: 0 0 10px;
    font-size: 28px;
    font-weight: 700;
    color: var(--cl-main)
}

.nps-lead {
    padding: 20px 0;
    font-size: 16px;
    line-height: 1.4;
    color: var(--cl-main)
}

.nps-form,.nps-label {
    position: relative
}

.nps-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0
}

.nps-label-item {
    font-size: 12px;
    color: var(--cl-main)
}

.nps-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0
}

.nps-option,.nps-radio {
    position: relative
}

.nps-radio>label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: var(--cl-main);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nps-radio>input[type=radio] {
    vertical-align: top;
    width: 45px;
    height: 45px
}

.nps-radio>input[type=radio]:hover:before {
    background: var(--bg-disabled)
}

.nps-radio>input[type=radio]:before {
    background: var(--bg-white-lv2);
    border: 1px solid var(--br-gray-med);
    width: 45px;
    height: 45px
}

.nps-radio>input[type=radio]:checked:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #357dfd;
    background: #357dfd
}

.nps-radio>input[type=radio]:checked~label {
    color: #fff
}

.nps-textarea {
    position: relative;
    padding: 30px 0
}

.nps-textarea>textarea {
    vertical-align: top;
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    min-height: 100px;
    resize: vertical;
    border-radius: 6px;
    background-color: var(--bg-input);
    border: solid 1px var(--br-gray-med);
    color: var(--cl-main);
    padding: 15px;
    font-size: 16px;
    line-height: 1.5
}

.nps-action {
    padding: 0
}

.nps-action,.nps-action>button,.nps-action>input[type=submit] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nps-action>button,.nps-action>input[type=submit] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: auto;
    padding: 0 20px;
    background: #357dfd;
    border: 1px solid #357dfd;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.nps-action>button:hover,.nps-action>input[type=submit]:hover {
    background: #024aca;
    border: 1px solid #024aca;
    color: #fff
}

.nps-action>button[disabled=disabled],.nps-action>input[type=submit][disabled=disabled] {
    border: 1px solid #dadada;
    background: #dadada;
    cursor: not-allowed
}

.nps-result {
    text-align: center
}

.nps-result .nps-action {
    margin-top: 20px
}

.nps-link {
    display: block;
    width: auto;
    padding: 0 20px;
    background: #357dfd;
    border: 1px solid #357dfd;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.nps-link:hover {
    background: #024aca;
    border: 1px solid #024aca;
    color: #fff
}

.nwsLetter-article {
    position: relative;
    padding: 1px 0;
    margin: 20px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nwsLetter-article:after,.nwsLetter-article:before {
    content: "";
    position: absolute;
    width: 50px;
    border-top: 1px solid #d8d8d8;
    left: 0
}

.nwsLetter-article:before {
    top: 0
}

.nwsLetter-article:after {
    bottom: 0
}

.nwsLetter-article a {
    font-weight: 700
}

.voucherNew-gate {
    min-height: 200px;
    border-radius: 8px
}

.voucherNew-gate img {
    border-radius: 8px;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

a[href^="https://activity.kompas.com/voucher"] {
    vertical-align: top;
    display: inline-block
}

.wBrand-header {
    position: relative;
    padding: 25px 0 20px;
    margin: 0;
    background: var(--bg-main)
}

.wBrand-headerWrap {
    position: relative;
    border-bottom: 2px solid #1e6594;
    padding-bottom: 15px
}

.wBrand-headerImg {
    position: relative;
    display: inline-block
}

.wBrand-headerImg img {
    height: 48px;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.wBrand-headerImg:after {
    content: "";
    position: absolute;
    border-bottom: 2px solid #d9e021;
    left: 0;
    bottom: -17px;
    width: 100%
}

.wBrand--joglo .wBrand-headerWrap {
    border-color: #1e6594
}

.wBrand--joglo .wBrand-headerImg:after {
    border-color: #d9e021
}

.wSpec {
    position: relative;
    margin: 25px 0;
    padding-top: 20px;
    border-top: 1px solid var(--br-grey-reg)
}

.wSpec-heading {
    margin: 16px 0 12px;
    font-family: Inter,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    color: var(--neutral-800);
    position: relative;
    padding-left: 18px
}

.wSpec-heading:before {
    width: 2px;
    height: 18px;
    content: "";
    background-color: var(--cl-jingga01);
    position: absolute;
    left: 0;
    top: 5px;
    height: 16px
}

.wSpec-heading-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.wSpec-heading.-center {
    margin-top: 0
}

.wSpec-secret {
    position: absolute;
    left: -15px;
    top: 5px;
    width: 40px;
    height: 45px;
    cursor: text
}

.wSpec-source {
    position: absolute;
    bottom: -18px;
    display: none;
    font-size: 11px;
    font-weight: 400;
    color: var(--cl-gray-lite)
}

.wSpec-source.show {
    display: block
}

.wSpec-lead {
    font-size: 20px;
    font-weight: 700;
    color: var(--cl-main);
    margin-bottom: 18px
}

.wSpec-list {
    display: grid;
    position: relative;
    grid-template-columns: repeat(2,1fr);
    gap: 16px
}

.wSpec-item {
    position: relative;
    margin-bottom: 12px
}

.wSpec-img {
    position: relative;
    background: var(--bg-gray-med);
    padding-top: 66.66667%
}

.wSpec-img img {
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.wSpec-img>img {
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.wSpec-img:after,.wSpec-img>img {
    position: absolute;
    left: 0;
    width: 100%
}

.wSpec-img:after {
    top: 50%;
    bottom: 0;
    right: 0;
    content: "";
    background: -webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));
    background: linear-gradient(0deg,#000,transparent)
}

.-partner.-kompasid .wSpec-img:after {
    background: transparent
}

.wSpec-img-overlay {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 0 10px 12px
}

.-partner.-kompasid .wSpec-img-overlay {
    bottom: auto;
    top: 6px;
    right: 6px;
    left: auto;
    width: 24px;
    height: 24px;
    padding: 0
}

.wSpec-img-overlay>img {
    height: 21px
}

.wSpec-img-overlay>img .-partner.-kompasid {
    height: 100%;
    width: 100%
}

.wSpec-box {
    position: relative
}

.wSpec-title {
    font-family: Inter,sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--neutral-800);
    height: 47px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.wSpec-title:hover {
    color: var(--yale-blue-500)
}

.wSpec-subtitle {
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: var(--neutral-700);
    margin: 14px 0 4px
}

.-partner.-kompasid .wSpec-subtitle {
    color: var(--yale-blue-400)
}

.-partner .wSpec-subtitle span {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.-partner .wSpec-subtitle:after {
    content: "";
    width: 9px;
    display: block;
    height: 9px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='%23000' viewBox='0 0 512 512'%3E%3Cpath d='M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112v320c0 44.2 35.8 80 80 80h320c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v112c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16h112c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z'/%3E%3C/svg%3E");
    -webkit-filter: invert(48%) sepia(40%) saturate(727%) hue-rotate(163deg) brightness(110%) contrast(108%);
    filter: invert(48%) sepia(40%) saturate(727%) hue-rotate(163deg) brightness(110%) contrast(108%)
}

.wSpec-tag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 11px;
    font-weight: 500;
    color: var(--cl-white);
    border: 1px solid var(--cl-white);
    border-radius: 4px;
    padding: 6px 16px
}

.wSpec-empty {
    background: var(--bg-warticle);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 563px;
    padding: 25px;
    text-align: center
}

.wSpec-empty-img {
    width: 271px;
    height: 235px
}

.wSpec-empty-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--cl-main);
    margin-bottom: 8px
}

.wSpec-empty-desc {
    color: var(--cl-gray-lite);
    font-weight: 500;
    margin-top: 0
}

.wSpec-button {
    border-radius: 9px;
    padding: 10px 18px;
    color: var(--cl-white);
    text-transform: uppercase;
    background: var(--cl-kompas);
    border: none;
    cursor: pointer;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

.wSpec-button:hover {
    background: #0062cc
}

.wSpec-stop {
    display: none;
    width: 100%;
    height: 100%;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    background: var(--bg-stop-rec);
    border: 1px solid var(--br-stop-rec);
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--cl-stop-rec);
    z-index: 2
}

.wSpec-stop-undo {
    margin-top: 8px;
    font-weight: 700;
    color: var(--cl-kompas)
}

.wSpec-stop.-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wSpec-stop.-active:after {
    content: "";
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 30px;
    height: 30px
}

.wSpec-duration {
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    color: var(--cl-white);
    background-color: var(--bg-time);
    border-radius: 4px;
    padding: 0 6px;
    position: absolute;
    z-index: 2;
    right: 8px;
    bottom: 8px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wSpec-duration:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E");
    margin-bottom: 0;
    background-size: auto 100%;
    -webkit-filter: invert(100%) sepia(0) saturate(31%) hue-rotate(59deg) brightness(106%) contrast(107%);
    filter: invert(100%) sepia(0) saturate(31%) hue-rotate(59deg) brightness(106%) contrast(107%);
    width: 13px;
    height: 13px;
    margin-right: 4px
}

#rekomendasi-konten-pilihan-untukmu {
    min-height: 916px
}

#rekomendasi-konten-pilihan-untukmu.wSpec10 {
    min-height: 1484px
}

.wSpec.-aiml {
    border-top: transparent;
    margin: 20px 0;
    padding: 0;
    min-height: 1122px
}

.wSpec.-aiml.-listGrid {
    --gap: 16px;
    gap: var(--gap);
    row-gap: 30px;
    min-height: 485px
}

.wSpec.-aiml.-listGrid .wSpec-item {
    width: calc(100% / 3 - var(--gap) + (var(--gap) / 3))!important;
    margin-bottom: 0
}

.wSpec.-aiml.-listGrid .wSpec-title {
    height: auto!important
}

.wSpec.-aiml.-listGrid .wSpec-subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.wSpec.-aiml .jixie__logo {
    padding: 20px 5px 5px
}

.wSpec.-aiml .jixie__logo img {
    width: auto;
    height: 14px;
    margin-left: 3px
}

.wSpec.-aiml .wSpec-secret {
    left: 0;
    top: 0;
    width: 20px;
    height: 25px;
    z-index: 2;
    cursor: text
}

.wSpec.-aiml .wSpec-img-overlay>img {
    height: 18px;
    vertical-align: baseline
}

.wSpec.-aiml .wSpec-tag {
    font-size: 12px;
    padding: 0 10px;
    background: var(--bg-white);
    margin: 7px 0;
    color: var(--cl-gray-lite);
    border: 1px solid var(--cl-gray-lite);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px
}

.wSpec.-aiml .wSpec-list,.wSpec.-aiml .wSpec-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wSpec.-aiml .wSpec-list {
    margin-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px
}

.wSpec.-aiml .wSpec-img {
    padding-top: 56.25%;
    overflow: hidden;
    border-radius: 8px
}

.wSpec.-aiml .wSpec-subtitle {
    margin: 9px 0;
    height: 16px;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.wSpec.-aiml .-partner .wSpec-subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

.wSpec.-aiml .wSpec-title {
    height: 60px;
    -webkit-line-clamp: 3;
    font-size: 15px;
    line-height: 130%;
    margin: -3px 0 0
}

.wSpec.-aiml .wSpec-title .icoInline {
    position: relative;
    width: 13px;
    height: 13px;
    vertical-align: baseline;
    margin-bottom: -1px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%
}

.wSpec.-aiml .wSpec-item {
    width: calc(100% / 3 - 12px);
    margin-bottom: 10px
}

.wSpec.-aiml .wSpec-item:not(:first-child):not(:nth-child(2)) .wSpec-stop {
    font-size: 12px
}

.wSpec.-aiml .wSpec-item:not(:first-child):not(:nth-child(2)) .wSpec-stop-undo {
    font-size: 14px
}

.wSpec.-aiml .wSpec-item:first-child,.wSpec.-aiml .wSpec-item:nth-child(2) {
    width: calc(100% / 2 - 8px)
}

.wSpec.-aiml .wSpec-item:first-child .wSpec-title,.wSpec.-aiml .wSpec-item:nth-child(2) .wSpec-title {
    font-size: 16px;
    height: 63px
}

.wSpec.-aiml .wSpec-item:first-child .wSpec-img-overlay > img,.wSpec.-aiml .wSpec-item:nth-child(2) .wSpec-img-overlay>img {
    height: 20px
}

.wSpec.-aiml .wSpec-heading {
    margin: 30px 0 12px
}

.wSpec.-aiml .wSpec-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.wSpec.-aiml .wSpec-title {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 6px 0;
    height: 59px
}

.wSpec.-aiml .wSpec-item:first-child .wSpec-title,.wSpec.-aiml .wSpec-item:nth-child(2) .wSpec-title {
    height: 42px
}

.wSpec.-aiml .wSpec-subtitle {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3
}

.wSpec.-aiml .wSpec-subtitle,.wSpec.-aiml .wSpec-tag {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0;
    height: auto
}

.wSpec.-aiml .wSpec-tag {
    background: transparent;
    padding: 0;
    border: transparent;
    color: #0161b8
}

.wSpec.-aiml .wSpec-source {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.wSpec.-aiml .wSpec-img-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 12px 12px
}

.wSpec.-aiml .wSpec-img-overlay>img {
    height: 10px
}

.wSpec.-aiml .wSpec-item:first-child .wSpec-title,.wSpec.-aiml .wSpec-item:nth-child(2) .wSpec-title {
    -webkit-line-clamp: 2
}

.wSpec.-aiml .wSpec-item:first-child .wSpec-img-overlay > img,.wSpec.-aiml .wSpec-item:nth-child(2) .wSpec-img-overlay>img {
    height: 12px
}

.wSpec.-aiml.-jixie {
    min-height: 1025px
}

.wSpec.-aiml.-jixie .wSpec-item {
    width: calc(100% / 4 - 12px)
}

.wSpec.-aiml.-jixie .wSpec-item:first-child,.wSpec.-aiml.-jixie .wSpec-item:nth-child(2) {
    width: calc(100% / 2 - 8px)
}

.wSpec.-aiml.-jixie .wSpec-item:first-child .wSpec-title,.wSpec.-aiml.-jixie .wSpec-item:nth-child(2) .wSpec-title {
    font-size: 18px;
    height: 70px
}

.wSpec.-aiml.-jixie .wSpec-item:first-child .wSpec-img-overlay > img,.wSpec.-aiml.-jixie .wSpec-item:nth-child(2) .wSpec-img-overlay>img {
    height: 25px
}

.wSpec.-plus {
    min-height: 600px;
    border-top: transparent;
    margin: 0;
    padding-top: 0
}

.wSpec.-plus .wSpec-list {
    margin-top: 14px;
    display: block
}

.wSpec.-plus .wSpec-item {
    margin-bottom: 16px
}

.wSpec.-plus .wSpec-secret {
    left: 0;
    top: 0;
    width: 20px;
    height: 30px;
    z-index: 1
}

.wSpec.-plus .wSpec-source {
    bottom: -15px;
    left: -100px
}

.wSpec.-plus .wSpec-title {
    height: auto;
    min-height: 40px
}

.wSpec.-plus .wSpec-item:first-child {
    margin-bottom: 10px;
    padding-bottom: 10px
}

.wSpec.-plus .wSpec-item:first-child .wSpec-stop {
    height: calc(100% - 10px)
}

.wSpec.-plus .wSpec-item:first-child .wSpec-source {
    left: 0
}

.wSpec.-plus .wSpec-item:first-child .wSpec-img {
    padding-top: 168px
}

.wSpec.-plus .wSpec-item:first-child .wSpec-title {
    font-size: 16px
}

.wSpec.-plus .wSpec-item:first-child .wSpec-subtitle {
    margin: 6px 0 2px
}

.wSpec.-plus .wSpec-stop {
    font-size: 12px
}

.wSpec.-plus .wSpec-stop .wSpec-stop-undo {
    font-size: 14px
}

.wSpec.-plus .wSpec-item:not(:first-child) .wSpec-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.wSpec.-plus .wSpec-item:not(:first-child) .wSpec-img {
    width: 87px;
    height: 87px;
    padding: 0
}

.wSpec.-plus .wSpec-item:not(:first-child) .wSpec-img-overlay {
    padding: 0 0 6px 6px
}

.wSpec.-plus .wSpec-item:not(:first-child) .wSpec-img-overlay img {
    height: 14px
}

.wSpec.-plus .wSpec-item:not(:first-child) .wSpec-box {
    width: 188px
}

.wSpec.-plus .wSpec-item:not(:first-child) .wSpec-subtitle {
    margin: 0 0 2px;
    font-weight: 500
}

.wSpec.-plus .wSpec-item:not(:first-child) .wSpec-title {
    font-size: 15px;
    -webkit-line-clamp: 3
}

.wSpec.-plus .wSpec-item:not(:first-child) .wSpec-tag {
    color: var(--cl-gray-lite);
    border: 1px solid var(--cl-gray-lite);
    padding: 3px 10px;
    margin-bottom: 6px;
    font-weight: 500
}

.wSpec.-plus .wSpec-item:not(:first-child) .wSpec-duration:before,.wSpec.-plus .wSpec-item:not(:first-child) .wSpec-duration~.wSpec-img-overlay,.wSpec.-plus .wSpec-item:not(:first-child) .wSpec-duration~.wSpec-img:after {
    display: none
}

.wSpec.-plus .wSpec-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.wSpec.-plus .wSpec-title {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 6px 0;
    font-weight: 600;
    line-height: 130%
}

.wSpec.-plus .wSpec-subtitle {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0;
    height: auto;
    font-weight: 500
}

.wSpec.-plus .-partner .wSpec-subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

.wSpec.-plus .wSpec-tag {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    background: transparent;
    padding: 0;
    margin: 0;
    border: transparent;
    height: auto;
    color: #0161b8;
    font-weight: 500;
    margin: 0 0 2px;
    font-size: 12px
}

.wSpec.-plus .wSpec-source {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.wSpec.-plus .wSpec-img-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 12px 12px
}

.wSpec.-plus .wSpec-img-overlay>img {
    height: 12px
}

.wSpec.-plus .wSpec-item:not(:first-child) .wSpec-tag {
    color: #0161b8;
    border: transparent;
    padding: 0;
    margin: 0 0 2px
}

.wSpec.-plus .wSpec-item:not(:first-child) .wSpec-title {
    margin: -3px 0 6px;
    height: 58px
}

.wSpec.-plus .wSpec-item:not(:first-child) .wSpec-img-overlay {
    padding: 0 0 10px 8px
}

.wSpec.-plus .wSpec-item:not(:first-child) .wSpec-img-overlay img {
    height: 8px
}

.wSpec.-plus .wSpec-item:not(:first-child).-partner.-kompasid .wSpec-img-overlay {
    padding: 0
}

.wSpec.-plus .wSpec-item:not(:first-child).-partner.-kompasid .wSpec-img-overlay img {
    width: 100%;
    height: 100%
}

.wSpec.-plus .wSpec-item:first-child .wSpec-subtitle {
    margin: 0
}

.wSpec.-loading .wSpec-subtitle,.wSpec.-loading .wSpec-tag {
    background: var(--bg-gray-med);
    border-radius: 4px;
    height: 16px;
    width: 80px;
    color: var(--bg-gray-med);
    border: 1px solid var(--bg-gray-med);
    margin: 0;
    overflow: hidden
}

.wSpec.-loading .wSpec-box:after {
    content: "";
    position: absolute;
    width: 100%;
    border-radius: 4px;
    height: 15px;
    background: var(--bg-gray-med);
    left: 0;
    top: 28px
}

.wSpec.-loading .wSpec-title {
    color: var(--bg-main);
    position: relative;
    height: 58px
}

.wSpec.-loading .wSpec-title:after,.wSpec.-loading .wSpec-title:before {
    content: "";
    position: absolute;
    width: 100%;
    border-radius: 4px;
    height: 15px;
    background: var(--bg-gray-med);
    left: 0;
    top: 0
}

.wSpec.-loading .wSpec-title:after {
    top: calc(100% - 15px);
    width: calc(100% - 20px)
}

.wSpec.-loading .wSpec-img>img {
    display: none
}

.wSpec.-loading .wSpec-img:after {
    background: none
}

.wSpec.-loading .wSpec-img-overlay>img {
    display: none
}

.wSpec.-loading .wSpec-item:first-child .wSpec-title,.wSpec.-loading .wSpec-item:nth-child(2) .wSpec-title {
    height: 42px
}

.wSpec.-loading .wSpec-item:first-child .wSpec-title:before,.wSpec.-loading .wSpec-item:nth-child(2) .wSpec-title:before {
    height: 17px
}

.wSpec.-loading .wSpec-item:first-child .wSpec-title:after,.wSpec.-loading .wSpec-item:nth-child(2) .wSpec-title:after {
    background: transparent;
    pointer-events: none
}

.wSpec.-loading .wSpec-item:first-child .wSpec-box:after,.wSpec.-loading .wSpec-item:nth-child(2) .wSpec-box:after {
    height: 17px;
    top: 30px
}

.wSpec.-loading.-plus .wSpec-box:after {
    top: 21px
}

.wSpec.-loading.-plus .wSpec-item:first-child .wSpec-title:after {
    content: none
}

.wSpec.-loading.-plus .wSpec-item:not(:first-child) .wSpec-title {
    margin: 0 0 6px
}

.wSpec.-loading.-plus .wSpec-item:not(:first-child) .wSpec-tag {
    height: 16px;
    width: 80px;
    margin: 0 0 2px;
    background: var(--bg-gray-med);
    color: var(--bg-gray-med);
    border: 1px solid var(--bg-gray-med)
}

.wSpec.-loading.-plus .wSpec-item:nth-child(2) .wSpec-box:before,.wSpec.-loading.-plus .wSpec-item:nth-child(2) .wSpec-title:after,.wSpec.-loading.-plus .wSpec-item:nth-child(2) .wSpec-title:before {
    height: 15px
}

.wSpec.-loading.-plus .wSpec-item:nth-child(2) .wSpec-box:after {
    top: 21px
}

.wSpec.-loading.-plus .wSpec-item:nth-child(2) .wSpec-title {
    height: 58px
}

.wSpec.-loading.-plus .wSpec-item:nth-child(2) .wSpec-title:after {
    background: var(--bg-gray-med)
}

.wSpec.-tab {
    min-height: auto;
    margin: 24px 0
}

.wSpec.-tab .wSpec-list {
    gap: 24px;
    margin-top: 0
}

.wSpec.-tab .wSpec-secret {
    left: 8px;
    top: -45px;
    z-index: 3
}

.wSpec.-tab .wSpec-item,.wSpec.-tab .wSpec-item:first-child,.wSpec.-tab .wSpec-item:nth-child(2) {
    width: 100%;
    margin: 0
}

.wSpec.-tab .wSpec-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.wSpec.-tab .wSpec-img,.wSpec.-tab .wSpec-item:first-child .wSpec-img,.wSpec.-tab .wSpec-item:nth-child(8) .wSpec-img {
    width: 236px;
    aspect-ratio: 16/9;
    -ms-flex-preferred-size: 236px;
    flex-basis: 236px;
    padding-top: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.wSpec.-tab .wSpec-img:after {
    background: transparent
}

.wSpec.-tab .wSpec-box {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 10px
}

.wSpec.-tab .wSpec-item:first-child .wSpec-title,.wSpec.-tab .wSpec-item:nth-child(2) .wSpec-title,.wSpec.-tab .wSpec-title {
    margin: 0 0 8px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 20px;
    line-height: 1.3;
    -webkit-line-clamp: 3;
    height: auto;
    letter-spacing: -.2px
}

.wSpec.-tab .wSpec-title .icoInline {
    width: 16px;
    height: 16px
}

.wSpec.-tab .wSpec-tag {
    background: transparent;
    padding: 0;
    color: #0161b8;
    border: transparent
}

.wSpec.-tab .wSpec-subtitle,.wSpec.-tab .wSpec-tag {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0;
    font-size: 12px;
    height: auto
}

.wSpec.-tab .wSpec-subtitle span,.wSpec.-tab .wSpec-tag span {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--neutral-600);
    text-transform: none;
    display: inline-block;
    padding-left: 20px;
    position: relative
}

.wSpec.-tab .wSpec-subtitle span:before,.wSpec.-tab .wSpec-tag span:before {
    content: "\2022";
    position: absolute;
    left: 6px;
    top: 0;
    color: var(--neutral-600);
    font-size: 12px
}

.wSpec.-tab .wSpec-source {
    bottom: 0
}

.wSpec.-tab .wSpec-img-overlay {
    display: none
}

.wSpec.-grid .wSpec-title .icoInline {
    width: 16px;
    height: 16px;
    margin-bottom: -2px
}

:root {
    --cl-primary: #833275;
    --cl-secondary: #da664a
}

.w-header.nologo *,.w-header.nologo :after,.w-header.nologo :before,.w-info *,.w-info :after,.w-info :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.w-header {
    margin-top: 20px
}

.w-header__row {
    position: relative;
    padding-bottom: 15px
}

.w-header__row:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid var(--cl-primary);
    width: 110px
}

.w-header__row:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 110px;
    border-bottom: 2px solid var(--cl-secondary);
    width: calc(100% - 110px)
}

.w-header__logo {
    position: absolute;
    width: 110px;
    height: 33px
}

.w-header__logo img {
    max-width: 100%
}

.w-header__link {
    display: block;
    padding: 0 5px;
    font-family: Playfair Display,serif;
    font-size: 16px;
    font-weight: 400;
    color: var(--cl-primary);
    text-decoration: none;
    height: 40px;
    overflow: hidden
}

@media (max-width: 321px) {
    .w-header__link {
        font-size:14px
    }
}

.w-header__content {
    width: 100%;
    position: relative;
    margin: 5px 0 0;
    padding: 0 0 0 120px;
    z-index: 1;
    color: var(--cl-primary);
    font-family: Playfair Display,serif;
    font-size: 16px
}

@media (max-width: 321px) {
    .w-header__content {
        font-size:14px
    }
}

.w-info__row {
    position: relative;
    padding-top: 15px
}

.w-info__row:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 2px solid var(--cl-primary);
    width: 130px
}

.w-info__row:after {
    content: "";
    position: absolute;
    top: 0;
    left: 130px;
    border-bottom: 2px solid var(--cl-secondary);
    width: calc(100% - 130px)
}

.w-info__logo {
    width: 130px
}

.w-info__logo img {
    max-width: 100%
}

.w-info__content p {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin: 10px 0
}

.w-info__content a {
    text-decoration: none;
    color: var(--cl-primary)
}

.w-header__logo {
    width: 130px
}

.w-header__content {
    font-size: 18px;
    padding: 7px 0 2px 150px;
    width: calc(100% - 130px);
    height: auto
}

.w-info.aiml .w-info__logo {
    width: 100%
}

.w-info.aiml .w-info__logo img {
    width: 125px
}

.w-info.aiml .w-info__logo>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.w-info__more {
    display: block;
    color: var(--cl-main);
    font-size: 11px;
    font-weight: 700;
    padding-right: 20px;
    text-transform: uppercase
}

.w-info.aiml .w-info__row>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.w-info__more .wLink__arrowPoint {
    border-top: 2px solid var(--cl-main);
    border-left: 2px solid var(--cl-main)
}

.w-info__more .wLink__arrowPoint:after {
    background-color: var(--cl-main)
}

.w-info__more .wLink__arrow {
    position: absolute;
    right: 0;
    margin-right: 0;
    bottom: calc(50% - 12px);
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.icoRestart {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.917 13.5h-6.29v-1.45h6.311c.977 0 1.82-.322 2.531-.969.711-.646 1.066-1.445 1.066-2.397 0-.952-.355-1.751-1.066-2.398-.71-.646-1.554-.97-2.53-.97H2.8l2.37 2.345-1.035 1.023L0 4.592 4.135.5 5.17 1.523 2.8 3.867h6.117c1.393 0 2.588.462 3.586 1.385C13.501 6.176 14 7.32 14 8.684c0 1.364-.499 2.507-1.497 3.43-.998.924-2.193 1.386-3.586 1.386Z' fill='%23000'/%3E%3C/svg%3E")
}

.icoLatest,.icoRestart {
    width: 14px;
    height: 14px;
    -webkit-filter: var(--filter-gray2);
    filter: var(--filter-gray2)
}

.icoLatest {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.083 4.667a.583.583 0 0 1 .584-.584h4.666a.583.583 0 0 1 0 1.167H4.667a.583.583 0 0 1-.584-.583Zm.584 2.916h4.666a.583.583 0 0 0 0-1.166H4.667a.583.583 0 1 0 0 1.166ZM7 8.75H4.667a.583.583 0 1 0 0 1.167H7A.583.583 0 1 0 7 8.75Zm7-7.583v7.925a1.158 1.158 0 0 1-.342.825l-3.741 3.741a1.158 1.158 0 0 1-.825.342H1.167A1.168 1.168 0 0 1 0 12.833V1.167A1.168 1.168 0 0 1 1.167 0h11.666A1.168 1.168 0 0 1 14 1.167ZM1.167 12.833H8.75v-3.5a.583.583 0 0 1 .583-.584h3.5V1.167H1.167v11.666Zm8.75-2.917v2.092l2.092-2.092H9.917Z' fill='%23000'/%3E%3C/svg%3E")
}

.icoGroup {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' fill='%23000'/%3E%3Ccircle cx='2.5' cy='12.5' r='2.5' fill='%23000'/%3E%3Ccircle cx='12.5' cy='2.5' r='2.5' fill='%23000'/%3E%3Ccircle cx='12.5' cy='12.5' r='2.5' fill='%23000'/%3E%3C/svg%3E");
    -webkit-filter: invert(50%) sepia(2%) saturate(10%) hue-rotate(329deg) brightness(96%) contrast(85%);
    filter: invert(50%) sepia(2%) saturate(10%) hue-rotate(329deg) brightness(96%) contrast(85%)
}

.aimlToast,.aimlToast-wrap {
    position: relative
}

.aimlToast-wrap {
    margin: 16px 0;
    padding: 16px;
    background: #e8f0fe;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.aimlToast-wrap .modalDismiss {
    position: absolute;
    top: 10px;
    right: 20px;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.aimlToast-wrap .icoDismiss {
    -webkit-filter: invert(82%) sepia(20%) saturate(3677%) hue-rotate(186deg) brightness(105%) contrast(105%);
    filter: invert(82%) sepia(20%) saturate(3677%) hue-rotate(186deg) brightness(105%) contrast(105%)
}

.aimlToast-icon {
    width: 36px;
    height: 36px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m28.998 19.154-8.15-3.002-3.002-8.15a2.5 2.5 0 0 0-4.692 0l-3.003 8.15-8.15 3.002a2.5 2.5 0 0 0 0 4.692l8.15 3.002 3.003 8.15a2.5 2.5 0 0 0 4.692 0l3.002-8.15 8.15-3.002a2.5 2.5 0 0 0 0-4.692Zm-9.014 5.349a2.497 2.497 0 0 0-1.482 1.481L15.5 34.133l-3.002-8.149a2.496 2.496 0 0 0-1.482-1.481L2.867 21.5l8.148-3.003a2.494 2.494 0 0 0 1.482-1.481L15.5 8.867l3.002 8.148a2.494 2.494 0 0 0 1.482 1.482l8.149 3.003-8.149 3.003ZM20.5 5.25A1.25 1.25 0 0 1 21.75 4h2.5V1.5a1.25 1.25 0 0 1 2.5 0V4h2.5a1.25 1.25 0 0 1 0 2.5h-2.5V9a1.25 1.25 0 0 1-2.5 0V6.5h-2.5a1.25 1.25 0 0 1-1.25-1.25Zm16.25 7.5A1.25 1.25 0 0 1 35.5 14h-1.25v1.25a1.25 1.25 0 0 1-2.5 0V14H30.5a1.25 1.25 0 0 1 0-2.5h1.25v-1.25a1.25 1.25 0 0 1 2.5 0v1.25h1.25a1.25 1.25 0 0 1 1.25 1.25Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-filter: invert(34%) sepia(89%) saturate(1219%) hue-rotate(195deg) brightness(82%) contrast(101%);
    filter: invert(34%) sepia(89%) saturate(1219%) hue-rotate(195deg) brightness(82%) contrast(101%)
}

.aimlToast-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.aimlToast-content span {
    display: block;
    font-size: 16px;
    color: #646464
}

.aimlToast-content a {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    color: #1b63d4;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.aimlLatest .sectionHeader:after {
    border-bottom: transparent
}

.aimlLatest .sectionHeader .modalDismiss {
    border-radius: 8px
}

.aimlLatest .sectionHeader .modalDismiss .icoBase {
    width: 15px;
    height: 15px;
    background-size: 15px
}

.aimlLatest .sectionHeader .modalDismiss:hover {
    background: #f5f5f5
}

.aimlLatest .sectionHeader .modalDismiss:hover .icoBase {
    -webkit-filter: invert(0) sepia(100%) saturate(7500%) hue-rotate(348deg) brightness(106%) contrast(110%);
    filter: invert(0) sepia(100%) saturate(7500%) hue-rotate(348deg) brightness(106%) contrast(110%)
}

.aimlLatest .sectionHeader .selectWrap {
    position: absolute;
    top: -2px;
    right: 0
}

.aimlLatest .sectionHeader .selectOption {
    padding: 0 10px;
    border: 1px solid var(--br-item2)
}

.aimlLatest .sectionHeader .selectOption_link {
    font-size: 13px
}

.aimlLatest .sectionHeader .selectOption_link:hover {
    color: var(--cl-gray-med)
}

.aimlLatest .sectionHeader .buttonRestart {
    position: absolute;
    top: -4px;
    padding: 7px 12px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--cl-gray-med)
}

.aimlLatest .sectionTitle:before {
    border-left: 2px solid #e65225
}

.aimlLatest .latestWrap {
    margin-bottom: 15px
}

.aimlLatest .latestTitle {
    font-weight: 400;
    font-size: 24px
}

.aimlLatest .latestImg {
    border-radius: 5px;
    overflow: hidden
}

.aimlLatest .latestInfo:before {
    margin: 0 2px;
    background: transparent
}

.aimlLatest .latestChannel:not(.clBrandzview) {
    color: #bf451f
}

.aimlLatest .latestInfo {
    border-bottom: transparent;
    padding-bottom: 15px
}

.modalContent[data-modal-target=aiml-feedback] {
    max-width: 460px
}

.modalTitle {
    padding: 10px 15px 0
}

.modalBody .cReport__box {
    padding: 0 15px;
    margin-top: -20px;
    background: transparent
}

.modalBody .cReport__title {
    font-weight: 400;
    font-size: 16px;
    color: var(--cl-txt)
}

.modalBody .cReport__radio {
    top: 4px
}

.modalBody .cReport__other {
    padding: 15px 0 5px
}

.modalBody .cReport__option label {
    padding: 5px 0 5px 30px
}

.modalBody .cReport__info {
    font-size: 16px;
    color: var(--cl-txt)
}

.modalBody input[type=radio]:before {
    width: 18px;
    height: 18px;
    border: 1px solid #d9d9d9
}

.modalBody input[type=radio]:checked:before {
    border: 1px solid #d9d9d9;
    -webkit-box-shadow: inset 0 0 0 3px #fff;
    box-shadow: inset 0 0 0 3px #fff;
    background: #007aff
}

.modalBody .cReport__footer {
    padding: 20px 0 5px;
    margin: 0;
    border-top: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 17px
}

.modalBody .cReport__item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.modalBody .cReport__button {
    border-radius: 8px;
    height: 40px;
    font-size: 14px;
    text-transform: none;
    font-weight: 700;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--cl-blue3);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--cl-blue2);
    background: var(--bg-white-lv2)
}

.modalBody .cReport__button:hover {
    color: #007aff
}

.modalBody .cReport__button[type=submit] {
    border: 1px solid #007aff;
    background: #007aff;
    color: #fff
}

body:after {
    content: "";
    background: transparent
}

input[type=radio] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    line-height: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative
}

input[type=radio]:before {
    content: "";
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #545454;
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    top: 0;
    margin-right: 0;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

input[type=radio]:checked:before {
    border: 1px solid #424242;
    background: #3ca5dd;
    -webkit-box-shadow: inset 0 0 0 1.5px #fff;
    box-shadow: inset 0 0 0 1.5px #fff
}

.cReport {
    position: relative;
    max-width: 350px;
    margin: 0 auto
}

@media (min-width: 700px) {
    .cReport {
        max-width:450px
    }
}

.cReport__box {
    position: relative;
    padding: 15px;
    background: #fff;
    border-radius: 10px
}

@media (min-width: 700px) {
    .cReport__box {
        padding:25px
    }
}

.cReport__title {
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 500
}

.cReport__option {
    position: relative;
    padding: 0 0 5px
}

.cReport__option label {
    cursor: pointer;
    display: block;
    padding: 5px 0 5px 20px
}

.cReport__item {
    display: inline-block
}

.cReport__radio {
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 0
}

.cReport__other {
    display: none;
    position: relative;
    padding: 10px 0 0 20px
}

.cReport__other textarea {
    width: 100%;
    height: 85px;
    outline: 0;
    resize: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px
}

.cReport__other.show {
    display: block
}

.cReport__button {
    cursor: pointer;
    outline: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border: 2px solid #fff;
    padding: 2px 10px;
    text-transform: uppercase;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    font-weight: 500;
    color: #3ca5dd
}

.cReport__button:hover {
    color: #000
}

.cReport__button.disabled,.cReport__button.disabled:hover {
    color: #b7b7b7
}

.cReport__footer {
    margin: 15px -15px -15px;
    padding: 10px;
    text-align: right;
    border-top: 1px solid #ebebeb
}

@media (min-width: 700px) {
    .cReport__footer {
        padding:15px 10px 10px;
        margin: 15px -25px -15px
    }
}

#kcm-modals {
    visibility: hidden;
    opacity: 0
}

.modals {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative
}

@media (min-width: 700px) {
    .modals {
        overflow:inherit
    }
}

.modals:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    z-index: 100!important;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

@media (max-width: 1100px) {
    .modals:after {
        width:1100px
    }
}

.modals__content {
    position: relative;
    top: 50%;
    padding: 0 20px;
    opacity: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.modals .modals__content {
    opacity: 1
}

.modals #kcm-modals {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 101!important;
    visibility: visible;
    opacity: 1
}

.comment__row .cReport {
    display: none
}

.wSpec .buttonMeatball {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: -7px;
    margin-right: 0
}

.wSpec .buttonMeatball~a .wSpec-subtitle {
    padding-right: 35px
}

.wSpec .listPop {
    z-index: 2;
    top: calc(100% + 7px);
    min-width: calc(50vw - 15px);
    max-width: 300px
}

@media (min-width: 450px) {
    .wSpec .listPop {
        min-width:210px
    }
}

.wSpec .listPop__button {
    padding: 12px 10px
}

@media (max-width: 340px) {
    .wSpec .listPop__button {
        padding:12px
    }
}

@media (max-width: 340px) {
    .wSpec .listPop__button .icoBase {
        display:none
    }
}

.wSpec.-plus .buttonMeatball {
    bottom: 2px
}

.wSpec.-plus .listPop {
    top: calc(100% - 5px)
}

.wSpec.-plus .-active>.listPop {
    z-index: 3
}

.wSpec.-plus .wSpec-item:first-child .buttonMeatball {
    bottom: 2px
}

.wSpec.-plus .wSpec-stop {
    border-radius: 0
}

.gate-kgplus {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    background: var(--bg-warticle);
    color: var(--cl-gray-med);
    font-weight: 700
}

.gate-kgplus a {
    color: #007aff
}

.native-wrap~.gate-kgplus,.read__article .ads-partner-wrap~.gate-kgplus {
    margin-top: -20px
}

.kcm__superbig~.gate-kgplus {
    margin-top: -30px
}

.kcm__top~.gate-kgplus {
    width: 1070px;
    margin: 0 auto
}

#general-container .kcm__big {
    min-height: 650px
}

#general-container .kcm__big .gate-kgplus {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%
}

.wBox {
    height: 504px
}

@media (min-width: 1000px) {
    .wBox {
        height:162px
    }
}

.wBox-wrap {
    background-color: #3e5a5a;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
    gap: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1000px) {
    .wBox-wrap {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px
    }
}

.wBoxPrayertime-col-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

@media (min-width: 1000px) {
    .wBoxPrayertime-col-1 {
        padding:24px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.wBoxPrayertime-col-2 {
    width: 100%;
    padding: 0 16px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 1000px) {
    .wBoxPrayertime-col-2 {
        width:340px;
        padding: 24px
    }
}

.wBoxPrayertime-form .form__select__wrap {
    width: 100%
}

.wBoxPrayertime-form .form__select__wrap:after {
    display: none
}

.wBoxPrayertime-jadwal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1000px) {
    .wBoxPrayertime-jadwal {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.wBoxPrayertime-detail {
    gap: 12px;
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wBoxPrayertime-detail,.wBoxPrayertime-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wBoxPrayertime-head {
    gap: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1000px) {
    .wBoxPrayertime-head {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px
    }
}

.wBoxPrayertime-title {
    font-size: 24px;
    color: #ffcf79;
    font-weight: 600
}

.wBoxPrayertime-date {
    color: var(--neutral-200-1)
}

@media (max-width: 1000px) {
    .wBoxPrayertime-date {
        font-size:12px
    }
}

.jadwalItem {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: var(--neutral-700);
    background-color: var(--neutral-200);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    padding: 10px 12px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1000px) {
    .jadwalItem {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 8px 12px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .jadwalItem:not(:last-child) {
        border-right: 2px solid #ecf2f2
    }
}

.jadwalItem.--active {
    background-color: #ecf2f2;
    color: var(--neutral-700-1)
}

.jadwalItem-label {
    font-size: 14px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

@media (min-width: 1000px) {
    .jadwalItem-label {
        -webkit-box-flex:initial;
        -ms-flex: initial;
        flex: initial;
        text-align: left
    }
}

.jadwalItem-time {
    font-size: 20px;
    font-weight: 600;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

@media (min-width: 1000px) {
    .jadwalItem-time {
        -webkit-box-flex:initial;
        -ms-flex: initial;
        flex: initial;
        text-align: left
    }
}

.jadwalDetail-time {
    gap: 6px
}

.jadwalDetail-sholat,.jadwalDetail-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--neutral-200-1)
}

.jadwalDetail-sholat {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.jadwalDetail-titleTime {
    font-weight: 600
}

.jadwalDetail-label {
    background-color: var(--neutral-200);
    height: 40px;
    border-radius: 8px;
    font-size: 16px;
    color: var(--neutral-700);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 40px 0 20px;
    position: relative
}

.jadwalDetail-label:after {
    content: "";
    padding: 4px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.179 11.929L2.42903 20.679C2.18247 20.9256 1.84805 21.0641 1.49935 21.0641C1.15065 21.0641 0.816228 20.9256 0.569659 20.679C0.323091 20.4325 0.18457 20.098 0.18457 19.7493C0.18457 19.4006 0.323091 19.0662 0.569659 18.8197L8.39107 11.0004L0.571847 3.17903C0.449759 3.05695 0.352913 2.91201 0.286839 2.75249C0.220765 2.59297 0.186757 2.42201 0.186757 2.24935C0.186757 2.07669 0.220765 1.90572 0.286839 1.7462C0.352913 1.58669 0.449759 1.44175 0.571847 1.31966C0.693936 1.19757 0.838875 1.10073 0.998392 1.03465C1.15791 0.968578 1.32888 0.93457 1.50153 0.93457C1.67419 0.93457 1.84516 0.968578 2.00468 1.03465C2.16419 1.10073 2.30913 1.19757 2.43122 1.31966L11.1812 10.0697C11.3034 10.1917 11.4004 10.3367 11.4664 10.4964C11.5325 10.656 11.5664 10.8271 11.5662 10.9998C11.566 11.1725 11.5317 11.3435 11.4652 11.503C11.3988 11.6625 11.3015 11.8072 11.179 11.929Z' fill='%2336383A'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 6px;
    -webkit-filter: var(--filter-neutral-700);
    filter: var(--filter-neutral-700);
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: rotate(90deg) translateX(-50%);
    transform: rotate(90deg) translateX(-50%)
}

.jadwalTime {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 64px;
    height: 56px;
    border: 1px solid var(--neutral-200-1);
    border-radius: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0
}

.jadwalTime-h,.jadwalTime-m {
    font-size: 20px;
    font-weight: 600
}

.wBox-title {
    position: relative;
    text-align: center;
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--br-gray-bold);
    height: 55px
}

.wBox-title img {
    -webkit-filter: var(--img-grayscale);
    filter: var(--img-grayscale)
}

.wBox-title:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 35%;
    height: 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: -webkit-gradient(linear,left top,right top,from(#8e54a2),to(#ecca1d));
    background: linear-gradient(90deg,#8e54a2,#ecca1d)
}

.wBox-titleLogo {
    position: relative;
    z-index: 2;
    height: 78px;
    overflow: hidden
}

.wBox-titleLogo img {
    position: absolute;
    max-width: none;
    width: auto;
    height: 224px;
    left: 50%;
    top: 0;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2
}

.wBox-kanal {
    background: var(--bg-warticle)
}

.wBox-kanalList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wBox-kanalHeading {
    text-align: center;
    padding: 10px 10px 0;
    margin-top: 0;
    margin-bottom: 15px;
    color: var(--cl-main)
}

.wBox-kanalItem {
    text-align: center;
    padding: 0 2px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    min-height: 76px
}

.wBox-kanalItem img {
    max-height: 30px
}

.wBox-kanalTitle {
    font-size: 14px;
    color: var(--cl-main)
}

.wBox-content {
    background: var(--bg-warticle)
}

.wBox-latest {
    padding-top: 20px
}

.wBox .article__list {
    background: var(--bg-warticle);
    padding: 0 10px;
    overflow: hidden
}

.wBox .article__list:after {
    width: calc(100% - 20px)
}

.wBox .article__list:last-child:after {
    border-bottom: transparent
}

.wBox .article__list__asset {
    width: auto;
    background: var(--bg-warticle);
    padding-right: 10px
}

.wBox .article__list__asset .article__asset {
    height: 85px;
    width: 85px
}

.wBox .article__list__asset .article__asset img {
    margin-left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: 85px;
    width: 85px
}

.wBox .article__list__title {
    height: 80px
}

.wBox .article__title--medium {
    font-size: 16px
}

.wBox-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: #fff
}

.wBox-bg img {
    position: absolute;
    max-width: none;
    width: 100%;
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2
}

.wBox-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem 0
}

.wBox-img {
    position: relative;
    overflow: hidden;
    background-color: #f8f8f8;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 72px;
    flex-basis: 72px;
    width: 72px;
    height: 72px;
    margin-right: .75rem
}

.wBox-img img {
    width: 100%
}

.wBox-newsTitle {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    height: auto;
    max-height: 63px;
    overflow: hidden
}

.wBox-newsTitle>a {
    display: block
}

.wBox-newsTitle>a:hover {
    color: #3fb0c0
}

.wBox--sonora {
    margin-top: 30px
}

.wBox--euro2020 {
    position: relative;
    margin-top: 30px
}

.wBox--euro2020 .wBox-content {
    position: relative;
    z-index: 2;
    padding: 0 1rem 1rem;
    background: transparent
}

.wBox--euro2020 .wBox-latest {
    background: #fff;
    position: relative;
    border-radius: 5px;
    padding: .75rem 1rem
}

.wBox--vaksin {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background-color: #042c3b;
    margin: 20px 0
}

.wBox--vaksin .wBox-bg img {
    -webkit-filter: brightness(.8) contrast(1.2);
    filter: brightness(.8) contrast(1.2);
    -o-object-position: left;
    object-position: left
}

.wBox--vaksin .wBox-content {
    position: relative;
    z-index: 2;
    padding: .5rem 1rem .5rem 220px;
    background: transparent
}

.wBox--vaksin .wBox-content p {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: #fff
}

.wBox--vaksin .wBox-content a {
    font-weight: 700;
    word-break: break-word;
    color: #00bb97
}

.wBox--seagames2022 {
    position: relative;
    margin-top: 30px
}

.wBox--seagames2022 .wBox-titleLogo img {
    width: 100%;
    height: auto;
    top: unset;
    left: unset;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.wBox--seagames2022 .wBox-content {
    position: relative;
    z-index: 2;
    padding: 0 1rem 1rem;
    background: transparent
}

.wBox--seagames2022 .wBox-latest {
    background: #fff;
    position: relative;
    border-radius: 5px;
    padding: .75rem 1rem
}

.wBox--seagames2022 .wBox-titleBrand {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 70px;
    height: 30px
}

.wArticle-box {
    background: var(--bg-warticle);
    border-radius: 8px;
    position: relative;
    padding: 4px 25px;
    margin: 20px 0
}

.wArticle-box a {
    font-weight: 700
}

.infografisList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.infografisList .articleItem-img {
    aspect-ratio: 1;
    border-radius: 100%;
    max-width: 180px;
    margin: 0 auto
}

.infografisList .articleItem-img:before {
    padding-top: 0
}

.infografisList .articleItem .articleTitle {
    text-align: center
}

.popup-kcmplus {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    max-width: 900px;
    aspect-ratio: 2/1
}

@media (min-width: 1440px) {
    .popup-kcmplus {
        max-width:1120px
    }
}

.popup-kcmplusWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.popup-kcmplusDetail {
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 35px;
    background: transparent
}

.popup-kcmplusImg {
    min-width: 231px;
    min-height: 462px
}

.popup-kcmplusImg img {
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.popup-kcmplus-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0,0,0,.5);
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    background-blend-mode: soft-light;
    backdrop-filter: blur(17.5px)
}

.popup-kcmplus .popup-close {
    position: absolute;
    top: -12px;
    right: -12px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.25);
    box-shadow: 0 0 4px rgba(0,0,0,.25);
    outline: none;
    border: none;
    background-color: transparent;
    padding: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    cursor: pointer
}

.popup-kcmplus .icoClosePopup {
    width: 25px;
    height: 25px;
    background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12.5" cy="12.5" r="10.5" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 25C19.4036 25 25 19.4036 25 12.5C25 5.59644 19.4036 0 12.5 0C5.59644 0 0 5.59644 0 12.5C0 19.4036 5.59644 25 12.5 25ZM7.88846 17.8802L7.11982 17.1116L11.7314 12.5L7.11982 7.88843L7.88846 7.11983L12.5 11.7314L17.1115 7.11983L17.8802 7.88843L13.2686 12.5L17.8802 17.1116L17.1115 17.8802L12.5 13.2686L7.88846 17.8802Z" fill="white"/></svg>')
}

.popup-kcmplus .popup-button {
    outline: none;
    width: 292px;
    padding: 14px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border-radius: 10px;
    font-weight: 700;
    font-size: 24px;
    background: var(--cl-kompas);
    color: var(--cl-white);
    border: 1px solid var(--cl-kompas);
    margin: 28px auto 0;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

.popup-kcmplus .popup-button:hover {
    background: #0062cc
}

body {
    --of-bg: #fff;
    --of-otxt: #3e3e3e;
    --of-sml: #6c6f75;
    --of-b: #eaecf0;
    --of-btn: #0f79c6;
    --of-c: invert(53%) sepia(53%) saturate(690%) hue-rotate(165deg) brightness(99%) contrast(90%);
    --of-op: 1;
    --of-drk: 0;
    --of-lig: 1
}

body.theme-dark {
    --of-bg: #232426;
    --of-otxt: hsla(0,0%,100%,.87);
    --of-sml: hsla(0,0%,100%,.87);
    --of-b: #454545;
    --of-btn: #39a3f0;
    --of-c: invert(25%) sepia(77%) saturate(2254%) hue-rotate(188deg) brightness(102%) contrast(88%);
    --of-op: .1;
    --of-drk: 1;
    --of-lig: 0
}

@media (prefers-color-scheme: dark) {
    body {
        --of-bg:#232426;
        --of-otxt: hsla(0,0%,100%,.87);
        --of-sml: hsla(0,0%,100%,.87);
        --of-b: #454545;
        --of-btn: #39a3f0;
        --of-c: invert(25%) sepia(77%) saturate(2254%) hue-rotate(188deg) brightness(102%) contrast(88%);
        --of-op: .1;
        --of-drk: 1;
        --of-lig: 0
    }

    body.theme-light {
        --of-bg: #fff;
        --of-otxt: #3e3e3e;
        --of-sml: #6c6f75;
        --of-b: #eaecf0;
        --of-btn: #0f79c6;
        --of-c: invert(53%) sepia(53%) saturate(690%) hue-rotate(165deg) brightness(99%) contrast(90%);
        --of-op: 1;
        --of-drk: 0;
        --of-lig: 1
    }
}

.plusBanner {
    background: #ebf6fe;
    padding: 0 16px;
    height: 52px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.plusBanner,.plusBanner-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.plusBanner-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    width: 1100px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px
}

.plusBanner-title {
    letter-spacing: -.01em;
    color: #2c3138
}

.plusBanner-cta,.plusBanner-title {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 16px
}

.plusBanner-cta {
    letter-spacing: .01em;
    text-decoration: underline;
    color: #0f79c6
}

.plusBanner-cta a:hover {
    color: #0f79c6;
    text-decoration: none
}

.plusBanner-button {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 12px;
    top: calc(50% - 10px);
    padding: 0
}

.plusBanner-button .icoDismiss {
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-filter: invert(64%) sepia(0) saturate(0) hue-rotate(12deg) brightness(96%) contrast(90%);
    filter: invert(64%) sepia(0) saturate(0) hue-rotate(12deg) brightness(96%) contrast(90%);
    background-size: 12px
}

.plusPopup {
    position: relative
}

.plusPopup-wrapper {
    margin: 83px -24px 0;
    padding: 0 24px;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 32px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.plusPopup-bg {
    position: absolute;
    right: -130px;
    bottom: -1.375em;
    pointer-events: none;
    opacity: var(--of-op)
}

.plusPopup-col {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    margin-top: -60px
}

.plusPopup-col:first-child {
    margin-top: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 500px;
    flex-basis: 500px
}

.plusPopup-col.-w100 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 0
}

.plusPopup-header {
    position: relative;
    margin: 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 4px
}

.plusPopup-header:after,.plusPopup-header:before {
    content: "";
    position: absolute;
    bottom: -27px;
    width: 160px;
    border-bottom: 2px solid #005180;
    z-index: 1;
    left: 0
}

.plusPopup-header:after {
    z-index: 2;
    left: 160px;
    border-bottom: 2px solid #e26128
}

.plusPopup-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: var(--cl-txt)
}

.plusPopup-lead {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: var(--cl-gray-med)
}

.plusPopup-promo {
    position: relative;
    padding: 0
}

.plusPopup-promo h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 24px;
    color: var(--of-otxt)
}

.plusPopup-promo p {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: var(--cl-gray-med)
}

.plusPopup-promo h3 {
    font-size: 120px;
    font-weight: 700;
    line-height: 120px;
    letter-spacing: -.025em;
    text-align: left;
    color: var(--cl-txt)
}

.plusPopup-promo ul {
    position: relative;
    margin: 0;
    list-style: none;
    padding: 0 16px
}

.plusPopup-promo ul li {
    position: relative;
    margin: 8px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    padding-left: 24px;
    color: var(--of-otxt)
}

.plusPopup-promo ul li:last-child {
    margin: 8px 0 0
}

.plusPopup-promo ul li:before {
    position: absolute;
    content: "";
    top: 4px;
    left: 0;
    width: 14px;
    height: 11px;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' fill='none'%3E%3Cpath fill='%23000' d='m4.104 8.116-2.648-2.53L0 6.979l3.494 3.338.004-.004.638.61L14 1.496 12.516.078 4.104 8.116Z'/%3E%3C/svg%3E");
    -webkit-filter: var(--of-c);
    filter: var(--of-c)
}

.plusPopup-footer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.plusPopup-footnote {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: center;
    padding: 12px 0;
    color: var(--of-sml)
}

#kgmModal-offering {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0
}

#kgmModal-offering .kgmModal-block {
    width: 100%;
    border-radius: 0;
    background: var(--of-bg);
    overflow: initial
}

#kgmModal-offering .kgmModal-header {
    position: absolute;
    width: 100%;
    margin: -16px -24px 0;
    padding: 16px 24px 0;
    background: transparent
}

#kgmModal-offering .kgmModal-close {
    position: absolute;
    right: calc((100% - 1100px) / 2);
    top: -100px;
    z-index: 2;
    width: 64px;
    height: 48px;
    -webkit-filter: none;
    filter: none;
    background-image: none
}

#kgmModal-offering .kgmModal-close:before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    background: var(--of-bg);
    border-radius: 50%;
    z-index: -1
}

#kgmModal-offering .kgmModal-close:after {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 10px;
    height: 10px;
    position: relative;
    cursor: pointer;
    border: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath fill='%23000' d='M13.067 12.183a.625.625 0 0 1-.884.884L7 7.884l-5.183 5.183a.625.625 0 0 1-.884-.884L6.116 7 .933 1.817a.625.625 0 1 1 .884-.884L7 6.116 12.183.933a.625.625 0 1 1 .884.884L7.884 7l5.183 5.183Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-filter: var(--ot-filter-2);
    filter: var(--ot-filter-2)
}

#kgmModal-offering .kgmModal-header-inner {
    height: auto;
    margin-top: 26px
}

#kgmModal-offering .kgmModal-header-logo {
    width: 1100px;
    padding: 0 15px;
    margin: 0 auto;
    max-width: none;
    position: relative
}

#kgmModal-offering .kgmModal-header-logo img {
    height: 35px;
    -webkit-filter: none;
    filter: none;
    opacity: var(--of-lig)
}

#kgmModal-offering .kgmModal-header-logo img.dark {
    position: absolute;
    left: 15px;
    z-index: 1;
    opacity: var(--of-drk)
}

#kgmModal-offering .kgmModal-body {
    width: 1100px;
    margin: 0 auto;
    padding: 0 15px
}

#kgmModal-offering.kgmModal .button.-primary,#kgmModal-offering.kgmModal button.-primary,#kgmModal-offering.kgmModal input[type=submit].-primary {
    width: 275px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    background-color: var(--of-btn);
    border: 1px solid var(--of-btn);
    -webkit-box-shadow: none;
    box-shadow: none
}

body {
    --bg-bOrn: #94d8ee
}

body.theme-dark {
    --bg-bOrn: #646464
}

@media (prefers-color-scheme: dark) {
    body {
        --bg-bOrn:#646464
    }

    body.theme-light {
        --bg-bOrn: #94d8ee
    }
}

.wBook {
    position: relative;
    margin-top: 24px;
    margin-bottom: 27px;
    min-height: auto
}

.wBookBg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    overflow: hidden
}

.wBookBg:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -214px;
    left: -62px;
    background: var(--bg-bOrn);
    width: 843px;
    height: 276px;
    border-radius: 100%;
    opacity: .2;
    z-index: 0
}

.wBookHeading {
    display: inline-block;
    margin-left: 16px;
    margin-right: 16px;
    padding-bottom: 5px;
    border-bottom: 5px solid #3ca5dd;
    font: 700 20px/1.5 Roboto,sans-serif;
    color: var(--cl-txt,#333)
}

.wBookList {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 17px;
    gap: 12px;
    padding-bottom: 23px
}

.wBookList .buttonMeatball {
    position: absolute;
    z-index: 1;
    right: 2px;
    bottom: 7px
}

.wBookList .listPop {
    top: calc(100% - 8px);
    min-width: 165px
}

.wBookList.-loading .wBookImg {
    background: var(--bg-gray-med,#f0f0f0)
}

.wBookList.-loading .wBookImg>img {
    display: none
}

.wBookList.-loading .wBookAuthor,.wBookList.-loading .wBookPrice,.wBookList.-loading .wBookPrice--disc,.wBookList.-loading .wBookTitle {
    position: relative
}

.wBookList.-loading .wBookAuthor:before,.wBookList.-loading .wBookPrice--disc:before,.wBookList.-loading .wBookPrice:before,.wBookList.-loading .wBookTitle:before {
    content: "";
    position: absolute;
    background: var(--bg-gray-med,#f0f0f0);
    left: 0;
    top: 0
}

.wBookList.-loading .wBookTitle:after,.wBookList.-loading .wBookTitle:before {
    width: 100%;
    height: 28px
}

.wBookList.-loading .wBookTitle:after {
    content: "";
    position: absolute;
    background: var(--bg-gray-med,#f0f0f0);
    left: 0;
    bottom: 0
}

.wBookList.-loading .wBookPrice--disc:before,.wBookList.-loading .wBookPrice:before {
    width: 74px;
    height: 15px
}

.wBookList.-loading .wBookAuthor:before {
    width: 94px;
    height: 12px
}

.wBookItem {
    -ms-flex-preferred-size: 120px;
    flex-basis: 120px;
    margin: 0;
    border-radius: 10px;
    border: 1px solid rgba(0,96,174,.2);
    background: var(--bg-main,#fff);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1)
}

.wBookBlock,.wBookItem {
    display: block;
    position: relative
}

.wBookBlock {
    padding: 8px 7px 14px
}

.wBookContent {
    margin-top: 12px;
    font: 400 14px/1 Roboto,sans-serif
}

.wBookAuthor {
    margin-bottom: 2px;
    color: #939597;
    font-size: 11px;
    height: 12px;
    -webkit-line-clamp: 1
}

.wBookAuthor,.wBookTitle {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.wBookTitle {
    color: var(--cl-txt);
    -webkit-line-clamp: 2;
    margin: 0 0 5px;
    font-weight: 700;
    height: 34px;
    line-height: 120%
}

.wBookPrice {
    margin-top: 2px;
    color: #939597;
    font-size: 12px;
    text-decoration: line-through;
    min-height: 15px
}

.wBookPrice--disc {
    min-height: 15px;
    font-weight: 700;
    color: #0060ae
}

.wBookImg {
    position: relative;
    width: auto;
    height: 105px;
    overflow: hidden
}

.wBookImg img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

body {
    --txt-link: #0f79c6
}

body.theme-dark {
    --txt-link: #3ca5dd
}

@media (prefers-color-scheme: dark) {
    body {
        --txt-link:#3ca5dd
    }

    body.theme-light {
        --txt-link: #0f79c6
    }
}

.kompasidRec {
    margin-top: 16px;
    margin-bottom: 16px
}

.kompasidRec__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 65px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-left: 12px;
    border-left: 1px solid #dabc50
}

.kompasidRec__art {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 12px
}

.kompasidRec__title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--cl-main)
}

.kompasidRec__subs {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: var(--txt-link)
}

.kompasidRec__img {
    position: relative;
    width: 60px;
    padding-top: 60px;
    overflow: hidden;
    border-radius: 8px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    background: var(--bg-gray-med)
}

.kompasidRec__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.kompasidRec__link {
    margin-left: 2px;
    width: 12px;
    height: 12px;
    background-size: auto 12px;
    vertical-align: text-top;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M14.625 3a.75.75 0 0 0 0 1.5h3.814l-5.472 5.472a.75.75 0 0 0 1.06 1.061L19.5 5.561v3.814a.75.75 0 1 0 1.5 0V3.75a.75.75 0 0 0-.75-.75L14.624 3ZM11.25 6.75a.75.75 0 0 1-.75.75h-6v12h12v-6a.75.75 0 1 1 1.5 0v6a1.502 1.502 0 0 1-1.5 1.5h-12A1.501 1.501 0 0 1 3 19.5v-12A1.502 1.502 0 0 1 4.5 6h6a.75.75 0 0 1 .75.75Z'/%3E%3C/mask%3E%3Cpath fill='%232D355C' d='M14.625 3a.75.75 0 0 0 0 1.5h3.814l-5.472 5.472a.75.75 0 0 0 1.06 1.061L19.5 5.561v3.814a.75.75 0 1 0 1.5 0V3.75a.75.75 0 0 0-.75-.75L14.624 3ZM11.25 6.75a.75.75 0 0 1-.75.75h-6v12h12v-6a.75.75 0 1 1 1.5 0v6a1.502 1.502 0 0 1-1.5 1.5h-12A1.501 1.501 0 0 1 3 19.5v-12A1.502 1.502 0 0 1 4.5 6h6a.75.75 0 0 1 .75.75Z'/%3E%3Cpath fill='%23000' d='M14.625 3v1.8V3Zm0 1.5v1.8-1.8Zm3.814 0V2.7l4.345.001-3.072 3.072L18.439 4.5Zm-5.472 5.472L11.694 8.7l1.273 1.272Zm1.06 1.061L12.756 9.76l1.273 1.273ZM19.5 5.561l-1.273-1.273 3.072-3.072v4.345h-1.8Zm0 3.814h1.8-1.8Zm1.5 0h-1.8H21Zm0 0h1.8H21Zm0-5.624h-1.8H21ZM20.25 3V1.2 3ZM4.5 7.5H2.7V5.7h1.8v1.8Zm0 12v1.8H2.7v-1.8h1.8Zm12 0h1.8v1.8h-1.8v-1.8Zm1.5-6h-1.8H18Zm0 6h1.8v.002L18 19.5ZM16.5 21l.002 1.8H16.5V21Zm-12 0v1.8h-.002L4.5 21ZM3 19.5l-1.8.002V19.5H3Zm0-12H1.2v-.002L3 7.5ZM4.5 6l-.002-1.8H4.5V6Zm10.125-1.2c.278 0 .545-.11.742-.307l-2.545-2.546a2.55 2.55 0 0 1 1.803-.747v3.6Zm.742-.307a1.05 1.05 0 0 0 .308-.743h-3.6c0-.677.269-1.325.747-1.803l2.545 2.546Zm.308-.743c0-.278-.11-.545-.307-.742l-2.546 2.545a2.55 2.55 0 0 1-.747-1.803h3.6Zm-.307-.742a1.05 1.05 0 0 0-.743-.308v3.6a2.55 2.55 0 0 1-1.803-.747l2.546-2.545Zm-.743-.308h3.814v3.6h-3.814V2.7Zm5.087 3.073-5.472 5.472L11.694 8.7l5.472-5.472 2.546 2.545Zm-5.472 5.472a1.05 1.05 0 0 0 .307-.742h-3.6c0-.676.269-1.325.747-1.803l2.546 2.545Zm.307-.742c0-.279-.11-.546-.307-.743l-2.546 2.546a2.55 2.55 0 0 1-.747-1.803h3.6Zm-.307-.743a1.05 1.05 0 0 0-.743-.307v3.6a2.55 2.55 0 0 1-1.803-.747L14.24 9.76Zm-.743-.307c-.278 0-.545.11-.742.307l2.546 2.546a2.55 2.55 0 0 1-1.804.747v-3.6Zm-.742.307 5.472-5.472 2.545 2.546-5.471 5.472-2.546-2.546Zm8.544-4.199.001 3.814h-3.6V5.561h3.6Zm.001 3.814c0-.278-.11-.546-.308-.742l-2.545 2.545a2.55 2.55 0 0 1-.747-1.803h3.6Zm-.308-.742a1.05 1.05 0 0 0-.742-.308v3.6a2.55 2.55 0 0 1-1.803-.747l2.546-2.545Zm-.742-.308c-.279 0-.546.11-.742.308l2.545 2.545a2.55 2.55 0 0 1-1.803.747v-3.6Zm-.742.308a1.05 1.05 0 0 0-.308.742h3.6a2.55 2.55 0 0 1-.747 1.803l-2.546-2.545Zm-.308.742h3.6-3.6Zm0 0V3.751h3.6v5.624h-3.6Zm0-5.624c0 .278.11.545.307.742l2.545-2.545A2.55 2.55 0 0 1 22.8 3.75h-3.6Zm.307.742c.197.197.464.308.742.308V1.2a2.55 2.55 0 0 1 1.803.747l-2.545 2.545Zm.742.308L14.625 4.8V1.2h5.625v3.6ZM13.05 6.75a2.55 2.55 0 0 1-.747 1.803L9.758 6.008a1.05 1.05 0 0 0-.308.742h3.6Zm-.747 1.803A2.55 2.55 0 0 1 10.5 9.3V5.7c-.278 0-.546.11-.742.308l2.545 2.545ZM10.5 9.3h-6V5.7h6v3.6ZM6.3 7.5v12H2.7v-12h3.6ZM4.5 17.7h12v3.6h-12v-3.6Zm10.2 1.8v-6h3.6v6h-3.6Zm0-6c0-.676.269-1.325.747-1.803l2.546 2.546a1.05 1.05 0 0 0 .307-.743h-3.6Zm.747-1.803a2.55 2.55 0 0 1 1.803-.747v3.6c.279 0 .546-.11.742-.308l-2.545-2.545Zm1.803-.747a2.55 2.55 0 0 1 1.803.747l-2.546 2.546c.197.196.464.307.743.307v-3.6Zm1.803.747A2.55 2.55 0 0 1 19.8 13.5h-3.6c0 .278.11.546.308.742l2.545-2.545ZM19.8 13.5v6h-3.6v-6h3.6Zm0 6.002a3.302 3.302 0 0 1-.967 2.331l-2.546-2.546a.298.298 0 0 0-.087.211l3.6.004Zm-.967 2.331a3.302 3.302 0 0 1-2.331.967l-.004-3.6a.298.298 0 0 0-.21.087l2.545 2.546ZM16.5 22.8h-12v-3.6h12v3.6Zm-12.002 0a3.302 3.302 0 0 1-2.331-.967l2.546-2.546a.298.298 0 0 0-.211-.087l-.004 3.6Zm-2.331-.967a3.302 3.302 0 0 1-.967-2.331l3.6-.004a.298.298 0 0 0-.087-.21l-2.546 2.545ZM1.2 19.5v-12h3.6v12H1.2Zm0-12.002a3.302 3.302 0 0 1 .967-2.331l2.546 2.546a.298.298 0 0 0 .087-.211l-3.6-.004Zm.967-2.331A3.302 3.302 0 0 1 4.498 4.2l.004 3.6a.298.298 0 0 0 .21-.087L2.168 5.167ZM4.5 4.2h6v3.6h-6V4.2Zm6 0a2.55 2.55 0 0 1 1.803.747L9.758 7.492c.196.197.464.308.742.308V4.2Zm1.803.747a2.55 2.55 0 0 1 .747 1.803h-3.6c0 .278.11.546.308.742l2.545-2.545Z' mask='url(%23a)'/%3E%3C/svg%3E");
    -webkit-filter: invert(65%) sepia(45%) saturate(0) hue-rotate(235deg) brightness(90%) contrast(73%);
    filter: invert(65%) sepia(45%) saturate(0) hue-rotate(235deg) brightness(90%) contrast(73%)
}

.ads-box-wrap:before,.ads-partner-wrap:before,.kcm__articleList:before,.kcm__big:before,.kcm__horizontal:before,.kcm__middle:before,.kcm__rectangle:before,.kcm__stick--left:before,.kcm__stick--right:before,.kcm__sticky:before,.kcm__superbig:before,.kcm__top:before,.kcm__tower:before,.kid-wrap-1:before,.kid-wrap:before,.mgid-wrap:before,.native-wrap:before,.popin-wrap:before,.vpaid-wrap:before {
    background-color: var(--bg-place);
    content: "Advertisement";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    font-size: 11px;
    line-height: 1;
    color: #c8ccce;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.kcm__top {
    width: 1070px;
    min-height: 252px
}

.kcm__top:before {
    content: ""
}

.kcm__big {
    width: 300px;
    height: 600px;
    background-color: var(--bg-place)
}

.kcm__rectangle {
    width: 300px;
    min-height: 250px
}

.kcm__horizontal {
    min-height: 60px;
    max-height: 160px
}

.kcm__horizontal:before {
    background-color: transparent
}

.kcm__superbig {
    margin: 30px 0;
    width: 1070px;
    min-height: 250px;
    padding: 0
}

.kcm__tower {
    width: 160px;
    min-height: 600px
}

.kcm__tower--sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 108px
}

.kcm__middle {
    min-width: 468px;
    min-height: 60px;
    padding: 0;
    margin: 15px 0 10px
}

.kcm__track {
    position: relative;
    width: 300px;
    height: 600px;
    background-color: var(--bg-place)
}

.kcm__sticky {
    top: 58px;
    width: 300px;
    min-height: 250px
}

.kcm__sticky,.kcm__sticky__top {
    position: sticky;
    position: -webkit-sticky
}

.kcm__sticky__top {
    top: 170px
}

.breakingnews+.row>div>.kcm__top>.kcm__sticky__top {
    top: 230px
}

.page--read .kcm__sticky {
    top: 108px
}

.kid-wrap {
    position: relative;
    width: 100%;
    min-height: 126px
}

.kid-wrap:before {
    content: ""
}

.kid-wrap-1 {
    width: 100%;
    z-index: 1;
    position: relative;
    min-height: 156px
}

.kcm__articleList {
    position: relative;
    width: 100%;
    height: 120px;
    overflow: hidden;
    margin: 0 0 15px
}

.kcm__articleList>div {
    background: #fff
}

.ivs-wrap-wp {
    position: relative;
    padding-top: 56.25%
}

.ivs-wrap-wp #ivsplayer01-container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.ivs-wrap {
    position: relative;
    margin: 20px 0;
    padding-top: calc(56.25% + 120px);
    background: var(--bg-adsbox)
}

.ivs-wrap #ivs-inject {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.native-wrap {
    position: relative;
    margin: 20px 0;
    padding-top: 64.10256%
}

.native-wrap>* {
    position: absolute;
    max-width: none;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2
}

.vpaid-wrap {
    position: relative;
    margin: 15px 0;
    padding-top: 45.45455%
}

.vpaid-wrap>* {
    position: absolute;
    max-width: none;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2
}

.mgid-wrap,.popin-wrap {
    position: relative;
    width: 740px;
    margin-top: 20px
}

.mgid-wrap>iframe,.popin-wrap>iframe {
    background: var(--bg-adsbox)
}

.ads-partner-wrap {
    position: relative;
    width: 740px;
    margin-top: 20px
}

.ads-partner-wrap:before {
    background-color: var(--bg-place)
}

.ads-partner-wrap>div,.ads-partner-wrap>iframe {
    background: var(--bg-adsbox)
}

.ads-box-wrap {
    width: 100%;
    margin: 20px 0;
    position: relative;
    z-index: 1
}

.mgid-wrap,.popin-wrap {
    min-height: 560px
}

.latest.theme--kilasdaerah {
    height: 342px;
    overflow: hidden
}

.info-banner~br,.native-wrap~br {
    display: none
}

#kilas-inject {
    min-height: 473px
}

.highlight .col-bs9-3 {
    min-height: 247px
}

#god-inject {
    min-height: 290px
}

.video-inject {
    min-height: 313px
}

.read__article .ads-partner-wrap {
    margin-top: 16px;
    margin-bottom: 20px
}

.read__article .ads-partner-wrap:before {
    background-color: var(--bg-place)
}

.trending__wrap .ads-partner-wrap {
    width: auto;
    z-index: 2
}

.trending__wrap .ads-partner-wrap:before {
    background-color: var(--bg-place)
}

.recommendation--small {
    margin-top: 20px
}

.-photoArticle .kcm__big:before {
    background-color: #262626!important
}

.w-info__content {
    color: var(--cl-main)
}

.w-header__content,.w-info__content a {
    color: var(--cl-parapuan-dark)!important
}

.kcm__articleList {
    min-height: 125px;
    height: auto
}

.kcm__articleList .article__list__title {
    height: auto;
    margin-bottom: 0;
    max-height: 105px
}

.kcm__articleList .article__list__asset {
    min-height: 130px
}

.kcm__articleList .article__title--medium {
    margin: 0 0 5px
}

.kcm__articleList .article__list {
    margin: 0
}

.-newlayout .article__play,.article__time--fixed:before,.article__title__play {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E")
}

.-newlayout .article__play,.article__time--fixed:before {
    -webkit-filter: invert(100%) sepia(0) saturate(31%) hue-rotate(59deg) brightness(106%) contrast(107%);
    filter: invert(100%) sepia(0) saturate(31%) hue-rotate(59deg) brightness(106%) contrast(107%)
}

.article__title__play {
    -webkit-filter: invert(46%) sepia(89%) saturate(3415%) hue-rotate(347deg) brightness(93%) contrast(94%);
    filter: invert(46%) sepia(89%) saturate(3415%) hue-rotate(347deg) brightness(93%) contrast(94%)
}

.-newlayout .col-bs9-6 .article__play {
    width: 80px;
    height: 80px
}

.-newlayout .article__grid .article__asset {
    padding-top: 56.25%
}

.-newlayout .article__grid .article__asset img,.-newlayout .article__list__asset .article__asset img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.-newlayout .article__box {
    margin: 12px 0 0;
    padding: 0
}

.-newlayout .article__box__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.-newlayout .article__boxsubtitle {
    position: relative;
    padding: 0 10px 0 0;
    display: inline-block;
    top: unset;
    margin-right: 8px
}

.-newlayout .article__boxsubtitle:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #383838;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.-newlayout .article__date {
    margin: 0
}

.-newlayout .article__grid .article__link {
    max-height: 65px;
    font-weight: 500
}

.-newlayout .article__grid .article__link,.-newlayout .article__lead {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.-newlayout .article__lead {
    max-height: 63px
}

.-newlayout .article__time--latest {
    top: calc(100% - 30px);
    padding: 2px 8px;
    border-radius: 8px
}

.-newlayout .article__time--latest:after,.-newlayout .article__time--latest:before {
    display: none
}

.-newlayout .article__play {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    z-index: 3;
    pointer-events: none;
    background-position: 50%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-color: transparent
}

.-newlayout .social__link--copy {
    background: #999;
    border: none
}

.-newlayout .copyBtn.copied:after {
    left: calc(-300% - 25px)
}

.-newlayout .copyBtn.copied:before {
    left: calc(-300% - 14px)
}

.-newlayout~.title .form__select__wrap {
    float: right;
    margin-top: 6px;
    width: 150px
}

.-newlayout~.title .form__select__wrap:after {
    right: 13px
}

.-newlayout .link-url {
    display: none
}

.-newlayout.title {
    z-index: 9
}

.-newlayout .article__subtitle--inline {
    position: relative;
    padding: 0 10px 0 0;
    margin-right: 4px
}

.-newlayout .article__subtitle--inline:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #383838;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.article__title__play {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -1px;
    position: relative
}

.article__time--fixed:before,.article__title__play {
    background-position: 50%;
    background-size: auto 100%;
    background-repeat: no-repeat
}

.article__time--fixed:before {
    background-color: transparent
}

.article__time--fixed:after {
    content: none
}

.-restricted .photoCarousel-item a {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.-restricted .cover-photo img,.-restricted .photo-infographic img,.-restricted .photoCarousel-img img,.-restricted .photo img,.-restricted .read__content iframe[src*="https://www.youtube.com/embed/"],.-restricted .read__header~iframe,.-restricted .video iframe {
    -webkit-filter: blur(15px);
    filter: blur(15px);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.-restricted .read__content h2,.-restricted .read__content h3,.-restricted .read__content ol li,.-restricted .read__content p,.-restricted .read__content ul li {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.-restricted .restricted {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 414px;
    height: auto;
    top: 50%;
    left: 215px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 8px;
    background: var(--bg-modal);
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16);
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    padding: 32px 56px;
    z-index: 2;
    backdrop-filter: blur(5px);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

@media (min-width: 1100px) {
    .-restricted .restricted {
        left:calc(50% - 80px);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

.-restricted .restricted.-hide {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.-restricted .restricted.-show {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.-restricted .restricted-img {
    width: 100%;
    height: 110px;
    margin: 10px 0;
    text-align: center
}

.-restricted .restricted-img img {
    height: 100%;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.-restricted .restricted-tag {
    color: #bf451f;
    font-size: 16px;
    font-weight: 600;
    margin: 18px 0 13px
}

.-restricted .restricted-subtitle {
    color: var(--cl-txt);
    font-size: 20px;
    font-weight: 700;
    margin: 0
}

.-restricted .restricted-lead {
    position: relative;
    text-align: center
}

.-restricted .restricted-lead p {
    color: var(--cl-modal-dark);
    font-size: 16px;
    margin: 16px 0
}

.-restricted .restricted-link {
    color: #fff;
    background: #007aff;
    border: 1px solid #007aff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 9px 10px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    height: 40px;
    font-weight: 700;
    font-size: 16px
}

.-restricted .restricted-link:hover {
    background-color: #006ee6
}

.-restricted .restricted-link-text,.-restricted .restricted-link-text:hover {
    color: #007aff;
    background: transparent;
    border: transparent
}

body {
    --bg-react-modal: #f3f3f3;
    --bg-react-icon: #c5c5c5;
    --cl-kompas: #007aff;
    --cl-list-title: #343232;
    --filter-gray: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%) contrast(82%);
    --filter-gray2: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%) contrast(82%);
    --bg-react-filter: invert(39%) sepia(0%) saturate(3369%) hue-rotate(355deg) brightness(95%) contrast(78%);
    --ico-like2: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.576 12.715h-4.047l.914-4.1a2.689 2.689 0 0 0-1.019-2.743l-.63-.47a2.01 2.01 0 0 0-2.946.6 49.836 49.836 0 0 1-4.242 6.45.752.752 0 0 0-.678-.43H5.753a.755.755 0 0 0-.753.75v11.785a.748.748 0 0 0 .753.75H9.93a.746.746 0 0 0 .733-.648A4.176 4.176 0 0 0 13.721 26h4.135c.685 0 1.359-.167 1.962-.489a4.143 4.143 0 0 0 1.497-1.354l4.11-6.14a3.4 3.4 0 0 0-1.09-4.817 3.436 3.436 0 0 0-1.76-.485ZM9.177 23.807h-2.67V13.521h2.67v10.286Zm14.995-6.621-4.11 6.139a2.64 2.64 0 0 1-2.206 1.175h-4.135a2.672 2.672 0 0 1-2.12-1.056l-.918-1.216v-7.703c1.574-1.322 3.814-4.9 5.47-7.776a.488.488 0 0 1 .333-.239.505.505 0 0 1 .405.09l.63.47a1.201 1.201 0 0 1 .451 1.219l-1.116 5.013a.747.747 0 0 0 .41.84.757.757 0 0 0 .325.073h4.987a1.927 1.927 0 0 1 1.69 1.01 1.904 1.904 0 0 1-.094 1.96h-.002Z' fill='%23666'/%3E%3Cpath d='M9.578 13.038H6v11.64h3.578l.894-1.791 3.13 2.238 6.71-.448 5.813-8.505-2.683-2.239h-5.814l.894-7.163-1.789-.895-2.236 2.686-4.025 5.372-.894-.895Z' fill='%23666'/%3E%3Cpath stroke='%23fff' d='M10.5 12v13'/%3E%3C/svg%3E");
    --ico-dislike2: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.55 19.285h4.046l-.914 4.1a2.689 2.689 0 0 0 1.019 2.743l.63.47a2.009 2.009 0 0 0 2.381.024 2 2 0 0 0 .565-.624 49.832 49.832 0 0 1 4.242-6.45.752.752 0 0 0 .678.43h4.175a.755.755 0 0 0 .753-.75V7.443a.749.749 0 0 0-.753-.75h-4.177a.746.746 0 0 0-.733.648A4.175 4.175 0 0 0 18.404 6h-4.135a4.162 4.162 0 0 0-3.459 1.843l-4.11 6.14A3.4 3.4 0 0 0 7.79 18.8c.532.317 1.14.485 1.76.485ZM22.947 8.193h2.67v10.286h-2.67V8.193ZM7.953 14.814l4.11-6.139A2.641 2.641 0 0 1 14.27 7.5h4.135a2.673 2.673 0 0 1 2.12 1.056l.918 1.216v7.703c-1.574 1.322-3.814 4.9-5.47 7.776a.489.489 0 0 1-.333.239.505.505 0 0 1-.405-.09l-.63-.47a1.201 1.201 0 0 1-.451-1.219l1.116-5.013a.746.746 0 0 0-.41-.84.756.756 0 0 0-.325-.073H9.547a1.927 1.927 0 0 1-1.69-1.01 1.905 1.905 0 0 1 .093-1.96h.003Z' fill='%23666'/%3E%3Cpath d='M22.547 18.962h3.578V7.322h-3.578l-.894 1.791-3.13-2.238-6.71.448L6 15.828l2.683 2.239h5.814l-.894 7.163 1.789.895 2.236-2.686 4.025-5.372.894.895Z' fill='%23666'/%3E%3Cpath stroke='%23fff' d='M21.625 20V6'/%3E%3C/svg%3E");
    --bg-close: currentColor;
    --filter-close: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%) contrast(82%);
    --bg-stop-rec: #f8f8f8;
    --br-stop-rec: #dfdfdf;
    --cl-stop-rec: #8b8b8b
}

body.theme-dark {
    --bg-react-modal: #262626;
    --bg-react-icon: hsla(0,0%,100%,.87);
    --cl-kompas: #007aff;
    --cl-list-title: hsla(0,0%,100%,.87);
    --filter-gray: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%) contrast(100%);
    --filter-gray2: invert(68%) sepia(0%) saturate(2%) hue-rotate(164deg) brightness(90%) contrast(89%);
    --bg-react-filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(312deg) brightness(101%) contrast(101%);
    --ico-like2: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.576 12.715h-4.047l.914-4.1a2.689 2.689 0 0 0-1.019-2.743l-.63-.47a2.01 2.01 0 0 0-2.946.6 49.836 49.836 0 0 1-4.242 6.45.752.752 0 0 0-.678-.43H5.753a.755.755 0 0 0-.753.75v11.785a.748.748 0 0 0 .753.75H9.93a.746.746 0 0 0 .733-.648A4.176 4.176 0 0 0 13.721 26h4.135c.685 0 1.359-.167 1.962-.489a4.143 4.143 0 0 0 1.497-1.354l4.11-6.14a3.4 3.4 0 0 0-1.09-4.817 3.436 3.436 0 0 0-1.76-.485ZM9.177 23.807h-2.67V13.521h2.67v10.286Zm14.995-6.621-4.11 6.139a2.64 2.64 0 0 1-2.206 1.175h-4.135a2.672 2.672 0 0 1-2.12-1.056l-.918-1.216v-7.703c1.574-1.322 3.814-4.9 5.47-7.776a.488.488 0 0 1 .333-.239.505.505 0 0 1 .405.09l.63.47a1.201 1.201 0 0 1 .451 1.219l-1.116 5.013a.747.747 0 0 0 .41.84.757.757 0 0 0 .325.073h4.987a1.927 1.927 0 0 1 1.69 1.01 1.904 1.904 0 0 1-.094 1.96h-.002Z' fill='%23999'/%3E%3Cpath d='M9.578 13.038H6v11.64h3.578l.894-1.791 3.13 2.238 6.71-.448 5.813-8.505-2.683-2.239h-5.814l.894-7.163-1.789-.895-2.236 2.686-4.025 5.372-.894-.895Z' fill='%23999'/%3E%3Cpath stroke='%23fff' d='M10.5 12v13'/%3E%3C/svg%3E");
    --ico-dislike2: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.55 19.285h4.046l-.914 4.1a2.689 2.689 0 0 0 1.019 2.743l.63.47a2.009 2.009 0 0 0 2.381.024 2 2 0 0 0 .565-.624 49.832 49.832 0 0 1 4.242-6.45.752.752 0 0 0 .678.43h4.175a.755.755 0 0 0 .753-.75V7.443a.749.749 0 0 0-.753-.75h-4.177a.746.746 0 0 0-.733.648A4.175 4.175 0 0 0 18.404 6h-4.135a4.162 4.162 0 0 0-3.459 1.843l-4.11 6.14A3.4 3.4 0 0 0 7.79 18.8c.532.317 1.14.485 1.76.485ZM22.947 8.193h2.67v10.286h-2.67V8.193ZM7.953 14.814l4.11-6.139A2.641 2.641 0 0 1 14.27 7.5h4.135a2.673 2.673 0 0 1 2.12 1.056l.918 1.216v7.703c-1.574 1.322-3.814 4.9-5.47 7.776a.489.489 0 0 1-.333.239.505.505 0 0 1-.405-.09l-.63-.47a1.201 1.201 0 0 1-.451-1.219l1.116-5.013a.746.746 0 0 0-.41-.84.756.756 0 0 0-.325-.073H9.547a1.927 1.927 0 0 1-1.69-1.01 1.905 1.905 0 0 1 .093-1.96h.003Z' fill='%23999'/%3E%3Cpath d='M22.547 18.962h3.578V7.322h-3.578l-.894 1.791-3.13-2.238-6.71.448L6 15.828l2.683 2.239h5.814l-.894 7.163 1.789.895 2.236-2.686 4.025-5.372.894.895Z' fill='%23999'/%3E%3Cpath stroke='%23fff' d='M21.625 20V6'/%3E%3C/svg%3E");
    --bg-close: #fff;
    --filter-close: none;
    --bg-stop-rec: #121211;
    --br-stop-rec: #272727;
    --cl-stop-rec: #aaa
}

@media (prefers-color-scheme: dark) {
    body {
        --bg-react-modal:#262626;
        --bg-react-icon: hsla(0,0%,100%,.87);
        --cl-kompas: #007aff;
        --cl-list-title: hsla(0,0%,100%,.87);
        --filter-gray: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%) contrast(100%);
        --filter-gray2: invert(68%) sepia(0%) saturate(2%) hue-rotate(164deg) brightness(90%) contrast(89%);
        --bg-react-filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(312deg) brightness(101%) contrast(101%);
        --ico-like2: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.576 12.715h-4.047l.914-4.1a2.689 2.689 0 0 0-1.019-2.743l-.63-.47a2.01 2.01 0 0 0-2.946.6 49.836 49.836 0 0 1-4.242 6.45.752.752 0 0 0-.678-.43H5.753a.755.755 0 0 0-.753.75v11.785a.748.748 0 0 0 .753.75H9.93a.746.746 0 0 0 .733-.648A4.176 4.176 0 0 0 13.721 26h4.135c.685 0 1.359-.167 1.962-.489a4.143 4.143 0 0 0 1.497-1.354l4.11-6.14a3.4 3.4 0 0 0-1.09-4.817 3.436 3.436 0 0 0-1.76-.485ZM9.177 23.807h-2.67V13.521h2.67v10.286Zm14.995-6.621-4.11 6.139a2.64 2.64 0 0 1-2.206 1.175h-4.135a2.672 2.672 0 0 1-2.12-1.056l-.918-1.216v-7.703c1.574-1.322 3.814-4.9 5.47-7.776a.488.488 0 0 1 .333-.239.505.505 0 0 1 .405.09l.63.47a1.201 1.201 0 0 1 .451 1.219l-1.116 5.013a.747.747 0 0 0 .41.84.757.757 0 0 0 .325.073h4.987a1.927 1.927 0 0 1 1.69 1.01 1.904 1.904 0 0 1-.094 1.96h-.002Z' fill='%23999'/%3E%3Cpath d='M9.578 13.038H6v11.64h3.578l.894-1.791 3.13 2.238 6.71-.448 5.813-8.505-2.683-2.239h-5.814l.894-7.163-1.789-.895-2.236 2.686-4.025 5.372-.894-.895Z' fill='%23999'/%3E%3Cpath stroke='%23fff' d='M10.5 12v13'/%3E%3C/svg%3E");
        --ico-dislike2: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.55 19.285h4.046l-.914 4.1a2.689 2.689 0 0 0 1.019 2.743l.63.47a2.009 2.009 0 0 0 2.381.024 2 2 0 0 0 .565-.624 49.832 49.832 0 0 1 4.242-6.45.752.752 0 0 0 .678.43h4.175a.755.755 0 0 0 .753-.75V7.443a.749.749 0 0 0-.753-.75h-4.177a.746.746 0 0 0-.733.648A4.175 4.175 0 0 0 18.404 6h-4.135a4.162 4.162 0 0 0-3.459 1.843l-4.11 6.14A3.4 3.4 0 0 0 7.79 18.8c.532.317 1.14.485 1.76.485ZM22.947 8.193h2.67v10.286h-2.67V8.193ZM7.953 14.814l4.11-6.139A2.641 2.641 0 0 1 14.27 7.5h4.135a2.673 2.673 0 0 1 2.12 1.056l.918 1.216v7.703c-1.574 1.322-3.814 4.9-5.47 7.776a.489.489 0 0 1-.333.239.505.505 0 0 1-.405-.09l-.63-.47a1.201 1.201 0 0 1-.451-1.219l1.116-5.013a.746.746 0 0 0-.41-.84.756.756 0 0 0-.325-.073H9.547a1.927 1.927 0 0 1-1.69-1.01 1.905 1.905 0 0 1 .093-1.96h.003Z' fill='%23999'/%3E%3Cpath d='M22.547 18.962h3.578V7.322h-3.578l-.894 1.791-3.13-2.238-6.71.448L6 15.828l2.683 2.239h5.814l-.894 7.163 1.789.895 2.236-2.686 4.025-5.372.894.895Z' fill='%23999'/%3E%3Cpath stroke='%23fff' d='M21.625 20V6'/%3E%3C/svg%3E");
        --bg-close: #fff;
        --filter-close: none;
        --bg-stop-rec: #121211;
        --br-stop-rec: #272727;
        --cl-stop-rec: #aaa
    }

    body.theme-light {
        --bg-react-modal: #f3f3f3;
        --bg-react-icon: #c5c5c5;
        --cl-kompas: #007aff;
        --cl-list-title: #343232;
        --filter-gray: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%) contrast(82%);
        --filter-gray2: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%) contrast(82%);
        --bg-react-filter: invert(39%) sepia(0%) saturate(3369%) hue-rotate(355deg) brightness(95%) contrast(78%);
        --ico-like2: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.576 12.715h-4.047l.914-4.1a2.689 2.689 0 0 0-1.019-2.743l-.63-.47a2.01 2.01 0 0 0-2.946.6 49.836 49.836 0 0 1-4.242 6.45.752.752 0 0 0-.678-.43H5.753a.755.755 0 0 0-.753.75v11.785a.748.748 0 0 0 .753.75H9.93a.746.746 0 0 0 .733-.648A4.176 4.176 0 0 0 13.721 26h4.135c.685 0 1.359-.167 1.962-.489a4.143 4.143 0 0 0 1.497-1.354l4.11-6.14a3.4 3.4 0 0 0-1.09-4.817 3.436 3.436 0 0 0-1.76-.485ZM9.177 23.807h-2.67V13.521h2.67v10.286Zm14.995-6.621-4.11 6.139a2.64 2.64 0 0 1-2.206 1.175h-4.135a2.672 2.672 0 0 1-2.12-1.056l-.918-1.216v-7.703c1.574-1.322 3.814-4.9 5.47-7.776a.488.488 0 0 1 .333-.239.505.505 0 0 1 .405.09l.63.47a1.201 1.201 0 0 1 .451 1.219l-1.116 5.013a.747.747 0 0 0 .41.84.757.757 0 0 0 .325.073h4.987a1.927 1.927 0 0 1 1.69 1.01 1.904 1.904 0 0 1-.094 1.96h-.002Z' fill='%23666'/%3E%3Cpath d='M9.578 13.038H6v11.64h3.578l.894-1.791 3.13 2.238 6.71-.448 5.813-8.505-2.683-2.239h-5.814l.894-7.163-1.789-.895-2.236 2.686-4.025 5.372-.894-.895Z' fill='%23666'/%3E%3Cpath stroke='%23fff' d='M10.5 12v13'/%3E%3C/svg%3E");
        --ico-dislike2: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.55 19.285h4.046l-.914 4.1a2.689 2.689 0 0 0 1.019 2.743l.63.47a2.009 2.009 0 0 0 2.381.024 2 2 0 0 0 .565-.624 49.832 49.832 0 0 1 4.242-6.45.752.752 0 0 0 .678.43h4.175a.755.755 0 0 0 .753-.75V7.443a.749.749 0 0 0-.753-.75h-4.177a.746.746 0 0 0-.733.648A4.175 4.175 0 0 0 18.404 6h-4.135a4.162 4.162 0 0 0-3.459 1.843l-4.11 6.14A3.4 3.4 0 0 0 7.79 18.8c.532.317 1.14.485 1.76.485ZM22.947 8.193h2.67v10.286h-2.67V8.193ZM7.953 14.814l4.11-6.139A2.641 2.641 0 0 1 14.27 7.5h4.135a2.673 2.673 0 0 1 2.12 1.056l.918 1.216v7.703c-1.574 1.322-3.814 4.9-5.47 7.776a.489.489 0 0 1-.333.239.505.505 0 0 1-.405-.09l-.63-.47a1.201 1.201 0 0 1-.451-1.219l1.116-5.013a.746.746 0 0 0-.41-.84.756.756 0 0 0-.325-.073H9.547a1.927 1.927 0 0 1-1.69-1.01 1.905 1.905 0 0 1 .093-1.96h.003Z' fill='%23666'/%3E%3Cpath d='M22.547 18.962h3.578V7.322h-3.578l-.894 1.791-3.13-2.238-6.71.448L6 15.828l2.683 2.239h5.814l-.894 7.163 1.789.895 2.236-2.686 4.025-5.372.894.895Z' fill='%23666'/%3E%3Cpath stroke='%23fff' d='M21.625 20V6'/%3E%3C/svg%3E");
        --bg-close: currentColor;
        --filter-close: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%) contrast(82%);
        --bg-stop-rec: #f8f8f8;
        --br-stop-rec: #dfdfdf;
        --cl-stop-rec: #8b8b8b
    }
}

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

.icoLike {
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cpath d='M22.6 12.7h-4l.9-4.1c.1-.5.1-1-.1-1.5s-.5-.9-.9-1.2l-.6-.5c-.3-.2-.6-.3-.9-.4h-.8c-.3.1-.5.2-.8.3-.2.2-.4.5-.6.7-1.2 2.3-2.7 4.4-4.2 6.4l-.3-.3c-.1-.1-.3-.1-.4-.1H5.8c-.2 0-.4.1-.5.2-.2.2-.3.4-.3.6v11.8c0 .2.1.4.2.5.1.1.3.2.5.2h4.2c.2 0 .4-.1.5-.2.1-.1.2-.3.2-.5.4.4.9.8 1.4 1 .5.2 1.1.4 1.7.4h4.1c.7 0 1.4-.2 2-.5.6-.3 1.1-.8 1.5-1.4l4.1-6.1c.3-.5.5-1.1.6-1.7 0-.6-.1-1.2-.4-1.8s-.7-1-1.3-1.3c-.5-.3-1.1-.5-1.7-.5zM9.2 23.8H6.5V13.5h2.7v10.3zm15-6.6-4.1 6.1c-.2.4-.6.7-1 .9-.4.2-.8.3-1.3.3h-4.1c-.4 0-.8-.1-1.2-.3-.4-.2-.7-.4-.9-.8l-.9-1.2v-7.7c1.6-1.3 3.8-4.9 5.5-7.8 0-.1.1-.1.1-.2.1 0 .1-.1.2-.1h.2c.1 0 .1 0 .2.1l.6.5c.2.1.3.3.4.5.1.3.1.6.1.8l-1.1 5v.3c0 .1.1.2.1.3.1.1.2.2.3.2.1 0 .2.1.3.1h5c.3 0 .7.1 1 .3.3.2.5.4.7.7.2.3.2.6.2 1s-.1.7-.3 1z'/%3E%3C/svg%3E")
}

.buttonLike.-active .icoLike,.icoLike--fill {
    background-image: var(--ico-like2);
    -webkit-filter: none;
    filter: none
}

.icoDislike {
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cpath d='M8.4 19.3h4l-.9 4.1c-.1.5-.1 1 .1 1.5s.5.9.9 1.2l.6.5c.2.2.5.3.8.4s.6.1.8 0c.3-.1.5-.2.8-.3l.6-.6c1.2-2.3 2.7-4.4 4.2-6.4l.3.3c.1.1.3.1.4.1h4.2c.2 0 .4-.1.5-.2.1-.1.2-.3.2-.5v-12c0-.2-.1-.4-.2-.5-.1-.1-.3-.2-.5-.2H21c-.2 0-.4.1-.5.2-.1.1-.2.3-.2.5-.4-.4-.9-.8-1.4-1-.5-.3-1-.4-1.6-.4h-4.1c-.7 0-1.4.2-2 .5s-1.1.8-1.5 1.4L5.6 14c-.4.5-.6 1.1-.6 1.7 0 .6.1 1.2.4 1.8s.7 1 1.3 1.3c.5.3 1.1.5 1.7.5zM21.8 8.2h2.7v10.3h-2.7V8.2zm-15 6.6 4.1-6.1c.2-.4.6-.7 1-.9s.8-.3 1.3-.3h4.1c.4 0 .8.1 1.2.3s.7.4.9.8l.9 1.2v7.7c-1.6 1.3-3.8 4.9-5.5 7.8 0 .1-.1.1-.1.2-.1 0-.1.1-.2.1h-.2c-.1 0-.1 0-.2-.1l-.6-.5c-.2-.1-.3-.3-.4-.5-.1-.2-.1-.5 0-.7l1.1-5v-.3c0-.1-.1-.2-.1-.3-.1-.1-.2-.2-.3-.2-.1 0-.2-.1-.3-.1h-5c-.3 0-.7-.1-1-.3-.3-.2-.5-.4-.7-.7-.2-.3-.2-.6-.2-1-.1-.5 0-.8.2-1.1z'/%3E%3C/svg%3E")
}

.buttonDislike.-active .icoDislike,.icoDislike--fill {
    background-image: var(--ico-dislike2);
    -webkit-filter: none;
    filter: none
}

.icoShare {
    padding: 0;
    background-size: auto 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='22' fill='none'%3E%3Cpath fill='%23000' d='M14.5 14a3.737 3.737 0 0 0-2.683 1.133l-4.321-2.778c.34-.872.34-1.84 0-2.711l4.321-2.779a3.745 3.745 0 1 0-.812-1.26L6.683 8.382a3.75 3.75 0 1 0 0 5.232l4.322 2.779a3.75 3.75 0 1 0 3.495-2.395Zm0-12a2.25 2.25 0 1 1 0 4.499 2.25 2.25 0 0 1 0-4.5ZM4 13.25a2.25 2.25 0 1 1 0-4.501 2.25 2.25 0 0 1 0 4.5ZM14.5 20a2.25 2.25 0 1 1 0-4.501 2.25 2.25 0 0 1 0 4.5Z'/%3E%3C/svg%3E")
}

.icoBookmark,.icoShare {
    width: 32px;
    height: 32px;
    background-position: 50%;
    background-repeat: no-repeat
}

.icoBookmark {
    background-size: auto 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none'%3E%3Cpath stroke='%23000' stroke-width='1.8' d='M1 7c0-2.828 0-4.243.879-5.121C2.757 1 4.172 1 7 1h4c2.828 0 4.243 0 5.121.879C17 2.757 17 4.172 17 7v6.828c0 2.683 0 4.024-.844 4.435-.845.41-1.9-.419-4.01-2.076l-.675-.531c-1.186-.932-1.78-1.398-2.471-1.398-.692 0-1.285.466-2.471 1.398l-.676.53c-2.11 1.658-3.164 2.487-4.009 2.077C1 17.853 1 16.51 1 13.828V7Z'/%3E%3C/svg%3E")
}

.buttonBookmark.-active .icoBookmark,.icoBookmark--fill {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none'%3E%3Cpath fill='%23000' stroke='%23000' stroke-width='1.8' d='M1 7c0-2.828 0-4.243.879-5.121C2.757 1 4.172 1 7 1h4c2.828 0 4.243 0 5.121.879C17 2.757 17 4.172 17 7v6.828c0 2.683 0 4.024-.844 4.435-.845.41-1.9-.419-4.01-2.076l-.675-.531c-1.186-.932-1.78-1.398-2.471-1.398-.692 0-1.285.466-2.471 1.398l-.676.53c-2.11 1.658-3.164 2.487-4.009 2.077C1 17.853 1 16.51 1 13.828V7Z'/%3E%3C/svg%3E");
    -webkit-filter: var(--filter-gray2);
    filter: var(--filter-gray2)
}

.icoComment {
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st1%7Bfill:none;stroke:%23000;stroke-width:1.8;stroke-linecap:round%7D%3C/style%3E%3Cpath d='M23 7H9c-1.1 0-2 .9-2 2v13.7c0 1.7 2 2.6 3.3 1.5l3.5-2.9c.4-.3.8-.5 1.3-.5H23c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2z' style='fill:none;stroke:%23000;stroke-width:1.8;stroke-linejoin:round'/%3E%3Cpath class='st1' d='M11.9 12.1h8.2M11.9 16.1h8.2'/%3E%3C/svg%3E")
}

.icoDismiss {
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 16 16M17 1 1 17' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")
}

.icoFacebook {
    background-color: #3b5998
}

.icoFacebook:after {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.857 3.49H9.5V.626A21.22 21.22 0 0 0 7.107.5C4.738.5 3.113 1.99 3.113 4.73v2.52H.5v3.2h2.613v8.05h3.206v-8.05h2.509l.4-3.2H6.319v-2.2c0-.925.25-1.558 1.538-1.558V3.49Z' fill='%23000'/%3E%3C/svg%3E")
}

.icoTwitter,.icoX {
    background-color: #000
}

.icoTwitter:after,.icoX:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath fill='%23000' d='M9.522 6.904 15.48 0h-1.412L8.895 5.995 4.765 0H0l6.247 9.065L0 16.305h1.412l5.461-6.33 4.363 6.33H16l-6.478-9.4ZM7.59 9.145l-.633-.903L1.92 1.06h2.168l4.064 5.796.633.903 5.283 7.535H11.9L7.589 9.145Z'/%3E%3C/svg%3E")
}

.icoWhatsapp {
    background-color: #25d366
}

.icoWhatsapp:after {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.573 11.297c-.223-.112-1.32-.65-1.524-.726-.204-.075-.353-.112-.5.112-.147.224-.576.726-.706.875-.13.15-.26.168-.483.056a6.09 6.09 0 0 1-1.797-1.108 6.724 6.724 0 0 1-1.241-1.545c-.13-.223-.014-.344.1-.455.114-.11.223-.26.335-.39a1.52 1.52 0 0 0 .223-.373.41.41 0 0 0-.019-.39c-.056-.113-.5-1.21-.688-1.657-.188-.446-.365-.376-.5-.383a8.41 8.41 0 0 0-.428-.008.82.82 0 0 0-.595.28 2.5 2.5 0 0 0-.781 1.86c.073.842.39 1.644.911 2.308a9.945 9.945 0 0 0 3.808 3.367c.415.18.84.336 1.272.47.455.138.936.168 1.405.088a2.302 2.302 0 0 0 1.506-1.06c.146-.334.191-.703.13-1.062-.056-.093-.2-.149-.428-.26v.001ZM9.5 16.854a7.41 7.41 0 0 1-3.777-1.034l-.271-.16-2.808.736.75-2.738-.176-.28A7.42 7.42 0 1 1 9.5 16.853Zm6.318-13.736A8.93 8.93 0 0 0 1.767 13.891L.5 18.517l4.733-1.24a8.921 8.921 0 0 0 9.228-.42 8.932 8.932 0 0 0 1.357-13.739Z' fill='%23000'/%3E%3C/svg%3E")
}

.icoLine {
    background-color: #00c300
}

.icoLine:after {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.955 8.875a.568.568 0 1 1 0 1.137h-1.582v1.016h1.582a.568.568 0 0 1 0 1.135H15.8a.57.57 0 0 1-.565-.567v-4.3a.57.57 0 0 1 .568-.568h2.151a.568.568 0 0 1 0 1.136h-1.581v1.01h1.582Zm-3.475 2.718a.567.567 0 0 1-.568.565.556.556 0 0 1-.46-.225l-2.2-2.99v2.65a.568.568 0 1 1-1.133 0v-4.3a.565.565 0 0 1 .556-.567.583.583 0 0 1 .446.229l2.219 3V7.293a.569.569 0 0 1 1.136 0l.004 4.3Zm-5.175 0a.567.567 0 0 1-1.134 0v-4.3a.567.567 0 0 1 1.134 0v4.3Zm-2.223.567h-2.15a.571.571 0 0 1-.568-.567v-4.3a.568.568 0 1 1 1.136 0v3.735h1.583a.568.568 0 0 1 0 1.135l-.001-.003Zm15.051-2.876c0-4.841-4.854-8.781-10.817-8.781S.5 4.44.5 9.28c0 4.337 3.849 7.97 9.045 8.66.352.074.832.233.954.532.084.318.095.65.034.973l-.148.919c-.041.27-.216 1.069.946.58a34.866 34.866 0 0 0 8.505-6.286 7.771 7.771 0 0 0 2.3-5.38' fill='%23000'/%3E%3C/svg%3E")
}

.icoTelegram {
    background-color: #2aabee
}

.icoTelegram:after {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9.375 12.263-.357 5.026a1.248 1.248 0 0 0 1-.483l2.4-2.29 4.966 3.637c.911.508 1.553.24 1.8-.838l3.26-15.275C22.733.694 21.957.167 21.07.497L1.9 7.83C.595 8.339.615 9.068 1.68 9.4l4.9 1.524L17.958 3.8c.535-.355 1.022-.158.622.2l-9.205 8.263Z' fill='%23000'/%3E%3C/svg%3E")
}

.icoCopyLink {
    background-color: #999
}

.icoCopyLink:after {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.5 12.5 6-6M11.5 13.658l-2.567 2.567a4.353 4.353 0 0 1-7.433-3.08c0-1.154.459-2.262 1.275-3.078L5.342 7.5M13.658 11.5l2.567-2.567a4.354 4.354 0 1 0-6.158-6.158L7.5 5.342' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.icoStop {
    width: 32px;
    height: 32px;
    padding: 0;
    background-size: auto 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23000' d='M4.13 8.724h7.72V7.18H4.13v1.544ZM7.99 16a7.75 7.75 0 0 1-3.097-.627 8.085 8.085 0 0 1-2.548-1.718 8.118 8.118 0 0 1-1.718-2.538A7.73 7.73 0 0 1 0 8.01c0-1.107.21-2.146.627-3.117a8.053 8.053 0 0 1 1.708-2.538A8.188 8.188 0 0 1 4.873.637 7.697 7.697 0 0 1 7.99 0c1.107 0 2.15.212 3.127.637a8.123 8.123 0 0 1 2.538 1.708 8.154 8.154 0 0 1 1.708 2.528c.425.972.637 2.017.637 3.137a7.697 7.697 0 0 1-.637 3.117 8.19 8.19 0 0 1-1.718 2.538 8.083 8.083 0 0 1-2.528 1.708A7.778 7.778 0 0 1 7.99 16Zm0-1.525c1.802 0 3.33-.63 4.584-1.891 1.255-1.261 1.882-2.786 1.882-4.574 0-1.802-.627-3.33-1.882-4.584C11.32 2.17 9.792 1.544 7.99 1.544c-1.788 0-3.313.627-4.574 1.882C2.156 4.68 1.525 6.208 1.525 8.01c0 1.788.63 3.313 1.891 4.574 1.261 1.26 2.786 1.891 4.574 1.891Z'/%3E%3C/svg%3E")
}

.icoClose {
    color: var(--bg-close)
}

.icoClose:after,.icoClose:before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 15px;
    height: 2px;
    background: currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 5px;
    top: 12px;
    left: 4px
}

.icoClose:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.icoSocmed {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.icoSocmed:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-position: 50%;
    background-size: auto;
    background-repeat: no-repeat;
    -webkit-filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(318deg) brightness(110%) contrast(101%);
    filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(318deg) brightness(110%) contrast(101%)
}

.icoBar {
    position: relative;
    width: 18px;
    height: 14px
}

.icoBar>i {
    display: block
}

.icoBar:after,.icoBar:before,.icoBar>i {
    height: 2px;
    width: 100%;
    background: var(--bg-react-icon);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.icoBar:after,.icoBar:before {
    content: "";
    position: absolute;
    left: 0
}

.icoBar:after {
    top: 0
}

.icoBar:before {
    bottom: 0
}

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

.icoMeatball,.icoMeatball:after,.icoMeatball:before {
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: var(--cl-gray-lite)
}

.icoMeatball:after,.icoMeatball:before {
    content: "";
    position: absolute
}

.icoMeatball:before {
    right: 6px;
    -webkit-transition: right .3s ease-out;
    transition: right .3s ease-out
}

.icoMeatball:after {
    left: 6px;
    -webkit-transition: left .3s ease-out;
    transition: left .3s ease-out
}

.icoDelete {
    background-size: auto 22px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='1.8' d='M7 13v-3M11 13v-3M0 5h18v0c-.932 0-1.398 0-1.765.152a2 2 0 0 0-1.083 1.083C15 6.602 15 7.068 15 8v6c0 1.886 0 2.828-.586 3.414C13.828 18 12.886 18 11 18H7c-1.886 0-2.828 0-3.414-.586C3 16.828 3 15.886 3 14V8c0-.932 0-1.398-.152-1.765a2 2 0 0 0-1.083-1.083C1.398 5 .932 5 0 5v0ZM7.068 1.37c.114-.106.365-.2.714-.267A6.68 6.68 0 0 1 9 1c.44 0 .868.036 1.217.103.35.067.6.161.715.268'/%3E%3C/svg%3E")
}

.icoDelete,.icoPlay {
    background-position: 50%
}

.icoPlay {
    width: 13px;
    height: 13px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-filter: invert(100%) sepia(0) saturate(6817%) hue-rotate(208deg) brightness(118%) contrast(82%);
    filter: invert(100%) sepia(0) saturate(6817%) hue-rotate(208deg) brightness(118%) contrast(82%);
    background-size: auto 100%;
    position: absolute;
    left: 4px;
    top: calc(50% - 13px / 2);
    z-index: 1
}

.icoPlay--orange {
    width: 25px;
    height: 25px;
    -webkit-filter: invert(39%) sepia(84%) saturate(2612%) hue-rotate(349deg) brightness(94%) contrast(89%);
    filter: invert(39%) sepia(84%) saturate(2612%) hue-rotate(349deg) brightness(94%) contrast(89%)
}

.filter-gray,.listEmpty .icoBase,.listPop__button .icoBase,.reactionItem .icoBase {
    -webkit-filter: var(--filter-gray);
    filter: var(--filter-gray)
}

.center-flex,.display-flex,.reactionItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.center-flex,.reactionItem {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.button {
    border: 0;
    background: unset;
    outline: 0;
    cursor: pointer
}

.buttonBookmark .icoBookmark,.buttonDislike .icoDislike,.buttonLike .icoLike {
    -webkit-transition: background-image .2s ease;
    -moz-transition: background-image .2s ease;
    -ms-transition: background-image .2s ease;
    -o-transition: background-image .2s ease;
    transition: background-image .2s ease
}

.buttonPrimary {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    padding: 12px 24px;
    background: var(--cl-kompas);
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1
}

.buttonPrimary,.buttonPrimary:hover {
    color: var(--cl-white)
}

.buttonTrans {
    background: transparent;
    font-size: 16px;
    font-weight: 700;
    color: var(--cl-kompas)
}

.buttonSort,.buttonTrans {
    padding: 8px 12px;
    font-family: Roboto,sans-serif;
    line-height: 1.1
}

.buttonSort {
    border: 1px solid var(--bg-toggle);
    border-radius: 8px;
    background: var(--bg-white);
    font-size: 14px;
    font-weight: 400;
    color: var(--cl-modal-dark)
}

.buttonSort .icoBar {
    margin-right: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.buttonSort .icoBar>i {
    width: calc(100% - 3px)
}

.buttonSort .icoBar:before {
    width: calc(100% - 6px)
}

.buttonMeatball {
    width: 30px;
    height: 30px;
    padding: 0;
    margin-right: -2px
}

.buttonMeatball.-bottom {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: -7px;
    margin-right: 0
}

.buttonMeatball.-bottom~.listPop {
    top: calc(100% + 7px)
}

.reaction {
    margin-bottom: 16px;
    padding-left: 10px;
    padding-right: 10px
}

.reaction.-bottom {
    padding: 8px;
    background: var(--bg-gray-bold);
    border: 1px solid var(--br-list);
    border-radius: 8px;
    margin-top: 16px
}

.reaction.-bottom .reactionList {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.read__paging~.reaction.-bottom {
    margin-top: -1px;
    border-radius: 0 0 8px 8px
}

.reaction.-top {
    margin-top: 16px
}

.reactionList {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.reactionItem {
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    color: var(--cl-gray-med);
    width: 20%
}

.reactionItem .icoBase {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0)
}

.reactionTxt {
    color: var(--cl-gray-med)
}

.reaction,.reaction.-bottom,.reaction.-top,.reactionWrap {
    position: relative
}

.reactionWrap .reaction {
    max-width: 430px;
    padding-left: 0;
    margin-left: -10px
}

.modalContent {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    background: var(--bg-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    max-width: 500px;
    margin: 0 auto
}

#kcm-modals .modalContent {
    visibility: visible;
    opacity: 1;
    position: relative
}

.modalContent p {
    margin-top: 0
}

.modalContent.-alert_notifkasi {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--neutral-700)
}

.modalHeader {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 25px;
    padding: 20px 15px
}

.modalHeader .modalTitle {
    padding: 10px 0 0
}

.modalHeader:has(.buttonDismiss) .modalTitle {
    max-width: 400px
}

.modalFooter {
    position: relative;
    padding: 20px 15px
}

.modalTitle {
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--neutral-800)
}

.modalDismiss {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 32px;
    flex-basis: 32px;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

.modalDismiss .icoBase {
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 50%;
    -webkit-filter: invert(63%) sepia(0) saturate(0) hue-rotate(63deg) brightness(98%) contrast(92%);
    filter: invert(63%) sepia(0) saturate(0) hue-rotate(63deg) brightness(98%) contrast(92%)
}

.modalBody {
    position: relative;
    padding: 20px 15px;
    background: var(--bg-react-modal);
    min-width: 320px
}

.modalBody.-bwhite {
    background: var(--bg-white);
    padding-top: 4px;
    padding-bottom: 24px
}

.modalBody-inner {
    width: 100%;
    position: relative;
    max-height: 70vh;
    overflow-y: scroll;
    overflow-x: hidden
}

.socmedTitle {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: var(--cl-gray-med)
}

.socmedList {
    padding: 20px 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.socmedButton,.socmedList {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.socmedButton {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 65px;
    -ms-flex-preferred-size: 65px;
    flex-basis: 65px;
    gap: 8px;
    padding: 4px
}

.socmedButton span {
    pointer-events: none
}

.socmedButton.-tooltip:before {
    content: attr(data-title);
    position: absolute;
    width: auto;
    background: #000;
    color: #fff;
    padding: 2px 5px;
    border-radius: 4px;
    font-size: 10px;
    text-align: center;
    white-space: nowrap;
    top: -20px
}

.socmedTxt {
    font-size: 11px;
    font-weight: 400;
    color: var(--cl-gray-med)
}

.toast {
    position: fixed;
    width: auto;
    bottom: 160px;
    left: 50%;
    z-index: 12;
    visibility: hidden;
    opacity: 0;
    padding: 12px 15px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #333;
    -webkit-box-shadow: 0 1px 40px rgba(0,0,0,.15);
    box-shadow: 0 1px 40px rgba(0,0,0,.15)
}

.toast.-show {
    visibility: visible;
    opacity: 1
}

.toast.-hide {
    visibility: hidden;
    opacity: 0
}

.toast[data-toast=bottom] {
    -ms-transform: translate(-50%,50px);
    -webkit-transform: translate(-50%,50px);
    transform: translate(-50%,50px)
}

.toast[data-toast=bottom].-show {
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.toast[data-toast=bottom].-hide {
    -ms-transform: translate(-50%,-50px);
    -webkit-transform: translate(-50%,-50px);
    transform: translate(-50%,-50px)
}

.toastContent {
    margin-right: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--cl-white)
}

.toastDismiss {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 40px;
    flex-basis: 40px;
    width: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #007aff
}

.toastDismiss:hover {
    color: #007aff
}

.selectWrap {
    position: relative;
    z-index: 2
}

.selectOption {
    position: absolute;
    background-color: var(--bg-white);
    padding: 10px;
    border-radius: 8px;
    top: 100%;
    right: 0;
    min-width: 150px;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    box-shadow: 0 4px 20px rgba(0,0,0,.15);
    opacity: 0;
    visibility: hidden
}

.-active>.selectOption {
    opacity: 1;
    visibility: visible
}

.selectOption_item {
    position: relative;
    margin: 5px 0
}

.selectOption_link {
    position: relative;
    padding: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    font-size: 16px;
    color: var(--cl-gray-med);
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.selectOption_link.-active .icoRadio {
    border: 2px solid #007aff
}

.selectOption_link.-active .icoRadio:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #007aff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%
}

.icoRadio {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #757575;
    -ms-flex-preferred-size: 20px;
    flex-basis: 20px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.list {
    margin-top: 16px;
    margin-bottom: 33px;
    padding-left: 16px;
    padding-right: 16px
}

.listCaption {
    font-family: Roboto,sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.15;
    color: var(--cl-title)
}

.listCaption__wrap {
    padding-bottom: 8px;
    border-bottom: 1px solid var(--bg-gray-bold);
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.listCaption__wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 16%;
    border-bottom: 1px solid #e65225
}

.listEmpty {
    text-align: center;
    margin-top: 48px;
    margin-bottom: 24px
}

.listEmpty__caption {
    font-family: Roboto,sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--cl-title)
}

.listEmpty__title {
    margin-top: 8px;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.15;
    color: var(--cl-gray-med)
}

.listEmpty__img {
    margin-bottom: 24px
}

.listEmpty .icoBase {
    width: 18px;
    height: 19px;
    vertical-align: middle
}

.listTab {
    margin-top: 16px;
    gap: 12px
}

.listTab__menu {
    padding: 8px 12px;
    background: var(--bg-gray-bold);
    border-radius: 8px;
    border: 1px solid var(--bg-gray-bold);
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
    color: var(--cl-gray-med)
}

.listTab__menu:last-child {
    margin-right: 0
}

.listTab__menu.-active {
    background: #e0f8ff;
    border: 1px solid var(--cl-kompas);
    color: var(--cl-kompas)
}

.listWrap>.listCol {
    display: none
}

.listWrap>.-active {
    display: block
}

.listSort {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--cl-modal-dark);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.listSort span {
    font-weight: 700;
    color: var(--cl-list-title)
}

.listIndex {
    margin-top: 25px
}

.listItem {
    margin-bottom: 24px
}

.listImg {
    position: relative;
    width: 208px;
    padding-top: 117px;
    overflow: hidden;
    background: var(--bg-gray-med);
    border-radius: 8px
}

.listImg img {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.listTitle {
    font-family: Roboto,sans-serif;
    font-size: 26px;
    font-weight: 300;
    line-height: 1.3;
    color: var(--cl-list-title);
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.listTitle .icoPlay {
    position: relative;
    margin-right: 6px;
    left: 0;
    top: 4px
}

.listContent {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px;
    border-bottom: 1px solid var(--br-gray-lite);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.listTimestamp {
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--cl-gray-lite)
}

.listDuration {
    bottom: 5px;
    right: 5px;
    padding: 4px 8px 4px 20px;
    background-color: #343232;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff
}

.listDuration,.listPop {
    position: absolute;
    border-radius: 8px;
    z-index: 1
}

.listPop {
    display: none;
    top: 28px;
    right: 0;
    min-width: 200px;
    background: var(--bg-white);
    overflow: hidden;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    box-shadow: 0 4px 20px rgba(0,0,0,.15)
}

.-active>.listPop {
    display: block;
    z-index: 4
}

.listPop__item {
    border-bottom: 1px solid var(--br-list-lv2)
}

.listPop__item:last-child {
    border-bottom: 0
}

.listPop__button {
    width: 100%;
    padding: 12px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--cl-main)
}

.listPop__button .icoBase {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background-size: auto 18px
}

.listPop__button .icoBase.icoShare {
    background-size: auto 20px
}

.listPop__button .icoBase.icoClose {
    -webkit-filter: var(--filter-close);
    filter: var(--filter-close)
}

.listPop__button:hover {
    background: var(--cl-kompas);
    color: #fff
}

.listPop__button:hover .icoBase {
    -webkit-filter: invert(100%) sepia(0) saturate(7472%) hue-rotate(9deg) brightness(114%) contrast(89%);
    filter: invert(100%) sepia(0) saturate(7472%) hue-rotate(9deg) brightness(114%) contrast(89%)
}

.listPop__button:hover .icoClose:after,.listPop__button:hover .icoClose:before {
    -webkit-filter: invert(92%) sepia(100%) saturate(0) hue-rotate(202deg) brightness(106%) contrast(106%);
    filter: invert(92%) sepia(100%) saturate(0) hue-rotate(202deg) brightness(106%) contrast(106%)
}

.listBottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3px 0
}

.listBottom,.paging,.paging__wrap {
    position: relative
}

.paging__teaser {
    padding: 7px 0;
    font-size: 17px;
    font-weight: 600;
    color: var(--cl-main)
}

.paging__item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 5px 0
}

.paging__link {
    padding: 8px 12px;
    display: block;
    line-height: 1;
    border-radius: 20px;
    color: var(--cl-main)!important;
    background: var(--bg-white-lv2);
    border: 1px solid var(--br-list-lv2);
    font-size: 17px;
    font-weight: 500
}

.paging__link--next,.paging__link--prev {
    color: var(--cl-main)!important;
    font-size: 12px;
    font-weight: 300
}

.paging__link--show {
    text-align: center;
    padding: 9px 10px;
    margin: 0;
    font-size: 16px;
    font-weight: 400
}

.paging__link--active,.paging__link--show,.paging__link:hover {
    background: #3ca5dd;
    border: 1px solid #3ca5dd;
    color: #fff!important
}

.paging--article {
    border: 1px solid var(--br-list);
    border-radius: 8px;
    padding: 10px 10px 6px;
    background: var(--bg-gray-bold)
}

.paging__footnote {
    position: relative;
    padding: 20px 0
}

.paging__footnote span {
    display: inline-block;
    padding: 0 0 5px;
    font-size: 16px;
    font-weight: 700;
    color: var(--cl-main)
}

.paging__footnote .next {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #3ca5dd;
    font-style: italic
}

.paging__footnote .next:hover {
    color: var(--cl-main)
}

.paging .paging__link.paging__link--show {
    color: #fff!important
}

.paging--article {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.modals:after {
    background: rgba(0,0,0,.5)
}

.oldArticle .title--center {
    text-align: left;
    border-bottom: transparent
}

.oldArticle .title--center:after {
    border-bottom: transparent
}

.oldArticle .title__content {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    text-transform: none;
    padding-bottom: 0
}

.oldArticle .-newlayout.latest {
    position: relative
}

.oldArticle .-newlayout.latest .article__list:after {
    border-bottom: transparent
}

.oldArticle .-newlayout.latest .article__list:first-child .article__list__asset {
    width: 100%;
    float: none;
    padding-right: 0
}

.oldArticle .-newlayout.latest .article__list:first-child .article__list__asset .article__asset {
    width: 100%;
    height: 168px
}

.oldArticle .-newlayout.latest .article__list:first-child .article__list__title {
    margin-top: 5px
}

.oldArticle .-newlayout.latest .article__list:first-child .article__title--medium {
    font-size: 18px;
    line-height: 24px
}

.oldArticle .-newlayout.latest .article__list {
    margin-bottom: 24px
}

.oldArticle .-newlayout.latest .article__list__asset {
    width: 96px;
    padding-right: 0
}

.oldArticle .-newlayout.latest .article__list__asset .article__asset {
    width: 80px;
    height: 80px
}

.oldArticle .-newlayout.latest .article__list__title {
    height: auto
}

.oldArticle .-newlayout.latest .article__title--medium {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0;
    letter-spacing: -.02em
}

#reaction-bottom {
    height: 52px;
    margin: 16px 0
}

.read__paging~#reaction-bottom {
    margin-top: -1px;
    margin-bottom: 16px
}

.read__paging~.reaction.-bottom~#reaction-bottom {
    margin: 0;
    height: auto
}

.video-yt {
    padding: 12px 0
}

.video-yt-player {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%
}

.video-yt-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none
}

.video-yt .sectionHeader {
    position: relative;
    margin: 12px 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video-yt .sectionLink {
    color: var(--cl-blue3);
    font-weight: 600
}

.video-yt .sectionHeader:after {
    content: "";
    position: absolute;
    width: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    border-bottom: none
}

.video-yt .sectionTitle {
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    color: var(--cl-txt);
    padding: 0 12px;
    background: var(--bg-main);
    letter-spacing: -.2px;
    display: inline-block
}

.video-yt .sectionTitle:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    height: calc(100% - 5px);
    border-left: 2px solid #e65225
}

.video-yt button.ytp-large-play-button-red-bg .ytp-large-play-button-bg {
    fill: #4885da!important;
    fill-opacity: .8!important
}

.theme--otomotif .kgnowGate.latest {
    margin: 0
}

.theme--otomotif .kgnowGate.latest+.latest--otomotif {
    margin-top: 12px
}

body {
    --cl-kgnow-grey: #2b3947;
    --cl-kgnow-grey_1: #f6f6f6
}

body.theme-dark {
    --cl-kgnow-grey: hsla(0,0%,100%,.87);
    --cl-kgnow-grey_1: #262626
}

@media (prefers-color-scheme: dark) {
    body {
        --cl-kgnow-grey:hsla(0,0%,100%,.87);
        --cl-kgnow-grey_1: #262626
    }

    body.theme-light {
        --cl-kgnow-grey: #2b3947;
        --cl-kgnow-grey_1: #f6f6f6
    }
}

.color--kgnow.terkini__subtitle {
    text-transform: none
}

.color--kgnow.terkini__subtitle,.color--kgnow a,.color--kgnow span {
    background: #ef0d70;
    background: -webkit-gradient(linear,left top,left bottom,from(#ef0d70),to(#fb571a));
    background: linear-gradient(180deg,#ef0d70 0,#fb571a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: none
}

.color--kgnow.article__subtitle:after {
    background-color: #a1adb9
}

.--articleKGnow .article__date {
    font-family: Inter,sans-serif
}

.--articleKGnow .article__link: hover {
    color:#ef0d70
}

.--articleKGnow .article__time--fixed {
    bottom: 0;
    right: 20px;
    border-radius: 4px 0 4px 0;
    font-weight: 500
}

.--articleKGnow .article__time--fixed: before {
    width:13px;
    height: 13px;
    bottom: 5px
}

.--articleKGnow .article__grid .article__date .color--kgnow {
    display: inline-block;
    padding-right: 5px
}

.--articleKGnow .article__grid .article__box {
    margin: 0;
    padding: 10px 0
}

.--articleKGnow .article__grid .article__time--fixed {
    z-index: 3;
    right: 0
}

.kgnowGate.latest {
    margin: 12px 0 0
}

.kgnowGate .article__iframe_detail {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 44px;
    background: rgba(0,0,0,.2);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    -ms-flex-align: center;
    border: 1px solid hsla(0,0%,100%,.2);
    border-bottom-left-radius: 8px
}

.kgnowGate .article__iframe_detail,.kgnowGate .article__iframe_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.kgnowGate .article__iframe_title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 56px 0 70px;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    position: relative
}

.kgnowGate .article__iframe_title h4 {
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: var(--cl-white);
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box
}

.kgnowGate .article__iframe_title:before {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='34' viewBox='0 0 50 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_797_8370)'%3E%3Cpath d='M17.3325 3.22556L34.8695 0.595008C34.8695 0.595008 40.3342 -0.22048 41.9661 4.10241L50 2.83782L45.7589 26.9405L31.3621 29.1024L31.1584 28.5315L30.9957 29.1024L25.1245 29.9179L24.8373 28.3678C24.8373 28.3678 20.3916 33.0171 15.2942 29.9179L15.0496 31.3861L9.54397 32.1198L8.15755 29.6324L7.83118 32.3653L0 33.4662L2.97738 15.8678L8.3612 15.1946L9.74762 17.642L10.2367 14.8283L15.4569 14.1755L17.3333 3.22556H17.3325Z' fill='%232B3947'/%3E%3Cpath d='M16.782 18.3357L20.3303 17.7238L20.8194 14.2369L22.1658 12.5855L24.1232 17.1734L27.7942 16.6229L24.735 9.71036L30.302 3.22559L25.9587 3.83742L21.8599 8.54805L22.4104 4.50973L19.168 4.87702L16.782 18.3357Z' fill='white'/%3E%3Cpath d='M34.2576 8.05809L40.8642 7.07897C40.8642 7.07897 41.0136 15.184 33.6867 16.0102C26.3597 16.8364 28.4256 8.17992 28.4256 8.17992C28.4256 8.17992 30.5056 1.69515 37.0304 2.51063C37.0304 2.51063 40.0745 2.74185 40.4151 5.60984L37.3568 6.91534C37.3568 6.91534 36.5413 4.1425 33.1558 6.34441C33.1558 6.34441 31.3202 7.89446 31.4839 10.3C31.6475 12.7056 33.1967 12.8692 33.1967 12.8692C33.1967 12.8692 36.0922 13.216 36.9895 10.7793L33.9712 11.0746L34.2567 8.05631L34.2576 8.05809Z' fill='white'/%3E%3Cpath d='M4.73111 17.683L7.19803 17.418L10.9295 23.4537L12.0518 16.6639L15.457 16.2352L13.2346 29.5303L10.6441 29.8362L7.01483 23.7187L5.91388 30.5707L2.44739 31.0599L4.73111 17.683Z' fill='white'/%3E%3Cpath d='M24.3473 20.0894C20.9626 16.2965 16.6193 20.518 16.6193 20.518C12.806 25.1264 16.0074 27.8797 16.0074 27.8797C20.2085 30.8161 23.41 26.7173 23.41 26.7173C26.6114 23.1895 24.3482 20.0903 24.3482 20.0903L24.3473 20.0894ZM22.7972 23.9436C22.7972 23.9436 20.1258 25.5541 18.8416 26.3092C17.5575 27.0642 17.7816 25.7996 17.7816 25.7996L18.1693 21.844C18.292 20.5945 19.4135 21.1503 19.4135 21.1503C19.4135 21.1503 21.5753 22.3331 22.6149 22.8427C23.6545 23.3522 22.7981 23.9436 22.7981 23.9436H22.7972Z' fill='white'/%3E%3Cpath d='M25.1245 18.0912L28.4051 17.6421L29.0783 21.8227L31.403 17.1734L34.1153 16.7857L34.9513 21.0268L37.1532 16.4593L40.7015 15.8679L35.7463 26.3492L33.0339 26.7574L32.1171 22.0263L29.547 27.267L26.856 27.6342L25.1245 18.0912Z' fill='white'/%3E%3Cpath d='M40.3341 21.3539L44.9025 20.6603L44.2497 25.3504L39.5596 25.9623L40.3341 21.3539Z' fill='white'/%3E%3Cpath d='M40.7014 20.0894L44.9025 19.5185L47.5126 5.32617L42.7815 6.05984L40.7014 20.0894Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_797_8370'%3E%3Crect width='50' height='32.9326' fill='white' transform='translate(0 0.533691)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 50px;
    height: 33px;
    left: 12px
}

.kgnowGate .article__iframe_title:after,.kgnowGate .article__iframe_title:before {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    position: absolute;
    content: "";
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.kgnowGate .article__iframe_title:after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Crect width='24' height='24' rx='12' fill='%23E1DFDF'/%3E%3Cpath d='M10.5 16L14.5 12L10.5 8' stroke='%23868080' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 30px;
    height: 30px;
    right: 15px
}

.kgnowGate .article__iframe_duration {
    text-align: center;
    width: 75px;
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #e8e8e8;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-left: 1px solid hsla(0,0%,100%,.2)
}

.kgnowGate .article__date {
    font-family: Inter,sans-serif
}

.kgnowGate .article__list {
    margin-bottom: 0;
    background: var(--cl-kgnow-grey_1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 8px;
    overflow: hidden
}

.kgnowGate .article__list:after {
    border-bottom: 0
}

.kgnowGate .article__list__box {
    width: calc(100% - 485px - 20px);
    padding: 10px 10px 10px 0
}

.kgnowGate .article__list__asset {
    background-color: var(--cl-kgnow-grey_1);
    width: 485px;
    padding: 0;
    margin-right: 20px;
    overflow: hidden;
    position: relative;
    height: 272.8125px
}

.kgnowGate .article__list__asset iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.kgnowGate .article__list__link {
    width: 100%
}

.kgnowGate .article__list__title {
    height: auto;
    max-height: 156px;
    -webkit-line-clamp: 5;
    margin-bottom: 8px
}

.kgnowGate .article__list__title .article__title {
    font-family: Inter,sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: var(--cl-kgnow-grey);
    margin-bottom: 0
}

.kgnowGate .article__link:hover {
    color: #ef0d70
}

.kgnowGate .title .button--title {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #e80d78;
    text-transform: none;
    padding-right: 12px;
    margin: 2px 0 0
}

.kgnowGate .title .button--title:after {
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23E80D78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: auto 8px;
    background-position: 50%
}

.kgnowGate .latest .article__list {
    margin-bottom: 0
}

.kgnowGate .latest .article__list:before {
    content: none
}

.kgnowGate .latest .article__list__asset {
    width: 485px;
    padding: 0
}

.kgnowGate .rVideo-detail-title {
    font-family: Inter,sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 130%;
    color: #fff;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: auto;
    max-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    width: 100%
}

.kgnowGate .rVideo-detail-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 56px
}

.kgnowGate .rVideo-detail-box:before {
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='43' viewBox='0 0 64 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1001_10273)'%3E%3Cpath d='M22.1855 3.44555L44.6329 0.0784515C44.6329 0.0784515 51.6278 -0.965373 53.7166 4.56792L64 2.94925L58.5714 33.8007L40.1434 36.5679L39.8828 35.8371L39.6744 36.5679L32.1594 37.6118L31.7917 35.6277C31.7917 35.6277 26.1013 41.5787 19.5766 37.6118L19.2635 39.4911L12.2163 40.4302L10.4417 37.2464L10.0239 40.7444L0 42.1536L3.81104 19.6277L10.7023 18.766L12.4769 21.8986L13.103 18.297L19.7849 17.4615L22.1867 3.44555H22.1855Z' fill='url(%23paint0_linear_1001_10273)'/%3E%3Cpath d='M21.481 22.7866L26.0228 22.0034L26.6489 17.5402L28.3722 15.4263L30.8777 21.2988L35.5766 20.5942L31.6608 11.7462L38.7866 3.44568L33.2271 4.22883L27.9807 10.2584L28.6853 5.08939L24.535 5.55951L21.481 22.7866Z' fill='white'/%3E%3Cpath d='M43.8498 9.63124L52.3063 8.37796C52.3063 8.37796 52.4975 18.7525 43.119 19.81C33.7405 20.8674 36.3848 9.78718 36.3848 9.78718C36.3848 9.78718 39.0473 1.48667 47.399 2.5305C47.399 2.5305 51.2955 2.82646 51.7314 6.49749L47.8168 8.16852C47.8168 8.16852 46.773 4.61928 42.4394 7.43772C42.4394 7.43772 40.09 9.42179 40.2994 12.5009C40.5089 15.58 42.4918 15.7895 42.4918 15.7895C42.4918 15.7895 46.1981 16.2334 47.3467 13.1144L43.4833 13.4924L43.8487 9.62896L43.8498 9.63124Z' fill='white'/%3E%3Cpath d='M6.05573 21.9511L9.21339 21.6118L13.9897 29.3375L15.4263 20.6466L19.7848 20.0979L16.9402 37.1155L13.6243 37.5071L8.9789 29.6767L7.56968 38.4474L3.13257 39.0734L6.05573 21.9511Z' fill='white'/%3E%3Cpath d='M31.1644 25.0313C26.8321 20.1764 21.2726 25.58 21.2726 25.58C16.3915 31.4787 20.4894 35.0029 20.4894 35.0029C25.8668 38.7615 29.9647 33.5151 29.9647 33.5151C34.0626 28.9994 31.1656 25.0325 31.1656 25.0325L31.1644 25.0313ZM29.1804 29.9647C29.1804 29.9647 25.7609 32.0262 24.1172 32.9926C22.4735 33.959 22.7603 32.3404 22.7603 32.3404L23.2566 27.2772C23.4137 25.6779 24.8491 26.3893 24.8491 26.3893C24.8491 26.3893 27.6164 27.9033 28.947 28.5555C30.2777 29.2078 29.1815 29.9647 29.1815 29.9647H29.1804Z' fill='white'/%3E%3Cpath d='M32.1594 22.4736L36.3586 21.8987L37.2203 27.2499L40.1959 21.2988L43.6677 20.8025L44.7377 26.2311L47.5561 20.3848L52.098 19.6278L45.7553 33.0439L42.2835 33.5663L41.1099 27.5106L37.8202 34.2186L34.3757 34.6887L32.1594 22.4736Z' fill='white'/%3E%3Cpath d='M51.6278 26.65L57.4753 25.7621L56.6398 31.7655L50.6364 32.5487L51.6278 26.65Z' fill='white'/%3E%3Cpath d='M52.0979 25.0313L57.4753 24.3005L60.8162 6.13428L54.7604 7.07338L52.0979 25.0313Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1001_10273' x1='32' y1='0.00012207' x2='32' y2='42.1536' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EF0D70'/%3E%3Cstop offset='1' stop-color='%23FB571A'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_1001_10273'%3E%3Crect width='64' height='42.1537' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    -ms-flex-positive: 0;
    flex-grow: 0;
    background-size: auto 26px;
    width: 52px;
    -ms-flex-preferred-size: 52px;
    flex-basis: 52px
}

.kgnowGate .rVideo-detail-box:after,.kgnowGate .rVideo-detail-box:before {
    background-repeat: no-repeat;
    background-position: 50%;
    content: "";
    height: 100%;
    -webkit-box-flex: 0
}

.kgnowGate .rVideo-detail-box:after {
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00002 11.1372C0.901125 11.1372 0.804452 11.1079 0.722224 11.053C0.639996 10.998 0.575907 10.9199 0.538061 10.8286C0.500216 10.7372 0.490314 10.6367 0.509609 10.5397C0.528903 10.4427 0.576526 10.3536 0.646456 10.2837L5.2929 5.63722L0.646456 0.990783C0.552686 0.897012 0.500006 0.769832 0.500006 0.63722C0.500006 0.504608 0.552686 0.377428 0.646456 0.283657C0.740227 0.189887 0.867407 0.137207 1.00002 0.137207C1.13263 0.137207 1.25981 0.189887 1.35358 0.283657L6.35358 5.28366C6.40002 5.33009 6.43685 5.38521 6.46198 5.44587C6.48711 5.50654 6.50004 5.57156 6.50004 5.63722C6.50004 5.70289 6.48711 5.76791 6.46198 5.82857C6.43685 5.88923 6.40002 5.94435 6.35358 5.99078L1.35358 10.9908C1.3072 11.0373 1.25209 11.0742 1.19141 11.0993C1.13074 11.1244 1.06569 11.1373 1.00002 11.1372Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: auto 11px;
    -ms-flex-preferred-size: 32px;
    flex-basis: 32px;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.kgnowGate .rVideo-detail-duration {
    text-align: center;
    width: 70px;
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #e8e8e8;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-left: .7px solid hsla(0,0%,100%,.7)
}

.kgnowGate .rVideo-player-embed {
    border-radius: 8px
}

.kgnowGate .rVideo-player-embed,.kgnowGate .rVideo-player iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 8px
}

.kgnowGate .rVideo-player-detail {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 56px;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    background-blend-mode: soft-light;
    border-top: .7px solid hsla(0,0%,100%,.7);
    backdrop-filter: blur(17.5px);
    -webkit-backdrop-filter: blur(17.5px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0
}

.kgnowGate .rVideo-thumbnail iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.kgnowGate .rVideo-subtitle {
    background: #ef0d70;
    background: -webkit-gradient(linear,left top,left bottom,from(#ef0d70),to(#fb571a));
    background: linear-gradient(180deg,#ef0d70 0,#fb571a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    position: relative;
    padding-right: 12px
}

.kgnowGate .rVideo-subtitle:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background-color: #a1adb9;
    border-radius: 100%;
    right: 3px;
    top: 0;
    bottom: 0;
    margin: auto
}

.kgnowGate.video-box-wrap.videoKG-read {
    padding-top: calc(56.25% + 48px)
}

.kgnowGate.video-box-wrap.videoKG-read .rVideo-gate {
    bottom: 0
}

.kgnowGate.video-box-wrap.videoKG-read~.videoKG-artikel {
    padding: 0 0 10px
}

.kgnowGate.video-box-wrap.videoKG-read~.videoKG-artikel .read__title {
    margin: 8px 0 5px;
    font-size: 22px
}

.kgnowGate.video-box-wrap.videoKG-indeks {
    padding-top: calc(56.25% + 110px + 48px)
}

.kgnowGate.video-box-wrap .rVideo-button {
    top: -32px;
    left: calc(100% - 24px);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background: hsla(0,0%,44%,.4);
    -webkit-box-shadow: none;
    box-shadow: none
}

.kgnowGate.video-box-wrap .rVideo-button span {
    width: 14px;
    height: 14px;
    -webkit-transform: none;
    transform: none
}

.kgnowGate.video-box-wrap .rVideo-button span:after,.kgnowGate.video-box-wrap .rVideo-button span:before {
    top: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    background: var(--cl-white)
}

.kgnowGate.video-box-wrap .rVideo-button span:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.kgnowGate.video-box-wrap .rVideo-player {
    top: calc(100vh - 184.5px - 150px - 50px);
    right: 48px;
    -webkit-box-shadow: 0 8px 30px rgba(0,0,0,.25);
    box-shadow: 0 8px 30px rgba(0,0,0,.25);
    z-index: 3;
    width: 328px;
    padding-top: 185.0625px
}

.kgnowGate.video-box-wrap .rVideo-player.-ads>.rVideo-gate-glass,.kgnowGate.video-box-wrap .rVideo-player.-ads>.rVideo-player-link,.kgnowGate.video-box-wrap .rVideo-player>.rVideo-paused {
    visibility: hidden
}

.kgnowGate.video-box-wrap .rVideo-player>#idVideoCtrForWidgetArticle,.kgnowGate.video-box-wrap .rVideo-player>#idVideoCtrForWidgetArticle video,.kgnowGate.video-box-wrap .rVideo-player>.rVideo-control,.kgnowGate.video-box-wrap .rVideo-player>.rVideo-next {
    border-radius: 8px;
    overflow: hidden
}

.kgnowGate.video-box-wrap .rVideo-gate-glass {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.kgnowGate.video-box-wrap.hide .rVideo-player {
    -ms-transform: translate(calc(100% + 48px))
}

.kgnowGate.video-box-wrap.hide .rVideo-player,.kgnowGate.video-box-wrap.hide .rVideo-player-box {
    -webkit-transform: translate(calc(100% + 48px));
    transform: translate(calc(100% + 48px))
}

.kgnowGate.video-box-wrap.inline .rVideo-gate-glass {
    display: none
}

.kgnowGate.video-box-wrap.inline .rVideo-player {
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 40px;
    width: 100%;
    padding-top: 56.25%;
    right: 0
}

.kgnowGate.video-box-wrap.inline .rVideo-player>.rVideo-player-link {
    visibility: hidden
}

.kgnowGate.video-box-wrap.inline .rVideo-player>.rVideo-paused {
    visibility: visible
}

.kgnowGate.video-box-wrap.inline .rVideo-player>#idVideoCtrForWidgetArticle,.kgnowGate.video-box-wrap.inline .rVideo-player>#idVideoCtrForWidgetArticle video,.kgnowGate.video-box-wrap.inline .rVideo-player>.rVideo-control,.kgnowGate.video-box-wrap.inline .rVideo-player>.rVideo-next {
    border-radius: 0
}

.kgnowGate.video-box-wrap.sidebar {
    padding-top: calc(56.25% + 360px + 60px)
}

.kgnowGate.video-box-wrap.sidebar .rVideo-list {
    gap: 16px
}

.kgnowGate.video-box-wrap.sidebar .rVideo-length {
    height: 21px;
    right: 0;
    bottom: 0;
    border-radius: 4px 0 4px 0
}

.kgnowGate.video-box-wrap.sidebar .rVideo-length:before {
    width: 13px;
    height: 13px
}

.kgnowGate.video-box-wrap.sidebar .rVideo-item:first-child {
    display: inline-block
}

.kgnowGate.video-box-wrap.sidebar.inline.sidebar .rVideo-player {
    top: 0;
    right: 0;
    width: 300px;
    padding-top: 168.75px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.kgnowGate.video-box-wrap .rVideo-box {
    top: unset;
    bottom: 0;
    z-index: 2
}

.kgnowGate.video-box-wrap .rVideo-list {
    bottom: 70px
}

.kgnowGate.video-box-wrap .rVideo-other a {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #e80d78
}

.kgnowGate.video-box-wrap .rVideo-other a .icoArrow {
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23E80D78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: auto 8px;
    background-position: 50%;
    margin: 2px 0
}

.kgnowGate.video-box-wrap .rVideo-thumb {
    border-radius: 8px;
    overflow: hidden
}

.kgnowGate.video-box-wrap .rVideo-title {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 120%;
    color: var(--cl-kgnow-grey)
}

.kgnowGate.video-box-wrap .rVideo-player {
    border-radius: 8px
}

.kgnowGate.video-box-wrap .rVideo-player-box {
    top: unset;
    bottom: 0;
    z-index: 3;
    border-radius: 8px
}

.kgnowGate.video-box-wrap .rVideo-player-info {
    padding: 4px 0 0
}

.kgnowGate.video-box-wrap .rVideo-player-detail {
    height: 44px
}

.kgnowGate.video-box-wrap .rVideo-player-title {
    padding: 0 35px 0 54px
}

.kgnowGate.video-box-wrap .rVideo-player-title:before {
    width: 40px;
    height: 26px;
    left: 6px
}

.kgnowGate.video-box-wrap .rVideo-player-title:after {
    width: 20px;
    height: 20px;
    right: 10px
}

.kgnowGate.video-box-wrap .rVideo-player-title h4 {
    font-family: Inter,sans-serif;
    font-size: 10px;
    font-weight: 500;
    color: var(--cl-white);
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box
}

.kgnowGate.video-box-wrap .rVideo-player-duration {
    width: 75px;
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #e8e8e8
}

.kgnowGate.video-box-thumb {
    padding-top: calc(60px + 56.25%)
}

.kgnowGate.video-box-thumb .rVideo-lead {
    font-family: Inter,sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: none
}

.kgnowGate.video-box-thumb .rVideo-lead-link {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #e80d78
}

.kgnowGate.video-box-thumb .rVideo-lead-link .icoArrow {
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23E80D78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: auto 8px;
    background-position: 50%;
    margin: 2px 0
}

.kgnowGate.video-box-thumb .rVideo-lead:before {
    content: "";
    position: absolute;
    border-left: 0;
    width: 32px;
    height: 2px;
    background: -webkit-gradient(linear,left top,right top,from(#f21a63),to(#fc4f1f));
    background: linear-gradient(90deg,#f21a63,#fc4f1f);
    left: 0;
    top: calc(100% - 4px);
    border-radius: 20px
}

.kgnowGate.video-box-thumb .rVideo-lead:after {
    width: 2px;
    height: 2px;
    background: #ff6703;
    content: "";
    position: absolute;
    left: 35px;
    top: calc(100% - 4px);
    border-radius: 20px;
    border-bottom: 0
}

.kgnowGate.video-box-thumb .rVideo-thumbnail {
    top: 60px;
    border-radius: 8px;
    overflow: hidden
}

.kgnowGate.video-box-thumb .--rVideo_read {
    padding-top: 56.25%;
    top: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    overflow: unset
}

.kgnowGate.video-box-thumb .--rVideo_read: before {
    background-color:transparent
}

.kgnowGate.video-box-thumb .--rVideo_read>iframe {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.kgnowGate.video-box-thumb .--rVideo_read .rVideo-box {
    background: var(--cl-kgnow-grey_1);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 60px;
    padding: 10px 16px
}

.kgnowGate.video-box-thumb .--rVideo_read .rVideo-title {
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--cl-kgnow-grey);
    height: 20px;
    max-height: 20px;
    -webkit-line-clamp: 1
}

.kgnowGate.video-box-thumb .--rVideo_read .rVideo-date {
    font-family: Inter,sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #9d9d9e;
    display: inline-table
}

.kgnowGate .videoKGSlider-wrap {
    padding: 0;
    height: 220px
}

.kgnowGate .videoKGSlider .icon-photo-slider {
    top: calc(50% - 15px)
}

.kgnowGate .videoKGSlider .icon-photo-slider svg {
    -webkit-filter: none;
    filter: none
}

.kgnowGate .videoKGSlider .icon-angle-left,.kgnowGate .videoKGSlider .icon-angle-right {
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='url(%23paint0_linear_797_8513)' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_797_8513' x1='1' y1='5' x2='5' y2='5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EF0D70'/%3E%3Cstop offset='1' stop-color='%23FB571A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A")
}

.kgnowGate .videoKGSlider .icon-angle-left {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.kgnowGate .videoKG-title {
    height: auto
}

.kgnowGate .videoKG-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.kgnowGate .videoKG-duration {
    bottom: 0;
    right: 0;
    border-radius: 4px 0 4px 0;
    font-weight: 500;
    padding: 6px 6px 6px 22px
}

.kgnowGate .videoKG-duration:before {
    width: 13px;
    height: 13px;
    left: 5px
}

.kgnowGate .videoKG-image {
    border-radius: 8px;
    overflow: hidden
}

.kgnowGate .videoKG-image img {
    -o-object-fit: cover;
    object-fit: cover;
    background-color: #000
}

.kgnowGate .videoKG-date {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.photoCarousel-item.video .photoCarousel-img {
    border-radius: 8px
}

.photoCarousel-item.video .photoCarousel-duration {
    right: 4px;
    bottom: 0;
    border-radius: 8px 0 8px 0
}

.article__time--latest:before {
    background-color: transparent;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-filter: invert(100%) sepia(0) saturate(31%) hue-rotate(59deg) brightness(106%) contrast(107%);
    filter: invert(100%) sepia(0) saturate(31%) hue-rotate(59deg) brightness(106%) contrast(107%)
}

.article__time--latest:after {
    border: transparent
}

.avatarInit {
    width: 40px;
    height: 40px;
    z-index: 1;
    border-radius: 100%;
    background: #a7d98c
}

.avatarInit,.avatarInit:before {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.avatarInit:before {
    content: attr(data-avatar-initial);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 17px;
    line-height: 1;
    color: #fff
}

.avatarInit>img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 2
}

.credit {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px
}

.credit[onclick] {
    cursor: pointer
}

.credit-picture {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.credit-picture-img {
    height: 48px;
    width: 48px;
    display: inline-block;
    overflow: hidden;
    border-radius: 100%;
    border: 2px solid var(--br-most);
    -webkit-box-shadow: 0 2px 4px 0 #00000033;
    box-shadow: 0 2px 4px 0 #00000033;
    background: var(--bg-gray-med);
    position: relative;
    z-index: 1
}

.credit-picture-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.credit-picture-img:not(:first-of-type) {
    margin-left: -24px
}

.credit-picture-img.avatarInit {
    width: 48px;
    height: 48px;
    position: relative
}

.credit-picture-img.avatarInit:before {
    font-size: 20px
}

.credit-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.credit-author a,.credit-author a:hover {
    color: initial
}

.credit-author-img {
    width: 52px;
    height: 52px;
    overflow: hidden;
    border-radius: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: var(--bg-gray-med)
}

.credit-author-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter)
}

.credit-author-img.avatarInit {
    width: 52px;
    height: 52px;
    position: relative
}

.credit-author-img.avatarInit:before {
    font-size: 20px
}

.credit-author-name {
    font-size: 14px;
    color: var(--cl-txt)
}

.credit-author-position {
    color: var(--cl-time2);
    font-size: 12px
}

.credit-title-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.credit-title-nameEditor,.credit-title-name h6 {
    cursor: pointer;
    color: var(--cl-txt);
    font-weight: 700;
    font-size: 14px
}

.credit-title-nameEditor a:hover,.credit-title-name h6 a:hover {
    color: var(--cl-txt)
}

.credit-title-nameEditor:after,.credit-title-name h6:after {
    content: "\0000a0"
}

.credit-title p {
    margin: 4px 0 0;
    color: var(--cl-time2);
    font-size: 12px
}

.credit-profile {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 24px 0;
    padding: 24px;
    background: var(--bg-white);
    border: 1px solid var(--neutral-200);
    border-radius: 8px;
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden
}

.credit-profile:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 95px;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: var(--neutral-50)
}

.credit-profile-wrap {
    position: relative;
    z-index: 2
}

.credit-profile-wrap,.credit-profile-wrap div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.credit-profile-wrap div:after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #666
}

.credit-profile-wrap div:last-child:after {
    content: none
}

.credit-profile-img {
    width: 128px;
    height: 128px;
    overflow: hidden;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.25);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.25);
    border-radius: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    background: var(--bg-gray-med)
}

.credit-profile-img img {
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.credit-profile-img.avatarInit {
    width: 128px;
    height: 128px;
    position: relative
}

.credit-profile-img.avatarInit:before {
    font-size: 50px
}

.credit-profile-name {
    color: var(--charcoal);
    font-size: 24px;
    font-weight: 600
}

.credit-profile-position {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    color: var(--neutral-800)
}

.credit-profile-work {
    color: var(--cl-gray-med);
    font-size: 14px;
    font-weight: 500;
    margin: 0
}

.credit-profile-title {
    position: relative;
    z-index: 2
}

.credit-profile-desc {
    position: relative;
    color: var(--charcoal);
    margin: 0;
    padding: 24px 0 0
}

.credit-profile-desc p:first-child {
    margin: 0 0 16px
}

.credit-profile-desc p:last-child {
    margin: 16px 0 0
}

.credit-profile-other {
    position: relative;
    overflow: hidden
}

.credit-profile-other .swiper-wrapper {
    gap: 16px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.credit-profile-other .swiper-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    opacity: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.credit-profile-other .swiper-button[aria-disabled=false] {
    opacity: 1
}

.credit-profile-other .swiper-button span {
    width: 36px;
    height: 36px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.16);
    box-shadow: 0 1px 5px rgba(0,0,0,.16);
    background: var(--cl-white);
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 8px auto;
    display: inline-table
}

.credit-profile-other .swiper-button-prev {
    left: 0
}

.credit-profile-other .swiper-button-prev span {
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33331 1L1.33331 5L5.33331 9' stroke='%23333333' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.credit-profile-other .swiper-button-next {
    right: 0
}

.credit-profile-other .swiper-button-next span {
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23333333' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.credit-profile-other .opinion__asset--medium {
    width: 100px;
    height: 100px
}

.revampV2 .credit-profile-other .opinion__author {
    color: var(--charcoal);
    font-size: 16px;
    font-weight: 600;
    text-align: center
}

.credit-profile-other .opinion__asset--center {
    margin: 0 auto 8px
}

.credit-profile-other .opinion__thumb {
    position: relative;
    background: var(--bg-white);
    border: 1px solid var(--neutral-200);
    border-radius: 8px;
    padding: 24px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: calc(100% / 3 - 16px + 16px / 3);
    flex-basis: calc(100% / 3 - 16px + 16px / 3);
    width: calc(100% / 3 - 16px + 16px / 3);
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.credit-profile-other .opinion__thumb .opinion__authortitle {
    margin: 0;
    color: var(--cl-gray-med)
}

.creditModal {
    position: absolute;
    top: 30px;
    background-color: var(--bg-white);
    border-radius: 8px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
    z-index: 10;
    width: 100%;
    max-width: 328px;
    padding: 16px 32px 16px 16px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.creditModal.openModal {
    opacity: 1;
    visibility: visible;
    top: 80px
}

.creditModal-title {
    color: var(--cl-gray);
    font-weight: 700
}

.creditModal-header {
    position: absolute;
    top: 16px;
    right: 16px
}

.creditModal-header .modalDismiss {
    -ms-flex-preferred-size: 16px;
    flex-basis: 16px;
    width: 16px;
    height: 16px;
    z-index: 2
}

.creditModal-header .modalDismiss .icoDismiss {
    width: 16px;
    height: 16px
}

.creditModal-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.latest--news .article__list,.latest .article__list {
    margin-bottom: 24px
}

.latest--news .article__list:after,.latest .article__list:after {
    content: none
}

.oldArticle .latest--news .article__date,.oldArticle .latest .article__date {
    margin-bottom: 0;
    font-size: 12px
}

.latest--news .article__list__asset,.latest .article__list__asset {
    width: 252px;
    padding-right: 16px
}

.oldArticle .latest--news .article__list__asset,.oldArticle .latest .article__list__asset {
    width: 102px;
    padding-right: 12px
}

.latest--news .article__list__asset .article__asset,.latest .article__list__asset .article__asset {
    width: 236px;
    height: 132.75px;
    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: 8px
}

.oldArticle .latest--news .article__list__asset .article__asset,.oldArticle .latest .article__list__asset .article__asset {
    width: 90px;
    height: 90px;
    aspect-ratio: 1/1
}

.latest--news .article__list__asset .article__asset img,.latest .article__list__asset .article__asset img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.latest--news .article__list__title,.latest .article__list__title {
    height: auto;
    margin-top: 8px;
    margin-bottom: 8px;
    -webkit-line-clamp: 3
}

.oldArticle .latest--news .article__list__title,.oldArticle .latest .article__list__title {
    margin-top: 4px;
    margin-bottom: 4px
}

.latest--news .article__title--medium,.latest .article__title--medium {
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: -.2px;
    font-weight: 600
}

.oldArticle .latest--news .article__title--medium,.oldArticle .latest .article__title--medium {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    -webkit-line-clamp: 3
}

.latest--news .article__list__info,.latest .article__list__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.latest--news .article__list__info .article__subtitle--inline,.latest .article__list__info .article__subtitle--inline {
    text-transform: none;
    color: var(--neutral-700);
    padding-right: 0
}

.latest--news .article__list__info .article__subtitle--inline:after,.latest .article__list__info .article__subtitle--inline:after {
    content: none
}

.latest--news .article__list__info .article__subtitle--inline+.article__date,.latest .article__list__info .article__subtitle--inline+.article__date {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--neutral-600);
    text-transform: none;
    display: inline-block;
    padding-left: 20px;
    position: relative;
    margin-bottom: 0
}

.latest--news .article__list__info .article__subtitle--inline+.article__date:before,.latest .article__list__info .article__subtitle--inline+.article__date:before {
    content: "\2022";
    position: absolute;
    left: 6px;
    top: 0;
    color: var(--neutral-600);
    font-size: 12px
}

.page--read .comment__icon.social__link {
    vertical-align: bottom;
    width: 20px;
    height: 20px
}

.page--read .title {
    position: relative;
    margin: 30px 0 12px;
    display: block;
    width: 100%;
    border-bottom: none;
    text-align: left
}

.page--read .title__content {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: var(--cl-txt);
    padding: 0 12px;
    background: var(--bg-main);
    letter-spacing: -.2px;
    display: inline-block;
    position: relative;
    font-family: Inter,sans-serif;
    text-transform: none;
    text-align: left
}

.page--read .title--center:after,.page--read .title__content:after {
    border-bottom: none
}

.page--read .title__content:after {
    content: "";
    position: absolute;
    top: 2.5px;
    left: 0;
    height: calc(100% - 5px);
    border-bottom: none;
    border-left: 2px solid #e65225
}

.page--read .partner__header .title {
    margin-top: 0;
    border-bottom: 1px solid var(--br-gray-bold)
}