body { padding: 0 5 0 5;}

/* ************** */
/* °ø¿ë Ç׸ñ Ä¿½ºÅÒ */
/* ************** */

sl-tooltip:not(:defined) [slot="content"] { 
  display: none !important; 
}

.non-closeable::part(close-button) {
  display: none;
}

sl-select:not(:defined) { 
	visibility: hidden; 
}
sl-select:not(:defined) sl-option { 
	display: none !important; 
}

 sl-option::part(base) {
	text-align: left;
	justify-content: flex-start;
}

 sl-option::part(label) {
	padding-left:6px;
}

sl-details::part(content) {
  border-top: 1px solid #ccc;
}

.detail-tight::part(body) {
  padding-top: 8px;
  padding-bottom: 8px;
}

.sl-prefix-divider {
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: var(--sl-input-border-color, #d1d1d1);
  margin-left: 0.8em;
  vertical-align: middle;
}

sl-drawer::part(title) {
  padding-bottom: 0px;
}

sl-input.input-unit::part(input) {
  text-align: right;
}

/* ÀÔ·Â ¿ä¼Ò disabled »ö»óó¸®  */
sl-input.input-disabled-color1::part(base) {
  opacity: 1 !important;
}

sl-input.input-disabled-color1::part(prefix) {
  background-color: #ffeaea;
}

sl-input.input-disabled-color1::part(suffix) {
  background-color: #ffeaea;
}

sl-input.input-disabled-color1::part(input) {
  background-color: #ffeaea;
  color: #ff0000;
  opacity: 1 !important;
}

/* ¿øÇü ¹öÆ° ¾ÆÀÌÄÜ ¼¾ÅÍó¸® */
.sl-button-icon-center {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  width: 22px;
  height: 22px;
  margin-top:8px;
}

/* Ä¿½ºÅÒ ¾ó·µ ´ÙÀÌ¾Ë·Î±× ½ºÅ¸ÀÏ */
.aaf-alert-dialog::part(body) {
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
}

.aaf-confirm-dialog::part(body) {
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
}

/* ³»¿ë ½ºÅ©·Ñ ¿µ¿ª¿¡ ½ºÅ©·Ñ »ý±â°Ô Á¦ÇÑ */

#aaf-alert-dialog.size-large::part(panel) {
  width: 700px;
}

#aaf-alert-dialog.size-huge::part(panel) {
  width: 900px;
}

#aaf-confirm-dialog.size-large::part(panel) {
  width: 700px;
}

#aaf-confirm-dialog.size-huge::part(panel) {
  width: 900px;
}

#aaf-alert-message {
	max-height: 50vh;  
	overflow-y: auto;
	padding: 12px;
	word-break: break-word;
	white-space: normal;
	overflow-wrap: break-word;  
}

#aaf-confirm-message {
	max-height: 50vh;  
	overflow-y: auto;
	padding: 12px;
	word-break: break-word;
	white-space: normal;
	overflow-wrap: break-word;  
}

.aaf-alert-dialog .dialog-separator {
	height: 1px;
	background-color: #ddd;
	margin: 8px 2px;
}

.aaf-confirm-dialog .dialog-separator {
	height: 1px;
	background-color: #ddd;
	margin: 8px 2px;
}

.dialog-separator.top-shadow {
  height: 1px;
  background-color: #ddd;
  margin: 8px 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.aaf-alert-dialog::part(title) {
	padding-top: 12px;
	padding-bottom: 4px;
}

.aaf-alert-dialog::part(footer) {
	padding-top: 12px;
	padding-bottom: 12px;
}

.aaf-confirm-dialog::part(title) {
	padding-top: 12px;
	padding-bottom: 4px;
}

.aaf-confirm-dialog::part(footer) {
	padding-top: 12px;
	padding-bottom: 12px;
}

#aaf-page-cover {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
}

#aaf-page-loading {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ¹öÆ° Ä÷¯ Ä¿½ºÅÒ */
.btn-purple::part(base) {
	background-color: #b56de9;
	color: white;
	border: none;
}

.btn-purple:hover::part(base),
.btn-purple:focus::part(base),
.btn-purple:active::part(base) {
  background-color: #c984f0;
}

/* ¶óµð¿À ¹öÆ° Ä÷¯ Ä¿½ºÅÒ */
.radio-button-purple::part(button) {
	border: solid 1px #7948b5;
}

