body.theme--merah-pusaka{
  color:#f8ece5;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M-18 48 C18 24 58 24 94 48 S170 72 210 48 S290 24 330 48' stroke='rgba(136,72,60,0.10)' stroke-width='3.2'/%3E%3Cpath d='M-18 120 C18 96 58 96 94 120 S170 144 210 120 S290 96 330 120' stroke='rgba(136,72,60,0.09)' stroke-width='3.2'/%3E%3Cpath d='M-18 192 C18 168 58 168 94 192 S170 216 210 192 S290 168 330 192' stroke='rgba(136,72,60,0.10)' stroke-width='3.2'/%3E%3Cpath d='M32 34 l12 12 M112 106 l12 12 M192 178 l12 12' stroke='rgba(182,132,105,0.08)' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E") 0 0/240px 240px repeat,
    linear-gradient(180deg, #fbf1ea 0%, #f2ded2 100%);
}

body.theme--merah-pusaka.publicPage--tree{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M-18 48 C18 24 58 24 94 48 S170 72 210 48 S290 24 330 48' stroke='rgba(136,72,60,0.10)' stroke-width='3.2'/%3E%3Cpath d='M-18 120 C18 96 58 96 94 120 S170 144 210 120 S290 96 330 120' stroke='rgba(136,72,60,0.09)' stroke-width='3.2'/%3E%3Cpath d='M-18 192 C18 168 58 168 94 192 S170 216 210 192 S290 168 330 192' stroke='rgba(136,72,60,0.10)' stroke-width='3.2'/%3E%3Cpath d='M32 34 l12 12 M112 106 l12 12 M192 178 l12 12' stroke='rgba(182,132,105,0.08)' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E") 0 0/240px 240px repeat,
    linear-gradient(180deg, #fbf1ea 0%, #f2ded2 100%) !important;
  background-size:240px 240px, 100% 100% !important;
  background-repeat:repeat, no-repeat !important;
}

body.theme--merah-pusaka.publicPage--tree::before{
  display:none !important;
}

body.theme--merah-pusaka.publicPage--tree .canvas{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M-18 48 C18 24 58 24 94 48 S170 72 210 48 S290 24 330 48' stroke='rgba(136,72,60,0.10)' stroke-width='3.2'/%3E%3Cpath d='M-18 120 C18 96 58 96 94 120 S170 144 210 120 S290 96 330 120' stroke='rgba(136,72,60,0.09)' stroke-width='3.2'/%3E%3Cpath d='M-18 192 C18 168 58 168 94 192 S170 216 210 192 S290 168 330 192' stroke='rgba(136,72,60,0.10)' stroke-width='3.2'/%3E%3Cpath d='M32 34 l12 12 M112 106 l12 12 M192 178 l12 12' stroke='rgba(182,132,105,0.08)' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E") 0 0/240px 240px repeat,
    linear-gradient(180deg, #fbf1ea 0%, #f2ded2 100%) !important;
  background-size:240px 240px, 100% 100% !important;
  background-repeat:repeat, no-repeat !important;
}

body.theme--merah-pusaka::before{display:none}
body.theme--merah-pusaka .treeBackdropBubbles{display:none}

.theme--merah-pusaka .siteHeader{
  background:transparent;
}

.theme--merah-pusaka .siteHeader__shell{
  position:relative;
  overflow:visible;
  background:
    linear-gradient(145deg, rgba(116,28,32,.98), rgba(64,16,19,.96)),
    repeating-linear-gradient(135deg, rgba(229,193,164,.08) 0 2px, rgba(255,255,255,0) 2px 16px);
  border:1px solid rgba(255,228,209,.16);
  border-radius:26px 10px 26px 10px;
  box-shadow:0 26px 42px rgba(74,16,19,.22), inset 0 1px 0 rgba(255,255,255,.12);
}

.theme--merah-pusaka .siteHeader__eyebrow{
  margin-bottom:14px;
}

.theme--merah-pusaka .siteHeader__eyebrowChip{
  background:rgba(255,241,230,.12);
  border:1px solid rgba(255,236,223,.18);
  color:#fff2e8;
}

.theme--merah-pusaka .siteHeader__eyebrowText{
  color:rgba(255,229,214,.72);
}

.theme--merah-pusaka .siteHeader__hero{
  gap:18px;
}

.theme--merah-pusaka .siteHeader__titleRow h1{
  color:#fff2e8;
  letter-spacing:.02em;
  text-shadow:0 3px 18px rgba(30,5,6,.24);
}

.theme--merah-pusaka .siteHeader__headingGroup p{
  color:rgba(255,229,214,.78);
}

.theme--merah-pusaka .siteHeader__heroTools{
  align-self:stretch;
}

.theme--merah-pusaka .siteHeader__treeTools{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:10px;
}

body.theme--merah-pusaka.publicPage--tree .siteHeader__treeTools .input{
  min-height:52px;
  border:1px solid rgba(143,73,64,.24);
  border-radius:18px 6px 18px 6px;
  background:
    linear-gradient(180deg, rgba(255,251,249,.98), rgba(248,235,227,.96));
  color:#6a2b28 !important;
  box-shadow:0 14px 24px rgba(72,18,22,.08), inset 0 1px 0 rgba(255,255,255,.92);
}

body.theme--merah-pusaka.publicPage--tree .siteHeader__treeTools .input::placeholder{
  color:rgba(112,55,51,.74) !important;
}

.theme--merah-pusaka .silsilahModeSwitch{
  display:contents;
}

body.theme--merah-pusaka.publicPage--tree .btn.btnSwitch{
  min-width:82px;
  min-height:52px;
  padding:0 16px;
  border:1px solid rgba(153,96,86,.18) !important;
  border-radius:16px !important;
  clip-path:none;
  background:
    linear-gradient(180deg, rgba(255,251,249,.98), rgba(245,232,224,.96)) !important;
  color:#6a2624 !important;
  box-shadow:0 12px 20px rgba(72,18,22,.08);
}

body.theme--merah-pusaka.publicPage--tree .btn.btnSwitch.is-active,
body.theme--merah-pusaka.publicPage--tree .btn.btnSwitch.is-mode-active{
  background:
    linear-gradient(180deg, rgba(137,45,48,.98), rgba(96,29,33,.96)) !important;
  color:#fff1e3 !important;
  border-color:rgba(152,62,58,.28) !important;
  box-shadow:0 14px 22px rgba(72,18,22,.14);
}

body.theme--merah-pusaka.publicPage--tree .btn.btnSwitch .btnSwitch__label,
body.theme--merah-pusaka.publicPage--tree .btn.btnSwitch .btnSwitch__eyebrow{
  color:inherit !important;
}

body.theme--merah-pusaka.publicPage--tree .btn.btnSwitch .btnSwitch__eyebrow{
  display:none;
}

body.theme--merah-pusaka.publicPage--tree .btn.btnSwitch .btnSwitch__inner{
  justify-content:center;
  gap:0;
}

body.theme--merah-pusaka.publicPage--tree .btn.btnSwitch .btnSwitch__label{
  font-size:12px;
  font-weight:800;
  text-shadow:none;
  opacity:1;
}

body.theme--merah-pusaka.publicPage--tree .btn.btnSwitch .btnSwitch__icon{
  display:none !important;
}

body.theme--merah-pusaka.publicPage--tree .btn.btnSwitch.is-active .btnSwitch__icon,
body.theme--merah-pusaka.publicPage--tree .btn.btnSwitch.is-mode-active .btnSwitch__icon{
  display:none !important;
}

.theme--merah-pusaka .floatingTotal{
  left:18px;
  right:auto;
  background:
    linear-gradient(145deg, rgba(255,248,243,.96), rgba(240,220,206,.94));
  border:1px solid rgba(156,80,67,.18);
  border-radius:20px 8px 20px 8px;
  box-shadow:0 18px 32px rgba(80,20,24,.16);
}

.theme--merah-pusaka .countBadge{
  background:linear-gradient(180deg, #a92d33, #742026);
}

.theme--merah-pusaka .canvas::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    radial-gradient(circle at 16% 18%, rgba(173,82,61,.16), transparent 38%),
    radial-gradient(circle at 82% 70%, rgba(92,28,34,.12), transparent 34%);
  pointer-events:none;
}

.theme--merah-pusaka .siteHeader__menu{
  z-index:70;
}

.theme--merah-pusaka .siteHeader__menuButton{
  width:66px;
  height:66px;
  border:none;
  border-radius:999px;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,239,223,.18), rgba(255,255,255,0) 46%),
    linear-gradient(180deg, rgba(127,30,34,.98), rgba(79,17,20,.96));
  box-shadow:0 22px 34px rgba(66,14,18,.28), inset 0 1px 0 rgba(255,255,255,.12);
}

.theme--merah-pusaka .siteHeader__menuButtonOrb{
  width:42px;
  height:42px;
  border:1px solid rgba(255,232,214,.24);
  background:rgba(255,244,235,.08);
}

.theme--merah-pusaka .siteHeader__menuPanel{
  top:calc(100% + 6px);
  right:0;
  bottom:auto;
  width:min(290px, calc(100vw - 28px));
  border-radius:24px 10px 24px 10px;
  background:
    linear-gradient(180deg, rgba(79,16,20,.98), rgba(42,10,13,.96)),
    repeating-linear-gradient(135deg, rgba(255,214,180,.06) 0 2px, rgba(255,255,255,0) 2px 14px);
  border:1px solid rgba(255,229,214,.14);
  box-shadow:0 24px 40px rgba(34,6,8,.34);
  clip-path:none;
}

.theme--merah-pusaka .siteHeader__menuBadge{
  background:rgba(255,245,236,.10);
  color:#ffd7bf;
}

.theme--merah-pusaka .siteHeader__menuItem{
  border-radius:18px 6px 18px 6px;
  background:rgba(255,255,255,.04);
  color:#fff1e6;
}

.theme--merah-pusaka .siteHeader__menuItem.is-current{
  background:linear-gradient(180deg, rgba(179,70,61,.28), rgba(179,70,61,.14));
}

.theme--merah-pusaka .siteHeader__menuItem strong{
  color:#fff1e6;
}

.theme--merah-pusaka .siteHeader__menuItem small{
  color:rgba(255,222,205,.76);
}

.theme--merah-pusaka .siteHeader__menuChevron{
  color:#ffd7bf;
}

.theme--merah-pusaka .siteHeader__submenuItem{
  border-radius:16px 6px 16px 6px;
  border-color:rgba(255,221,203,.12);
  background:
    linear-gradient(180deg, rgba(104,35,35,.92), rgba(68,24,27,.92));
  color:#fff4ea;
}

.theme--merah-pusaka .siteHeader__submenuItem.is-current{
  border-color:rgba(255,213,185,.30);
  background:
    linear-gradient(180deg, rgba(155,56,50,.82), rgba(102,35,39,.84));
}

.theme--merah-pusaka .siteHeader__submenuItem span{
  color:#fff1e6;
}

.theme--merah-pusaka .siteHeader__submenuItem small{
  color:rgba(255,224,208,.72);
}

.theme--merah-pusaka .siteHeader__menu.is-open .siteHeader__menuPanel{
  opacity:1;
  transform:translateY(0) scale(1) rotateX(0deg);
  pointer-events:auto;
  clip-path:none;
}

.theme--merah-pusaka .modal .card,
.theme--merah-pusaka .adminLoginPopup__panel,
.theme--merah-pusaka .photoviewer .pv-top{
  background:
    linear-gradient(180deg, rgba(84,20,24,.98), rgba(52,14,17,.97)),
    radial-gradient(220px 140px at 12% 10%, rgba(219,153,112,.10), transparent 72%);
  border:1px solid rgba(255,226,208,.14);
}

.theme--merah-pusaka .modal .card,
.theme--merah-pusaka .adminLoginPopup__panel{
  color:#fff0e5;
  border-radius:24px 10px 24px 10px;
}

.theme--merah-pusaka .modal h3{
  color:#fff4ec;
  text-shadow:none;
}

.theme--merah-pusaka .modal p{
  color:rgba(247,226,213,.88);
}

.theme--merah-pusaka .modalBadge{
  border-color:rgba(231,182,151,.18);
  background:rgba(255,244,234,.08);
  color:#ffd6be;
}

.theme--merah-pusaka .modalInfoCard{
  background:linear-gradient(180deg, rgba(255,248,244,.96), rgba(244,233,226,.94));
  border-color:rgba(162,94,79,.18);
  box-shadow:0 14px 24px rgba(26,8,10,.12), inset 0 1px 0 rgba(255,255,255,.80);
}

.theme--merah-pusaka .modalInfoCard p,
.theme--merah-pusaka .modalInfoCard span,
.theme--merah-pusaka .modalInfoCard b{
  color:#593230;
}

.theme--merah-pusaka .modalInfoCard b{
  color:#3f201f;
}

.theme--merah-pusaka .descItem{
  background:linear-gradient(180deg, rgba(255,251,248,.98), rgba(240,230,222,.94));
  border-color:rgba(162,94,79,.16);
  box-shadow:0 12px 20px rgba(26,8,10,.10), inset 0 1px 0 rgba(255,255,255,.84);
}

.theme--merah-pusaka .descValue{
  color:#233a62;
}

.theme--merah-pusaka .descLabel{
  color:#7f6662;
}

.theme--merah-pusaka #modalEdit{
  background:linear-gradient(180deg, #5e94ea 0%, #3d74d0 100%);
  border-color:rgba(61,116,208,.30);
}

.theme--merah-pusaka #modalClose{
  background:linear-gradient(180deg, #e47676 0%, #ce5050 100%);
  border-color:rgba(206,80,80,.28);
}

.theme--merah-pusaka .adminLoginPopup__title{
  color:#fff3ea;
}

.theme--merah-pusaka .adminLoginPopup__field span{
  color:#f4ddd0;
}

.theme--merah-pusaka .adminLoginPopup__input{
  background:linear-gradient(180deg, rgba(255,248,244,.98), rgba(243,234,227,.96));
  border-color:rgba(178,118,102,.20);
  color:#553130;
}

.theme--merah-pusaka .adminLoginPopup__input::placeholder{
  color:#9e7772;
}

.theme--merah-pusaka .adminLoginPopup__submit,
.theme--merah-pusaka .adminLoginPopup__viewBtn{
  background:linear-gradient(180deg, rgba(120,36,40,.98), rgba(78,22,26,.96));
  border-color:rgba(208,154,128,.18);
}

.theme--merah-pusaka .photoviewer .pv-title{
  color:#fff3ea;
}

.theme--merah-pusaka .adminLoginPopup__input,
.theme--merah-pusaka .adminLoginPopup__submit,
.theme--merah-pusaka .adminLoginPopup__viewBtn,
.theme--merah-pusaka .modal .btn,
.theme--merah-pusaka .pv-actions .btn{
  border-radius:16px 6px 16px 6px;
}

.theme--merah-pusaka .photoviewer .pv-stage{
  background:rgba(17,6,8,.96);
}

@media (min-width: 900px){
  .theme--merah-pusaka .siteHeader__hero{
    grid-template-columns:minmax(0,1fr) minmax(320px, 420px);
  }
}

@media (max-width: 720px){
  .theme--merah-pusaka .siteHeader__shell{
    border-radius:24px 8px 24px 8px;
  }

  .theme--merah-pusaka .siteHeader__treeTools{
    grid-template-columns:minmax(0,1fr) auto auto;
  }

  .theme--merah-pusaka .siteHeader__menuPanel{
    top:calc(100% + 4px);
    right:0;
    width:min(286px, calc(100vw - 20px));
  }

  .theme--merah-pusaka .siteHeader__menuButton{
    width:60px;
    height:60px;
  }
}