/* Kerangka aplikasi: bilah atas, laci navigasi, carousel, kontrol pemutar. */

/* Urutan lapisan container-query (cqw-*) dideklarasikan di muka supaya
   presedennya pasti: cqw-1600 menang atas cqw-600, cqw-600 atas cqw-default.
   Sumber aslinya menulis ini sebagai "@layer cqw-default cqw-600; cqw-1600;"
   (spasi, bukan koma) sehingga seluruh pernyataan gugur saat diurai. */
@layer cqw-default, cqw-600, cqw-1600;

.PmaGjxLE {
  align-items: center;
  display: flex;
  position: relative
}

.gHhu6zEt {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--color-surface-primary);
  border: 0;
  border-radius: var(--roundness-subtle);
  box-shadow: inset 0 0 0 var(--chunkiness-thin) var(--color-border-secondary);
  color: var(--color-content-secondary);
  cursor: pointer;
  font-family: var(--font-family-body-large);
  font-size: var(--font-size-body-large);
  line-height: 1;
  padding: var(--spacing-3x);
  padding-right: calc(var(--spacing-4x)*2);
  text-align: left;
  width: 100%
}

.gHhu6zEt:hover {
  box-shadow: inset 0 0 0 var(--chunkiness-thin) var(--color-border-primary)
}

.gHhu6zEt:focus {
  box-shadow: none;
  outline: 2px solid -webkit-focus-ring-color
}

.gHhu6zEt.lJ2wzAVt {
  color: var(--color-content-primary)
}

.pkGJrkJD {
  align-items: center;
  display: flex;
  pointer-events: none;
  position: absolute;
  right: var(--spacing-3x)
}

.hB4gBaoz {
  display: none
}

@media(min-width:583px) {
  .hB4gBaoz {
    display: block
  }
}

.OHLNwfAy {
  align-items: center;
  display: flex;
  gap: var(--spacing-1x)
}

.Zzurl3Js {
  flex-grow: 1;
  min-width: 0
}

.XcK5yqhk {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.vzePssYU {
  align-items: center;
  border: 1px solid var(--color-border-primary);
  border-radius: var(--roundness-subtle);
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  height: 48px;
  justify-content: center;
  overflow: hidden;
  width: 48px
}

.nbf3lp1_ {
  border: none;
  margin: var(--spacing-none);
  padding: var(--spacing-none)
}

.nbf3lp1_.KRj_dKqr input[type=radio],
.nbf3lp1_.KRj_dKqr input[type=radio]:hover {
  border-color: var(--color-content-critical-default)
}

.nbf3lp1_.lZLNLDB7 {
  color: var(--color-content-disabled)
}

.nbf3lp1_.lZLNLDB7 input[type=radio],
.nbf3lp1_.lZLNLDB7 label {
  color: var(--color-content-disabled);
  cursor: not-allowed
}

.nbf3lp1_.lZLNLDB7 input[type=radio],
.nbf3lp1_.lZLNLDB7 input[type=radio]:hover {
  border-color: var(--color-border-secondary)
}

@media(hover:none) {
  .wvEJbOLK {
    display: none
  }
}

.HCzoCZuh {
  direction: rtl;
  display: block;
  list-style: none;
  margin: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap
}

.o3zH6TKr {
  direction: ltr;
  display: inline
}

.nf7R5lM0 {
  display: inline;
  outline: none
}

.nf7R5lM0:not(:last-child):after {
  color: var(--color-content-primary-accent);
  content: "»";
  margin: 0 var(--spacing-2x);
  text-decoration: none
}

.nf7R5lM0:hover {
  color: var(--color-content-primary)
}

.JBuOgXcI {
  line-height: var(--spacing-4x)
}

.ChQPRw21 {
  cursor: zoom-in;
  display: block;
  height: auto;
  isolation: isolate;
  max-height: 700px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%
}

.lv1wPoZv {
  overflow: hidden;
  position: relative
}

.ynS4JIIF {
  display: block;
  width: 100%
}

.UTPiqHpf {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.ghPQuWNN {
  align-items: center;
  display: flex;
  justify-content: center
}

.F3nkAvyg {
  border: var(--chunkiness-thick) solid transparent;
  transition: border .2s ease-in-out
}

.F3nkAvyg:focus,
.F3nkAvyg:focus-within,
.F3nkAvyg:hover {
  border: var(--chunkiness-thick) solid var(--color-border-primary, #574b9e)
}

.cfZgU5t8 {
  position: relative
}

.cfZgU5t8:focus-within .B3Y4UfKZ,
.cfZgU5t8:focus-within .kDYwJLsp,
.cfZgU5t8:hover .B3Y4UfKZ,
.cfZgU5t8:hover .kDYwJLsp {
  opacity: 1
}

.B3Y4UfKZ,
.kDYwJLsp {
  background-color: var(--color-surface-primary);
  border: var(--chunkiness-thin) solid var(--color-border-secondary);
  border-radius: var(--roundness-circle);
  height: var(--button-height-large);
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--button-height-large);
  z-index: 1
}

.B3Y4UfKZ:focus-visible,
.kDYwJLsp:focus-visible {
  background: var(--color-interactive-tertiary-hover);
  box-shadow: inset 0 0 0 var(--chunkiness-thick) var(--color-border-primary);
  color: var(--color-content-primary)
}

.kDYwJLsp {
  cursor: w-resize
}

.B3Y4UfKZ {
  cursor: e-resize;
  left: calc(100% - var(--button-height-large) - var(--spacing-3x))
}

.AGNSdL2l {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  width: 100%
}

@container (inline-size < 800px) {
  .AGNSdL2l {
    justify-content: space-around
  }
}

.dcvpFKe9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-6x);
  margin: auto;
  padding-top: var(--spacing-5x);
  width: 100%
}