.radio-button-purple::part(button):hover {
	background: #a684ce;
}

.radio-button-purple::part(button--checked) {
	background: #7948b5;
	color: white;
	border-color: #7948b5;
}

/* ÀÏ¹Ý ¹öÆ° Ä÷¯ Ä¿½ºÅÒ */
sl-button.button-rounded::part(base) {
	border-radius: 12px;
}

sl-button.button-color0::part(base) {	/* ȸ»ö */
	background-color: #a7a7a7;
}

sl-button.button-color1::part(base) {	/* »¡°­ */
	background-color: #f1532c;
}

sl-button.button-color2::part(base) {	/* º¸¶ó */
	background-color: #bc42f0;
}

sl-button.button-color3::part(base) {	/* ÆĶû */
	background-color: #3e6fd5;
}

sl-button.button-color3a::part(base) {	/* ÁøÇÑÆĶû */
	background-color: #2b56a8;
}

sl-button.button-color4::part(base) {	/* ŹÇÑ»¡°­ */
	background-color: #d9574d;
}

sl-button.button-color4a::part(base) {	/* ÁøÇÑ»¡°­ */
	background-color: #d04242;
}

sl-button.button-color5::part(base) {	/* ÁÖȲ */
	background-color: #df920f;
}

sl-button.button-color6::part(base) {	/* ³ì»ö */
	background-color: #61c773;
}

sl-button.button-color7::part(base) {	/* ¾îµÎ¿îº¸¶ó */
	background-color: #8464d7;
}

sl-button.button-color8::part(base) {	/* ÇÎÅ© */
	background-color: #fb959a;
}

sl-button.button-color9::part(base) {	/* ¿¬º¸¶ó */
	background-color: #d270da;
}

sl-button.button-color10::part(base) {	/* ÁøÇѳì»ö */
	background-color: #49b46c;
}

sl-button.button-color11::part(base) {	/* ³ìȲ»ö */
	background-color: #9bbc2c;
}

sl-button.button-color12::part(base) {	/* °¥»ö */
	background-color: #8b5a2b;
}

sl-button.button-color0:hover::part(base) {
	background-color: #909090;
}

sl-button.button-color1:hover::part(base) {
	background-color: #d64524;
}

sl-button.button-color2:hover::part(base) {
	background-color: #a82cd8;
}

sl-button.button-color3:hover::part(base) {
	background-color: #305bb3;
}

sl-button.button-color3a:hover::part(base) {
	background-color: #1d3e85;
}

sl-button.button-color4:hover::part(base) {
	background-color: #c43f35;
}

sl-button.button-color4a:hover::part(base) {
	background-color: #b83131;
}

sl-button.button-color5:hover::part(base) {
	background-color: #c97f0d;
}

sl-button.button-color6:hover::part(base) {
	background-color: #4caf60;
}

sl-button.button-color7:hover::part(base) {
	background-color: #6f50c4;
}

sl-button.button-color8:hover::part(base) {
	background-color: #f47880;
}

sl-button.button-color9:hover::part(base) {
	background-color: #b659d5;
}

sl-button.button-color10:hover::part(base) {
	background-color: #3f9c5e;
}

sl-button.button-color11:hover::part(base) {
	background-color: #86a226;
}

sl-button.button-color12:hover::part(base) {
	background-color: #75481f;
}

/* Áñ°Üã±â ¹öÆ° Ä÷¯ ¼Â */
sl-button.button-favorallon::part(base) {
	background-color: #5f86e2;
}

sl-button.button-favoralloff::part(base) {
	background-color: #dd7777;
}

sl-button.button-favoron::part(base) {
	background-color: #ff9122;
}

sl-button.button-favoroff::part(base) {
	background-color: #b8b8b8;
}

/* ¹öÆ°¿ë Àü¿ë ÆÞ½º È¿°ú */
.aaf-button-pulse sl-button.button-ready{
	position:relative;
	display:inline-block;
}

.aaf-button-pulse sl-button.button-ready::after{
	content:"";
	position:absolute;
	inset:-2px;
	border-radius:12px;
	pointer-events:none;
	z-index:10;
	animation:aaf-btn-pulse 1.4s ease-out infinite;
	box-shadow:0 0 0 0 rgba(var(--aaf-pulse-rgb, 0,0,0), .55);
}

