body {
  text-rendering: optimizeLegibility;

  overflow-x: hidden;
  width: 100%;

}

.smooth_3981 {
  will-change: transform, box-shadow;
}

.smooth_3981.slider-new-ce65 .thumbnail-7a2d {
  box-shadow: 0 4px 16px rgba(25, 118, 210, 0.5);
}

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 2px 8px rgba(25, 118, 210, 0.3);
  }
  50% {
    box-shadow: 0 2px 12px rgba(25, 118, 210, 0.5);
  }
}

.thumbnail-7a2d {
  animation: pulse-glow 3s ease-in-out infinite;
}

* {
  max-width: 100%;
}

section,
.dirty-414a,
.item_ddcf,
.gold_e86f,
.form-prev-7e0b,
.light-de6f,
.progress-6345 {
  max-width: none;
  width: 100%;
}

.smooth_3981 {
  max-width: none !important;
  width: 100% !important;
}

p, li, td {
  hyphens: auto;
  word-wrap: break-word;
}

:root {
  --color-indonesian-red: #ce1126;
  --color-indonesian-white: #ffffff;
}

@media (max-width: 768px) {

  * {
    animation-duration: 0.3s !important;
  }

  img {
    image-rendering: -webkit-optimize-contrast;
  }

  body {
    overflow-x: hidden;
  }

  .slider_glass_0b14,
  .info_e6e9,
  .gallery-orange-d982,
  .preview-4bec,
  .border-right-c88d {
    width: 100%;
    max-width: 100%;
  }

  h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
  }

  pre, code {
    overflow-x: auto;
    word-wrap: break-word;
    white-space: pre-wrap;
  }
}

@media (max-width: 480px) {

  .dirty-414a,
  .item_ddcf,
  .form-prev-7e0b,
  .light-de6f {
    padding-left: 12px;
    padding-right: 12px;
  }

  .status_hard_53c0:not(.thumbnail-7a2d):not(.out-98d7),
  .light-8f03,
  .paragraph-dynamic-03fd {
    width: 100%;
    justify-content: center;
  }

  .card-5e82,
  .hidden_glass_b03e,
  .active_a2d8 {
    flex-direction: column;
    width: 100%;
  }

  .top-795f {
    padding: 1rem;
  }

  .badge_adef {
    font-size: 1.75rem;
  }
}

@media (hover: none) and (pointer: coarse) {
  .status_hard_53c0,
  .component-9cfb,
  .aside-up-55ef {
    min-height: 44px;
    padding: 12px 20px;
  }
}

@media (prefers-contrast: high) {
  :root {
    --color-text: #000000;
    --color-border: #999999;
  }
}

[lang="id"] {
  quotes: '"' '"' "'" "'";
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}