@charset "UTF-8";
@import url(../other/css2_0c6ec1a1.html);
*,
: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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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, 0.2);
  box-shadow: 0 0 5px rgba(0, 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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.form__textarea:focus {
  border: 1px solid #909090;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 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: 0.6;
}
.formInput:-moz-placeholder,
.formInput::-moz-placeholder {
  color: var(--cl-gray-lite);
  opacity: 0.6;
}
.formInput:-ms-input-placeholder {
  color: var(--cl-gray-lite);
  opacity: 0.6;
}
.formInput::-webkit-input-placeholder {
  color: var(--cl-gray-lite);
  opacity: 0.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 0.2s;
  transition: border-color 0.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: 0.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(../other/%23clip0_1493_1773_fe203083.html)'%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%, 0.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, 0.75);
  --cl-shadow-inset:
    0 3px 6px rgba(0, 0, 0, 0.16) inset, 0 3px 6px rgba(0, 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%, 0.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%, 0.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%, 0.8);
  --bg-input: #1f1f1f;
  --bg-toggle: #646464;
  --bg-radio: #1f1f1f;
  --bg-disabled: #3b3b3b;
  --cl-main: hsla(0, 0%, 100%, 0.87);
  --cl-white: hsla(0, 0%, 100%, 0.87);
  --cl-gray: hsla(0, 0%, 100%, 0.87);
  --cl-gray-lite: hsla(0, 0%, 100%, 0.87);
  --cl-gray-med: hsla(0, 0%, 100%, 0.87);
  --cl-gray-med2: hsla(0, 0%, 100%, 0.87);
  --cl-gray-bold: hsla(0, 0%, 100%, 0.87);
  --cl-blue: hsla(0, 0%, 100%, 0.87);
  --cl-red: hsla(0, 0%, 100%, 0.87);
  --cl-orange: hsla(0, 0%, 100%, 0.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: 0.78;
  --img-filter: brightness(0.8) contrast(1.2);
  --img-grayscale: grayscale(1) invert(1) brightness(1.2);
  --img-dark: 1;
  --img-light: 0;
  --img-kolom: grayscale(1) brightness(0.3);
  --ico-invert: none;
  --bg-title: #121212;
  --cl-title: hsla(0, 0%, 100%, 0.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, 0.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%, 0.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%, 0.87);
  --cl-infografik: hsla(0, 0%, 100%, 0.87);
  --bg-infografik: #262626;
  --cl-gray-video: hsla(0, 0%, 100%, 0.87);
  --bg-video-kg: #262626;
  --bg-cekfakta: #262626;
  --bg-blogger: #646464;
  --bg-modal: rgba(59, 59, 59, 0.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%, 0.87);
  --cl-time: hsla(0, 0%, 100%, 0.87);
  --cl-time2: hsla(0, 0%, 100%, 0.87);
  --bg-section-title: #3b3b3b;
  --bg-time: #262626;
  --bg-bullet: hsla(0, 0%, 100%, 0.87);
  --br-item: #262626;
  --br-tab: #646464;
  --br-tab2: #646464;
  --cl-tab2: hsla(0, 0%, 100%, 0.87);
  --cl-channel: hsla(0, 0%, 100%, 0.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%, 0.87);
  --neutral-60-1: #6c6f75;
  --neutral-70: hsla(0, 0%, 100%, 0.87);
  --neutral-70-1: #515358;
  --neutral-80: hsla(0, 0%, 100%, 0.87);
  --neutral-80-1: #36383a;
  --neutral-90: hsla(0, 0%, 100%, 0.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%, 0.87);
  --charcoal-white: hsla(0, 0%, 100%, 0.87);
  --charcoal: hsla(0, 0%, 100%, 0.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%, 0.87);
  --neutral-600-1: #6c6f75;
  --neutral-700: hsla(0, 0%, 100%, 0.87);
  --neutral-700-1: #515358;
  --neutral-800: hsla(0, 0%, 100%, 0.87);
  --neutral-800-1: #36383a;
  --neutral-900: hsla(0, 0%, 100%, 0.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%, 0.8);
    --bg-input: #1f1f1f;
    --bg-toggle: #646464;
    --bg-radio: #1f1f1f;
    --bg-disabled: #3b3b3b;
    --cl-main: hsla(0, 0%, 100%, 0.87);
    --cl-white: hsla(0, 0%, 100%, 0.87);
    --cl-gray: hsla(0, 0%, 100%, 0.87);
    --cl-gray-lite: hsla(0, 0%, 100%, 0.87);
    --cl-gray-med: hsla(0, 0%, 100%, 0.87);
    --cl-gray-med2: hsla(0, 0%, 100%, 0.87);
    --cl-gray-bold: hsla(0, 0%, 100%, 0.87);
    --cl-blue: hsla(0, 0%, 100%, 0.87);
    --cl-red: hsla(0, 0%, 100%, 0.87);
    --cl-orange: hsla(0, 0%, 100%, 0.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: 0.78;
    --img-filter: brightness(0.8) contrast(1.2);
    --img-grayscale: grayscale(1) invert(1) brightness(1.2);
    --img-dark: 1;
    --img-light: 0;
    --img-kolom: grayscale(1) brightness(0.3);
    --ico-invert: none;
    --bg-title: #121212;
    --cl-title: hsla(0, 0%, 100%, 0.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, 0.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%, 0.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%, 0.87);
    --cl-infografik: hsla(0, 0%, 100%, 0.87);
    --bg-infografik: #262626;
    --cl-gray-video: hsla(0, 0%, 100%, 0.87);
    --bg-video-kg: #262626;
    --bg-cekfakta: #262626;
    --bg-blogger: #646464;
    --bg-modal: rgba(59, 59, 59, 0.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%, 0.87);
    --cl-time: hsla(0, 0%, 100%, 0.87);
    --cl-time2: hsla(0, 0%, 100%, 0.87);
    --bg-section-title: #3b3b3b;
    --bg-time: #262626;
    --bg-bullet: hsla(0, 0%, 100%, 0.87);
    --br-item: #262626;
    --br-tab: #646464;
    --br-tab2: #646464;
    --cl-tab2: hsla(0, 0%, 100%, 0.87);
    --cl-channel: hsla(0, 0%, 100%, 0.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%, 0.87);
    --neutral-60-1: #6c6f75;
    --neutral-70: hsla(0, 0%, 100%, 0.87);
    --neutral-70-1: #515358;
    --neutral-80: hsla(0, 0%, 100%, 0.87);
    --neutral-80-1: #36383a;
    --neutral-90: hsla(0, 0%, 100%, 0.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%, 0.87);
    --charcoal-white: hsla(0, 0%, 100%, 0.87);
    --charcoal: hsla(0, 0%, 100%, 0.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%, 0.87);
    --neutral-600-1: #6c6f75;
    --neutral-700: hsla(0, 0%, 100%, 0.87);
    --neutral-700-1: #515358;
    --neutral-800: hsla(0, 0%, 100%, 0.87);
    --neutral-800-1: #36383a;
    --neutral-900: hsla(0, 0%, 100%, 0.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%, 0.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, 0.75);
    --cl-shadow-inset:
      0 3px 6px rgba(0, 0, 0, 0.16) inset, 0 3px 6px rgba(0, 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%, 0.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%, 0.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, 0.3);
  box-shadow: 0 0 6px rgba(0, 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%, 0.2);
}
.dark-link * {
  pointer-events: none;
}
.dark-link.-active {
  background: hsla(0, 0%, 77%, 0.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, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.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: #4a0a0a;
  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, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  -webkit-transition: all 0.2s ease;
  transition: all 0.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: #4a0a0a;
  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, 0.3);
  box-shadow: 0 2px 5px rgba(0, 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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  opacity: 1;
  visibility: visible;
  overflow: hidden;
  text-align: left;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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 0.2s ease;
  transition: all 0.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, 0.3);
  box-shadow: 0 2px 5px rgba(0, 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, 0.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: linear-gradient(to bottom,#cc7100 0%,#fda601 100%);
  text-transform: uppercase;
  border-radius: 4px;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.kid__button:hover {
  color: #fff;
  background: linear-gradient(to bottom,#cc7100 0%,#fda601 100%);
}
.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, 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, 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, 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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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, 0.16);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.16);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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%, 0.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, 0.9);
  color: #fff;
  opacity: 1;
}
.gallery__photo__asset:hover .gallery__photo__start {
  color: #fff;
  background: rgba(60, 165, 221, 0.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: 0.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, 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, 0.16);
  box-shadow: 3px 3px 6px rgba(0, 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, 0.16);
  box-shadow: 0 3px 6px rgba(0, 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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  -ms-animation: blink 0.7s infinite;
  -o-animation: blink 0.7s infinite;
  animation: blink 0.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, 0.2);
  box-shadow: 0 3px 5px rgba(0, 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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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: -0.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 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.listicle-nav-title:before {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 2px solid #3ca5dd;
  border-left: 2px solid #3ca5dd;
  bottom: calc(50% - 0.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 0.2s ease;
  transition: all 0.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(0.25, 0.46, 0.45, 0.94)
    infinite alternate both;
  animation: slide-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.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 0.2s ease;
  transition: all 0.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, 0.3);
  box-shadow: 1px 0 5px rgba(0, 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, 0.3);
  box-shadow: -1px 0 5px rgba(0, 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, 0.16);
  box-shadow: 0 1px 5px rgba(0, 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, 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 0.2s ease;
  transition: all 0.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, 0.16);
  box-shadow: 0 3px 6px rgba(0, 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, 0.25);
  box-shadow: 0 1px 4px 0 rgba(0, 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: 0.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, 0.25);
  -webkit-box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 3px 3px 5px -1px rgba(0, 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, 0.25);
  -webkit-box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 3px 3px 5px -1px rgba(0, 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, 0.15);
  -moz-box-shadow: inset 0 33px 78px -21px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 33px 78px -21px rgba(0, 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, 0.15);
  -moz-box-shadow: inset 0 33px 78px -21px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 33px 78px -21px rgba(0, 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, 0.15);
  -moz-box-shadow: inset 0 33px 78px -21px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 33px 78px -21px rgba(0, 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, 0.25);
  -webkit-box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 3px 3px 5px -1px rgba(0, 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: 0.6;
  -webkit-transition: all 0.2 ease;
  -moz-transition: all 0.2 ease;
  -ms-transition: all 0.2 ease;
  -o-transition: all 0.2 ease;
  transition: all 0.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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: 0.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 0.1s ease;
  transition: all 0.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 0.2s ease-in-out;
  transition: all 0.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 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  -ms-animation: blink 0.7s infinite;
  -o-animation: blink 0.7s infinite;
  animation: blink 0.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: 0.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: -0.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 0.2s ease;
  transition: all 0.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%, 0.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: 0.5s ease;
  transition: 0.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: 0.5s ease;
  transition: 0.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, 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, 0.16);
  box-shadow: 0 4px 8px rgba(0, 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, 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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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), 0.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, 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, 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: -0.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%, 0.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: -0.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, 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%, 0.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, 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: -0.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(../other/%23clip0_2858_9284_89a50b0d.html)"><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(../other/%23paint0_linear_2858_9284_793d702c.html)"/><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, 0.08);
  box-shadow: 0 -4px 8px rgba(0, 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, 0.16);
  box-shadow: 0 4px 8px rgba(0, 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 0.3s ease;
  transition: all 0.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.copyBtn.copied:after {
  content: attr(data-title);
  position: absolute;
  width: auto;
  top: -40px;
  left: calc(-80% - 25px);
  background: rgba(var(--bg-copy), 0.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 0.3s ease;
  transition: all 0.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: -0.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: #4a0a0a;
  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(../other/%23clip0_1164_4575_8d8b6e35.html)'%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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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, 0.16);
  box-shadow: 0 1px 8px rgba(0, 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: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.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: 0.001;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 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(0.4, 0, 0.22, 1);
  transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition:
    transform 333ms cubic-bezier(0.4, 0, 0.22, 1),
    -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 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: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  outline: none;
  opacity: 0.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_3e2c3cde.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_30e0e163.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, 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, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.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, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition:
    transform 0.25s,
    -webkit-transform 0.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: 0.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 0.25s ease-out;
  transition: opacity 0.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_77b01ca1.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 0.5s linear infinite;
  animation: swiper-preloader-spin 0.5s linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.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(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 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, 0.5);
}
.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
  background-color: rgba(0, 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: 0.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, 0.2);
  box-shadow: 2px 2px 10px rgba(0, 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, 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, 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, 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: 0.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: -0.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, 0.6);
  box-shadow: 0 0 8px rgba(0, 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(0.75);
    transform: scale(0.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, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: linear-gradient(270deg, rgba(0, 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, 0.5)),
    to(transparent)
  );
  background-image: linear-gradient(90deg, rgba(0, 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, 0.5)),
    to(transparent)
  );
  background-image: linear-gradient(0deg, rgba(0, 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, 0.5)),
    to(transparent)
  );
  background-image: linear-gradient(180deg, rgba(0, 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 0.3s;
  transition: opacity 0.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: 0.2;
  background-color: #000;
}
.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: 1;
}
.swiper-button-disabled {
  opacity: 0.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 0.2s ease;
  -moz-transition: transform 0.2s ease;
  -ms-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition:
    transform 0.2s ease,
    -webkit-transform 0.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%, 0.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 0.7s 3s forwards;
  -moz-animation: bannerfade 0.7s 3s forwards;
  -ms-animation: bannerfade 0.7s 3s forwards;
  -o-animation: bannerfade 0.7s 3s forwards;
  animation: bannerfade 0.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 0.2s ease-in-out;
  transition: background 0.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 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.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: 0.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, 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 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.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 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.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: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(0.8);
  transform: scale(0.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 0.4s ease-in-out;
  transition: all 0.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: 0.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, 0.09);
  box-shadow: 0 4px 20px 0 rgba(0, 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, 0.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: 0.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, 0.09);
  box-shadow: 0 4px 20px 0 rgba(0, 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, 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, 0.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, 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(0.5);
    transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  to {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes animlive {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  to {
    -webkit-transform: scale(0.5);
    transform: scale(0.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, 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 0.2s ease;
  transition: all 0.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(../other/%23paint0_linear_2748_1945_c68b2741.html)' 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(../other/%23clip0_1001_10273_10319d8f.html)'%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(../other/%23paint0_linear_1001_10273_3975d29a.html)'/%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: 0.7px solid hsla(0, 0%, 100%, 0.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: 0.7px solid hsla(0, 0%, 100%, 0.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: -0.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: -0.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: -0.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: -0.01em;
  color: var(--cl-txt);
  margin: 8px 0 11px;
}
.eventLatest-date {
  font-size: 12px;
  line-height: 14.06px;
  letter-spacing: -0.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: 0.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, 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: 0.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: 0.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, 0.6))
  );
  background: linear-gradient(180deg, transparent 50%, rgba(0, 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(../other/%23clip0_2953_6037_fc9f0030.html)'%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(../other/%23clip0_2953_6047_0e94e3df.html)'%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(../other/%23clip0_2953_6054_52562b5d.html)'%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, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition:
    transform 0.2s ease-out,
    -webkit-transform 0.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, 0.5);
  z-index: -1 !important;
  -webkit-transition: all 0.2s ease;
  transition: all 0.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, 0.16);
  box-shadow: 0 1px 5px rgba(0, 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(../other/%23clip0_34_260_2265b13e.html)'%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 0.3s ease;
  transition: width 0.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 0.3s ease;
  transition: width 0.3s ease;
}
.tierProgress-item progress[value]::-webkit-progress-value {
  width: 0;
  border-radius: 20px;
  background-color: var(--neutral-500);
  -webkit-transition: width 0.3s ease;
  transition: width 0.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: 0.7px solid #0f79c6;
  border-radius: 8px;
  padding: 12px;
  background-color: hsla(0, 0%, 100%, 0.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(../other/%23mask0_2436_90710_261bf577.html)"%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(../other/%23clip0_2436_90807_f31abde5.html)"%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, 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: -0.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%, 0.6))
  );
  background: linear-gradient(0deg, #000 50%, hsla(0, 0%, 100%, 0.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%, 0.6))
  );
  background: linear-gradient(0deg, #000 50%, hsla(0, 0%, 100%, 0.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: 0.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, 0.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%, 0.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(../other/%23paint0_linear_5804_129271_00d57be4.html)'/%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, 0.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, 0.05);
  box-shadow: 0 2px 5px 0 rgba(0, 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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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, 0.12);
  box-shadow: 0 2px 10px 0 rgba(0, 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, 0.05);
  box-shadow: 0 2px 5px 0 rgba(0, 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, 0.3);
  -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 5px 0 rgba(0, 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, 0.2);
  -moz-box-shadow: 2px -2px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px -2px 3px 0 rgba(0, 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(0.75);
  -webkit-transform: scale(0.75);
  transform: scale(0.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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%, 0.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: 0.1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.1;
  }
}
@keyframes blink {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.1;
  }
}
@-webkit-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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, 0.3);
  box-shadow: 3px 0 6px rgba(0, 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, 0.3);
  box-shadow: -3px 0 6px rgba(0, 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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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 0.2s ease;
  transition: all 0.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: 0.2s ease;
  transition: 0.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: -0.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(0.5);
  transform: scale(0.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(0.8);
  transform: scale(0.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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, 0.8);
  z-index: 100 !important;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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: 0.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: 0.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: 0.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(0.8) contrast(1.2);
  filter: brightness(0.8) contrast(1.2);
  -o-object-position: left;
  object-position: left;
}
.wBox--vaksin .wBox-content {
  position: relative;
  z-index: 2;
  padding: 0.5rem 1rem 0.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: 0.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, 0.5);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.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, 0.25);
  box-shadow: 0 0 4px rgba(0, 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: 0.2s ease;
  transition: 0.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%, 0.87);
  --of-sml: hsla(0, 0%, 100%, 0.87);
  --of-b: #454545;
  --of-btn: #39a3f0;
  --of-c: invert(25%) sepia(77%) saturate(2254%) hue-rotate(188deg)
    brightness(102%) contrast(88%);
  --of-op: 0.1;
  --of-drk: 1;
  --of-lig: 0;
}
@media (prefers-color-scheme: dark) {
  body {
    --of-bg: #232426;
    --of-otxt: hsla(0, 0%, 100%, 0.87);
    --of-sml: hsla(0, 0%, 100%, 0.87);
    --of-b: #454545;
    --of-btn: #39a3f0;
    --of-c: invert(25%) sepia(77%) saturate(2254%) hue-rotate(188deg)
      brightness(102%) contrast(88%);
    --of-op: 0.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: -0.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: 0.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: -0.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: 0.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, 0.2);
  background: var(--bg-main, #fff);
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px 0 rgba(0, 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(../other/%23a_4cfaf3b0.html)'/%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, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 32px 56px;
  z-index: 2;
  backdrop-filter: blur(5px);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.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 0.2s ease;
  transition: all 0.2s ease;
}
.-restricted .restricted.-show {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  transition: all 0.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%, 0.87);
  --cl-kompas: #007aff;
  --cl-list-title: hsla(0, 0%, 100%, 0.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%, 0.87);
    --cl-kompas: #007aff;
    --cl-list-title: hsla(0, 0%, 100%, 0.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 0.2s ease;
  transition: all 0.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 0.3s ease-out;
  transition: right 0.3s ease-out;
}
.icoMeatball:after {
  left: 6px;
  -webkit-transition: left 0.3s ease-out;
  transition: left 0.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 0.2s ease;
  -moz-transition: background-image 0.2s ease;
  -ms-transition: background-image 0.2s ease;
  -o-transition: background-image 0.2s ease;
  transition: background-image 0.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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, 0.15);
  box-shadow: 0 1px 40px rgba(0, 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, 0.15);
  box-shadow: 0 4px 20px rgba(0, 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, 0.15);
  box-shadow: 0 4px 20px rgba(0, 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, 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: -0.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: -0.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: 0.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%, 0.87);
  --cl-kgnow-grey_1: #262626;
}
@media (prefers-color-scheme: dark) {
  body {
    --cl-kgnow-grey: hsla(0, 0%, 100%, 0.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, 0.2);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  -ms-flex-align: center;
  border: 1px solid hsla(0, 0%, 100%, 0.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(../other/%23clip0_797_8370_9a36f945.html)'%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%, 0.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(../other/%23clip0_1001_10273_10319d8f.html)'%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(../other/%23paint0_linear_1001_10273_3975d29a.html)'/%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: 0.7px solid hsla(0, 0%, 100%, 0.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: 0.7px solid hsla(0, 0%, 100%, 0.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%, 0.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, 0.25);
  box-shadow: 0 8px 30px rgba(0, 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(../other/%23paint0_linear_797_8513_fdd4adf8.html)' 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, 0.25);
  box-shadow: 0 1px 4px 0 rgba(0, 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, 0.16);
  box-shadow: 0 1px 5px rgba(0, 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, 0.2);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  z-index: 10;
  width: 100%;
  max-width: 328px;
  padding: 16px 32px 16px 16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.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: -0.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: -0.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);
}