@keyframes aaf-btn-pulse{
  0%{ box-shadow: 0 0 0 0 rgba(var(--aaf-pulse-rgb,0,0,0), .75), 0 0 8px 2px rgba(var(--aaf-pulse-rgb,0,0,0), .35);  }
  60%{ box-shadow: 0 0 0 12px rgba(var(--aaf-pulse-rgb,0,0,0), 0), 0 0 12px 4px rgba(var(--aaf-pulse-rgb,0,0,0), .25);  }
  100%{ box-shadow: 0 0 0 0 rgba(var(--aaf-pulse-rgb,0,0,0), 0), 0 0 6px 2px rgba(var(--aaf-pulse-rgb,0,0,0), .15);  }
}

@media (prefers-reduced-motion: reduce){
	.aaf-button-pulse sl-button.button-ready::after{ animation:none; }
}

.aaf-button-pulse.button-pulse-color3{ --aaf-pulse-rgb: 62, 111, 213; }
.aaf-button-pulse.button-pulse-color6{ --aaf-pulse-rgb: 97, 199, 115; }

/* ************** */
/* ÀÏ¹Ý Ç׸ñ Ä¿½ºÅÒ */
/* ************** */

/* Drawer ¸Þ´º Àü¿ë ½ºÅ¸ÀÏ */
.statusmenu-details-group sl-details::part(header),
.status-exwealth-group div sl-details::part(header) {
	padding: 10;
}

.statusmenu-details-group sl-details::part(content) {
  border-top: none;
  padding: 0px;
}

.statusmenu-details-group sl-details:not(:last-of-type) {
    margin-bottom: var(--sl-spacing-2x-small);
}

/* ÆäÀÌÁö µµ¿ò¸» ¾ÆÀÌÄÜ ½ºÅ¸ÀÏ */
#infoicon sl-icon-button::part(base) {
  color: #0066cc;
  font-size: 2rem;
}

#infoicon sl-icon-button::part(base):hover,
#infoicon sl-icon-button::part(base):focus {
  color: #2189ff;
}

#infoicon sl-icon-button::part(base):active {
  color: #004999;
}

/* ¼ÒÁö±ÝÇü ¹îÁö ½ºÅ¸ÀÏ */
.badge-money::part(base) {
	background-color: #1d99c9;
	color: white;
}

/* ÀԱݾ×Çü ¹îÁö ½ºÅ¸ÀÏ */
.badge-bank::part(base) {
	background-color: #5579f7;
	color: white;
}

/* ¾ÆÄí¾Æ Æ÷ÀÎÆ® ¹îÁö ½ºÅ¸ÀÏ */
.badge-apoint::part(base) {
	background-color: #a245d3;
	color: white;
}

.tag-color-purple::part(base) {
	background-color: #f3e7fa;
	border:1px solid #d8b1ef;
}

/* ´ÙÅ© ÄÚÀÎ ¹îÁö ½ºÅ¸ÀÏ */
.badge-dcoin::part(base) {
  background-color: #6d6d6d;
  color: white;
}