@container (inline-size < 800px) {
  .dcvpFKe9 {
    height: 100%
  }
}

.B2yy6j98 {
  width: 100%
}

.fOKz3C25 {
  position: absolute;
  right: var(--spacing-3x);
  top: var(--spacing-3x)
}

.t9MXx6eM {
  align-items: center;
  display: flex;
  height: 100%;
  margin: var(--spacing-6x) auto;
  width: 100%
}

@container (inline-size >=800px) {
  .t9MXx6eM {
    width: 90%
  }
}

@container (inline-size >=1466px) {
  .t9MXx6eM {
    width: 1370px
  }
}

.FjgXq04y {
  background-color: var(--color-overlay-dark);
  position: fixed
}

.FjgXq04y,
.cZ9Ntir6 {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: var(--layer-depth-ceiling)
}

.cZ9Ntir6 {
  background-color: transparent;
  outline: none;
  overflow: auto
}

.cZ9Ntir6,
.gsUnLQbG {
  position: absolute;
  width: 100%
}

.gsUnLQbG {
  bottom: 0
}

.a177Cvff {
  position: relative;
  --local-button-spillover-multiplier: -0.5;
  --local-item-base-width: calc(100%/var(--local-visible-count));
  --local-item-gutter-correction: calc((var(--local-gutter-width)/var(--local-visible-count))*(var(--local-visible-count) - 1));
  --local-item-width: calc(var(--local-item-base-width) - var(--local-item-gutter-correction))
}

.Bp52pkDS,
.a6lObJhI {
  height: var(--local-height);
  position: absolute;
  top: 50%;
  z-index: 10
}

.a6lObJhI {
  left: 0
}

.Bp52pkDS {
  right: 0
}

.HrpG4Rct {
  display: block
}

.f4Xk4uQY {
  display: none
}

.khaclSYK,
.qOF3sGr1 {
  background-color: var(--color-surface-primary);
  border: var(--chunkiness-thin) solid var(--color-border-secondary);
  border-radius: var(--roundness-circle);
  display: flow-root;
  height: var(--button-height-large);
  line-height: 0;
  margin-top: calc(var(--button-height-large)*-.5);
  width: var(--button-height-large)
}

.khaclSYK:focus-visible,
.qOF3sGr1:focus-visible {
  background: var(--color-interactive-tertiary-hover);
  box-shadow: inset 0 0 0 var(--chunkiness-thick) var(--color-border-primary);
  color: var(--color-content-primary)
}

.qOF3sGr1 {
  cursor: w-resize;
  margin-left: calc(var(--button-height-large)*var(--local-button-spillover-multiplier))
}

.khaclSYK {
  cursor: e-resize;
  margin-right: calc(var(--button-height-large)*var(--local-button-spillover-multiplier))
}

.oeEKR1mh {
  height: var(--local-height);
  overflow: auto;
  position: relative;
  -ms-overflow-style: none;
  overscroll-behavior-x: none;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none
}

.oeEKR1mh::-webkit-scrollbar {
  display: none
}

.SjiGW83F,
.ipX7CU5d {
  flex-shrink: 0;
  height: var(--local-height);
  position: relative;
  width: calc((100% - var(--local-width))/2)
}

.SjiGW83F {
  margin-right: calc(var(--local-gutter-width)*-1)
}

.ipX7CU5d {
  margin-left: calc(var(--local-gutter-width)*-1)
}

.NLFqyvTD,
.TF7OeGAh {
  position: absolute;
  top: 0;
  width: 0
}

.TF7OeGAh {
  right: -1px
}

.NLFqyvTD {
  left: -1px
}

.FSdtU9_q {
  display: flex;
  flex-flow: row nowrap;
  gap: var(--local-gutter-width)
}

.DIzRVLQ6,
.FSdtU9_q {
  height: var(--local-height)
}

.DIzRVLQ6 {
  flex-shrink: 0;
  line-height: 0;
  scroll-snap-align: start;
  scroll-snap-stop: normal;
  width: var(--local-item-width, auto)
}

.EJFpumOv {
  --local-visible-count: var(--local-default-visible-count)
}

@container (inline-size >=100px) {
  .CQbP0ZsS {
    --local-visible-count: var(--local-100-visible-count)
  }
}

@container (inline-size >=200px) {
  .v9YYysOT {
    --local-visible-count: var(--local-200-visible-count)
  }
}

@container (inline-size >=300px) {
  .L4UbreKZ {
    --local-visible-count: var(--local-300-visible-count)
  }
}

