@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/roboto-v30-latin_latin-ext-regular.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/roboto-v30-latin_latin-ext-italic.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/roboto-v30-latin_latin-ext-500.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 500;
  src: url(../fonts/roboto-v30-latin_latin-ext-500italic.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/roboto-v30-latin_latin-ext-900.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-style: italic;
  font-weight: 900;
  src: url(../fonts/roboto-v30-latin_latin-ext-900italic.woff2) format('woff2');
}

@font-face {
  font-display: swap;
  font-family: Hurme Geometric Sans\3;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/HurmeGeometricSans3-Regular.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: Hurme Geometric Sans\3;
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/HurmeGeometricSans3-SemiBold.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: Hurme Geometric Sans\3;
  font-style: italic;
  font-weight: 600;
  src: url(../fonts/HurmeGeometricSans3-SemiBoldObl.woff2) format('woff2');
}
@font-face {
  font-display: swap;
  font-family: Hurme Geometric Sans\3;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/HurmeGeometricSans3-Bold.woff2) format('woff2');
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: initial;
  height: 0;
  overflow: visible;
}
a {
  background-color: initial;
}
b {
  font-weight: bolder;
}
img {
  border-style: none;
}
button,
input {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button {
  text-transform: none;
}
[type='submit'],
button {
  appearance: button;
  -webkit-appearance: button;
}
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type='submit']:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.m-0 {
  margin: 0;
}
.m-auto {
  margin: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-bottom: 0;
  margin-top: 0;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.-mr-5 {
  margin-right: -1.25rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-4 {
  margin-left: 1rem;
}
.mr-2\.5 {
  margin-right: 0.625rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-0 {
  margin-top: 0;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-\[3px\] {
  margin-top: 3px;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[25px\] {
  height: 25px;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[40px\] {
  height: 40px;
}
.h-full {
  height: 100%;
}
.max-h-full {
  max-height: 100%;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[90px\] {
  width: 90px;
}
.w-full {
  width: 100%;
}
.min-w-\[155px\] {
  min-width: 155px;
}
.min-w-\[40px\] {
  min-width: 40px;
}
.min-w-\[fit-content\] {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.max-w-\[1080px\] {
  max-width: 1080px;
}
.max-w-\[70\%\] {
  max-width: 70%;
}
.flex-1 {
  flex: 1 1 0%;
}
.shrink-0 {
  flex-shrink: 0;
}
.cursor-pointer {
  cursor: pointer;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-center {
  align-items: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-x-1 {
  -moz-column-gap: 0.25rem;
  column-gap: 0.25rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
.gap-x-7 {
  -moz-column-gap: 1.75rem;
  column-gap: 1.75rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.overflow-hidden {
  overflow: hidden;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-md {
  border-radius: 0.375rem;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-solid {
  border-style: solid;
}
.border-none {
  border-style: none;
}
.border-black {
  --tw-border-opacity: 1;
  border-color: #0f0f10;
  border-color: rgb(15 15 16 / var(--tw-border-opacity, 1));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: #9ca3af;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: #dc2626;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: initial;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.\!bg-none {
  background-image: none !important;
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.from-\[\#003C76\] {
  --tw-gradient-from: #003c76 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(0, 60, 118, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-\[\#0B68C3\] {
  --tw-gradient-to: #0b68c3 var(--tw-gradient-to-position);
}
.object-cover {
  font-family: 'object-fit:cover';
  object-fit: cover;
}
.p-0 {
  padding: 0;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-2\.5 {
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.font-hurme {
  font-family:
    Hurme Geometric Sans\3,
    Hurme Fallback,
    Arial,
    sans-serif;
}
.text-xs {
  font-size: 0.75rem;
}
.\!text-black {
  color: #0f0f10 !important;
  color: rgb(15 15 16 / var(--tw-text-opacity, 1)) !important;
}
.\!text-black {
  --tw-text-opacity: 1 !important;
}
.\!text-dark-gray-text-3 {
  --tw-text-opacity: 1 !important;
  color: #4f5862 !important;
  color: rgb(79 88 98 / var(--tw-text-opacity, 1)) !important;
}
.text-blue-link {
  --tw-text-opacity: 1;
  color: #0b68c1;
  color: rgb(11 104 193 / var(--tw-text-opacity, 1));
}
.text-dark-gray-text-3 {
  --tw-text-opacity: 1;
  color: #4f5862;
  color: rgb(79 88 98 / var(--tw-text-opacity, 1));
}
.text-light-gray {
  --tw-text-opacity: 1;
  color: #9c9c9c;
  color: rgb(156 156 156 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: #fff;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.no-underline {
  text-decoration-line: none;
}
.transition-opacity {
  transition-duration: 0.15s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
}
.\!text-dt-fake-h2 {
  --tw-text-opacity: 1;
  color: #0f0f10;
  color: rgb(15 15 16 / var(--tw-text-opacity, 1));
}
.text-help-regular-12 {
  font-weight: 400;
}
.text-help-semibold-12,
.text-semibold-15-15 {
  font-weight: 600;
}
.text-semibold-15-15 {
  font-size: 15px;
  line-height: 24px;
}
.text-help-regular-12,
.text-help-semibold-12 {
  font-size: 12px;
  line-height: 18px;
}
.\!text-dt-fake-h2 {
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 42px !important;
}

.mone_native_box:has(.molecule-article) {
  margin-bottom: 0.75rem;
  margin-top: 1.25rem;
}
*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
body,
html {
  box-sizing: border-box;
  font-family: Roboto, sans-serif;
  font-size: 0.9375em;
  margin: 0;
  padding: 0;
}
*,
:after,
:before {
  box-sizing: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
.main-container {
  max-width: 100%;
  min-height: 100vh;
  padding-top: 40px;
}
@media (min-width: 768px) {
  .main-container {
    padding-top: 60px;
  }
}
@media (min-width: 1080px) {
  .main-container {
    max-width: 1080px;
    padding-top: 0;
  }
}
.content {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1080px) {
  .content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.page-article-detail #sidebar {
  border-bottom-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  --tw-border-opacity: 1;
  border-color: #dadada;
  border-color: rgb(218 218 218 / var(--tw-border-opacity, 1));
  padding-top: 1.75rem;
}
@media (min-width: 768px) {
  .page-article-detail #sidebar {
    border-style: solid;
  }
}
.page-article-detail #sidebar {
  border-left-width: 1px;
}
.page-article-detail {
  font-family:
    Hurme Geometric Sans\3,
    Hurme Fallback,
    Arial,
    sans-serif;
}
.page-article-detail h1 {
  --tw-text-opacity: 1;
  color: #0f0f10;
  color: rgb(15 15 16 / var(--tw-text-opacity, 1));
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
}
@media (min-width: 768px) {
  .page-article-detail h1 {
    --tw-text-opacity: 1;
    color: #0f0f10;
    color: rgb(15 15 16 / var(--tw-text-opacity, 1));
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
  }
}
.page-article-detail p {
  --tw-text-opacity: 1;
  color: #4f5862;
  color: rgb(79 88 98 / var(--tw-text-opacity, 1));
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media (min-width: 768px) {
  .page-article-detail p {
    --tw-text-opacity: 1;
    color: #4f5862;
    color: rgb(79 88 98 / var(--tw-text-opacity, 1));
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
  }
}
.share-button {
  background-color: initial;
  border-style: none;
  margin-left: auto;
  margin-top: 0.25rem;
  max-width: -moz-fit-content;
  max-width: fit-content;
  position: relative;
  z-index: 20;
}
.share-links-submenu {
  height: 0;
  overflow: hidden;
  position: absolute;
}
body,
html {
  background-color: #cfd8dc;
}
body {
  min-height: 100vh;
}
p {
  overflow-wrap: break-word;
}
img {
  height: auto;
  max-width: 100%;
  position: relative;
}
img[loading='lazy'] {
  color: #f2f2f2;
  display: block;
  text-indent: -9999px;
}
img[loading='lazy'],
img[loading='lazy']:before {
  background-color: #f2f2f2;
}
img[loading='lazy'],
img[loading='lazy']:before {
  background-image: url(../img/spinner-rotating.3696c5b7.svg);
  background-position: 50% 54%;
  background-repeat: no-repeat;
}
img[loading='lazy']:before {
  content: ' ';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.aside-layout {
  display: flex;
  flex-wrap: wrap;
}
.aside-layout aside,
.aside-layout main {
  width: 100%;
}
@media (min-width: 768px) {
  .aside-layout main {
    padding-right: 1rem;
    width: 70%;
  }
  .aside-layout aside {
    padding-left: 1rem;
    width: 30%;
  }
}
@media (min-width: 1080px) {
  .aside-layout main {
    padding-right: 2rem;
  }
}
h1 {
  font-size: 2.25rem;
  line-height: 1.15;
  margin-bottom: 1.25rem;
  margin-top: 0;
}
h1,
h2,
h3 {
  font-weight: 900;
  --tw-text-opacity: 1;
  color: #011e39;
  color: rgb(1 30 57 / var(--tw-text-opacity, 1));
}
h2,
h3 {
  letter-spacing: -0.7px;
  line-height: 1.375;
  margin-bottom: 0;
  margin-top: 1.5rem;
}
h2 {
  font-size: 1.63rem;
}
h3 {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  h1 {
    font-size: 3.2rem;
  }
}
img.keep-image-ratio {
  aspect-ratio: attr(width) / attr(height);
  display: inline-block;
  height: auto;
  width: 100%;
}
.article-author-info .avatar-img {
  height: 42px;
  width: 42px;
}
.article-detail {
  --tw-text-opacity: 1;
  color: #2b2b2b;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
}
.article-detail p {
  font-size: 1.125rem;
  line-height: 1.5;
}
.article-detail p a,
.article-detail ul a {
  --tw-text-opacity: 1;
  color: #00417c;
  color: rgb(0 65 124 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}
.article-detail p a:hover,
.article-detail ul a:hover {
  text-decoration-line: none;
}
.article-detail .table-wrapper table:has(tfoot) tfoot tr:last-child td,
.article-detail .table-wrapper table:not(:has(tfoot)) tbody tr:last-child td {
  border-style: none;
}
.article-detail ul {
  font-size: 1.125rem;
  line-height: 1.5;
  list-style-type: none;
  padding-left: 0;
  position: relative;
}
.article-detail ul li p {
  display: inline;
  margin-bottom: 0;
}
.article-detail ul {
  padding-left: 1.25rem;
}
.article-detail ul li {
  display: block;
  margin-bottom: 0.5rem;
}
.article-detail ul li:before {
  display: inline-block;
  font-size: 1rem;
  margin-left: -1.1rem;
  width: 1.1rem;
  --tw-text-opacity: 1;
  color: #2b2b2b;
  color: rgb(43 43 43 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px) {
  .article-detail ul li:before {
    font-size: 1.15rem;
    margin-left: -1.35rem;
    width: 1.4rem;
  }
}
.article-detail ul li:before {
  content: '\25CF';
}
.page-article-detail p a {
  --tw-text-opacity: 1;
  color: #0b68c1;
  color: rgb(11 104 193 / var(--tw-text-opacity, 1));
}
.page-article-detail h2 {
  --tw-text-opacity: 1;
  color: #0f0f10;
  color: rgb(15 15 16 / var(--tw-text-opacity, 1));
  font-size: 20px;
  font-weight: 700;
  line-height: 29px;
}
@media (min-width: 768px) {
  .page-article-detail h2 {
    --tw-text-opacity: 1;
    color: #0f0f10;
    color: rgb(15 15 16 / var(--tw-text-opacity, 1));
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
  }
}
.page-article-detail h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
}
@media (min-width: 768px) {
  .page-article-detail h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
  }
}
.page-article-detail ul {
  --tw-text-opacity: 1;
  color: #4f5862;
  color: rgb(79 88 98 / var(--tw-text-opacity, 1));
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media (min-width: 768px) {
  .page-article-detail ul {
    --tw-text-opacity: 1;
    color: #4f5862;
    color: rgb(79 88 98 / var(--tw-text-opacity, 1));
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
  }
}
.page-article-detail b {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: #0f0f10;
  color: rgb(15 15 16 / var(--tw-text-opacity, 1));
}
.page-article-detail h3 b {
  color: inherit !important;
  font: inherit;
  line-height: inherit;
}
#article-inner-content {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media (min-width: 768px) {
  #article-inner-content {
    row-gap: 32px;
  }
}
#article-inner-content > * {
  margin-bottom: 0;
  margin-top: 0;
}
#article-inner-content > h3 {
  margin-bottom: -12px;
}
@media (min-width: 768px) {
  #article-inner-content > h3 {
    margin-bottom: -16px;
  }
}
#article-inner-content p + p {
  margin-top: -12px;
}
@media (min-width: 768px) {
  #article-inner-content p + p {
    margin-top: -16px;
  }
}
.icon {
  display: inline-block;
  font-size: 1rem;
}
.icon:after {
  background-size: 100% 100%;
  content: ' ';
  display: inline-block;
  font-size: inherit;
  height: 1em;
}
.icon.i-arrow-right-breadcrumbs:after {
  background-image: url(../img/arrow-right-breadcrumbs.e3e5b459.svg);
  height: 24px;
  width: 24px;
}
.icon.i-share:after {
  background-image: url(../img/share.ca930b40.svg);
  height: 24px;
  width: 24px;
}
.icon.i-search:after {
  background-image: url(../img/search-white.svg);
  width: 1em;
}
.i-share-x {
  background-image: url(../img/social-x-2.284551b9.svg);
  height: 24px;
  width: 25px;
}
.i-share-facebook {
  background-image: url(../img/social-facebook-2.72e3d82e.svg);
  height: 24px;
  width: 25px;
}
.i-share-whatsapp {
  background-image: url(../img/whatsapp.0c263133.svg);
  height: 20px;
  width: 20px;
}
.i-share-link {
  background-image: url(../img/link.bf7cd814.svg);
  height: 20px;
  width: 20px;
}

.devider {
  border-width: 0;
  height: 1px;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: #dadada;
  background-color: rgb(218 218 218 / var(--tw-bg-opacity, 1));
}
.infobox.ai-summary:has(> p:nth-of-type(3)),
.infobox.ai-summary:has(ul li:nth-child(3)) {
  padding-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .infobox.ai-summary:has(> p:nth-of-type(3)),
  .infobox.ai-summary:has(ul li:nth-child(3)) {
    padding-bottom: 2.25rem;
  }
}
.infobox.ai-summary:has(ul li:nth-child(3)) .show-more {
  display: flex;
}
.infobox.ai-summary:has(> p:nth-of-type(3)) .show-more {
  display: flex;
}
.main-container:before {
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 30;
  --tw-bg-opacity: 1;
  background-color: #0f0f10;
  background-color: rgb(15 15 16 / var(--tw-bg-opacity, 1));
  content: '';
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.header-button {
  background-color: initial;
  border-style: none;
  cursor: pointer;
}
.profile-button-not-logged {
  opacity: 1;
  visibility: visible;
}
:root {
  --login-box-bg: #f7f7f8;
  --login-box-border: #dedede;
  --login-box-title: #003c76;
  --login-box-subtitle: #0b68c1;
  --login-box-btn-bg: #d31617;
  --login-box-btn-text: #fff;
  --login-box-note: #4f5862;
  --login-box-link: #4f5862;
}
.search-query:not(:valid) + .search-form-clear {
  display: none;
}
.share-links-submenu {
  display: inline-block;
  margin-right: -3.5rem;
  margin-top: 0;
  right: 0;
  text-align: left;
  top: 100%;
  z-index: 10;
  --tw-text-opacity: 1;
  color: #003c72;
  color: rgb(0 60 114 / var(--tw-text-opacity, 1));
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  opacity: 0;
  transition-duration: 0.15s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 320px) {
  .share-links-submenu {
    margin-right: 0;
  }
}
@media (min-width: 640px) {
  .share-links-submenu {
    margin-right: -1.25rem;
  }
}
@media (min-width: 1080px) {
  .share-links-submenu {
    margin-right: -2rem;
  }
}
.share-links-submenu a {
  font-style: normal;
  text-transform: none;
}
.share-links-submenu .socials-wrapper {
  --tw-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored:
    0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.socials-wrapper {
  border-radius: 0.375rem;
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
  row-gap: 1rem;
  width: 175px;
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem 1.25rem;
}
.share-link {
  align-items: center;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  cursor: pointer;
  display: flex;
  transition-duration: 0.15s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.share-link:hover {
  opacity: 0.75;
}
.share-link span {
  width: 25px;
}
.vertical-box-article {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
}
@media (min-width: 1080px) {
  .vertical-box-article {
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }
}
.vertical-box-article .article-image-link {
  width: 58.333333%;
}
.vertical-box-article .article-image {
  border-radius: 0.375rem;
  font-family: 'object-fit:cover';
  object-fit: cover;
  width: 100%;
}
.vertical-box-article .article-content {
  align-items: center;
  display: flex;
  width: 100%;
}
.vertical-box-article .article-title {
  margin-bottom: 0;
  margin-top: 0;
  --tw-text-opacity: 1;
  color: #0f0f10;
  color: rgb(15 15 16 / var(--tw-text-opacity, 1));
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 21px !important;
}
@media (min-width: 992px) {
  .vertical-box-article .article-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
  }
}
.vertical-box-article .article-title a {
  --tw-text-opacity: 1;
  color: #0f0f10;
  color: rgb(15 15 16 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
.vertical-box-article .article-title-link {
  display: -webkit-box;
  position: relative;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}
.vertical-box-article .article-title-link:hover {
  text-decoration-line: underline;
}
.sticky-header {
  position: fixed;
  top: 0;
  transition: transform 0.2s linear;
  width: 100%;
  z-index: 60;
}
@media (min-width: 1080px) {
  .sticky-header {
    position: sticky;
    position: -webkit-sticky;
  }
}
.sticky-header:after,
.sticky-header:before {
  content: '';
  display: table;
}
.sticky-header.hidden-ticker:has(.hidden-header) {
  transform: translateY(-100%);
}
/*! purgecss start ignore !*/
@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .sticky-header {
    position: relative;
  }
}
@media screen and (min-width: 1080px) and (-ms-high-contrast: active),
  screen and (min-width: 1080px) and (-ms-high-contrast: none) {
  .sticky-header {
    width: 1080px;
  }
}
.icon:after {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
/*! purgecss stop ignore !*/
@media not all and (min-resolution: 0.001dpcm) {
}
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:root {
  --quiz-page-background: rgba(203, 213, 224, var(--bg-opacity));
  --quiz-body-background-color: rgba(255, 255, 255, var(--bg-opacity));
  --quiz-icheck-color-checked: #d31617;
  --quiz-icheck-size: 1rem;
  --quiz-icheck-color: #fff;
  --quiz-radio-size: 26px;
  --quiz-radio-color-checked: #003c76;
  --quiz-radio-color: #fff;
  --quiz-option-accent-background-color: #fee2e2;
  --quiz-list-color: #00417c;
  --quiz-accent-text-color: #e6f3ff;
  --quiz-gallery-background: linear-gradient(-45deg, #07417c, #00305b);
  --quiz-accent-header-color: #000;
  --quiz-button-hover-background: #d31617;
  --quiz-button-hover-border-color: #d31617;
  --quiz-message-background-color: #d31617;
  --quiz-message-text-color: #fff;
  --quiz-message-border-color: #d31617;
  --competition-gallery-arrow-color: #fff;
  --competition-gallery-arrow-background: #d31617;
}
@media not all and (min-width: 992px) {
  .max-ml\:hidden {
    display: none;
  }
}
@media not all and (min-width: 768px) {
  .max-md\:hidden {
    display: none;
  }
}
.before\:\!content-none:before {
  --tw-content: none !important;
  content: none !important;
  content: var(--tw-content) !important;
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
@media not all and (min-width: 992px) {
  .max-ml\:p-2\.5 {
    padding: 0.625rem;
  }
  .max-ml\:hidden {
    display: none;
  }
}
@media not all and (min-width: 768px) {
  .max-md\:hidden {
    display: none;
  }
}
@media (min-width: 768px) {
  .md\:mr-3 {
    margin-right: 0.75rem;
  }
  .md\:block {
    display: block;
  }
  .md\:h-\[40px\] {
    height: 40px;
  }
  .md\:h-\[60px\] {
    height: 60px;
  }
  .md\:w-\[113px\] {
    width: 113px;
  }
  .md\:w-\[20\%\] {
    width: 20%;
  }
  .md\:gap-1 {
    gap: 0.25rem;
  }
  .md\:rounded-lg {
    border-radius: 0.5rem;
  }
  .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md\:py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}
@media (min-width: 992px) {
  .ml\:text-semibold-16-16 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }
}
@media (min-width: 1080px) {
  .lg\:-mr-4 {
    margin-right: -1rem;
  }
  .lg\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.step {
  background-color: #e6e6e6;
  border: 1px solid transparent;
  border-left: 3px solid red;
  border-right: 3px solid red;
  border-radius: 15px;
  padding: 15px 20px;
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  color: #222;
}

.comments-area li::before {
  display: none !important;
}

.link-wrap {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
}

.link-wrap a {
  font-size: 18px;
}

.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.m-0 {
  margin: 0;
}
.m-auto {
  margin: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-bottom: 0;
  margin-top: 0;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.-mr-5 {
  margin-right: -1.25rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-4 {
  margin-left: 1rem;
}
.mr-2\.5 {
  margin-right: 0.625rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-0 {
  margin-top: 0;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-\[3px\] {
  margin-top: 3px;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[25px\] {
  height: 25px;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[40px\] {
  height: 40px;
}
.h-full {
  height: 100%;
}
.max-h-full {
  max-height: 100%;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[90px\] {
  width: 90px;
}
.w-full {
  width: 100%;
}
.min-w-\[155px\] {
  min-width: 155px;
}
.min-w-\[40px\] {
  min-width: 40px;
}
.min-w-\[fit-content\] {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.max-w-\[1080px\] {
  max-width: 1080px;
}
.max-w-\[70\%\] {
  max-width: 70%;
}
.flex-1 {
  flex: 1 1 0%;
}
.shrink-0 {
  flex-shrink: 0;
}
.cursor-pointer {
  cursor: pointer;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-center {
  align-items: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-x-1 {
  -moz-column-gap: 0.25rem;
  column-gap: 0.25rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
.gap-x-7 {
  -moz-column-gap: 1.75rem;
  column-gap: 1.75rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.overflow-hidden {
  overflow: hidden;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-md {
  border-radius: 0.375rem;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-solid {
  border-style: solid;
}
.border-none {
  border-style: none;
}
.border-black {
  --tw-border-opacity: 1;
  border-color: #0f0f10;
  border-color: rgb(15 15 16 / var(--tw-border-opacity, 1));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: #9ca3af;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: #dc2626;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: initial;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.\!bg-none {
  background-image: none !important;
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.from-\[\#003C76\] {
  --tw-gradient-from: #003c76 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(0, 60, 118, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-\[\#0B68C3\] {
  --tw-gradient-to: #0b68c3 var(--tw-gradient-to-position);
}
.object-cover {
  font-family: 'object-fit:cover';
  object-fit: cover;
}
.p-0 {
  padding: 0;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-2\.5 {
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.font-hurme {
  font-family:
    Hurme Geometric Sans\3,
    Hurme Fallback,
    Arial,
    sans-serif;
}
.text-xs {
  font-size: 0.75rem;
}
.\!text-black {
  color: #0f0f10 !important;
  color: rgb(15 15 16 / var(--tw-text-opacity, 1)) !important;
}
.\!text-black {
  --tw-text-opacity: 1 !important;
}
.\!text-dark-gray-text-3 {
  --tw-text-opacity: 1 !important;
  color: #4f5862 !important;
  color: rgb(79 88 98 / var(--tw-text-opacity, 1)) !important;
}
.text-blue-link {
  --tw-text-opacity: 1;
  color: #0b68c1;
  color: rgb(11 104 193 / var(--tw-text-opacity, 1));
}
.text-dark-gray-text-3 {
  --tw-text-opacity: 1;
  color: #4f5862;
  color: rgb(79 88 98 / var(--tw-text-opacity, 1));
}
.text-light-gray {
  --tw-text-opacity: 1;
  color: #9c9c9c;
  color: rgb(156 156 156 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: #fff;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.no-underline {
  text-decoration-line: none;
}
.transition-opacity {
  transition-duration: 0.15s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
/*! purgecss start ignore */
/*! purgecss stop ignore */
.mone_native_box:has(.molecule-article) {
  margin-bottom: 0.75rem;
  margin-top: 1.25rem;
}

.icon {
  display: inline-block;
  font-size: 1rem;
}
.icon:after {
  background-size: 100% 100%;
  content: ' ';
  display: inline-block;
  font-size: inherit;
  height: 1em;
}
:root {
  --gallery-asset-preview-bg-color: #edf2f7;
  --gallery-asset-viewer-inner-bg-color: transparent;
  --gallery-asset-viewer-photo-bg-color: #f5f5f5;
  --gallery-asset-thumbnails-bg-color: #fff;
  --gallery-asset-thumbnails-text-color: #fff;
  --gallery-image-description-text-color-default: #fff;
  --gallery-image-description-text-color-asset: #4f5862;
  --gallery-image-description-bg-color-default: #fff;
  --gallery-image-description-bg-color-asset: transparent;
  --gallery-image-description-icon-bg-color: #000;
  --gallery-header-mobile-bg-color: #fff;
  --gallery-header-desktop-bg-color: transparent;
  --gallery-header-text-color: #0f0f10;
  --gallery-header-borders-color: #011e39;
  --gallery-icons-color: #fff;
  --gallery-arrows-bg-color: rgba(0, 47, 90, 0.9);
  --gallery-photos-counter-bg: #011e39;
  --gallery-photos-counter-icon-bg: #011e39;
  --gallery-fullscreen-icon-bg: #011e39;
  --gallery-overview-advertisment-text-color-before-load: #000;
  --gallery-overview-advertisment-bg-color-before-load: transparent;
  --gallery-overview-advertisment-bg-color-after-load: transparent;
}
.before\:\!content-none:before {
  --tw-content: none !important;
  content: none !important;
  content: var(--tw-content) !important;
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
@media not all and (min-width: 992px) {
  .max-ml\:hidden {
    display: none;
  }
  .max-ml\:p-2\.5 {
    padding: 0.625rem;
  }
}
@media not all and (min-width: 768px) {
  .max-md\:hidden {
    display: none;
  }
}
@media (min-width: 768px) {
  .md\:mr-3 {
    margin-right: 0.75rem;
  }
  .md\:block {
    display: block;
  }
  .md\:h-\[40px\] {
    height: 40px;
  }
  .md\:h-\[60px\] {
    height: 60px;
  }
  .md\:w-\[113px\] {
    width: 113px;
  }
  .md\:w-\[20\%\] {
    width: 20%;
  }
  .md\:gap-1 {
    gap: 0.25rem;
  }
  .md\:rounded-lg {
    border-radius: 0.5rem;
  }
  .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md\:py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}
@media (min-width: 1080px) {
  .lg\:-mr-4 {
    margin-right: -1rem;
  }
  .lg\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

a {
  background-color: initial;
}

b {
  font-weight: bolder;
}

img {
  border-style: none;
}

button,
input {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button {
  text-transform: none;
}

[type='submit'],
button {
  appearance: button;
  -webkit-appearance: button;
}

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

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

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

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.m-0 {
  margin: 0;
}

.m-auto {
  margin: auto;
}

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

.my-0 {
  margin-bottom: 0;
  margin-top: 0;
}

.-ml-2 {
  margin-left: -0.5rem;
}

.-mr-5 {
  margin-right: -1.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-4 {
  margin-left: 1rem;
}

.mr-2\.5 {
  margin-right: 0.625rem;
}

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

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-\[3px\] {
  margin-top: 3px;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.h-\[20px\] {
  height: 20px;
}

.h-\[25px\] {
  height: 25px;
}

.h-\[32px\] {
  height: 32px;
}

.h-\[40px\] {
  height: 40px;
}

.h-full {
  height: 100%;
}

.max-h-full {
  max-height: 100%;
}

.w-\[40px\] {
  width: 40px;
}

.w-\[90px\] {
  width: 90px;
}

.w-full {
  width: 100%;
}

.min-w-\[155px\] {
  min-width: 155px;
}

.min-w-\[40px\] {
  min-width: 40px;
}

.min-w-\[fit-content\] {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.max-w-\[1080px\] {
  max-width: 1080px;
}

.max-w-\[70\%\] {
  max-width: 70%;
}

.flex-1 {
  flex: 1 1 0%;
}

.shrink-0 {
  flex-shrink: 0;
}

.cursor-pointer {
  cursor: pointer;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.items-center {
  align-items: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-between {
  justify-content: space-between;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-x-1 {
  -moz-column-gap: 0.25rem;
  column-gap: 0.25rem;
}

.gap-x-2 {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.gap-x-7 {
  -moz-column-gap: 1.75rem;
  column-gap: 1.75rem;
}

.gap-y-3 {
  row-gap: 0.75rem;
}

.overflow-hidden {
  overflow: hidden;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-md {
  border-radius: 0.375rem;
}

.border-\[1\.5px\] {
  border-width: 1.5px;
}

.border-solid {
  border-style: solid;
}

.border-none {
  border-style: none;
}

.border-black {
  --tw-border-opacity: 1;
  border-color: #0f0f10;
  border-color: rgb(15 15 16 / var(--tw-border-opacity, 1));
}

.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: #9ca3af;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: #dc2626;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.bg-transparent {
  background-color: initial;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.\!bg-none {
  background-image: none !important;
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.from-\[\#003C76\] {
  --tw-gradient-from: #003c76 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(0, 60, 118, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-\[\#0B68C3\] {
  --tw-gradient-to: #0b68c3 var(--tw-gradient-to-position);
}

.object-cover {
  font-family: 'object-fit:cover';
  object-fit: cover;
}

.p-0 {
  padding: 0;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-2\.5 {
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.font-hurme {
  font-family:
    Hurme Geometric Sans\3,
    Hurme Fallback,
    Arial,
    sans-serif;
}

.text-xs {
  font-size: 0.75rem;
}

.\!text-black {
  color: #0f0f10 !important;
  color: rgb(15 15 16 / var(--tw-text-opacity, 1)) !important;
}

.\!text-black {
  --tw-text-opacity: 1 !important
;
}

.\!text-dark-gray-text-3 {
  --tw-text-opacity: 1 !important;
  color: #4f5862 !important;
  color: rgb(79 88 98 / var(--tw-text-opacity, 1)) !important;
}

.text-blue-link {
  --tw-text-opacity: 1;
  color: #0b68c1;
  color: rgb(11 104 193 / var(--tw-text-opacity, 1));
}

.text-dark-gray-text-3 {
  --tw-text-opacity: 1;
  color: #4f5862;
  color: rgb(79 88 98 / var(--tw-text-opacity, 1));
}

.text-light-gray {
  --tw-text-opacity: 1;
  color: #9c9c9c;
  color: rgb(156 156 156 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: #fff;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.no-underline {
  text-decoration-line: none;
}

.transition-opacity {
  transition-duration: 0.15s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.\!text-dt-fake-h2 {
  --tw-text-opacity: 1;
  color: #0f0f10;
  color: rgb(15 15 16 / var(--tw-text-opacity, 1));
}

.text-help-regular-12 {
  font-weight: 400;
}

.text-help-semibold-12,
.text-semibold-15-15 {
  font-weight: 600;
}

.text-semibold-15-15 {
  font-size: 15px;
  line-height: 24px;
}

.text-help-regular-12,
.text-help-semibold-12 {
  font-size: 12px;
  line-height: 18px;
}

.\!text-dt-fake-h2 {
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 42px !important;
}

*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style:                                   
;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style:                                   
;
}

body,
html {
  box-sizing: border-box;
  font-family: Roboto, sans-serif;
  font-size: 0.9375em;
  margin: 0;
  padding: 0;
}

*,
:after,
:before {
  box-sizing: inherit;
}

a {
  color: inherit;
  text-decoration: inherit;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h1 {
  font-size: 2.25rem;
  line-height: 1.15;
  margin-bottom: 1.25rem;
  margin-top: 0;
}

h1,
h2,
h3 {
  font-weight: 900;
  --tw-text-opacity: 1;
  color: #011e39;
  color: rgb(1 30 57 / var(--tw-text-opacity, 1));
}

h2,
h3 {
  letter-spacing: -0.7px;
  line-height: 1.375;
  margin-bottom: 0;
  margin-top: 1.5rem;
}

h2 {
  font-size: 1.63rem;
}

h3 {
  font-size: 1.5rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.2rem;
  }
}

img.keep-image-ratio {
  aspect-ratio: attr(width) / attr(height);
  display: inline-block;
  height: auto;
  width: 100%;
}

.aside-layout {
  display: flex;
  flex-wrap: wrap;
}

.aside-layout aside,
.aside-layout main {
  width: 100%;
}

@media (min-width: 768px) {
  .aside-layout main {
    padding-right: 1rem;
    width: 70%;
  }

  .aside-layout aside {
    padding-left: 1rem;
    width: 30%;
  }
}

@media (min-width: 1080px) {
  .aside-layout main {
    padding-right: 2rem;
  }
}

.main-container {
  max-width: 100%;
  min-height: 100vh;
  padding-top: 40px;
}

@media (min-width: 768px) {
  .main-container {
    padding-top: 60px;
  }
}

@media (min-width: 1080px) {
  .main-container {
    max-width: 1080px;
    padding-top: 0;
  }
}

.content {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1080px) {
  .content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.page-article-detail #sidebar {
  border-bottom-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  --tw-border-opacity: 1;
  border-color: #dadada;
  border-color: rgb(218 218 218 / var(--tw-border-opacity, 1));
  padding-top: 1.75rem;
}

@media (min-width: 768px) {
  .page-article-detail #sidebar {
    border-style: solid;
  }
}

.page-article-detail #sidebar {
  border-left-width: 1px;
}

.page-article-detail {
  font-family:
    Hurme Geometric Sans\3,
    Hurme Fallback,
    Arial,
    sans-serif;
}

.page-article-detail h1 {
  --tw-text-opacity: 1;
  color: #0f0f10;
  color: rgb(15 15 16 / var(--tw-text-opacity, 1));
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
}

@media (min-width: 768px) {
  .page-article-detail h1 {
    --tw-text-opacity: 1;
    color: #0f0f10;
    color: rgb(15 15 16 / var(--tw-text-opacity, 1));
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
  }
}

.page-article-detail p {
  --tw-text-opacity: 1;
  color: #4f5862;
  color: rgb(79 88 98 / var(--tw-text-opacity, 1));
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media (min-width: 768px) {
  .page-article-detail p {
    --tw-text-opacity: 1;
    color: #4f5862;
    color: rgb(79 88 98 / var(--tw-text-opacity, 1));
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
  }
}

.share-button {
  background-color: initial;
  border-style: none;
  margin-left: auto;
  margin-top: 0.25rem;
  max-width: -moz-fit-content;
  max-width: fit-content;
  position: relative;
  z-index: 20;
}

.share-links-submenu {
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}

.main-container:before {
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 30;
  --tw-bg-opacity: 1;
  background-color: #0f0f10;
  background-color: rgb(15 15 16 / var(--tw-bg-opacity, 1));
  content: '';
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.header-button {
  background-color: initial;
  border-style: none;
  cursor: pointer;
}

.profile-button-not-logged {
  opacity: 1;
  visibility: visible;
}

.vertical-box-article {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
}

@media (min-width: 1080px) {
  .vertical-box-article {
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }
}

.vertical-box-article .article-image-link {
  width: 58.333333%;
}

.vertical-box-article .article-image {
  border-radius: 0.375rem;
  font-family: 'object-fit:cover';
  object-fit: cover;
  width: 100%;
}

.vertical-box-article .article-content {
  align-items: center;
  display: flex;
  width: 100%;
}

.vertical-box-article .article-title {
  margin-bottom: 0;
  margin-top: 0;
  --tw-text-opacity: 1;
  color: #0f0f10;
  color: rgb(15 15 16 / var(--tw-text-opacity, 1));
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 21px !important;
}

@media (min-width: 992px) {
  .vertical-box-article .article-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
  }
}

.vertical-box-article .article-title a {
  --tw-text-opacity: 1;
  color: #0f0f10;
  color: rgb(15 15 16 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

.vertical-box-article .article-title-link {
  display: -webkit-box;
  position: relative;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.vertical-box-article .article-title-link:hover {
  text-decoration-line: underline;
}

.sticky-header {
  position: fixed;
  top: 0;
  transition: transform 0.2s linear;
  width: 100%;
  z-index: 60;
}

@media (min-width: 1080px) {
  .sticky-header {
    position: sticky;
    position: -webkit-sticky;
  }
}

.sticky-header:after,
.sticky-header:before {
  content: '';
  display: table;
}

.sticky-header.hidden-ticker:has(.hidden-header) {
  transform: translateY(-100%);
}

.before\:\!content-none:before {
  --tw-content: none !important;
  content: none !important;
  content: var(--tw-content) !important;
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}

.hover\:opacity-90:hover {
  opacity: 0.9;
}

@media not all and (min-width: 992px) {
  .max-ml\:hidden {
    display: none;
  }

  .max-ml\:p-2\.5 {
    padding: 0.625rem;
  }
}

@media not all and (min-width: 768px) {
  .max-md\:hidden {
    display: none;
  }
}

@media (min-width: 768px) {
  .md\:mr-3 {
    margin-right: 0.75rem;
  }

  .md\:block {
    display: block;
  }

  .md\:h-\[40px\] {
    height: 40px;
  }

  .md\:h-\[60px\] {
    height: 60px;
  }

  .md\:w-\[113px\] {
    width: 113px;
  }

  .md\:w-\[20\%\] {
    width: 20%;
  }

  .md\:gap-1 {
    gap: 0.25rem;
  }

  .md\:rounded-lg {
    border-radius: 0.5rem;
  }

  .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .md\:py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
}

@media (min-width: 992px) {
  .ml\:text-semibold-16-16 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }
}

@media (min-width: 1080px) {
  .lg\:-mr-4 {
    margin-right: -1rem;
  }

  .lg\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
}
:root {
  --swiper-theme-color: #007aff;
}
:root {
  --swiper-navigation-size: 44px;
}
.content-footer {
  max-width: 100%;
}
@media (min-width: 640px) {
  .content-footer {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .content-footer {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .content-footer {
    max-width: 1080px;
  }
}
.content-footer {
  font-family: Roboto, sans-serif;
  font-size: 0.9375em;
  position: relative;
}
.content-footer h3 {
  display: block;
  font-weight: 700;
  margin-bottom: 0;
  padding: 0;
  text-transform: none;
}
.content-footer .icon {
  display: inline-block;
  font-size: 1rem;
}
.content-footer .icon:after {
  background-size: 100% 100%;
  content: ' ';
  display: inline-block;
  font-size: inherit;
  height: 1em;
}
.content-footer .icon.i-search:after {
  font-size: 1.4rem;
  width: 1em;
}
.content-footer .footer {
  --tw-bg-opacity: 1;
  background-color: rgba(1, 30, 57, var(--tw-bg-opacity));
  padding-bottom: 3rem;
}
.content-footer .footer .footer-inner-wrapper {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2.5rem;
  position: relative;
  text-align: center;
}
.content-footer .footer h3 {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  font-size: 1.125rem;
  line-height: 1.75rem;
  padding-bottom: 0.5rem;
}
.content-footer .footer .footer-popular-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 4rem;
}
.content-footer .footer .footer-popular-wrapper a {
  --tw-text-opacity: 1;
  color: rgba(126, 157, 186, var(--tw-text-opacity));
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.5rem 0.5rem 0;
  white-space: nowrap;
}
.content-footer .footer .footer-popular-wrapper a:hover:hover {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  text-decoration: underline;
}
.content-footer .footer .footer-search-form {
  bottom: -1.25rem;
  left: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  right: 0;
  width: 100%;
}
.content-footer .footer .footer-search-form form {
  -ms-grid-row-align: center;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
  z-index: 20;
}
@media (min-width: 640px) {
  .content-footer .footer .footer-search-form form {
    width: 66.666667%;
  }
}
@media (min-width: 768px) {
  .content-footer .footer .footer-search-form form {
    width: 41.666667%;
  }
}
.content-footer .footer .footer-search-form input {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
  font-size: 16px;
  height: 3rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  padding-top: 1.25rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .content-footer .footer .footer-search-form input {
    height: 3.5rem;
  }
}
.content-footer .footer .footer-search-form .search-submit {
  background-color: transparent;
  border-style: none;
  cursor: pointer;
  margin-right: 0.4rem;
  margin-top: 0.8rem;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 1024px) {
  .content-footer .footer .footer-search-form .search-submit {
    margin-top: 0.6rem;
  }
  .content-footer .footer .footer-search-form .search-submit i {
    margin-right: 0.5rem;
    margin-top: 0.4rem;
  }
}
.content-footer .footer .footer-search-form hr {
  border: 0;
  border-top: 1px solid #122c44;
  display: block;
  height: 1px;
  left: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 10;
}
.content-footer .footer .footer-bottom-inner-wrapper {
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 5rem;
}
@media (min-width: 768px) {
  .content-footer .footer .footer-bottom-inner-wrapper {
    display: flex;
  }
}
.content-footer .footer .footer-bottom-links {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .content-footer .footer .footer-bottom-links {
    margin-bottom: 0;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .content-footer .footer .footer-bottom-links {
    padding-right: 2.5rem;
  }
}
.content-footer .footer .footer-bottom-links a {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  display: block;
  margin-bottom: 0.75rem;
  padding-right: 1.5rem;
  width: 50%;
}
.content-footer .footer .footer-bottom-links a:hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .content-footer .footer .footer-bottom-icons {
    width: 50%;
  }
}
.content-footer .footer .footer-bottom-icons-socials {
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .content-footer .footer .footer-bottom-icons-socials {
    display: flex;
  }
}
.content-footer .footer .footer-bottom-icons-socials .apple-store-button {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  display: flex;
  justify-content: center;
  padding: 0.75rem 2.5rem;
}
@media (min-width: 768px) {
  .content-footer .footer .footer-bottom-icons-socials .apple-store-button {
    margin-right: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .content-footer .footer .footer-bottom-icons-socials .apple-store-button {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.content-footer
  .footer
  .footer-bottom-icons-socials
  .apple-store-button
  .apple-icon {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NDIuMzIiIGhlaWdodD0iMTAwMCI+PHBhdGggZD0iTTgyNC42NjYgNzc5LjMwNGMtMTUuMTIzIDM0LjkzNy0zMy4wMjMgNjcuMDk2LTUzLjc2MyA5Ni42NjMtMjguMjcxIDQwLjMwOC01MS40MTkgNjguMjA4LTY5LjI1OCA4My43MDItMjcuNjUzIDI1LjQzLTU3LjI4MiAzOC40NTUtODkuMDEgMzkuMTk2LTIyLjc3NiAwLTUwLjI0NS02LjQ4MS04Mi4yMTktMTkuNjMtMzIuMDgtMTMuMDg1LTYxLjU2LTE5LjU2Ni04OC41MTYtMTkuNTY2LTI4LjI3IDAtNTguNTkgNi40OC05MS4wMjIgMTkuNTY3LTMyLjQ4IDEzLjE0OC01OC42NDYgMjAtNzguNjUyIDIwLjY3OC0zMC40MjUgMS4yOTYtNjAuNzUtMTIuMDk4LTkxLjAyMi00MC4yNDUtMTkuMzItMTYuODUyLTQzLjQ4Ni00NS43NC03Mi40MzYtODYuNjY1LTMxLjA2LTQzLjcwMi01Ni41OTctOTQuMzgtNzYuNjAyLTE1Mi4xNTVDMTAuNzQgNjU4LjQ0MyAwIDU5OC4wMTMgMCA1MzkuNTA5YzAtNjcuMDE3IDE0LjQ4MS0xMjQuODE4IDQzLjQ4Ni0xNzMuMjU1IDIyLjc5Ni0zOC45MDYgNTMuMTIyLTY5LjU5NiA5MS4wNzgtOTIuMTI2IDM3Ljk1NS0yMi41MyA3OC45NjctMzQuMDEyIDEyMy4xMzItMzQuNzQ2IDI0LjE2NiAwIDU1Ljg1NiA3LjQ3NSA5NS4yMzggMjIuMTY2IDM5LjI3IDE0Ljc0IDY0LjQ4NSAyMi4yMTUgNzUuNTQgMjIuMjE1IDguMjY2IDAgMzYuMjc3LTguNzQgODMuNzY0LTI2LjE2NiA0NC45MDYtMTYuMTYgODIuODA2LTIyLjg1IDExMy44NTQtMjAuMjE1IDg0LjEzMyA2Ljc5IDE0Ny4zNDEgMzkuOTU1IDE4OS4zNzcgOTkuNzA3LTc1LjI0NSA0NS41OS0xMTIuNDY2IDEwOS40NDctMTExLjcyNSAxOTEuMzY0LjY4IDYzLjgwNyAyMy44MjcgMTE2LjkwNCA2OS4zMTkgMTU5LjA2MyAyMC42MTcgMTkuNTY4IDQzLjY0IDM0LjY5IDY5LjI1NyA0NS40MzEtNS41NTUgMTYuMTEtMTEuNDIgMzEuNTQyLTE3LjY1NCA0Ni4zNTd6TTYzMS43MSAyMC4wMDZjMCA1MC4wMTEtMTguMjcgOTYuNzA3LTU0LjY5IDEzOS45MjgtNDMuOTQ5IDUxLjM4LTk3LjEwOCA4MS4wNzEtMTU0Ljc1NCA3Ni4zODYtLjczNS02LTEuMTYtMTIuMzE0LTEuMTYtMTguOTUgMC00OC4wMSAyMC45LTk5LjM5MiA1OC4wMTYtMTQxLjQwMyAxOC41My0yMS4yNzEgNDIuMDk4LTM4Ljk1NyA3MC42NzctNTMuMDY2QzU3OC4zMTYgOS4wMDIgNjA1LjI5IDEuMzE2IDYzMC42NiAwYy43NCA2LjY4NiAxLjA1IDEzLjM3MiAxLjA1IDIwLjAwNXoiIHN0eWxlPSJzdHJva2Utd2lkdGg6Ljg0MjMxOTg1O2ZpbGw6I2ZmZiIvPjwvc3ZnPg==');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 1.75rem;
  width: 1.4rem;
}
.content-footer .footer .footer-bottom-icons-socials .apple-store-button span {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  font-size: 1.0625rem;
  padding-left: 0.5rem;
}
.content-footer .footer .footer-bottom-icons-socials .apple-store-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
}
.content-footer .footer .footer-bottom-icons-socials .google-play-button {
  --tw-bg-opacity: 1;
  align-items: center;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  padding: 0.75rem 2rem;
}
@media (min-width: 768px) {
  .content-footer .footer .footer-bottom-icons-socials .google-play-button {
    margin-top: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .content-footer .footer .footer-bottom-icons-socials .google-play-button {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.content-footer
  .footer
  .footer-bottom-icons-socials
  .google-play-button
  .google-icon {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJub25lIiBkPSJNLTEtMWg1ODJ2NDAySC0xeiIvPjxwYXRoIGZpbGw9IiNGRkM4MDEiIGQ9Ik00MzAuNDcyIDIyNy42MDhjMTcuMjUgMTIuODUgMTcuMjUgNDEuNzkgMS4wOCA1NC42NDFsLTQ1LjUwOSAyNS43Ny02Ny40NDEtNTMuMDkgNjcuNjA3LTUyLjA3NyA0NC4yNjMgMjQuNzU2eiIvPjxwYXRoIGZpbGw9IiNGOTM2NDciIGQ9Im0zODYuMzk2IDMwNy43NjktLjAxLS4wMWgtLjAxbC02Ny44MzUtNTIuODAxLS4wMjEtLjAyLS4wMS4wMS4wMjEuMDIxLS4wMjEtLjAyMS0uMDMtLjAzLS4yMzkuMTgxLTI0OS43OSAxOTAuMjV2Ny45NWMwIDEwLjUwMyAyLjQ1OCAyMS43MDUgMTAuODQ1IDI1LjU5NSAxMS4wNTEgNS4xMjUgMjcuMTc3LTQuODkyIDI3LjE3Ny00Ljg5MmwyNzkuOTIzLTE2Ni4yMzN6Ii8+PHBhdGggZmlsbD0iIzAwRDNGRiIgZD0ibTMxOC4yNDIgMjU1LjA5OS0yNDkuNzkgMTkwLjI1VjYwLjU4OGwyNDkuNzMgMTk0LjQzMXoiLz48cGF0aCBmaWxsPSIjMDBFRjc3IiBkPSJNNjguNDUyIDU2LjczOHYzLjg1bDI0OS43MjkgMTk0LjQzMS4wNjEuMDguMjM5LS4xODEuMDIxLS4wMS4xLS4wOCA2Ny42MDctNTEuNjg1UzE2OC43NzcgNzMuMTUxIDEwNS43NDUgMzUuNjYxYy0yLjc0Mi0xLjYzMS05LjMxMy01Ljc2OC0xNy4xOTItMy4xODgtOS40NCAzLjA5Mi0yMC4xMDEgMTQuMzItMjAuMTAxIDI0LjI2NXoiLz48L3N2Zz4=');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 1.75rem;
  width: 1.75rem;
}
.content-footer .footer .footer-bottom-icons-socials .google-play-button span {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  font-size: 1.0625rem;
  padding-left: 0.25rem;
}
.content-footer .footer .footer-bottom-icons-socials .google-play-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
}
.content-footer .footer .footer-bottom-icons-prima {
  align-items: flex-end;
  display: flex;
  justify-content: flex-end;
  padding-top: 2rem;
}
.content-footer .footer .footer-bottom-icons-prima > a {
  display: flex;
}
.content-footer .footer .footer-bottom-icons-prima .iprima-icon {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNjQuMTcgMTYuNWMxLjk1NyAwIDMuNTM5LTEuNDg4IDMuNTM5LTMuNDEgMC0xLjkyLTEuNTgyLTMuNDA4LTMuNTM4LTMuNDA4LTEuOTMgMC0zLjQzIDEuNDg4LTMuNDMgMy40MDkgMCAxLjkyMSAxLjUgMy40MDkgMy40MyAzLjQwOVptLS43MjMtMTAuNDcxYzIuMDY0IDAgMy42NDUuODM5IDQuMDIgMi4wM1Y2LjI3MmgzLjk5NHYxMy42MzZoLTMuOTkzdi0xLjc4NmMtLjM3NiAxLjE2NC0xLjk1NyAyLjAzLTQuMDIgMi4wMy0zLjgzNCAwLTYuNzAyLTMuMTEyLTYuNzAyLTcuMDYyIDAtMy45MjMgMi44NjgtNy4wNjIgNi43MDEtNy4wNjJabS0yOS4xMzUuMjQ0aDMuOTk0djEuNzA0Yy41MS0xLjE5IDEuODUtMi4wMDIgMy41MTEtMi4wMDIgMS44NSAwIDMuMDU2Ljc1OCAzLjY3MiAyLjE2NC44ODUtMS43MDQgMi42LTIuMTY0IDQuNTAzLTIuMTY0IDMuMDgyIDAgNC43OTggMi4xMzggNC43OTggNS42NTV2OC4yOGgtMy45OTR2LTcuNzkzYzAtMS41Ny0uNjk3LTIuNTctMi4wMS0yLjU3LTEuMzEzIDAtMi4yNTIgMS4xMDktMi4yNTIgMi43MDV2Ny42NTdoLTMuOTkzdi03Ljc5MmMwLTEuNTctLjY5Ny0yLjU3LTIuMDEtMi41Ny0xLjI4NyAwLTIuMjI1IDEuMTA5LTIuMjI1IDIuNzA1djcuNjU3aC0zLjk5NFY2LjI3M1ptLTYuNzU0IDEzLjYzNmgzLjk5NFY2LjI3M2gtMy45OTR2MTMuNjM2Wm0xLjk5Ny0xNWEyLjQyNCAyLjQyNCAwIDAgMCAyLjQzMS0yLjQ0QzMxLjk4NiAxLjA3NSAzMC45IDAgMjkuNTU1IDBjLTEuMzE2IDAtMi40MzIgMS4wNzUtMi40MzIgMi40NjlhMi40NDIgMi40NDIgMCAwIDAgMi40MzIgMi40NFpNMTYuNzUgNi4yNzNoMy45OTN2MS44NjZjLjYxNy0xLjM4IDIuMDY0LTIuMTY0IDMuOTE0LTIuMTY0LjM3NSAwIC44My4wNTQgMS4wNDUuMDgxdjMuNzg4YTYuNDI4IDYuNDI4IDAgMCAwLTEuMzQtLjEzNWMtMi4yNzggMC0zLjYxOSAxLjMyNS0zLjYxOSAzLjU0NHY2LjY1NkgxNi43NVY2LjI3M1pNNy4yOSAxNi41YzEuOTMgMCAzLjQzLTEuNDg4IDMuNDMtMy40MSAwLTEuOTItMS41LTMuNDA4LTMuNDMtMy40MDgtMS45NTcgMC0zLjUzOSAxLjQ4OC0zLjUzOSAzLjQwOSAwIDEuOTIxIDEuNTgyIDMuNDA5IDMuNTM5IDMuNDA5Wk0wIDYuMjczaDMuOTk0djEuNzg1QzQuMzY5IDYuODk1IDUuOTUgNi4wMyA4LjAxNCA2LjAzYzMuODMzIDAgNi43MDEgMy4xMTIgNi43MDEgNy4wNjIgMCAzLjkyMy0yLjg2OCA3LjA2Mi02LjcgNy4wNjItMi4wNjUgMC0zLjY0Ni0uODQtNC4wMjEtMi4wM1YyNEgwVjYuMjczWiIgZmlsbD0iI0ZGRiIvPjxwYXRoIGQ9Ik04My45NjcgMTIuMTM2djUuNDY2YTIuMDQgMi4wNCAwIDAgMS0yLjAzNCAyLjAzNCAyLjA0IDIuMDQgMCAwIDEtMi4wMzQtMi4wMzR2LTUuNDY2YTIuMDQgMi4wNCAwIDAgMSAyLjAzNC0yLjAzNCAyLjA0IDIuMDQgMCAwIDEgMi4wMzQgMi4wMzQiIGZpbGw9IiMwMEJEQkQiLz48cGF0aCBkPSJNODEuOTMzIDE0LjE3aC01LjQ2NmEyLjA0IDIuMDQgMCAwIDEtMi4wMzQtMi4wMzQgMi4wNCAyLjA0IDAgMCAxIDIuMDM0LTIuMDM0aDUuNDY2YTIuMDQgMi4wNCAwIDAgMSAyLjAzNCAyLjAzNCAyLjA0IDIuMDQgMCAwIDEtMi4wMzQgMi4wMzQiIGZpbGw9IiNCNzc4RkYiLz48cGF0aCBkPSJNODMuOTY3IDYuNjd2NS40NjZhMi4wNCAyLjA0IDAgMCAxLTIuMDM0IDIuMDM0IDIuMDQgMi4wNCAwIDAgMS0yLjAzNC0yLjAzNFY2LjY3YTIuMDQgMi4wNCAwIDAgMSAyLjAzNC0yLjAzNCAyLjA0IDIuMDQgMCAwIDEgMi4wMzQgMi4wMzQiIGZpbGw9IiNGRjM0NTYiLz48cGF0aCBkPSJNODcuMzk5IDE0LjE3aC01LjQ2NmEyLjA0IDIuMDQgMCAwIDEtMi4wMzQtMi4wMzQgMi4wNCAyLjA0IDAgMCAxIDIuMDM0LTIuMDM0aDUuNDY2YTIuMDQgMi4wNCAwIDAgMSAyLjAzNCAyLjAzNCAyLjA0IDIuMDQgMCAwIDEtMi4wMzQgMi4wMzQiIGZpbGw9IiNGRjk2MUYiLz48L2c+PC9zdmc+');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 1.5rem;
  margin-right: 1rem;
  width: 5.5rem;
}
.content-footer .footer .footer-bottom-icons-prima span {
  --tw-text-opacity: 1;
  color: rgba(126, 157, 186, var(--tw-text-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 768px) {
  .content-footer .footer .footer-bottom-icons-prima span {
    padding-left: 1rem;
  }
}
.content-footer.prima-cnn-news .icon.i-search {
  filter: invert(16%) sepia(85%) saturate(2024%) hue-rotate(190deg)
    brightness(91%) contrast(104%);
}

.comments-area p::first-letter {
  font-family: inherit !important;
  color: inherit !important;
  font-style: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  padding: inherit !important;
  float: none !important;
}

ul {
  list-style: none;
}

* {
  box-sizing: border-box;
}

.comment-footer__menu:after,
.nav:after,
.post-content .post-message:after,
.post-content footer,
.post-content:after,
.post-list .post:after {
  clear: both;
}

a,
button,
form,
h1,
h2,
h3,
img,
li,
p,
ul {
  margin: 0;
  padding: 0;
  border: 0;
}

a:active,
a:hover {
  outline: 0;
}

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

video {
  display: inline-block;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

button,
input {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button {
  cursor: pointer;
  appearance: button;
  -webkit-appearance: button;
}

.post-content .post-body {
  overflow: hidden;
}

.post-content:focus,
a:focus {
  outline: 0;
}

h3 {
  font-weight: 700;
}

h3,
p {
  margin: 1.5em 0 1.5em;
}

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

a {
  color: #288ce4;
  transition: color linear 0.1s;
}

button::-moz-focus-inner {
  border: 0;
}

h3 {
  font-size: 16px;
}

.btn:not(:disabled):hover {
  background: #606d75;
  background: rgba(29, 47, 58, 0.7);
  color: #fff;
}

.btn:not(:disabled).active,
.btn:not(:disabled):active {
  transition: none;
  background: #2e9fff;
}

[class*=' icon-']:before {
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-2:before {
  content: '\25b3';
}

.icon-arrow:before {
  content: '\25bd';
}

.avatar .user,
.avatar img {
  display: block;
  border-radius: 3px;
}

.avatar {
  float: left;
}

.avatar img {
  width: 48px;
  height: 48px;
}

.avatar .user {
  position: relative;
  /* z-index: 100; */
  background: #dbdfe4;
  padding: 0;
}

.post .avatar {
  margin-right: 12px;
}

.post-list {
  list-style-type: none;
  margin: 0;
}

.post-list .post:after,
.post-list .post:before {
  display: table;
  content: '';
  line-height: 0;
}

.post-content:after,
.post-content:before {
  display: table;
  line-height: 0;
  content: '';
}

.post-content {
  position: relative;
  margin-bottom: 24px;
  transition: all 0.2s ease-in-out;
}

.comment-footer__menu > li a:focus {
  outline: auto;
}

.post-content .post-message-container {
  position: relative;
  overflow: hidden;
  zoom: 1;
  width: 100%;
}

.post-content .post-message {
  line-height: 21px;
}

.post-content .post-message:after,
.post-content .post-message:before {
  display: table;
  content: '';
  line-height: 0;
}

.post-content .post-message p {
  line-height: 21px;
  margin: 0 0 15px;
}

.post-content .post-message p:last-child {
  margin: 0;
}

.vote-down:hover,
.vote-up:hover {
  cursor: pointer;
}

.updatable {
  transition: all 0.3s linear;
}

.bullet {
  padding: 0;
  color: #c2c6cc;
  line-height: 1.4;
}

.nav {
  position: relative;
  margin: 0 0 -6px;
  padding: 0;
}

.nav:after,
.nav:before {
  display: table;
  content: '';
  line-height: 0;
}

.nav-primary {
  margin: 0 0 24px;
}

.nav-tab > a {
  color: #656c7a;
  display: block;
  margin: 0;
  padding: 0;
  font-weight: 700;
  line-height: 1;
  position: relative;
  transition: all 0.2s ease-in-out;
}

.tab-conversation.active > a:after {
  content: ' ';
  display: block;
  height: 2px;
  background: #2e9fff;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
}

.nav-tab > a:hover {
  color: #2a2e2e;
}

.nav-tab--primary > a {
  font-size: 15px;
  padding: 12px 0;
  margin-right: 15px;
}

.tab-conversation {
  float: left;
}

.tab-conversation > a {
  text-transform: capitalize;
}

.tab-conversation.active > a {
  color: #2a2e2e !important;
}

@media (max-width: 480px) {
  .comment-count {
    display: none;
  }
}
.comment__footer .vote-down,
.comment__footer a,
.comment__header a {
  color: #656c7a;
  font-weight: 500;
}
.comment__footer .vote-down:hover,
.comment__footer a:hover,
.comment__header a:hover {
  color: #2a2e2e;
}
.comment__header .author {
  color: #656c7a;
  font-weight: 700;
}
.vote-down,
.vote-up {
  display: inline-block;
}
.time-ago {
  font-weight: 500;
  font-size: 12px;
  color: #687a86;
}
.vote-down,
.vote-up {
  position: relative;
  padding: 0 3px;
  line-height: 0.85;
  height: 11px;
  min-height: 14px;
  overflow: hidden;
}
.vote-down .control,
.vote-up .control {
  font-size: 12px;
  font-weight: 700;
  opacity: 0.7;
}
.vote-down {
  padding-right: 0;
  padding-left: 6px;
  border-left: 2px solid #e7e9ee;
}
.vote-up {
  padding-left: 0;
}
.vote-up:after {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  left: -5px;
  right: -3px;
  bottom: -10px;
}
.vote-up .count {
  color: gray;
  position: relative;
  top: -3px;
  font-size: 13px;
}
.vote-up.count-0 {
  margin-left: -3px;
}
.vote-up.count-0 .count {
  display: none;
}
.comment__header {
  line-height: 1;
  font-size: 13px;
  padding-right: 46px;
  margin-bottom: 3px;
}
.comment__header .author a {
  font-weight: 700;
}
.comment__footer {
  color: #656c7a;
  margin: 4px 0 0;
}
.comment__footer .bullet {
  line-height: 1.45;
}
.comment-footer__menu {
  margin: 0;
  padding: 0;
}
.comment-footer__menu:after,
.comment-footer__menu:before {
  display: table;
  content: '';
  line-height: 0;
}
.comment-footer__menu > li {
  float: left;
  list-style-type: none;
  padding: 0;
  font-size: 13px;
  line-height: 15px;
  margin-right: 7px;
}
.comment-footer__menu > li.comment__share {
  margin-right: 0;
}
.reply a {
  padding: 2px 0;
  border-radius: 4px;
}
.comment__share {
  position: relative;
  margin-right: 0;
}
.post-meta {
  display: inline-block;
}
.sso__button.no-image:not(:disabled):hover {
  background: #606d75;
  background: rgba(29, 47, 58, 0.7);
  color: #fff;
}
.sso__button.no-image:not(:disabled).active,
.sso__button.no-image:not(:disabled):active {
  transition: none;
  background: #2e9fff;
}
.button-link {
  color: #2e9fff;
  font-size: inherit;
}