.progress-step1 { --indicator-color: #ec3c2d; }   /* »¡°­ */
.progress-step2 { --indicator-color: #df8600; }   /* ÁÖȲ */
.progress-step3 { --indicator-color: #459849; }   /* ÃÊ·Ï */
.progress-step4 { --indicator-color: #3660ef; }   /* ÆĶû */

.progress-comp { --height:21px; }

.progress-step-dark { --track-color:#ffffff; }

.progress-step-dark::part(base) {
	border:1px solid #f3f3f3;
}

/* ÀÏ¹Ý ¹îÁö ½ºÅ¸ÀÏ */

.general-badge-default::part(base) {
	border:1px solid #b5b5bd;
	background-color: #ffffff; /* ¹é»ö */
	color: black;
}

.general-badge-color0::part(base) {
	font-size: 16px;
	background-color: #d84141; /* ·¹µå */
	color: white;
}

.general-badge-color1::part(base) {
	font-size: 16px;
	background-color: #e97f3c; /* ¿À·»Áö */
	color: white;
}

.general-badge-color2::part(base) {
	font-size: 16px;
	background-color: #e4c041; /* ¿»·Î¿ì */
	color: white;
}

.general-badge-color3::part(base) {
	font-size: 16px;
	background-color: #4aad60; /* ±×¸° */
	color: white;
}

.general-badge-color4::part(base) {
	font-size: 16px;
	background-color: #2e9ca6; /* û·Ï */
	color: white;
}

.general-badge-color5::part(base) {
	font-size: 16px;
	background-color: #4776d0; /* ºí·ç */
	color: white;
}

.general-badge-color6::part(base) {
	font-size: 16px;
	background-color: #905ec1; /* ÆÛÇÃ */
	color: white;
}

.general-badge-color7::part(base) {
	font-size: 16px;
	background-color: #c65694; /* ÇÎÅ© */
	color: white;
}

.general-badge-color8::part(base) {
	font-size: 16px;
	background-color: #7a553a; /* ºê¶ó¿î */
	color: white;
}

.general-badge-color9::part(base) {
	font-size: 16px;
	background-color: #6b6b6b; /* ´ÙÅ© ±×·¹ÀÌ */
	color: white;
}

.general-badge-color9a::part(base) {
	font-size: 16px;
	background-color: #b4b4b4; /* ¶óÀÌÆ® ±×·¹ÀÌ */
	color: white;
}

/* °øÅë: object-badge-color* º£À̽º */
[class^="object-badge-color"]::part(base),
[class*=" object-badge-color"]::part(base) {
	font-size: 14px;
	color: #ffffff;
}

/* 1 µ· */
.object-badge-color1::part(base) { background-color: #42357b; }

/* 2 ¾ÆÀÌÅÛ */
.object-badge-color2::part(base) { background-color: #519a1b; }

/* 3 º¸¼® */
.object-badge-color3::part(base) { background-color: #30b9c0; }

/* 4 Ä«¿îÅÍ */
.object-badge-color4::part(base) { background-color: #07c596; }

/* 5 ÆÑ¼Ç Æ÷ÀÎÆ® */
.object-badge-color5::part(base) { background-color: #c84875; }

/* 6 ¼öÁýÇ° */
.object-badge-color6::part(base) { background-color: #ff9900; }

/* 7 ·ç¿¤ */
.object-badge-color7::part(base) { background-color: #cabb02; }

/* 8 À¯¹° Á¶°¢ */
.object-badge-color8::part(base) { background-color: #8b6b3e; }

/* 11 Īȣ */
.object-badge-color11::part(base) { background-color: #7139f2; }

/* 12 Àåºñ */
.object-badge-color12::part(base) { background-color: #9393ea; }

/* 13 ÇÇÆ® ¼­Æ÷ÅÍ */
.object-badge-color13::part(base) { background-color: #2878c8; }

/* 14 ¿¡º¼·ç¼Ç ¼­Æ÷ÅÍ */
.object-badge-color14::part(base) { background-color: #289cc8; }

/* 15 Ç»ÀüÁÖ¾ó */
.object-badge-color15::part(base) { background-color: #f44e3c; }

/* 21 Á¶¼ö */
.object-badge-color21:part(base) { background-color: #a259f2; }

/* 22 ¿¡º¼·ç¼Ç ·é½ºÅæ */
.object-badge-color22::part(base) { background-color: #64cebc; }

/* 23 Á¶¼ö ½ºÅ³ÀÎÀÚ */
.object-badge-color23::part(base) { background-color: #e65af1; }

/* 24 ·éÆÐÄ¡ */
.object-badge-color24::part(base) { background-color: #669ed7; }

/* µî±Þ ½ºÅ¸ÀÏ */
.trophy-grade1::part(base) {
	font-size: 16px;
	background-color: #60412d;
	color: white;
}

.trophy-grade2::part(base) {
	font-size: 16px;
	background-color: #c97a36;
	color: white;
}

.trophy-grade3::part(base) {
	font-size: 16px;
	background-color: #b0b0b0;
	color: white;
}

.trophy-grade4::part(base) {
	font-size: 16px;
	background-color: #f1c94b;
	color: white;
}

.trophy-grade5::part(base) {
	font-size: 16px;
	background-color: #7d88ce;
	color: white;
}

.trophy-grade6::part(base) {
	font-size: 16px;
	background-color: #b074d1;
	color: white;
}

/* ¼öÁýÇ° ·¹¾îµµº° ½ºÅ¸ÀÏ 1 ~ 10 */
.badge-collect-rare0::part(base) {
	background-color: #353535;
	color: white;
}

.badge-collect-rare1::part(base) {
	background-color: #696969;
	color: white;
}

.badge-collect-rare2::part(base) {
	background-color: #248C29;
	color: white;
}

.badge-collect-rare3::part(base) {
	background-color: #3333FF;
	color: white;
}

.badge-collect-rare4::part(base) {
	background-color: #3F38B8;
	color: white;
}

.badge-collect-rare5::part(base) {
	background-color: #242C73;
	color: white;
}

.badge-collect-rare6::part(base) {
	background-color: #B568B5;
	color: white;
}

.badge-collect-rare7::part(base) {
	background-color: #990099;
	color: white;
}

.badge-collect-rare8::part(base) {
	background-color: #E97682;
	color: white;
}

.badge-collect-rare9::part(base) {
	background-color: #F70000;
	color: white;
}

.badge-collect-rare10::part(base) {
	background-color: #FF9933;
	color: white;
}

/* ·©Å©µîÀ§¿ë ½ºÅ¸ÀÏ */
.badge-rank1::part(base) {
	background-color: #999999;
	color: white;
	font-size:16px;
	font-weight:bold;
}

.badge-rank2::part(base) {
	background-color: #66a166;
	color: white;
	font-size:16px;
	font-weight:bold;
}

.badge-rank3::part(base) {
	background-color: #5d99d6;
	color: white;
	font-size:16px;
	font-weight:bold;
}

.badge-rank4::part(base) {
	background-color: #9f7ecd;
	color: white;
	font-size:16px;
	font-weight:bold;
}

.badge-rank5::part(base) {
	background-color: #e6a15b;
	color: white;
	font-size:16px;
	font-weight:bold;
}

.badge-rank9::part(base) {
	background-color: #d46a6a;
	color: white;
	font-size:16px;
	font-weight:bold;
}

/* 7 µî±ÞºÐÀ§ µî±Þ¿ë ½ºÅ¸ÀÏ */
.badge-grade1::part(base) {
  font-size: 16px;
  font-weight: bold;
  background-color: #999999;
  color: white;
}

.badge-grade2::part(base) {
  font-size: 16px;
  font-weight: bold;
  background-color: #3333FF;
  color: white;
}

.badge-grade3::part(base) {
  font-size: 16px;
  font-weight: bold;
  background-color: #61a82d;
  color: white;
}

.badge-grade4::part(base) {
  font-size: 16px;
  font-weight: bold;
  background-color:
  color: white;
}

.badge-grade5::part(base) {
  font-size: 16px;
  font-weight: bold;
  background-color: #990099;
  color: white;
}

.badge-grade6::part(base) {
  font-size: 16px;
  font-weight: bold;
  background-color: #FF0000;
  color: white;
}

.badge-grade7::part(base) {
  font-size: 16px;
  font-weight: bold;
  background-color: #FF9933;
  color: white;
}

/* ½ºÅ³Ã¼°è µî±Þ¿ë ½ºÅ¸ÀÏ */
.grade-rankF::part(base) {
  font-size: 16px;
  font-weight:bold;
  background-color: #888888;
  color: white;
}

.grade-rankE::part(base) {
  font-size: 16px;
  font-weight:bold;
  background-color: #a77c48;
  color: white;
}

.grade-rankD::part(base) {
  font-size: 16px;
  font-weight:bold;
  background-color: #b39c62;
  color: white;
}

.grade-rankC::part(base) {
  font-size: 16px;
  font-weight:bold;
  background-color: #5896a9;
  color: white;
}

.grade-rankB::part(base) {
  font-size: 16px;
  font-weight:bold;
  background-color: #5188d1;
  color: white;
}

.grade-rankA::part(base) {
  font-size: 16px;
  font-weight:bold;
  background-color: #7d3fd8;
  color: white;
}

.grade-rankS::part(base) {
  font-size: 16px;
  font-weight:bold;
  background-color: #de4343;
  color: white;
}

/* ½ºÅ×ÀÌÅͽº ¸Þ´º¿ë Ç¥½Ã Ç׸ñ
/* ȗˤ wrapper */
.status-wealth-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

/* sl-tag Àüü ¹Ú½º */
.status-tag {
  width: 100%;
}

/* ³»ºÎ ·¹À̾ƿô */
.status-tag-inner {
  width: 100%;
  text-align: right;
}

/* ±Ý¾× ¼ýÀÚ */
.status-value {
  font-size: 18px;
  color: #423c7b;
  margin-right: 0.5rem;
}

/* ´ÜÀ§ ÅؽºÆ® */
.status-unit {
  font-size: 14px;
  font-weight: bold;
}

/* ½ºÅ×ÀÌÅͽº ÀçÈ­ºÎºÐ */
.wealth-tag {
  width: 100%;
}

.detail-exwealth-group sl-details::part(content) {
  padding: 0px;
}

/* ÈÖÆí, ¹Ý¦ÀÌ´Â ÀûÃþ¿ø¼®, ¹Ì¶óŬ ½ºÅÆÇÁ Ç¥½Ã ½ºÅ¸ÀÏ */
sl-tag.tag-rawgem::part(base) {
	background-color:#ef7d29;
	color:#ffffff;
}

sl-tag.tag-miracle::part(base) {
	background-color:#d0ab73;
	color:#ffffff;
}

sl-tag.tag-shine0::part(base) {
	background-color:#b57ed1;
	color:#ffffff;
}

sl-tag.tag-shine-on::part(base) {
	background-color:#ef4e52;
	color:#ffffff;
}

sl-tag.tag-shine7::part(base) {
	background-color:#b2b2b2;
	color:#ffffff;
}

/* ÆÑ¼Ç Æ÷ÀÎÆ® Ç¥½Ã ½ºÅ¸ÀÏ */
sl-tag.tag-factpoint1::part(base) {
  background-color: #d93444;  /* ·¹µå */
  color: #ffffff;
}

sl-tag.tag-factpoint2::part(base) {
  background-color: #2bbf2b;  /* ±×¸° */
  color: #ffffff;
}

sl-tag.tag-factpoint3::part(base) {
  background-color: #3f51b5;  /* ºí·ç */
  color: #ffffff;
}

sl-tag.tag-factpoint4::part(base) {
  background-color: #ffca28;  /* ¿»·Î¿ì */
  color: #ffffff;
}

sl-tag.tag-factpoint5::part(base) {
  background-color: #9c27b0;  /* ÆÛÇÃ */
  color: #ffffff;
}

sl-tag.tag-factpoint6::part(base) {
  background-color: #ff7043;  /* ½ã*/
  color: #ffffff;
}

sl-tag.tag-factpoint7::part(base) {
  background-color: #90a4ae;  /* ¹® */
  color: #ffffff;
}

sl-tag.tag-factpoint8::part(base) {
  background-color: #00bcd4;  /* ½ºÅ¸ */
  color: #ffffff;
}

sl-tag.tag-factpoint9::part(base) {
  background-color: #607d8b;  /* ŸÀÌ°Å */
  color: #ffffff;
}

sl-tag.tag-factpoint10::part(base) {
  background-color: #795548;  /* µå·¡°ï */
  color: #ffffff;
}

/* ½ºÅ×ÀÌÅͽº ¸Þ´º º¸¼® ¿µ¿µ Ç¥½Ã ½ºÅ¸ÀÏ */
.detail-exwealth-group sl-details::part(content) {
  padding: 0px;
}

.gem-card-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px 0;
}

.card-gem {
  width: 20%;
  --padding: 2px;
  text-align: center;
  font-size: 12px;
}

.card-gem::part(base) {
  padding: 6px;
}

.gem-name {
  font-weight: bold;
  font-size: 10px;
  padding-bottom: 4px;
  white-space: nowrap;
}

.gem-count-box {
  margin-top: 4px;
}

.gem-count {
  font-size: 12px;
}

sl-card.gem-vrare::part(base) {
  background-color: #ff8a33;
  color: #ffffff;
}

sl-card.gem-rare::part(base) {
  background-color: #5374f9;
  color: #ffffff;
}

sl-card.gem-common::part(base) {
  background-color: #51be4e;
  color: #ffffff;
}

.status-loading-panel {
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f9f9f9;
	border-radius: 6px;
	margin-bottom:12px;
}

#aaf-alert-dialog.non-closable::part(close-button) {
  display: none !important;
}

.status-trophy-group sl-card::part(body) {
  padding: 6 10 6 10;
}

/* °¢ Ç׸ñº° Ưȭ »ö»ó */
.unit-money {
  color: #596bbf;
}
.unit-apoint {
  color: #a34ecb;
}
.unit-dcoin {
  color: #636363;
}

/* ¹öÆ° ¾ÆÀÌÄÜ ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes spin-icon {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes bspin-icon {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}

@keyframes shake-icon {
  0% { transform: translateX(0); }
  25% { transform: translateX(-2px); }
  50% { transform: translateX(2px); }
  75% { transform: translateX(-2px); }
  100% { transform: translateX(0); }
}

@keyframes move-icon {
  0%   { transform: translateX(0); }
  25%  { transform: translateX(-6px); }
  50%  { transform: translateX(6px); }
  75%  { transform: translateX(-6px); }
  100% { transform: translateX(0); }
}

@keyframes pulse-icon {
  0% { transform: scale(1); }
  50% { transform: scale(1.5); }
  100% { transform: scale(1); }
}

@keyframes bounce-icon {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}

@keyframes glow-icon {
  0% {
    filter: drop-shadow(0 0 0px #ffffff);
  }
  50% {
    filter: drop-shadow(0 0 5px #fff);
  }
  100% {
    filter: drop-shadow(0 0 0px #ffffff);
  }
}

@keyframes flip-icon {
  0% { transform: rotateY(0); }
  50% { transform: rotateY(180deg); }
  100% { transform: rotateY(360deg); }
}

@keyframes crumble-icon {
  0% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.9) rotate(-10deg);
  }
  100% {
    opacity: 0;
    transform: scale(0.6) rotate(20deg);
  }
}

@keyframes fade-shrink-icon {
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0.3; transform: scale(0.7); }
}

sl-button:hover .type-spin {
  display: inline-block;
  animation: spin-icon 1s linear infinite;
}

sl-button:hover .type-bspin {
  display: inline-block;
  animation: bspin-icon 1s linear infinite;
}

sl-button:hover .type-shake {
  display: inline-block;
  animation: shake-icon 0.4s ease-in-out infinite;
}

sl-button:hover .type-move {
  display: inline-block;
  animation: move-icon 1.2s ease-in-out infinite;
}

sl-button:hover .type-pulse {
  display: inline-block;
  animation: pulse-icon 0.8s ease-in-out infinite;
}

sl-button .type-pulse-always {
  display: inline-block;
  animation: pulse-icon 0.8s ease-in-out infinite;
}

sl-button:hover .type-bounce {
  display: inline-block;
  animation: bounce-icon 0.6s ease-in-out infinite;
}

sl-button:hover .type-glow {
  display: inline-block;
  animation: glow-icon 1s ease-in-out infinite;
}

sl-button:hover .type-flip {
  display: inline-block;
  animation: flip-icon 1s linear infinite;
}

sl-button:hover .type-crumble {
  display: inline-block;
  animation: crumble-icon 1s ease-out forwards infinite;
}

sl-button:hover .type-fade-shrink {
  display: inline-block;
  animation: fade-shrink-icon 0.6s ease-in-out forwards infinite;
}

@keyframes slide-right-then-back {
  0%   { transform: translateX(0); }
  50%  { transform: translateX(4px); }
  100% { transform: translateX(0); }
}

.animate-chevron:hover sl-icon[slot="prefix"] {
  animation: slide-right-then-back 0.6s ease-in-out infinite;
}

.focus-right {
  display: inline-block;
  font-weight: bold;
  animation: focusRight 1s infinite ease-in-out;
}

@keyframes focusRight {
  0%   { transform: translateX(0); }
  25%  { transform: translateX(4px); }
  50%  { transform: translateX(0); }
  75%  { transform: translateX(4px); }
  100% { transform: translateX(0); }
}

/* ************** */
/* ±âŸ Ç׸ñ Ä¿½ºÅÒ */
/* ************** */

#floating-action-container {
	z-index: 100;
	pointer-events: none;
}

.floating-action-inner {
	pointer-events: auto;
	background: white;
	border: 1px solid #ccc;
	padding: 10px 16px;
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	margin-top:12px;
	gap: 8px;
}