@container (inline-size >=400px) {
  .MqZ8RrPP {
    --local-visible-count: var(--local-400-visible-count)
  }
}

@container (inline-size >=500px) {
  .mBrbFnBi {
    --local-visible-count: var(--local-500-visible-count)
  }
}

@container (inline-size >=600px) {
  .mpDofJQa {
    --local-visible-count: var(--local-600-visible-count)
  }
}

@container (inline-size >=700px) {
  .LCgUsnAr {
    --local-visible-count: var(--local-700-visible-count)
  }
}

@container (inline-size >=800px) {
  .vYe6cGDG {
    --local-visible-count: var(--local-800-visible-count)
  }
}

@container (inline-size >=900px) {
  .wUzAINpn {
    --local-visible-count: var(--local-900-visible-count)
  }
}

@container (inline-size >=1000px) {
  .duUC9IFK {
    --local-visible-count: var(--local-1000-visible-count)
  }
}

@container (inline-size < 100px) {
  .towcN6Y4 {
    --local-button-spillover-multiplier: 0.1667
  }
.Y2hGISaD .oeEKR1mh {
  scroll-padding: 0 var(--spacing-3x)
}
.Y2hGISaD .SjiGW83F {
padding-right: var(--spacing-3x)
}
.Y2hGISaD .ipX7CU5d {
padding-left: var(--spacing-3x)
}
}

@container (inline-size < 200px) {
  .qEpyb1KE {
    --local-button-spillover-multiplier: 0.1667
  }
.Q0rcLR08 .oeEKR1mh {
  scroll-padding: 0 var(--spacing-3x)
}
.Q0rcLR08 .SjiGW83F {
padding-right: var(--spacing-3x)
}
.Q0rcLR08 .ipX7CU5d {
padding-left: var(--spacing-3x)
}
}

@container (inline-size < 300px) {
  .PoQ1fXz4 {
    --local-button-spillover-multiplier: 0.1667
  }
.i7dlG2yR .oeEKR1mh {
  scroll-padding: 0 var(--spacing-3x)
}
.i7dlG2yR .SjiGW83F {
padding-right: var(--spacing-3x)
}
.i7dlG2yR .ipX7CU5d {
padding-left: var(--spacing-3x)
}
}

@container (inline-size < 400px) {
  .w5EBleno {
    --local-button-spillover-multiplier: 0.1667
  }
._amn0Hao .oeEKR1mh {
  scroll-padding: 0 var(--spacing-3x)
}
._amn0Hao .SjiGW83F {
padding-right: var(--spacing-3x)
}
._amn0Hao .ipX7CU5d {
padding-left: var(--spacing-3x)
}
}

@container (inline-size < 500px) {
  .WAEHlYX2 {
    --local-button-spillover-multiplier: 0.1667
  }
.AyNPs_Yp .oeEKR1mh {
  scroll-padding: 0 var(--spacing-3x)
}
.AyNPs_Yp .SjiGW83F {
padding-right: var(--spacing-3x)
}
.AyNPs_Yp .ipX7CU5d {
padding-left: var(--spacing-3x)
}
}

@container (inline-size < 600px) {
  .EqeG9E7i {
    --local-button-spillover-multiplier: 0.1667
  }
.IECphl4X .oeEKR1mh {
  scroll-padding: 0 var(--spacing-3x)
}
.IECphl4X .SjiGW83F {
padding-right: var(--spacing-3x)
}
.IECphl4X .ipX7CU5d {
padding-left: var(--spacing-3x)
}
}

@container (inline-size < 700px) {
  .M_TzQMAc {
    --local-button-spillover-multiplier: 0.1667
  }
.TfBvu27I .oeEKR1mh {
  scroll-padding: 0 var(--spacing-3x)
}
.TfBvu27I .SjiGW83F {
padding-right: var(--spacing-3x)
}
.TfBvu27I .ipX7CU5d {
padding-left: var(--spacing-3x)
}
}

@container (inline-size < 800px) {
  .EE6dkGB5 {
    --local-button-spillover-multiplier: 0.1667
  }
.nXD0yQF4 .oeEKR1mh {
  scroll-padding: 0 var(--spacing-3x)
}
.nXD0yQF4 .SjiGW83F {
padding-right: var(--spacing-3x)
}
.nXD0yQF4 .ipX7CU5d {
padding-left: var(--spacing-3x)
}
}

@container (inline-size < 900px) {
  .jhWD0jLB {
    --local-button-spillover-multiplier: 0.1667
  }
.N5mshlgd .oeEKR1mh {
  scroll-padding: 0 var(--spacing-3x)
}
.N5mshlgd .SjiGW83F {
padding-right: var(--spacing-3x)
}
.N5mshlgd .ipX7CU5d {
padding-left: var(--spacing-3x)
}
}

@container (inline-size < 1000px) {
  .lyEcFPfV {
    --local-button-spillover-multiplier: 0.1667
  }
.v3BqhhWt .oeEKR1mh {
  scroll-padding: 0 var(--spacing-3x)
}
.v3BqhhWt .SjiGW83F {
padding-right: var(--spacing-3x)
}
.v3BqhhWt .ipX7CU5d {
padding-left: var(--spacing-3x)
}
}

