/* Myeongun home quick menu and Byeolmadang, layout build 07633, art build 07613. Scoped roots only.
   Original art remains as a fallback. Atlas is enabled only after load. */
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-card {
  box-sizing: border-box;
  min-width: 0;
  min-height: 112px;
  padding: 12px 4px 11px !important;
  border-color: #deceb4 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  margin: 0 auto;
  font-size: 34px !important;
  line-height: 1;
}
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-label {
  width: 100%;
  margin-top: 7px !important;
  color: #403325 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 1.45;
  word-break: keep-all;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art {
  --byeol-icon-size: 56px;
  display: none;
  flex: 0 0 var(--byeol-icon-size);
  width: var(--byeol-icon-size);
  height: var(--byeol-icon-size);
  vertical-align: middle;
  overflow: hidden;
  background-image: var(--cdx-byeol-atlas, url('/img/byeol/v07613/atlas.webp?v=07613'));
  background-size: 800% 600%;
  background-repeat: no-repeat;
  background-position: var(--cdx-byeol-x, 0%) var(--cdx-byeol-y, 0%);
  filter: none;
  mix-blend-mode: multiply;
}
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-fallback { display: inline-flex; align-items: center; justify-content: center; font-size: 34px; line-height: 1; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-original,
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-symbol { display: inline-flex; align-items: center; justify-content: center; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-original[hidden],
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-symbol[hidden] { display: none !important; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-fallback img { width: 44px !important; height: 44px !important; object-fit: contain; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-fallback > span { font-size: 34px !important; }
:is(#madangBody, #cdxHomeQuickBody).cdx-byeol-ready .cdx-byeol-art { display: inline-block; }
:is(#madangBody, #cdxHomeQuickBody).cdx-byeol-ready .cdx-byeol-fallback { display: none; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-banner-icon { display: flex; width: 56px; flex: 0 0 56px; align-items: center; justify-content: center; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-banner > div:not(.cdx-byeol-banner-icon) { min-width: 0; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-banner [style*="font-size:20px"] { word-break: keep-all; overflow-wrap: anywhere; line-height: 1.4; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-rank-icon .cdx-byeol-art { --byeol-icon-size: 38px; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-rank-row { gap: 9px !important; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-friend-row { display: flex; gap: 12px; align-items: center; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-friend-copy { min-width: 0; flex: 1; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-added-icon { display: none; }
:is(#madangBody, #cdxHomeQuickBody).cdx-byeol-ready .cdx-byeol-added-icon { display: inline-flex; align-items: center; justify-content: center; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-rank-icon { flex: 0 0 38px; width: 38px; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-rank-number { flex-shrink: 0; }
@media (prefers-reduced-motion: no-preference) {
  :is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-card { transition: border-color .15s; }
}
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-card:active { border-color: #a77521 !important; }

/* Per-subject viewports recalculated for the approved 1448 x 1086 artwork. */
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="0"] { background-size: 795.604396% 596.703297%; background-position: 0.473934% 2.323009%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="1"] { background-size: 766.137566% 574.603175%; background-position: 15.011914% 1.895206%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="2"] { background-size: 827.428571% 620.571429%; background-position: 29.536528% 2.744237%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="3"] { background-size: 800.000000% 600.000000%; background-position: 43.330702% 1.988950%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="4"] { background-size: 882.926829% 662.195122%; background-position: 57.320872% 3.253796%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="5"] { background-size: 791.256831% 593.442623%; background-position: 70.592885% 2.214839%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="6"] { background-size: 832.183908% 624.137931%; background-position: 84.772370% 3.947368%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="7"] { background-size: 738.775510% 554.081633%; background-position: 99.840256% 2.022472%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="8"] { background-size: 766.137566% 574.603175%; background-position: 0.000000% 22.296544%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="9"] { background-size: 882.926829% 662.195122%; background-position: 15.031153% 23.535792%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="10"] { background-size: 832.183908% 624.137931%; background-position: 28.885400% 22.478070%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="11"] { background-size: 758.115183% 568.586387%; background-position: 41.050119% 21.340782%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="12"] { background-size: 727.638191% 545.728643%; background-position: 56.445156% 21.195039%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="13"] { background-size: 882.926829% 662.195122%; background-position: 71.028037% 22.885033%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="14"] { background-size: 795.604396% 596.703297%; background-position: 85.229068% 23.451327%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="15"] { background-size: 813.483146% 610.112360%; background-position: 99.133858% 22.907489%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="16"] { background-size: 800.000000% 600.000000%; background-position: 0.000000% 42.320442%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="17"] { background-size: 766.137566% 574.603175%; background-position: 13.979349% 41.694537%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="18"] { background-size: 795.604396% 596.703297%; background-position: 28.593997% 41.261062%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="19"] { background-size: 841.860465% 631.395349%; background-position: 42.946708% 42.122538%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="20"] { background-size: 778.494624% 583.870968%; background-position: 57.131537% 42.111111%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="21"] { background-size: 877.575758% 658.181818%; background-position: 71.083398% 42.236699%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="22"] { background-size: 791.256831% 593.442623%; background-position: 84.901186% 42.192691%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="23"] { background-size: 877.575758% 658.181818%; background-position: 98.986750% 42.779587%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="24"] { background-size: 836.994220% 627.745665%; background-position: 0.392157% 61.007667%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="25"] { background-size: 905.000000% 678.750000%; background-position: 15.139752% 61.231102%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="26"] { background-size: 916.455696% 687.341772%; background-position: 28.992248% 61.745690%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="27"] { background-size: 782.702703% 587.027027%; background-position: 42.596991% 61.265261%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="28"] { background-size: 882.926829% 662.195122%; background-position: 57.087227% 61.171367%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="29"] { background-size: 846.783626% 635.087719%; background-position: 70.947533% 61.420765%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="30"] { background-size: 856.804734% 642.603550%; background-position: 84.597342% 61.286805%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="31"] { background-size: 851.764706% 638.823529%; background-position: 98.826291% 61.353712%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="32"] { background-size: 841.860465% 631.395349%; background-position: 1.097179% 79.102845%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="33"] { background-size: 813.483146% 610.112360%; background-position: 13.858268% 79.405286%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="34"] { background-size: 916.455696% 687.341772%; background-position: 28.914729% 79.525862%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="35"] { background-size: 795.604396% 596.703297%; background-position: 42.654028% 79.646018%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="36"] { background-size: 846.783626% 635.087719%; background-position: 57.321848% 79.562842%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="37"] { background-size: 861.904762% 646.428571%; background-position: 70.703125% 79.738562%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="38"] { background-size: 882.926829% 662.195122%; background-position: 84.890966% 79.826464%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="39"] { background-size: 905.000000% 678.750000%; background-position: 98.369565% 78.401728%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="40"] { background-size: 818.079096% 613.559322%; background-position: 0.629426% 97.799780%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="41"] { background-size: 836.994220% 627.745665%; background-position: 14.352941% 97.809419%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="42"] { background-size: 905.000000% 678.750000%; background-position: 28.416149% 96.760259%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="43"] { background-size: 877.575758% 658.181818%; background-position: 42.478566% 97.285559%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="44"] { background-size: 750.259067% 562.694301%; background-position: 57.211155% 100.000000%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="45"] { background-size: 882.926829% 662.195122%; background-position: 70.872274% 96.963124%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="46"] { background-size: 762.105263% 571.578947%; background-position: 84.896661% 98.995536%; }
:is(#madangBody, #cdxHomeQuickBody) .cdx-byeol-art[data-icon="47"] { background-size: 800.000000% 600.000000%; background-position: 99.368587% 98.011050%; }