@charset "UTF-8";

.label { display:inline-block; height:27px; line-height:27px; padding:0px 6px; border:0px; border-radius:4px; background-color:var(--color-G3); font-size:12px; font-weight:bold; color:var(--color-BL); }


/* style */

.label.label1 { background-color:var(--color-A5); color:var(--color-WH); }
.label.label2 { background-color:var(--color-B5); color:var(--color-WH); }
.label.label3 { background-color:var(--color-A1); color:var(--color-A5); }
.label.label4 { background-color:var(--color-B1); color:var(--color-B5); }
.label.label5 { background-color:#D3F6EA; color:#01B574; }
.label.label6 { background-color:var(--color-G3); color:var(--color-G6); }
.label.label7 { background-color:var(--color-G5); color:var(--color-WH); }
.label.label8 { background-color:var(--color-WH); border:1px solid var(--color-G4); color:#000; }
.label.label9 { background-color:var(--color-WH); border:1px solid var(--color-A5); color:var(--color-A5); }

/* size */
.label.tiny   { height:20px; line-height:20px; padding:0px 6px; font-size:10px; font-weight:800; }
.label.small  { height:23px; line-height:23px; padding:0px 6px; font-size:12px; font-weight:bold; }
.label.medium { height:30px; line-height:30px; padding:0px 8px; font-size:14px; font-weight:800;  }
.label.large  { height:38px; line-height:38px; padding:0px 12px; font-size:12px; font-weight:800; border-radius:8px; }