.mKLorrF9 {
  --local-gutter-width: var(--spacing-none)
}

.G9DHX0wn {
  --local-gutter-width: var(--spacing-1x)
}

.aoTakKk9 {
  --local-gutter-width: var(--spacing-2x)
}

.uzxDjYRQ {
  --local-gutter-width: var(--spacing-3x)
}

.CcS3bkYi {
  --local-gutter-width: var(--spacing-4x)
}

.CJaW3Bx8 {
  --local-gutter-width: var(--spacing-5x)
}

.tvp820ea {
  --local-gutter-width: var(--spacing-6x)
}

.T86rpJ3W {
  --local-gutter-width: var(--spacing-7x)
}

@container (inline-size >=100px) {
  .Gm4Bvx_u {
    --local-gutter-width: var(--spacing-none)
  }
.zsU8wnlh {
  --local-gutter-width: var(--spacing-1x)
}
.cZsD04Zr {
--local-gutter-width: var(--spacing-2x)
}
.oNCV9rW7 {
--local-gutter-width: var(--spacing-3x)
}
.hrJ5g8On {
--local-gutter-width: var(--spacing-4x)
}
.QtdvokxJ {
--local-gutter-width: var(--spacing-5x)
}
.QL9VqnRF {
--local-gutter-width: var(--spacing-6x)
}
.kdWD9vcZ {
--local-gutter-width: var(--spacing-7x)
}
}

@container (inline-size >=200px) {
  .xx6p0wPC {
    --local-gutter-width: var(--spacing-none)
  }
.D9eHh_Yu {
  --local-gutter-width: var(--spacing-1x)
}
.Dhw8qesg {
--local-gutter-width: var(--spacing-2x)
}
.xn1U0RT6 {
--local-gutter-width: var(--spacing-3x)
}
.lWXs3FQk {
--local-gutter-width: var(--spacing-4x)
}
.lG2_ukUs {
--local-gutter-width: var(--spacing-5x)
}
.pBBIfWlO {
--local-gutter-width: var(--spacing-6x)
}
.Ke7VMjQX {
--local-gutter-width: var(--spacing-7x)
}
}

@container (inline-size >=300px) {
  .VGxbU1is {
    --local-gutter-width: var(--spacing-none)
  }
.e5BrHPGv {
  --local-gutter-width: var(--spacing-1x)
}
.kS20vKcu {
--local-gutter-width: var(--spacing-2x)
}
.fDCDAzy1 {
--local-gutter-width: var(--spacing-3x)
}
.blz2ICEz {
--local-gutter-width: var(--spacing-4x)
}
.HYpw9Eep {
--local-gutter-width: var(--spacing-5x)
}
.p2bN709H {
--local-gutter-width: var(--spacing-6x)
}
.pi6m6mqy {
--local-gutter-width: var(--spacing-7x)
}
}

@container (inline-size >=400px) {
  .frmolwiX {
    --local-gutter-width: var(--spacing-none)
  }
.SPy6nmZq {
  --local-gutter-width: var(--spacing-1x)
}
.XJlZ40Kr {
--local-gutter-width: var(--spacing-2x)
}
.Gh4oS7d6 {
--local-gutter-width: var(--spacing-3x)
}
.p71Ozmn7 {
--local-gutter-width: var(--spacing-4x)
}
.yr_ipq2i {
--local-gutter-width: var(--spacing-5x)
}
.j9INoqNe {
--local-gutter-width: var(--spacing-6x)
}
.lha0PDm_ {
--local-gutter-width: var(--spacing-7x)
}
}

@container (inline-size >=500px) {
  .JGKVvoUd {
    --local-gutter-width: var(--spacing-none)
  }
.sQ6TCb3w {
  --local-gutter-width: var(--spacing-1x)
}
.vNNWEh5p {
--local-gutter-width: var(--spacing-2x)
}
.NJOPec6f {
--local-gutter-width: var(--spacing-3x)
}
.Wn9EiegA {
--local-gutter-width: var(--spacing-4x)
}
.ogDIjopO {
--local-gutter-width: var(--spacing-5x)
}
.qUjHyQre {
--local-gutter-width: var(--spacing-6x)
}
.VjorNqBz {
--local-gutter-width: var(--spacing-7x)
}
}

@container (inline-size >=600px) {
  .nHdmZCbW {
    --local-gutter-width: var(--spacing-none)
  }
.w3ZqnGEE {
  --local-gutter-width: var(--spacing-1x)
}
.Z1KGq76O {
--local-gutter-width: var(--spacing-2x)
}
.mxYZs6bf {
--local-gutter-width: var(--spacing-3x)
}
.CVMwA3zV {
--local-gutter-width: var(--spacing-4x)
}
.TJ7cSRNN {
--local-gutter-width: var(--spacing-5x)
}
.LdbBbGS3 {
--local-gutter-width: var(--spacing-6x)
}
.mhXMUmDi {
--local-gutter-width: var(--spacing-7x)
}
}

@container (inline-size >=700px) {
  .Gikc5PyL {
    --local-gutter-width: var(--spacing-none)
  }
.BfUQu4GP {
  --local-gutter-width: var(--spacing-1x)
}
.rv7Iz0hp {
--local-gutter-width: var(--spacing-2x)
}
.AWtzim8X {
--local-gutter-width: var(--spacing-3x)
}
.EVsLBaFk {
--local-gutter-width: var(--spacing-4x)
}
.SuGHOqn1 {
--local-gutter-width: var(--spacing-5x)
}
.xbKK5tkV {
--local-gutter-width: var(--spacing-6x)
}
.tsCOJQnV {
--local-gutter-width: var(--spacing-7x)
}
}

@container (inline-size >=800px) {
  .gSembakoji3tT {
    --local-gutter-width: var(--spacing-none)
  }
.QPI49WRd {
  --local-gutter-width: var(--spacing-1x)
}
.HcYA_TIM {
--local-gutter-width: var(--spacing-2x)
}
.Forcl6dV {
--local-gutter-width: var(--spacing-3x)
}
.ZA_WoWZj {
--local-gutter-width: var(--spacing-4x)
}
.r7rhR5Ff {
--local-gutter-width: var(--spacing-5x)
}
.GzLJKCQ3 {
--local-gutter-width: var(--spacing-6x)
}
.sMVqG7KK {
--local-gutter-width: var(--spacing-7x)
}
}

@container (inline-size >=900px) {
  .V8Aoi3F4 {
    --local-gutter-width: var(--spacing-none)
  }
.ykuvpOu4 {
  --local-gutter-width: var(--spacing-1x)
}
.qVmd5C6y {
--local-gutter-width: var(--spacing-2x)
}
.Zi1ZZDf9 {
--local-gutter-width: var(--spacing-3x)
}
.NNlByKra {
--local-gutter-width: var(--spacing-4x)
}
.syCR2d56 {
--local-gutter-width: var(--spacing-5x)
}
.b7rJ9f7_ {
--local-gutter-width: var(--spacing-6x)
}
.FLlM4XWy {
--local-gutter-width: var(--spacing-7x)
}
}

@container (inline-size >=1000px) {
  .M0coFkpd {
    --local-gutter-width: var(--spacing-none)
  }
.B6gjN_Bk {
  --local-gutter-width: var(--spacing-1x)
}
.KgncvIh1 {
--local-gutter-width: var(--spacing-2x)
}
.FvCqCeIY {
--local-gutter-width: var(--spacing-3x)
}
.m7eJBnKV {
--local-gutter-width: var(--spacing-4x)
}
.QDMLtUc5 {
--local-gutter-width: var(--spacing-5x)
}
.VPH3rCmh {
--local-gutter-width: var(--spacing-6x)
}
.UnLKFI1o {
--local-gutter-width: var(--spacing-7x)
}
}

.tDKybF1L {
  background-color: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  margin: 0;
  padding: 0
}

.MrKiSz6j {
  display: block;
  height: 80px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 120px
}

@container (inline-size < 500px) {
  .MrKiSz6j {
    height: 56px;
    width: 84px
  }
}

.MrKiSz6j:hover,
.WpwLf41x {
  border: var(--chunkiness-thick) solid var(--color-border-primary)
}

._P1cDsUD {
  margin: var(--spacing-none) calc(var(--spacing-3x)*-1);
  padding: var(--spacing-none) var(--spacing-3x)
}

@container (inline-size >=1000px) {
  ._P1cDsUD {
    margin: var(--spacing-none);
    padding: var(--spacing-none)
  }
}

@container (inline-size < 600px) {
  .G9tBk3Qg {
    display: none
  }
}

.exQ83Ke1 {
  background-color: var(--color-surface-primary);
  border-radius: var(--roundness-extra-round);
  color: var(--color-content-primary);
  left: 0;
  margin-top: var(--spacing-2x);
  padding: var(--spacing-3x);
  position: absolute;
  scroll-margin-bottom: var(--spacing-7x);
  scroll-margin-top: var(--spacing-7x);
  width: 100%;
  z-index: var(--layer-depth-ceiling)
}

.exQ83Ke1:focus {
  outline: none
}

@media(prefers-reduced-motion:no-preference) {
  .exQ83Ke1 {
    transition: opacity .15s linear, transform .15s ease
  }
}

.kA1V4_Ig {
  opacity: 0;
  transform: translateY(calc(var(--spacing-3x)*-1))
}

.hHKlP2PD {
  opacity: 1;
  transform: translateY(0)
}

.m2piBBR_ {
  --gap: var(--spacing-2x);
  display: flex;
  flex-flow: row wrap;
  gap: var(--gap)
}

.n4MAkDTq {
  flex-basis: 100%;
  isolation: isolate;
  overflow: visible
}

@media(prefers-reduced-motion:no-preference) {
  .n4MAkDTq {
    transition: filter .15s linear
  }
}

.n4MAkDTq:focus-within,
.n4MAkDTq:hover {
  z-index: 1
}

.tKkaNkvK {
  filter: brightness(32%);
  pointer-events: none
}

@container (inline-size >=390px) {
  .n4MAkDTq {
    aspect-ratio: var(--ar);
    flex-basis: 0;
    flex-grow: var(--ar);
    margin: 0 auto;
    min-height: var(--mh-390)
  }
}

@container (inline-size >=600px) {
  .m2piBBR_:after {
    content: "";
    flex-grow: 100;
    margin-left: calc(var(--gap)*-1)
  }
.n4MAkDTq {
  min-height: var(--mh-600)
}
}

@container (inline-size >=1600px) {
  .n4MAkDTq {
    min-height: var(--mh-1600)
  }
}

.ok06xnx7 {
  aspect-ratio: var(--ar);
  background-blend-mode: overlay;
  background-color: var(--color-overlay-dark);
  background-image: var(--background-image);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-grow: var(--ar)
}

.rzNYVI2s {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  text-decoration: none;
  width: 100%
}

.rzNYVI2s span:before {
  content: var(--remaining-items);
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

@container (inline-size >=390px) {
  .ok06xnx7 {
    flex-basis: 0;
    min-height: var(--mh-390)
  }
}

@container (inline-size >=600px) {
  .ok06xnx7 {
    min-height: var(--mh-600)
  }
}

@container (inline-size >=1600px) {
  .ok06xnx7 {
    min-height: var(--mh-1600)
  }
}

.EEvz2Y8P {
  --gap: var(--spacing-2x);
  display: flex;
  flex-flow: row wrap;
  gap: var(--gap)
}

._aAzwfKq {
  container-type: inline-size;
  flex-basis: 100%
}

/* BUG BAWAAN SUMBER (dibiarkan, tidak diperbaiki):
   "default-container-max-item-count" adalah placeholder build yang tidak pernah
   tersubstitusi jadi angka, sehingga :nth-of-type() tidak valid dan aturan di
   dalamnya gugur saat diurai. Nilai yang benar tidak bisa disimpulkan dari
   template ini. Tidak berdampak: kelas ._aAzwfKq tidak dipakai di satu pun
   berkas HTML (index/template/404/amp). Ganti placeholder dengan angka
   (mis. n+5) bila carousel ini nanti dipakai. */
@layer cqw-default {
  ._aAzwfKq:nth-of-type(default-container-max-item-count+1) {
    display: none
  }
}

@container (inline-size >=390px) {
  ._aAzwfKq {
    aspect-ratio: var(--ar);
    flex-basis: 0;
    flex-grow: var(--ar);
    margin: 0 auto;
    min-height: var(--mh-390)
  }
}

@container (inline-size >=600px) {
  .EEvz2Y8P {
    flex-wrap: nowrap
  }
.EEvz2Y8P:after {
  content: "";
  flex-basis: calc(100cqw - var(--mw-600));
  flex-grow: 0;
  margin-left: calc(var(--gap)*-1)
}
@layer cqw-600 {
._aAzwfKq {
  display: none
}
}
}

@container (inline-size >=1600px) {
  .EEvz2Y8P:after {
    flex-basis: calc(100cqw - var(--mw-1600))
  }
@layer cqw-1600 {
  ._aAzwfKq {
    display: none
  }
}
}

.egoNIBl7 {
  display: block
}

.ZWcX9pw5 {
  filter: grayscale(1)
}

.e8W4zhXE {
  background-color: unset;
  border: none;
  cursor: pointer;
  padding: var(--spacing-none);
  text-decoration: underline;
  text-underline-offset: 25%;
  width: -moz-fit-content;
  width: fit-content
}

.sMqhPlBy {
  word-break: break-all
}

.MwU41KO8 {
  line-height: var(--font-height-tight)
}

.SexvwI7f {
  background: unset;
  border: unset;
  cursor: pointer;
  padding: var(--spacing-none)
}

.SexvwI7f:is(:hover, :focus-visible) span,
.SexvwI7f:is(:hover, :focus-visible) svg {
  color: var(--color-content-primary)
}

.zxRDx_i5 {
  line-height: var(--font-height-tight);
  padding-bottom: var(--spacing-5x)
}

.u2buP1Ai {
  align-items: stretch;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: var(--spacing-2x);
  justify-content: flex-start
}

.VFRoSIKs:first-child {
  margin-top: 0
}

.kpjecDqF {
  gap: var(--spacing-2x)
}

.kpjecDqF,
.o8AXvCW3 {
  display: grid
}

.W7FvEn79 {
  border-bottom: var(--color-border-tertiary) solid var(--chunkiness-thin);
  padding: var(--spacing-4x)
}

@container (inline-size >=800px) {
  .W7FvEn79 {
    border-bottom: none
  }
}

.usXXgq2C {
  display: grid;
  gap: var(--spacing-2x)
}

.article ol,
.article p,
.article ul {
  font-family: var(--text-style-body-large-family);
  font-size: var(--text-style-body-large-size);
  font-weight: var(--text-style-body-large-weight);
  letter-spacing: var(--text-style-body-large-spacing);
  line-height: var(--text-style-body-large-height)
}

.article strong {
  font-weight: var(--text-style-body-large-strong-weight)
}

.article em {
  font-style: italic
}

.article ol,
.article ul {
  margin-block-end: var(--spacing-3x);
  margin-block-start: var(--spacing-3x);
  padding-inline-start: var(--spacing-6x)
}

.iuPSyJ4H {
  border-radius: var(--roundness-circle);
  color: var(--color-content-primary);
  cursor: pointer;
  display: inline-block;
  font-family: var(--text-style-chip-family);
  letter-spacing: var(--text-style-chip-spacing);
  text-decoration: none;
  transition-duration: var(--transition-duration-short);
  transition-property: background-color, box-shadow, color;
  transition-timing-function: var(--transition-easing-ease-in-out);
  width: -moz-fit-content;
  width: fit-content
}

.iuPSyJ4H:active,
.iuPSyJ4H:focus,
.iuPSyJ4H:hover {
  background-color: var(--color-interactive-tertiary-hover)
}

.iuPSyJ4H:focus {
  box-shadow: inset 0 0 0 var(--chunkiness-thin) var(--color-border-primary)
}

.iuPSyJ4H.ahBZIFkk {
  background-color: var(--color-interactive-disabled);
  color: var(--color-content-disabled);
  pointer-events: none
}

.YvP5xCsZ {
  align-items: center;
  display: flex;
  gap: var(--spacing-1x);
  white-space: nowrap
}

.tmhEpmGk {
  font-size: var(--text-style-chip-xlarge-size);
  font-weight: var(--text-style-chip-xlarge-weight);
  line-height: var(--text-style-chip-xlarge-height)
}

.C9ry1_nh {
  font-size: var(--text-style-chip-large-size);
  font-weight: var(--text-style-chip-large-weight);
  line-height: var(--text-style-chip-large-height)
}

.bGwqPK5t {
  font-size: var(--text-style-chip-medium-size);
  font-weight: var(--text-style-chip-medium-weight);
  line-height: var(--text-style-chip-medium-height)
}

.LDWqu7Z4 {
  text-transform: capitalize
}

.susP7btM {
  box-shadow: 0 0 12px rgba(0, 0, 0, .15)
}

.C0yv6fSU {
  display: none
}

@container (inline-size >=600px) {
  .C0yv6fSU {
    display: inline
  }
}

.wkF19IHs {
  background: var(--color-content-primary);
  border: 0 solid var(--color-content-primary);
  border-radius: var(--roundness-subtle);
  height: var(--button-height-large);
  overflow: hidden;
  transition-duration: var(--transition-duration-short);
  transition-property: background-color, transform, height;
  transition-timing-function: var(--transition-easing-ease-in-out);
  width: 0
}

.SUonRiuN {
  background: #fff;
  border-width: var(--chunkiness-thin);
  max-width: 200px;
  transform: scaleY(.4);
  width: 100%
}

.VlzxiNHn {
  height: 0;
  transform: scaleY(0)
}

.GoYoMWh0 {
  background: var(--color-content-primary);
  height: 100%;
  transform: translateX(-100%);
  transition: transform var(--transition-duration-short) var(--transition-easing-linear);
  width: 100%
}

.yuHstvhx {
  opacity: 0
}

.gSWigbSp {
  opacity: 1;
  transition: opacity .2s ease-in
}

.AtuS0BYZ {
  filter: grayscale();
  opacity: .2
}

.NgtXrCQY {
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
  overflow: hidden;
  position: relative
}

.QXCLOii8 {
  display: block;
  width: 100%
}

.TxwOnvXa {
  background: #d8d8d9;
  background-size: 100%;
  overflow: hidden;
  position: relative;
  transform: translateZ(0)
}

.TxwOnvXa:after,
.TxwOnvXa:before {
  animation: RxH12UOi 1.5s linear infinite;
  background: linear-gradient(270deg, #d8d8d9, #f2f2f3);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.TxwOnvXa:before {
  animation-delay: .35s;
  background: linear-gradient(90deg, #d8d8d9, #f2f2f3)
}

.MY02g2dt {
  min-height: 1px
}

.d2xhILr7 {
  background: #fff;
  display: flex;
  justify-content: center
}

.bv1x9fV5 {
  display: block;
  height: auto;
  overflow: hidden;
  width: 100%
}

.p7AFJAid {
  position: relative
}

.feMNovRS {
  color: var(--color-content-secondary);
  height: 64px;
  width: 80px
}

.NScEPaoq {
  max-width: 200px;
  width: 100%
}

.nkkKcJBw {
  display: flex;
  flex-flow: column nowrap;
  gap: var(--spacing-6x)
}

.E6Cg_QZL {
  margin-left: calc(var(--spacing-3x)*-1);
  margin-right: calc(var(--spacing-3x)*-1)
}

._l9nSumF,
.gnkwdbQG {
  margin: 0 auto;
  max-width: 700px;
  width: 100%
}

@container (inline-size >=960px) {
  .nkkKcJBw {
    display: grid;
    grid-template-areas: "item aside" "content aside";
    grid-template-columns: 2fr minmax(auto, 400px);
    grid-template-rows: max-content 1fr
  }
.E6Cg_QZL {
  grid-area: item;
  margin: 0;
  min-width: calc(66.66667cqw - var(--spacing-6x)/2)
}
._l9nSumF {
align-self: start;
grid-area: aside;
margin: 0;
max-width: 400px;
position: sticky;
top: calc(var(--spacing-7x) + var(--spacing-6x) + var(--spacing-5x))
}
.gnkwdbQG {
grid-area: content;
margin: 0;
max-width: 100%
}
}

.ShHUN_t_,
.VBm4J5H_,
.YL683pWX {
  max-width: 700px
}

.gMoJXr6D>:first-child {
  margin-top: 0
}

.gMoJXr6D>:last-child {
  margin-bottom: 0
}

.t10nC9Vi {
  aspect-ratio: 16/9;
  border-radius: var(--roundness-square)
}

.hu8V0Ykx {
  bottom: 0;
  display: none;
  position: sticky;
  z-index: 1
}

@media(min-width:583px) {
  .hu8V0Ykx {
    display: block
  }
}

.NeOxfRVy {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-6x);
  position: relative
}

@container (inline-size < 600px) {
  .KdRz8tZB {
    padding: 0 var(--spacing-3x)
  }
}

.du2ijo8z {
  scroll-margin-top: var(--spacing-8x)
}

.FA2Iv_Dt {
  contain: "layout"
}

.rwGVMeUf {
  padding: var(--spacing-8x) var(--spacing-none)
}

.I9oSHJrS {
  background-color: var(--color-surface-neutral-default);
  overflow: hidden
}

.xH1PsPGU {
  align-items: center;
  display: grid;
  gap: var(--spacing-2x);
  grid-template-columns: min-content 1fr min-content;
  padding: var(--spacing-3x) var(--spacing-4x)
}

@container (inline-size >=600px) {
  .xH1PsPGU {
    gap: var(--spacing-4x);
    padding: var(--spacing-4x) var(--spacing-5x)
  }
}

.Ck2rAEhK {
  background-color: var(--color-surface-neutral-default);
  padding-bottom: var(--spacing-3x);
  padding-left: var(--spacing-2x);
  padding-right: var(--spacing-2x)
}

@media(hover:hover) {
  .Ck2rAEhK {
    padding-left: var(--spacing-3x);
    padding-right: var(--spacing-3x)
  }
}

@container (inline-size >=900px) {
  .Ck2rAEhK {
    display: grid;
    grid-template-columns: fit-content(50%) 1fr
  }
}

.qPPGAD1l {
  --local-icon-size: var(--icon-size-3x);
  height: var(--button-height-large);
  width: var(--button-height-large)
}

.vuY3zOOo {
  white-space: nowrap
}

.kZZgFPe4 {
  align-items: center;
  display: inline-flex;
  height: 100%;
  justify-content: center;
  max-width: -moz-max-content;
  max-width: max-content;
  min-height: var(--button-height-large);
  min-width: var(--minimum-touch-area);
  position: relative
}

.kZZgFPe4:after {
  bottom: 2px;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0
}

.kZZgFPe4:not(.JFeaJWMK, .rCUDAr2n):hover:after {
  animation: FsLTOiia var(--transition-duration-medium) var(--transition-easing-linear);
  background: var(--color-border-tertiary)
}

.kZZgFPe4:not(.JFeaJWMK, .rCUDAr2n):hover span {
  color: var(--color-content-primary)
}

.kZZgFPe4.rCUDAr2n:after {
  animation: PMPMzBDa var(--transition-duration-medium) var(--transition-easing-linear);
  background: var(--color-border-primary);
  left: 0;
  right: 0
}

.kZZgFPe4.JFeaJWMK {
  cursor: not-allowed
}

.fF1f8WcA {
  background: none;
  border: none;
  margin: 0;
  padding: 0
}

.fF1f8WcA:hover {
  cursor: pointer
}

@media(min-width:700px) {
  .KckJ8MjU {
    backdrop-filter: blur(10px);
    background-color: hsla(0, 0%, 100%, .9);
    position: sticky;
    top: var(--header-current-height);
    z-index: var(--layer-depth-ceiling)
  }
}

.RyQe3UEg {
  bottom: var(--spacing-8x);
  position: fixed;
  right: var(--spacing-5x);
  width: 480px;
  z-index: var(--layer-depth-ceiling)
}

.wG7CbgsM {
  aspect-ratio: 16/9;
  border-radius: var(--roundness-square)
}

.K3NrD5LX {
  cursor: pointer;
  min-width: 124px
}

.lhPeoGGu {
  bottom: 24px;
  display: none;
  max-width: 390px;
  position: fixed;
  right: 0;
  transform: translateX(calc(100% - var(--spacing-4x)));
  transition: transform .3s var(--transition-easing-ease-in-out);
  z-index: 9999
}

@media(min-width:1035px) {
  .lhPeoGGu.eiPKo0T_ {
    transform: translateX(0)
  }
}

@media(min-width:750px) {
  .lhPeoGGu {
    display: block
  }
}

.Jz93UBgz {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 24px;
  padding-left: 1px
}

.pRCNMLMX {
  height: 94px;
  position: absolute;
  top: 50%;
  transform: translateX(-75%) translateY(-50%)
}