@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Oswald:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --white: #fff;
  --black: #333;
  --mid_gray: #f0f0f0;
  --light_gray: #f8f8f8;
  --gray: #dcdcdc;
  --dark_gray: #777;
  --light_blue: #e7f7f7;
  --blue: #17a4c4;
  --violet: #9c50c1;
  --gradient_green: linear-gradient(to right, #0ED191 0%, #0EAAD1 100%);
  --line: #D6D6D6;
  --blueBg: #F8FFFF;
  --green: #C8E390;
  --darkGreen: #10BB94;
  --orange: #FDA700;
  --light_orange: #ffe2a8;
  --grayBg: #EEE;
  --accordionBlue: #E4FFFF;
  --light_violet: #f0d1ff;
  --red: #E13A13;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--black);
  word-wrap: break-word;
  overflow-wrap: break-word;
}
body.scrollLock {
  overflow: hidden;
}

a, button {
  color: var(--black);
}
@media screen and (min-width: 769px) {
  a, button {
    transition: all 0.3s ease-out;
  }
}

/* レイアウト
========================================================*/
.layout {
  display: flex;
  min-height: 100vh;
}
.layout:has(.sidebar.is-close) .layout__main, .layout:has(.sidebar.is-closed) .layout__main {
  width: calc(100% - 75px);
}
.layout__main {
  width: calc(100% - 180px);
  padding: 0px 40px 0px;
  transition: width 0.5s ease-out;
}
@media screen and (max-width: 768px) {
  .layout__main {
    width: 100%;
    padding: 15px 15px 83px;
  }
}
.layout--admin .layout__main {
  max-width: calc(100% - 196px);
}
.layout--admin .layout__main__inner {
  min-width: 820px;
  min-height: 600px;
}

/* reset css
==============================================================*/
body,
h1, h2, h3, h4, h5, h6,
p, ol, ul, dl, dt, dd, form,
figure {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

strong {
  font-weight: normal;
}

table, td, th, tr, thead, tbody {
  border: none;
}

table th {
  text-align: left;
  font-weight: normal;
}

table {
  border-collapse: collapse;
}

ul, ol {
  list-style: none;
}

a {
  text-decoration: none;
}

a img {
  border: none;
}

img {
  vertical-align: bottom;
}

textarea {
  font-size: 1em;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  box-shadow: none;
}

select {
  font-size: 1em;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  box-shadow: none;
}
select::-ms-expand {
  display: none;
}

header, footer, section, nav, main,
figure, figcaption, time, small {
  display: block;
}

input[type=submit], input[type=image] {
  border: none;
  padding: 0;
}
input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password] {
  outline: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  box-shadow: none;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}

button {
  border: none;
  margin: 0;
  cursor: pointer;
}

input[type=submit], input[type=image], input[type=reset] {
  cursor: pointer;
}

address {
  font-style: normal;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  outline: none;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #999;
}

input::placeholder,
textarea::placeholder {
  color: #999;
}

/* サイドメニュー
========================================================*/
.sidebar {
  overflow-x: hidden;
  width: 180px;
  background: var(--white);
  position: relative;
  transition: 0.5s ease-out;
  z-index: 1;
}
.sidebar.is-close {
  width: 75px;
}
.sidebar.is-close .sidebar__inner {
  width: 75px;
}
.sidebar.is-close .sidebar__header__logo .text {
  opacity: 0;
}
.sidebar.is-close .sidebar__nav__list {
  overflow: visible;
}
.sidebar.is-close .sidebar__nav__list .item__title::after {
  opacity: 0;
}
.sidebar.is-close .sidebar__nav__list .item__title .text {
  opacity: 0;
}
.sidebar.is-close .sidebar__nav__subList .item > a .text {
  opacity: 0;
}
.sidebar.is-close .sidebar__btn {
  right: 22.5px;
}
.sidebar.is-close .sidebar__btn::before {
  transform: scale(1, -1);
}
.sidebar.is-closed .sidebar__inner {
  width: 75px;
  overflow: visible;
}
.sidebar.is-closed .sidebar__header__logo .text {
  display: none;
}
.sidebar.is-closed .sidebar__nav__list .item {
  max-width: 75px;
  padding-inline: 16.5px;
  position: relative;
}
.sidebar.is-closed .sidebar__nav__list .item__title::before {
  content: "";
  display: block;
  width: 20px;
  height: 50px;
  position: absolute;
  right: 0;
}
@media screen and (min-width: 769px) {
  .sidebar.is-closed .sidebar__nav__list .item__title:hover + .item__childMenu {
    opacity: 1;
    z-index: 99;
  }
}
@media screen and (min-width: 769px) {
  .sidebar.is-closed .sidebar__nav__list .item__title:has(+ .item__childMenu:hover) {
    background: var(--gradient_green);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }
  .sidebar.is-closed .sidebar__nav__list .item__title:has(+ .item__childMenu:hover) .icon {
    background: var(--gradient_green);
  }
}
.sidebar.is-closed .sidebar__nav__list .item__title::after {
  display: none;
}
.sidebar.is-closed .sidebar__nav__list .item__title .text {
  display: none;
}
.sidebar.is-closed .sidebar__nav__list .item__childMenu {
  opacity: 0;
  display: block !important;
  width: 170px;
  padding: 15px;
  background: var(--white);
  border-radius: 8px;
  box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: calc(100% - 11px);
  z-index: -99;
}
@media screen and (min-width: 769px) {
  .sidebar.is-closed .sidebar__nav__list .item__childMenu:hover {
    opacity: 1;
    z-index: 99;
  }
}
.sidebar.is-closed .sidebar__nav__list .item__childMenu .item {
  width: 100%;
  max-width: initial;
  padding: 0;
  border-radius: 0;
}
.sidebar.is-closed .sidebar__nav__list .item__childMenu .item > a {
  padding: 8px 10px;
  border-radius: 0;
}
.sidebar.is-closed .sidebar__nav__subList {
  width: 75px;
}
.sidebar.is-closed .sidebar__nav__subList .item {
  padding-inline: 16.5px;
}
.sidebar.is-closed .sidebar__nav__subList .item > a .text {
  display: none;
}
.sidebar.is-open .sidebar__header__logo .text {
  opacity: 0;
}
.sidebar.is-open .sidebar__nav__list .item__title .text {
  white-space: nowrap;
  opacity: 0;
}
.sidebar.is-open .sidebar__nav__subList .item > a .text {
  white-space: nowrap;
  opacity: 0;
}
.sidebar__inner {
  overflow-x: hidden;
  width: 180px;
  height: 100%;
  max-height: 100vh;
  position: fixed;
  transition: 0.5s ease-out;
}
.sidebar__header {
  width: 180px;
  padding: 10px 20px;
}
.sidebar__header__logo {
  display: flex;
  position: relative;
  min-height: 56px;
}
.sidebar__header__logo .illust {
  width: 33px;
  height: 56px;
  display: block;
  object-fit: contain;
}
.sidebar__header__logo .text {
  width: 77px;
  height: 56px;
  display: block;
  object-fit: contain;
  transition: opacity 0.3s ease-out;
}
.sidebar__nav {
  width: 180px;
  display: grid;
  align-content: space-between;
}
.sidebar__nav__list .item {
  position: relative;
  padding: 4px 6px;
  transition: 0.3s ease-out;
}
.sidebar__nav__list .item.is-active .item__title .icon {
  background: var(--gradient_green);
}
.sidebar__nav__list .item.is-active .item__title .text {
  background: var(--gradient_green);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.sidebar__nav__list .item__title {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8.5px 9px;
  transition: 0.3s ease-out;
}
.sidebar__nav__list .item__title.jsSidebarItemTitle::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: auto;
  background: url("/assets/img/common/icon_arrow.svg") no-repeat center center;
  background-size: contain;
  transform: scale(1, -1);
  transition: 0.3s ease-out;
}
.sidebar__nav__list .item__title.jsSidebarItemTitle.is-open::after {
  transform: scale(1, 1);
}
.sidebar__nav__list .item__title:hover {
  background: var(--light_blue);
  border-radius: 100px;
}
.sidebar__nav__list .item__title:hover .icon {
  background: var(--gradient_green);
}
.sidebar__nav__list .item__title:hover .text {
  background: var(--gradient_green);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.sidebar__nav__list .item__title .icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  aspect-ratio: 1;
  background: var(--black);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.sidebar__nav__list .item__title .icon--dashboard {
  -webkit-mask-image: url("/assets/img/common/sidebar/icon_dashboard.svg");
          mask-image: url("/assets/img/common/sidebar/icon_dashboard.svg");
}
.sidebar__nav__list .item__title .icon--selfing {
  -webkit-mask-image: url("/assets/img/common/sidebar/icon_selfing.svg");
          mask-image: url("/assets/img/common/sidebar/icon_selfing.svg");
}
.sidebar__nav__list .item__title .icon--study {
  -webkit-mask-image: url("/assets/img/common/sidebar/icon_study.svg");
          mask-image: url("/assets/img/common/sidebar/icon_study.svg");
}
.sidebar__nav__list .item__title .icon--1on1 {
  -webkit-mask-image: url("/assets/img/common/sidebar/icon_1on1.svg");
          mask-image: url("/assets/img/common/sidebar/icon_1on1.svg");
}
.sidebar__nav__list .item__title .icon--timeline {
  -webkit-mask-image: url("/assets/img/common/sidebar/icon_timeline.svg");
          mask-image: url("/assets/img/common/sidebar/icon_timeline.svg");
}
.sidebar__nav__list .item__title .text {
  font-size: 14px;
  font-weight: bold;
  transition: 0.3s ease-out;
}
.sidebar__nav__list .item__childMenu {
  display: none;
  padding: 0 20px 0 30px;
}
.sidebar__nav__list .item__childMenu .item {
  padding: 0;
}
.sidebar__nav__list .item__childMenu .item:not(:first-child) {
  margin-top: 2px;
}
.sidebar__nav__list .item__childMenu .item > a {
  display: block;
  border-radius: 40px;
  color: #777;
  min-width: 118px;
  padding: 6px 12px;
  font-size: 13px;
}
.sidebar__nav__list .item__grandChildMenu > a {
  display: block;
  border-radius: 40px;
  color: #777;
  min-width: 118px;
  padding: 6px 12px;
  font-size: 13px;
}
.sidebar__nav__list .item__grandChildMenu > a:hover,
.sidebar__nav__list .item__grandChildMenu > a.is-active {
  background: var(--light_blue);
  color: #0c9fc3;
}
@media screen and (min-width: 769px) {
  .sidebar__nav__list .item__childMenu .item > a:hover,
  .sidebar__nav__list .item__childMenu .item > a.is-active {
    background: var(--light_blue);
    color: #0c9fc3;
  }
}
.sidebar__nav__subList {
  width: 180px;
}
.sidebar__nav__subList .item {
  padding: 4px 6px;
  transition: 0.3s ease-out;
}
.sidebar__nav__subList .item > a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8.5px 9px;
}
.sidebar__nav__subList .item > a:hover .fa-solid {
  color: var(--gradient_green);
}
@media screen and (min-width: 769px) {
  .sidebar__nav__subList .item > a:hover {
    background: var(--light_blue);
    border-radius: 100px;
  }
  .sidebar__nav__subList .item > a:hover .icon:not(.icon--user) {
    background: var(--gradient_green);
  }
  .sidebar__nav__subList .item > a:hover .fa-solid {
    color: #0ED191;
  }
  .sidebar__nav__subList .item > a:hover .text {
    background: var(--gradient_green);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }
}
.sidebar__nav__subList .item > a .fa-solid {
  color: #999999;
}
.sidebar__nav__subList .item > a .icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  aspect-ratio: 1;
  background: #999;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.sidebar__nav__subList .item > a .icon--help {
  -webkit-mask-image: url("/assets/img/common/sidebar/icon_help.svg");
          mask-image: url("/assets/img/common/sidebar/icon_help.svg");
}
.sidebar__nav__subList .item > a .icon--setting {
  -webkit-mask-image: url("/assets/img/common/sidebar/icon_setting.svg");
          mask-image: url("/assets/img/common/sidebar/icon_setting.svg");
}
.sidebar__nav__subList .item > a .icon--logout {
  -webkit-mask-image: url("/assets/img/common/sidebar/icon_logout.svg");
          mask-image: url("/assets/img/common/sidebar/icon_logout.svg");
}
.sidebar__nav__subList .item > a .icon--user {
  border-radius: 50%;
  background: transparent;
}
.sidebar__nav__subList .item > a .text {
  font-size: 14px;
  color: #999;
  transition: 0.3s ease-out;
}
.sidebar__btn {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  aspect-ratio: 1;
  background: var(--light_gray);
  border-radius: 50%;
  position: absolute;
  right: 25px;
  bottom: 21px;
  transition: 0.5s ease-out;
  transform: rotate(-90deg);
}
.sidebar__btn::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
  background: var(--gradient_green);
  -webkit-mask-image: url("/assets/img/common/icon_arrow.svg");
          mask-image: url("/assets/img/common/icon_arrow.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  transition: 0.3s ease-out;
}
@media screen and (max-width: 768px) {
  .sidebar--user {
    overflow: visible;
    width: 100%;
    height: 60px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
  }
}
@media screen and (max-width: 768px) {
  .sidebar--user .sidebar__inner {
    overflow: visible;
    width: 100%;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .sidebar--user .sidebar__header {
    display: none;
  }
}
.sidebar--user .sidebar__nav {
  height: calc(100% - 146px);
}
@media screen and (max-width: 768px) {
  .sidebar--user .sidebar__nav {
    overflow: hidden auto;
    width: 100%;
    height: 70vh;
    padding: 0 21px;
    background: var(--white);
    border-radius: 15px 15px 0 0;
    box-shadow: 0 -20px 40px rgba(0, 0, 0, 0.05);
    transition: 0.3s ease-out;
    position: absolute;
    top: 30vh;
  }
}
@media screen and (max-width: 768px) {
  .sidebar--user .sidebar__nav.is-open {
    top: -70vh;
  }
}
@media screen and (max-width: 768px) {
  .sidebar--user .sidebar__nav__list {
    margin-block: 25px;
  }
  .sidebar--user .sidebar__nav__list .item {
    padding: 0;
  }
  .sidebar--user .sidebar__nav__list .item--dashboard, .sidebar--user .sidebar__nav__list .item--study {
    display: none;
  }
  .sidebar--user .sidebar__nav__list .item__title {
    padding: 10px 15px;
  }
  .sidebar--user .sidebar__nav__list .item__title .icon {
    width: 30px;
    height: 30px;
  }
  .sidebar--user .sidebar__nav__list .item__title.jsSidebarItemTitle::after {
    width: 30px;
    height: 30px;
    background: url("/assets/img/common/sidebar/icon_sp_arrow.svg") no-repeat center center;
    background-size: contain;
  }
  .sidebar--user .sidebar__nav__list .item__title:hover, .sidebar--user .sidebar__nav__list .item__title.is-open {
    background: var(--light_blue);
    border-radius: 8px;
  }
  .sidebar--user .sidebar__nav__list .item__title:hover .icon, .sidebar--user .sidebar__nav__list .item__title.is-open .icon {
    background: var(--gradient_green);
  }
  .sidebar--user .sidebar__nav__list .item__title:hover .text, .sidebar--user .sidebar__nav__list .item__title.is-open .text {
    background: var(--gradient_green);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }
  .sidebar--user .sidebar__nav__list .item__childMenu {
    padding: 0;
  }
  .sidebar--user .sidebar__nav__list .item__childMenu .item > a {
    padding: 15px 55px;
  }
}
@media screen and (max-width: 768px) {
  .sidebar--user .sidebar__nav__subList {
    width: 100%;
    margin-block: auto 25px;
  }
  .sidebar--user .sidebar__nav__subList .item > a:hover {
    background: var(--light_blue);
    border-radius: 8px;
  }
  .sidebar--user .sidebar__nav__subList .item > a:hover .icon {
    background: var(--gradient_green);
  }
  .sidebar--user .sidebar__nav__subList .item > a:hover .fa-solid {
    background: var(--gradient_green);
  }
  .sidebar--user .sidebar__nav__subList .item > a:hover .text {
    background: var(--gradient_green);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }
  .sidebar--user .sidebar__nav__subList .item > a .icon {
    width: 30px;
    height: 30px;
  }
}
@media screen and (min-width: 769px) {
  .sidebar--user .sidebar__mobileTab {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .sidebar--user .sidebar__mobileTab {
    height: 100%;
    background: var(--white);
    border-top: 1px solid var(--light_gray);
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .sidebar--user .sidebar__mobileTab__list {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .sidebar--user .sidebar__mobileTab__list .item {
    width: 20%;
    padding-block: 10px;
    position: relative;
  }
}
@media screen and (max-width: 768px) and (max-width: 350px) {
  .sidebar--user .sidebar__mobileTab__list .item {
    width: 22%;
  }
}
@media screen and (max-width: 768px) {
  .sidebar--user .sidebar__mobileTab__list .item::before {
    opacity: 0;
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: var(--gradient_green);
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s ease-out;
  }
  .sidebar--user .sidebar__mobileTab__list .item.is-active::before, .sidebar--user .sidebar__mobileTab__list .item.is-open::before {
    opacity: 1;
  }
  .sidebar--user .sidebar__mobileTab__list .item.is-active .item__title .icon, .sidebar--user .sidebar__mobileTab__list .item.is-open .item__title .icon {
    background: var(--gradient_green);
  }
  .sidebar--user .sidebar__mobileTab__list .item.is-active .item__title .icon--menu, .sidebar--user .sidebar__mobileTab__list .item.is-open .item__title .icon--menu {
    background: transparent;
  }
  .sidebar--user .sidebar__mobileTab__list .item.is-active .item__title .icon--menu span, .sidebar--user .sidebar__mobileTab__list .item.is-open .item__title .icon--menu span {
    background: transparent;
  }
  .sidebar--user .sidebar__mobileTab__list .item.is-active .item__title .icon--menu span::before, .sidebar--user .sidebar__mobileTab__list .item.is-open .item__title .icon--menu span::before {
    background: var(--gradient_green);
    transform: rotate(-45deg);
    top: 0;
  }
  .sidebar--user .sidebar__mobileTab__list .item.is-active .item__title .icon--menu span::after, .sidebar--user .sidebar__mobileTab__list .item.is-open .item__title .icon--menu span::after {
    background: var(--gradient_green);
    transform: rotate(45deg);
    top: 0;
  }
  .sidebar--user .sidebar__mobileTab__list .item.is-active .item__title .text, .sidebar--user .sidebar__mobileTab__list .item.is-open .item__title .text {
    background: var(--gradient_green);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }
}
@media screen and (max-width: 768px) and (max-width: 350px) {
  .sidebar--user .sidebar__mobileTab__list .item--study {
    width: 60px;
  }
}
@media screen and (max-width: 768px) {
  .sidebar--user .sidebar__mobileTab__list .item--menu {
    max-width: 16%;
  }
}
@media screen and (max-width: 768px) and (max-width: 350px) {
  .sidebar--user .sidebar__mobileTab__list .item--menu {
    width: 40px;
  }
}
@media screen and (max-width: 768px) {
  .sidebar--user .sidebar__mobileTab__list .item__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 100%;
    padding: 0;
  }
  .sidebar--user .sidebar__mobileTab__list .item__title .icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    aspect-ratio: 1;
    background: var(--black);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    transition: 0.3s ease-out;
  }
  .sidebar--user .sidebar__mobileTab__list .item__title .icon--dashboard {
    -webkit-mask-image: url("/assets/img/common/sidebar/icon_dashboard.svg");
            mask-image: url("/assets/img/common/sidebar/icon_dashboard.svg");
  }
  .sidebar--user .sidebar__mobileTab__list .item__title .icon--skillmap {
    -webkit-mask-image: url("/assets/img/common/sidebar/icon_skillmap.svg");
            mask-image: url("/assets/img/common/sidebar/icon_skillmap.svg");
  }
  .sidebar--user .sidebar__mobileTab__list .item__title .icon--contents {
    -webkit-mask-image: url("/assets/img/common/sidebar/icon_contents.svg");
            mask-image: url("/assets/img/common/sidebar/icon_contents.svg");
  }
  .sidebar--user .sidebar__mobileTab__list .item__title .icon--study {
    -webkit-mask-image: url("/assets/img/common/sidebar/icon_study.svg");
            mask-image: url("/assets/img/common/sidebar/icon_study.svg");
  }
  .sidebar--user .sidebar__mobileTab__list .item__title .icon--menu {
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sidebar--user .sidebar__mobileTab__list .item__title .icon--menu span {
    display: inline-block;
    width: 20px;
    height: 2px;
    position: relative;
    background: var(--black);
    border-radius: 50em;
  }
  .sidebar--user .sidebar__mobileTab__list .item__title .icon--menu span::before, .sidebar--user .sidebar__mobileTab__list .item__title .icon--menu span::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: var(--black);
    position: absolute;
    left: 0;
    transform-origin: center;
    border-radius: 50em;
    transition: all 0.3s ease-out;
  }
  .sidebar--user .sidebar__mobileTab__list .item__title .icon--menu span::before {
    top: 7px;
  }
  .sidebar--user .sidebar__mobileTab__list .item__title .icon--menu span::after {
    top: -7px;
  }
  .sidebar--user .sidebar__mobileTab__list .item__title .text {
    font-weight: 700;
    font-size: 10px;
    font-size: 1rem;
    transition: 0.3s ease-out;
  }
}
@media screen and (max-width: 768px) {
  .sidebar--user .sidebar__btn {
    display: none;
  }
}
.sidebar--admin {
  min-width: 196px;
}
.sidebar--admin .sidebar__inner {
  width: 196px;
  position: initial;
}
.sidebar--admin .sidebar__nav {
  height: calc(100% - 76px);
}
.sidebar--admin .sidebar__nav__list .item {
  padding: 0;
}
.sidebar--admin .sidebar__nav__list .item__title {
  gap: 4px;
  padding: 12px 22px 12px 12px;
  font-size: 13px;
  font-size: 1.3rem;
  font-feature-settings: "palt";
  white-space: nowrap;
}
.sidebar--admin .sidebar__nav__list .item__childMenu {
  padding-left: 8px;
}
.sidebar--admin .sidebar__nav__list .item__childMenu .item > a {
  padding-inline: 5px;
}
.sidebar--admin .sidebar__nav__subList {
  padding-block: 40px 20px;
}
.sidebar--admin .sidebar__nav__subList .item {
  padding: 0;
}
.sidebar--admin .sidebar__nav__subList .item__title {
  gap: 4px;
  padding: 8px 12px;
  font-feature-settings: "palt";
  white-space: nowrap;
}

/* AIチャット
========================================================*/
.aiChat {
  overflow: hidden;
  width: 100%;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
  border-radius: 0 0 15px 15px;
  position: relative;
}
.aiChat + .modSection {
  margin-top: 20px;
}
.aiChat.is-open {
  display: block;
}
.aiChat.is-open .aiChat__inner {
  max-height: 421px;
}
.aiChat.is-open .aiChat__head {
  padding: 10px 10px 8px 12px;
}
.aiChat.is-open .aiChat__head > .text {
  opacity: 1;
}
.aiChat.is-open .aiChat__head > .btn::before {
  transform: translate(-60%, -40%) scale(1);
}
.aiChat.is-open .aiChat__body {
  opacity: 1;
  margin: 0 17px 45px 0;
  padding-inline: 23px 12px;
}
@media screen and (max-width: 768px) {
  .aiChat.is-open .aiChat__body {
    margin: 0 10px 0 0;
  }
}
.aiChat.is-open .aiChat__foot {
  padding-inline: 23px 28px;
  background: #d9d9d9;
}
.aiChat.is-open .aiChat__foot__input {
  background: var(--white);
}
.aiChat__inner {
  overflow: hidden;
  max-height: 0;
  transition: 0.3s ease-out;
}
.aiChat__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s ease-out;
}
.aiChat__head > .text {
  opacity: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  transition: 0.3s ease-out;
}
.aiChat__head > .text::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  aspect-ratio: 1;
  background: var(--gradient_green);
  -webkit-mask-image: url("/assets/img/common/ai_chat/icon_ai.svg");
          mask-image: url("/assets/img/common/ai_chat/icon_ai.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.aiChat__head > .btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  aspect-ratio: 1;
  position: absolute;
  top: 11px;
  right: 10px;
  transform: rotate(-45deg);
}
.aiChat__head > .btn::before, .aiChat__head > .btn::after {
  content: "";
  aspect-ratio: 1;
}
.aiChat__head > .btn::before {
  width: 8px;
  height: 8px;
  aspect-ratio: 1;
  border-top: 2px solid var(--white);
  border-right: 2px solid var(--white);
  transition: 0.3s ease-out;
  transform: scale(1, -1);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-30%, -70%) scale(-1, -1);
}
.aiChat__head > .btn::after {
  width: 30px;
  height: 30px;
  background: var(--gradient_green);
  border-radius: 50%;
}
.aiChat__body {
  opacity: 0;
  overflow-y: scroll;
  height: 326px;
  transition: 0.3s ease-out;
}
.aiChat__body .chat > p {
  width: 47.6%;
  padding: 27px 32px;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .aiChat__body .chat > p {
    width: 70%;
    padding: 16px 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.aiChat__body .chat:not(:first-child) {
  margin-top: 18px;
}
.aiChat__body .chat--user > p {
  margin-left: auto;
  background: var(--light_blue);
  border-radius: 15px 15px 0 15px;
}
.aiChat__body .chat--bot {
  display: flex;
  gap: 16px;
  align-items: end;
}
.aiChat__body .chat--bot::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  aspect-ratio: 1;
  background: var(--black);
  -webkit-mask-image: url("/assets/img/common/ai_chat/icon_ai.svg");
          mask-image: url("/assets/img/common/ai_chat/icon_ai.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
@media screen and (max-width: 768px) {
  .aiChat__body .chat--bot::before {
    width: 30px;
    height: 30px;
  }
}
.aiChat__body .chat--bot > p {
  background: var(--mid_gray);
  border-radius: 15px 15px 15px 0;
  color: #000;
}
.aiChat__foot {
  padding: 10px 62px 10px 12px;
  transition: 0.3s ease-out;
}
.aiChat__foot .form {
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s ease-out;
}
.aiChat__foot .form__input {
  resize: vertical;
  width: 100%;
  padding: 6px 14px;
  background: var(--mid_gray);
  border-radius: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}

/* ボタン
========================================================*/
.modBtn {
  cursor: pointer;
  display: block;
  padding: 4px 24px;
  border: 1px solid var(--blue);
  border-radius: 100px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  transition: 0.3s ease-out;
}
.modBtn--blue {
  background: var(--blue);
  border-color: var(--blue);
  color: var(--white);
}
.modBtn--blue:hover {
  background: #1A8299;
  border-color: #1A8299;
}
.modBtn--white {
  background: var(--white);
  border-color: var(--blue);
  color: var(--blue);
}
.modBtn--white:hover {
  background: #e7f7f7;
  border-color: #42ABC6;
  color: #42ABC6;
}
.modBtn--add {
  background: var(--blue);
  border: 1px solid var(--blue);
  color: var(--white);
  padding: 5px 22px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.06em;
  min-height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6.5px;
}
.modBtn--add .modIcon::before, .modBtn--add .modIcon::after {
  transition: 0.3s ease-out;
}
.modBtn--add:hover {
  border: 1px solid var(--blue);
  background: var(--white);
  color: var(--blue);
}
.modBtn--add:hover .modIcon::before, .modBtn--add:hover .modIcon::after {
  background: var(--blue);
}
.modBtn--large {
  padding: 10px 40px;
}

.modBtn__container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.modBtn__container--equal {
  align-items: stretch;
}

@media screen and (max-width: 768px) {
  .modBtn__container--equal>* {
    flex: 1;
  }
}

@media screen and (max-width: 560px) {
  .modBtn__container--equal {
    flex-direction: column;
  }
}

.modBtn__container {
  display: flex;
}

.modBtn__container--center {
  justify-content: center;
}

.modBtn--greenGradiant {
  background: linear-gradient(to right, #0ED191 0%, #0EAAD1 50%, #0ED191 100%);
  background-size: 200% 100%;
  background-position: right center;
  background-repeat: no-repeat;
  color: var(--white) !important;
}

.modBtn--greenGradiant:hover {
  background-position: left center;
}

.modBtn--greenGradiant .modIcon {
  background: var(--white) !important;
}
.modBtnSquare {
  border: 1px solid var(--blue);
  color: var(--blue);
  padding: 4px 16px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.06em;
  min-height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6.5px;
  border-radius: 8px;
}
.modBtnSquare .modIcon {
  color: var(--blue);
}
.modBtnSquare .modIcon::before, .modBtnSquare .modIcon::after {
  transition: 0.3s ease-out;
}
.modBtnSquare--blue {
  background: var(--blue);
  border-color: var(--blue);
  color: var(--white);
}
.modBtnSquare--blue:hover {
  background: #1A8299;
  border-color: #1A8299;
}
.modBtnSquare--white {
  background: var(--white);
  border-color: var(--blue);
  color: var(--blue);
}
.modBtnSquare--white:hover {
  background: #e7f7f7;
  border-color: #42ABC6;
  color: #42ABC6;
}
.modBtnSquare--red {
  background: var(--red);
  border-color: var(--red);
  color: var(--white);
}
.modBtnSquare--red:hover {
  background: #991a1a;
  border-color: #991a1a;
  opacity: 1!important;
}
.modBtnSquare--bordered {
  border: 1px solid var(--dark_gray);
  background: var(--white);
  color: var(--dark_gray);
}
.modBtnSquare--bordered:hover {
  background: var(--dark_gray);
  color: var(--white);
}

/* カード
========================================================*/
.modCardBadge {
  display: grid;
  gap: 10px;
}
.modCardBadge__img {
  width: 56px;
  height: 56px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 15px;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.modCardBadge__img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@supports not (aspect-ratio: 1/1) {
  .modCardBadge__img {
    position: relative;
  }
  .modCardBadge__img::before {
    float: left;
    content: "";
    padding-top: 100%;
  }
  .modCardBadge__img::after {
    display: block;
    content: "";
    clear: both;
  }
  .modCardBadge__img > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.modCardBadge__name {
  text-align: center;
  font-size: 11px;
  font-size: 1.1rem;
}
.modCardTraining {
  display: grid;
  width: 280px;
  padding-top: 8px;
  border-radius: 15px;
  transition: 0.3s ease-out;
}
@media screen and (max-width: 768px) {
  .modCardTraining {
    width: 295px;
  }
}
.modCardTraining:hover {
  opacity: 0.6;
}
.modCardTraining::before {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-block: 8px 23px;
  margin-bottom: -15px;
  border-radius: 15px 15px 0 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: var(--white);
}
.modCardTraining__inner {
  overflow: hidden;
  background: var(--white);
  border-radius: 15px;
  border: 1px solid var(--line);
}
.modCardTraining__img {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 280/160;
  width: 280px;
  height: 160px;
}
@media screen and (max-width: 768px) {
  .modCardTraining__img {
    aspect-ratio: 295/115;
    width: 295px;
    height: 115px;
  }
}
.modCardTraining__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modCardTraining__textArea {
  padding: 20px 20px 16px;
  background: var(--white);
}
.modCardTraining__textArea .title {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .modCardTraining__textArea .title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2;
  }
}
.modCardTraining__textArea .date {
  display: flex;
  gap: 3px;
  font-size: 10px;
  font-size: 1rem;
  color: var(--dark_gray);
}
.modCardTraining--acquired::before {
  content: "修了済";
  background: var(--gray);
}
.modCardTraining--inProgress::before {
  content: "受講中";
  background: #3bc5ab;
}
.modCardTraining--notStarted::before {
  content: "未受講";
  background: var(--blue);
}

/* 汎用パーツ（常設）
========================================================*/
@media screen and (min-width: 769px) {
  .modBpPc {
    display: inherit;
  }
}
@media screen and (max-width: 768px) {
  .modBpPc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .modBpSp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .modBpSp {
    display: inherit;
  }
}
.modPageSection {
  background: var(--white);
  border-radius: 16px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  padding: 20px;
}
.modPageSection:not(:last-child) {
  margin-bottom: 20px;
}
.modPageSection--guide .modHeading02 {
  font-size: 16px;
  font-size: 1.6rem;
}

.modPageSection--guide .modText {
  margin-bottom: 10px;
}

.modPageSubSection:not(:last-child) {
  margin-bottom: 20px;
}

/* タイトル
========================================================*/
.modHeading {
  margin-bottom: 32px;
  font-weight: 700;
  font-size: 22px;
  font-size: 2.2rem;
}
.modHeading--sub {
  margin-bottom: 24px;
  font-size: 18px;
  font-size: 1.8rem;
}
.modHeadingAdmin {
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
}
.modHeading__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modHeading02 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 20px;
}
.modHeading02:has(.modIcon) {
  display: flex;
  align-items: center;
  gap: 10px;
}
.modPageHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-block: 20px;
}
.modPageHeader__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}
.modPageHeader__text {
  font-weight: 700;
  margin-top: 12px;
}
.modPageHeader__btn {
  display: flex;
  align-items: center;
  gap: 10px;
}
.modPageHeader:has(.jsBack) {
  justify-content: flex-start;
  gap: 20px;
  align-items: center;
}
.modPageSectionTitle {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 20px;
}

.modPageSectionTitle:has(.modIcon) {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* リスト
========================================================*/
.modListBadge {
  display: flex;
  gap: 20px;
  padding-right: 20px;
  width: -moz-fit-content;
  width: fit-content;
}
.modListCard {
  display: flex;
  gap: 32px;
  padding-bottom: 2px;
}
@media screen and (max-width: 768px) {
  .modListCard {
    gap: 15px;
  }
}
.modListUl__item {
  display: flex;
  align-items: start;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .modListUl__item {
    margin-bottom: 8px;
  }
}
.modListUl__item::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  aspect-ratio: 1;
  margin: 7px 10px 0 0;
  border-radius: 50%;
  background: var(--black);
}
.modListUl__item:last-child {
  margin-bottom: 0;
}
.modListUl__item__inner {
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: 0.3s ease-out;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .modListUl__item__inner:hover {
    color: var(--blue);
  }
}
.modListUl__item .acquired::before {
  content: "取得済";
  display: inline-block;
  margin-left: 10px;
  padding: 4px 16px;
  background: #3bc5ab;
  border-radius: 16px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: var(--white);
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .modListUl--2col {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media screen and (min-width: 769px) {
  .modListUl--2col .modListUl__item {
    width: calc(50% - 10px);
    margin-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .modListUl--2col .modListUl__item {
    width: calc(50% - 10px);
    margin-bottom: 0;
  }
}

.modListOl__item {
  margin-bottom: 10px;
  list-style: decimal;
  list-style-position: inside !important;
}

@media screen and (max-width: 768px) {
  .modListOl__item {
    margin-bottom: 8px;
  }
}

.modListOl__item::marker {
  font-weight: 700;
}

.modListOl__item:last-child {
  margin-bottom: 0;
}

/* モーダル
========================================================*/
.modModal {
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.modModal.is-open {
  opacity: 1;
  visibility: visible;
}
.modModal__content {
  max-width: 80vw;
  max-height: 80vh;
  padding: 40px;
  background: var(--white) url("/assets/img/common/img_bg_section.webp") no-repeat top center/max(1180px, 100%) auto;
  border-radius: 15px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .modModal__content {
    max-width: 96vw;
    padding-inline: 20px;
  }
}
.modModal__content__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding-block: 8px 16px;
  border-bottom: 1px solid var(--blue);
}
.modModal__content__head .modHeading {
  margin-bottom: 0;
}
.modModal__content__head + * {
  overflow-y: auto;
  height: 56vh;
}
.modModal__content__head:has(.modText) {
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.modModal__content__head__middle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding-block: 15px 16px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid var(--blue);
}
.modModal__content__close {
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: var(--gradient_green);
  border-radius: 50%;
  position: absolute;
  top: 18px;
  right: 18px;
  transform: rotate(45deg);
}
.modModal__content__close::before, .modModal__content__close::after {
  content: "";
  width: 16px;
  height: 3px;
  background: var(--white);
  border-radius: 50em;
  position: absolute;
  top: 50%;
  left: 50%;
}
.modModal__content__close::before {
  transform: translate(-50%, -50%);
}
.modModal__content__close::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.modModal__content__close:hover {
  background-color: #f0f0f0;
  color: #333;
}
@media screen and (min-width: 769px) {
  .modModal__content:has(.modForm__item__inputWithIcon) {
    min-width: 550px;
  }
}
@media screen and (max-width: 768px) {
  .modModal__content:has(.modForm__item__inputWithIcon) {
    width: 100%;
  }
}
.modModal--fitContent .modModal__content {
  width: min(600px, max(40vw, 600px));
}
.modModal--fitContent .modModal__content__head + * {
  height: -moz-fit-content;
  height: fit-content;
}

.modModal--selfing .modModal__content {
  min-height: 618px;
  padding: 24px;
  background: linear-gradient(90deg, #f7edfd 0%, #fdecf2 100%);
}

@media screen and (max-width: 768px) {
  .modModal--selfing .modModal__content {
    min-width: 90vw;
    padding: 16px;
  }
}

.modModal--selfing .modModal__content__head {
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  border-bottom: initial;
}

@media screen and (max-width: 768px) {
  .modModal--selfing .modModal__content__head {
    margin-bottom: 0;
  }
}

.modModal--selfing .modModal__content .simplebar-content-wrapper {
  overflow: auto !important;
}

/* 汎用パーツ
========================================================*/
.modSection {
  margin: auto;
  margin-block: 40px;
  padding: 30px;
  background: url("/assets/img/common/img_bg_section.webp") no-repeat top center/max(1180px, 100%) auto;
  border-radius: 15px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.08);
}
.modSection:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .modSection {
    padding-inline: 20px;
  }
}
.modSection__headFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.modSection__headFlex .modHeading {
  flex: 1;
  margin-bottom: 0;
}
.modSection__content {
  margin-bottom: 64px;
}
.modSection__content:last-child {
  margin-bottom: 0;
}
.modChart {
  width: -moz-fit-content;
  width: fit-content;
  padding: 40px;
  background: var(--gradient_green);
  border-radius: 15px;
}
.modChart > canvas {
  margin: auto;
}
.modBadge--unacquired {
  filter: grayscale(100%);
  opacity: 0.5;
}
.mod3ColFlex {
  display: flex;
  gap: 10px;
}
.mod3ColFlex > * {
  flex: 1;
  width: calc((100% - 20px) / 3);
  margin-bottom: 0 !important;
}
.mod4ColFlex {
  display: flex;
  gap: 10px;
}
.mod4ColFlex:not(:last-child) {
  margin-bottom: 20px;
}
.mod4ColFlex > * {
  flex: 1;
  width: calc((100% - 30px) / 4);
  margin-bottom: 0 !important;
}

/* テーブル
========================================================*/
.modTable {
  width: 100%;
  margin: 0 0 40px;
}
@media screen and (max-width: 768px) {
  .modTable {
    margin: 60px 0 0;
  }
}
.modTable td, .modTable th {
  padding: 15px 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
.modTable th {
  font-weight: 700;
  vertical-align: top;
  background: var(--gray);
}
@media screen and (max-width: 768px) {
  .modTable th {
    padding: 10px 20px;
  }
}
.modTable tr {
  border-top: 1px solid var(--gray);
  position: relative;
}
.modTable tr:not(:has(.th)) {
  border-bottom: 1px solid var(--line);
}
.modTable td .txtLarge {
  font-weight: 700;
}
.modTable td .txtSmall {
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--dark_gray);
}

/* テキスト
========================================================*/
.modTextAlert {
  padding: 10px;
  background: var(--light_blue);
  border-radius: 5px;
  color: var(--blue);
  margin-top: 10px;
}
.modLinkText {
  text-decoration: underline;
  text-underline-offset: 4px;
  display: block;
}
.modLinkText:not(:last-child) {
  margin-bottom: 10px;
}
.modLinkText:hover {
  color: var(--blue);
}
.modLinkText--grayLine {
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--dark_gray);
}
.modTag {
  padding: 3px 8px;
  border-radius: 50em;
  font-size: 12px;
  font-size: 1.2rem;
}
.modTag--blue {
  background: var(--light_blue);
  color: var(--blue);
}
.modTag--green {
  background: var(--green);
  color: var(--darkGreen);
}
.modTag--viiolet {
  background: var(--light_violet);
  color: var(--violet);
}
.modTag--orange {
  background: var(--light_orange);
  color: var(--orange);
}
.modTag--blueBg {
  background: var(--light_blue);
  color: var(--black);
}

.modForm__container {
  height: -moz-fit-content;
  height: fit-content;
}
.modForm__container:not(:last-child) {
  margin-bottom: 24px;
}
.modForm__flexContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.modForm__flexContainer > * {
  margin-bottom: 0 !important;
}
.modForm__flexContainer--left {
  justify-content: flex-start;
}
.modForm__flexContainer--right {
  justify-content: flex-end;
}
.modForm__flexContainer--middle {
  justify-content: center;
}
.modForm__item:not(:last-child) {
  margin-bottom: 24px;
  margin-bottom: 10px;
}
.modForm__item:not(:last-child) {
  margin-bottom: 24px;
}
.modForm__item.over-flow {
  overflow-y: auto;
  max-height: 300px;
}
.modForm__item:has(:required) .label::after {
  content: "＊";
  color: var(--red);
}
.required::after {
  content: "＊";
  color: var(--red);
  margin-left: 4px;
  font-size: 0.8em;
}
.modForm__item .inputWithIcon {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background: var(--mid_gray);
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 8px;
  gap: 6px;
}
.modForm__item .inputWithIcon input {
  flex: 1;
  width: 100%;
}
.modForm__item .inputWithIcon--white {
  background: var(--white);
  border: 1px solid var(--line);
}
.modForm__item .checkBox:not(:last-child) {
  margin-bottom: 8px;
}
.modForm__item .checkBox label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 5px 10px;
  cursor: pointer;
  transition: 0.3s ease-out;
}
.modForm__item .checkBox label span {
  display: block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 4px;
  background: var(--mid_gray);
  position: relative;
}
.modForm__item .checkBox label span::after {
  opacity: 0;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url("/assets/img/common/icon_check.svg") no-repeat center/100%;
  border-radius: 4px;
  transition: 0.3s ease-out;
}
.modForm__item .checkBox label span.outline {
  background: var(--white);
  border: 1px solid var(--gray);
}
.modForm__item .checkBox label.sm {
  font-size: 12px;
  font-size: 1.2rem;
}
.modForm__item .checkBox label:hover {
  color: var(--blue);
}
.modForm__item .checkBox label:has(+ input:checked) span {
  position: relative;
}
.modForm__item .checkBox label:has(+ input:checked) span::after {
  opacity: 1;
}
.modForm__item .checkBox--black label span::after {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%20fill%3D%22%23000000%22/%3E%3Cpath%20d%3D%22M3.99971%207.66045L7.17128%2010.832L12.2458%205.75751%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E") no-repeat center/100%;
}
.modForm__item .checkBox input {
  display: none;
}
.modForm__item .input label {
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
}
.modForm__item .input input,
.modForm__item .input textarea {
  border: 1px solid var(--gray);
  border-radius: 5px;
  padding: 10px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
  max-width: 400px;
}
.modForm__item .input input:focus,
.modForm__item .input textarea:focus {
  border: 1px solid var(--blue);
}
.modForm__item .input textarea {
  resize: vertical;
}
.modForm__item .input--gray input {
  transition: background-color 0.2s ease;
}
.modForm__item .input--gray input:not(:focus) {
  background-color: var(--light_gray);
}
.modForm__item .input--password {
  position: relative;
  display: flex;
  align-items: center;
}
.modForm__item .input--password input {
  position: relative;
}
.modForm__item .input--password button {
  position: absolute;
  right: 15px;
  padding: 0;
}
.modForm__item .input--fullWidth input,
.modForm__item .input--fullWidth textarea {
  max-width: initial;
}
.modForm__item .radio:not(:last-child) {
  margin-bottom: 8px;
}
.modForm__item .radio label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 5px 10px;
  cursor: pointer;
  transition: 0.3s ease-out;
}
.modForm__item .radio label span {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--mid_gray);
  position: relative;
}
.modForm__item .radio label span::after {
  opacity: 0;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
  background: var(--blue);
  border-radius: 50%;
  transition: 0.3s ease-out;
}
.modForm__item .radio label:hover {
  color: var(--blue);
}
.modForm__item .radio label:has(+ input:checked) span {
  position: relative;
}
.modForm__item .radio label:has(+ input:checked) span::after {
  opacity: 1;
}
.modForm__item .radio input {
  display: none;
}
.modForm__item .radio--rating label {
  border: 1px solid var(--line);
  padding: 10px;
  border-radius: 5px;
  aspect-ratio: 1;
  line-height: 1;
  font-weight: 700;
  width: auto;
}
.modForm__item .radio--rating label:has(+ input:checked) {
  background: var(--blue);
  color: var(--white);
}
.modForm__item .select {
  border: 1px solid var(--line);
  border-radius: 5px;
  position: relative;
}
.modForm__item .select select {
  padding: 10px 30px 10px 20px;
  width: 100%;
  cursor: pointer;
}
.modForm__item .select::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  right: 10px;
  width: 5px;
  height: 5px;
  border-bottom: 1px solid var(--black);
  border-right: 1px solid var(--black);
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
}
.modForm__item .select:hover {
  border: 1px solid var(--blue);
}
.modForm__item .label {
  display: inline-block;
  margin-bottom: 8px;
  font-weight: 700;
}
.modForm__item--flex {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.modForm__item--flexCol {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.modForm__item .textSelect {
  position: relative;
  width: 100%;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.modForm__item .textSelect.open .textSelect__list {
  display: block;
}
.modForm__item .textSelect__selected {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  cursor: pointer;
  min-height: 40px;
}
.modForm__item .textSelect__selected .txtSmall {
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--dark_gray);
}
.modForm__item .textSelect__selected:has(.txtSmall) {
  line-height: 1;
}
.modForm__item .textSelect__list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #ccc;
  border-top: none;
  display: none;
  z-index: 10;
  list-style: none;
  margin: 0;
  padding: 0;
}
.modForm__item .textSelect__list li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  cursor: pointer;
}
.modForm__item .textSelect__list li:hover {
  background-color: #f2f2f2;
}
.modForm__item .textSelect__list li.selected {
  background-color: #eee;
}
.modForm__item .textSelect__list li .txtSmall {
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--dark_gray);
}
.modForm__item .textSelect__list li:has(.txtSmall) {
  line-height: 1;
}
.modForm__item .textSelect__check {
  display: inline-block;
  width: 16px;
  color: #17a4c4;
  font-weight: bold;
  text-align: center;
  flex-shrink: 0;
  visibility: hidden;
}
.modForm__item .textSelect__check:not(:empty) {
  visibility: visible;
}
.modForm__item .errorText {
  margin-top: 10px;
  color: var(--red);
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
}
.modFormButton {
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid var(--blue);
  background: var(--blue);
  color: var(--white);
  border-radius: 8px;
  padding: 5.5px 10px;
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.modFormButton:hover {
  background: var(--white);
  color: var(--blue);
}
.modFormButton--bordered {
  border: 1px solid var(--dark_gray);
  background: var(--white);
  color: var(--dark_gray);
}
.modFormButton--bordered:hover {
  background: var(--dark_gray);
  color: var(--white);
}
.modFormButton--upload {
  border: 1px solid var(--line);
  background: var(--white);
  color: var(--black);
}
.modFormButton--upload::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  -webkit-mask-image: url("/assets/img/admin/icons/icon_upload.svg");
          mask-image: url("/assets/img/admin/icons/icon_upload.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: var(--dark_gray);
  vertical-align: middle;
  transition: 0.3s ease-out;
}
.modFormButton--upload:hover {
  border-color: var(--blue);
}
.modFormButton--upload:hover::before {
  background: var(--blue);
}
.modFormButton--full {
  width: 100%;
  max-width: unset;
}

.modIcon {
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
}
.modIcon--add::before, .modIcon--add::after {
  content: "";
  position: absolute;
  width: 75%;
  height: 2px;
  background: var(--white);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modIcon--add::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.modIcon--input {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M2%2018.9297L6.98549%2017.7566L18.6563%206.0857C19.1145%205.62759%2019.1145%204.88486%2018.6563%204.42674L16.503%202.27327C16.0448%201.81516%2015.3021%201.81516%2014.8439%202.27327L3.17306%2013.9442L2%2018.9297Z%22%20stroke%3D%22%23777777%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M12.8789%204.60938L16.3981%208.12859%22%20stroke%3D%22%23777777%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  display: block;
}
.modIcon--copy {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2317a4c4' d='M384 336l-192 0c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l140.1 0L400 115.9 400 320c0 8.8-7.2 16-16 16zM192 384l192 0c35.3 0 64-28.7 64-64l0-204.1c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1L192 0c-35.3 0-64 28.7-64 64l0 256c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l192 0c35.3 0 64-28.7 64-64l0-32-48 0 0 32c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l32 0 0-48-32 0z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  display: block;
}
.modIcon--search {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_1966_39012)%22%3E%3Cpath%20d%3D%22M19.0449%2019.4297L14.3897%2014.7745M1.04492%209.18831C1.04492%204.90334%204.51857%201.42969%208.80354%201.42969C13.0885%201.42969%2016.5622%204.90334%2016.5622%209.18831C16.5622%2013.4733%2013.0885%2016.9469%208.80354%2016.9469C4.51857%2016.9469%201.04492%2013.4733%201.04492%209.18831Z%22%20stroke%3D%22%23777777%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1966_39012%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%20transform%3D%22translate(0.0449219%200.429688)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  display: block;
}
.modIcon--save {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M48 96l0 320c0 8.8 7.2 16 16 16l320 0c8.8 0 16-7.2 16-16l0-245.5c0-4.2-1.7-8.3-4.7-11.3l33.9-33.9c12 12 18.7 28.3 18.7 45.3L448 416c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96C0 60.7 28.7 32 64 32l245.5 0c17 0 33.3 6.7 45.3 18.7l74.5 74.5-33.9 33.9L320.8 84.7c-.3-.3-.5-.5-.8-.8L320 184c0 13.3-10.7 24-24 24l-192 0c-13.3 0-24-10.7-24-24L80 80 64 80c-8.8 0-16 7.2-16 16zm80-16l0 80 144 0 0-80L128 80zm32 240a64 64 0 1 1 128 0 64 64 0 1 1 -128 0z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  display: block;
}
.modIcon--arrowLeft {
  background: var(--blue);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.modIcon--arrowRight {
  background: var(--blue);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  transform: scale(-1, 1);
}
.modIcon--person {
  background: var(--black);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M144 128a80 80 0 1 1 160 0 80 80 0 1 1 -160 0zm208 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0zM48 480c0-70.7 57.3-128 128-128l96 0c70.7 0 128 57.3 128 128l0 8c0 13.3 10.7 24 24 24s24-10.7 24-24l0-8c0-97.2-78.8-176-176-176l-96 0C78.8 304 0 382.8 0 480l0 8c0 13.3 10.7 24 24 24s24-10.7 24-24l0-8z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M144 128a80 80 0 1 1 160 0 80 80 0 1 1 -160 0zm208 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0zM48 480c0-70.7 57.3-128 128-128l96 0c70.7 0 128 57.3 128 128l0 8c0 13.3 10.7 24 24 24s24-10.7 24-24l0-8c0-97.2-78.8-176-176-176l-96 0C78.8 304 0 382.8 0 480l0 8c0 13.3 10.7 24 24 24s24-10.7 24-24l0-8z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.modIcon--crown {
  background: var(--black);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M345 151.2C354.2 143.9 360 132.6 360 120C360 97.9 342.1 80 320 80C297.9 80 280 97.9 280 120C280 132.6 285.9 143.9 295 151.2L226.6 258.8C216.6 274.5 195.3 278.4 180.4 267.2L120.9 222.7C125.4 216.3 128 208.4 128 200C128 177.9 110.1 160 88 160C65.9 160 48 177.9 48 200C48 221.8 65.5 239.6 87.2 240L119.8 457.5C124.5 488.8 151.4 512 183.1 512L456.9 512C488.6 512 515.5 488.8 520.2 457.5L552.8 240C574.5 239.6 592 221.8 592 200C592 177.9 574.1 160 552 160C529.9 160 512 177.9 512 200C512 208.4 514.6 216.3 519.1 222.7L459.7 267.3C444.8 278.5 423.5 274.6 413.5 258.9L345 151.2z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M345 151.2C354.2 143.9 360 132.6 360 120C360 97.9 342.1 80 320 80C297.9 80 280 97.9 280 120C280 132.6 285.9 143.9 295 151.2L226.6 258.8C216.6 274.5 195.3 278.4 180.4 267.2L120.9 222.7C125.4 216.3 128 208.4 128 200C128 177.9 110.1 160 88 160C65.9 160 48 177.9 48 200C48 221.8 65.5 239.6 87.2 240L119.8 457.5C124.5 488.8 151.4 512 183.1 512L456.9 512C488.6 512 515.5 488.8 520.2 457.5L552.8 240C574.5 239.6 592 221.8 592 200C592 177.9 574.1 160 552 160C529.9 160 512 177.9 512 200C512 208.4 514.6 216.3 519.1 222.7L459.7 267.3C444.8 278.5 423.5 274.6 413.5 258.9L345 151.2z'/%3E%3C/svg%3E") no-repeat center center/contain;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.modIcon--people {
  background: var(--black);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.modIcon--circleAlert {
  background: var(--black);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM320 200C333.3 200 344 210.7 344 224L344 336C344 349.3 333.3 360 320 360C306.7 360 296 349.3 296 336L296 224C296 210.7 306.7 200 320 200zM293.3 416C292.7 406.1 297.6 396.7 306.1 391.5C314.6 386.4 325.3 386.4 333.8 391.5C342.3 396.7 347.2 406.1 346.6 416C347.2 425.9 342.3 435.3 333.8 440.5C325.3 445.6 314.6 445.6 306.1 440.5C297.6 435.3 292.7 425.9 293.3 416z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM320 200C333.3 200 344 210.7 344 224L344 336C344 349.3 333.3 360 320 360C306.7 360 296 349.3 296 336L296 224C296 210.7 306.7 200 320 200zM293.3 416C292.7 406.1 297.6 396.7 306.1 391.5C314.6 386.4 325.3 386.4 333.8 391.5C342.3 396.7 347.2 406.1 346.6 416C347.2 425.9 342.3 435.3 333.8 440.5C325.3 445.6 314.6 445.6 306.1 440.5C297.6 435.3 292.7 425.9 293.3 416z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.modIcon--gear {
  background: var(--black);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M259.1 73.5C262.1 58.7 275.2 48 290.4 48L350.2 48C365.4 48 378.5 58.7 381.5 73.5L396 143.5C410.1 149.5 423.3 157.2 435.3 166.3L503.1 143.8C517.5 139 533.3 145 540.9 158.2L570.8 210C578.4 223.2 575.7 239.8 564.3 249.9L511 297.3C511.9 304.7 512.3 312.3 512.3 320C512.3 327.7 511.8 335.3 511 342.7L564.4 390.2C575.8 400.3 578.4 417 570.9 430.1L541 481.9C533.4 495 517.6 501.1 503.2 496.3L435.4 473.8C423.3 482.9 410.1 490.5 396.1 496.6L381.7 566.5C378.6 581.4 365.5 592 350.4 592L290.6 592C275.4 592 262.3 581.3 259.3 566.5L244.9 496.6C230.8 490.6 217.7 482.9 205.6 473.8L137.5 496.3C123.1 501.1 107.3 495.1 99.7 481.9L69.8 430.1C62.2 416.9 64.9 400.3 76.3 390.2L129.7 342.7C128.8 335.3 128.4 327.7 128.4 320C128.4 312.3 128.9 304.7 129.7 297.3L76.3 249.8C64.9 239.7 62.3 223 69.8 209.9L99.7 158.1C107.3 144.9 123.1 138.9 137.5 143.7L205.3 166.2C217.4 157.1 230.6 149.5 244.6 143.4L259.1 73.5zM320.3 400C364.5 399.8 400.2 363.9 400 319.7C399.8 275.5 363.9 239.8 319.7 240C275.5 240.2 239.8 276.1 240 320.3C240.2 364.5 276.1 400.2 320.3 400z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M259.1 73.5C262.1 58.7 275.2 48 290.4 48L350.2 48C365.4 48 378.5 58.7 381.5 73.5L396 143.5C410.1 149.5 423.3 157.2 435.3 166.3L503.1 143.8C517.5 139 533.3 145 540.9 158.2L570.8 210C578.4 223.2 575.7 239.8 564.3 249.9L511 297.3C511.9 304.7 512.3 312.3 512.3 320C512.3 327.7 511.8 335.3 511 342.7L564.4 390.2C575.8 400.3 578.4 417 570.9 430.1L541 481.9C533.4 495 517.6 501.1 503.2 496.3L435.4 473.8C423.3 482.9 410.1 490.5 396.1 496.6L381.7 566.5C378.6 581.4 365.5 592 350.4 592L290.6 592C275.4 592 262.3 581.3 259.3 566.5L244.9 496.6C230.8 490.6 217.7 482.9 205.6 473.8L137.5 496.3C123.1 501.1 107.3 495.1 99.7 481.9L69.8 430.1C62.2 416.9 64.9 400.3 76.3 390.2L129.7 342.7C128.8 335.3 128.4 327.7 128.4 320C128.4 312.3 128.9 304.7 129.7 297.3L76.3 249.8C64.9 239.7 62.3 223 69.8 209.9L99.7 158.1C107.3 144.9 123.1 138.9 137.5 143.7L205.3 166.2C217.4 157.1 230.6 149.5 244.6 143.4L259.1 73.5zM320.3 400C364.5 399.8 400.2 363.9 400 319.7C399.8 275.5 363.9 239.8 319.7 240C275.5 240.2 239.8 276.1 240 320.3C240.2 364.5 276.1 400.2 320.3 400z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.modIcon--play {
  background: var(--white);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M187.2 100.9C174.8 94.1 159.8 94.4 147.6 101.6C135.4 108.8 128 121.9 128 136L128 504C128 518.1 135.5 531.2 147.6 538.4C159.7 545.6 174.8 545.9 187.2 539.1L523.2 355.1C536 348.1 544 334.6 544 320C544 305.4 536 291.9 523.2 284.9L187.2 100.9z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M187.2 100.9C174.8 94.1 159.8 94.4 147.6 101.6C135.4 108.8 128 121.9 128 136L128 504C128 518.1 135.5 531.2 147.6 538.4C159.7 545.6 174.8 545.9 187.2 539.1L523.2 355.1C536 348.1 544 334.6 544 320C544 305.4 536 291.9 523.2 284.9L187.2 100.9z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.modIcon--close {
  background: var(--blue);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320 137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3 457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320 503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7 183.1 137.4z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320 137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3 457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320 503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7 183.1 137.4z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.modIcon--play {
  background: var(--white);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M187.2 100.9C174.8 94.1 159.8 94.4 147.6 101.6C135.4 108.8 128 121.9 128 136L128 504C128 518.1 135.5 531.2 147.6 538.4C159.7 545.6 174.8 545.9 187.2 539.1L523.2 355.1C536 348.1 544 334.6 544 320C544 305.4 536 291.9 523.2 284.9L187.2 100.9z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M187.2 100.9C174.8 94.1 159.8 94.4 147.6 101.6C135.4 108.8 128 121.9 128 136L128 504C128 518.1 135.5 531.2 147.6 538.4C159.7 545.6 174.8 545.9 187.2 539.1L523.2 355.1C536 348.1 544 334.6 544 320C544 305.4 536 291.9 523.2 284.9L187.2 100.9z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.modIcon--plus {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z'/%3E%3C/svg%3E") no-repeat center center/contain;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  transform: scale(1, 1);
  transition: 0.3s ease-out;
  background: var(--black);
  rotate: 45deg;
}
.modIcon--close {
  background: var(--blue);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320 137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3 457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320 503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7 183.1 137.4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320 137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3 457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320 503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7 183.1 137.4z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--retract {
  background: var(--blue);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2818_40603)%22%3E%3Cpath%20d%3D%22M16.0156%2010.7989H10.8028V16.0117%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M11.3096%2011.3057L17.5586%2017.5547%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M10.8028%201.99052V7.19531H16.0156%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M11.3096%206.6875L17.5586%200.438535%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M1.99052%2010.7989H7.19531V16.0117%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M6.68945%2011.3057L0.440488%2017.5547%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M7.19531%201.99052V7.19531H1.99052%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M6.68945%206.6875L0.440488%200.438535%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2818_40603%22%3E%3Crect%20width%3D%2217.9999%22%20height%3D%2217.9999%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2818_40603)%22%3E%3Cpath%20d%3D%22M16.0156%2010.7989H10.8028V16.0117%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M11.3096%2011.3057L17.5586%2017.5547%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M10.8028%201.99052V7.19531H16.0156%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M11.3096%206.6875L17.5586%200.438535%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M1.99052%2010.7989H7.19531V16.0117%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M6.68945%2011.3057L0.440488%2017.5547%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M7.19531%201.99052V7.19531H1.99052%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M6.68945%206.6875L0.440488%200.438535%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2818_40603%22%3E%3Crect%20width%3D%2217.9999%22%20height%3D%2217.9999%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--expand {
  background: var(--blue);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2219%22%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2818_40587)%22%3E%3Cpath%20d%3D%22M12.4844%2017.2011H17.6972V11.9883%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M17.1904%2016.6943L10.9414%2010.4453%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M17.6972%206.00948V0.804688H12.4844%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M17.1904%201.3125L10.9414%207.56147%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M6.50753%2017.2011H1.30273V11.9883%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M1.80859%2016.6943L8.05756%2010.4453%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M1.30273%206.00948V0.804688H6.50753%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M1.80859%201.3125L8.05756%207.56147%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2818_40587%22%3E%3Crect%20width%3D%2217.9999%22%20height%3D%2217.9999%22%20fill%3D%22white%22%20transform%3D%22translate(0.5)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2219%22%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2818_40587)%22%3E%3Cpath%20d%3D%22M12.4844%2017.2011H17.6972V11.9883%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M17.1904%2016.6943L10.9414%2010.4453%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M17.6972%206.00948V0.804688H12.4844%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M17.1904%201.3125L10.9414%207.56147%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M6.50753%2017.2011H1.30273V11.9883%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M1.80859%2016.6943L8.05756%2010.4453%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M1.30273%206.00948V0.804688H6.50753%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M1.80859%201.3125L8.05756%207.56147%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2818_40587%22%3E%3Crect%20width%3D%2217.9999%22%20height%3D%2217.9999%22%20fill%3D%22white%22%20transform%3D%22translate(0.5)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--edit02 {
  background: var(--blue);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2215%22%20viewBox%3D%220%200%2016%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2818_40577)%22%3E%3Cpath%20d%3D%22M5.94982%2013.3787L1.30078%2014.1987L2.12074%209.54964L10.8696%200.800781L13.0433%202.97446L14.6987%204.62986L5.94982%2013.3787Z%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%221.5471%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M5.08398%2011.095L12.4172%203.76172%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%221.5471%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M2.76367%2010.0547L5.53298%2012.8317%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%221.5471%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2818_40577%22%3E%3Crect%20width%3D%2214.945%22%20height%3D%2214.945%22%20fill%3D%22white%22%20transform%3D%22translate(0.527344%200.0273438)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2215%22%20viewBox%3D%220%200%2016%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_2818_40577)%22%3E%3Cpath%20d%3D%22M5.94982%2013.3787L1.30078%2014.1987L2.12074%209.54964L10.8696%200.800781L13.0433%202.97446L14.6987%204.62986L5.94982%2013.3787Z%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%221.5471%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M5.08398%2011.095L12.4172%203.76172%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%221.5471%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M2.76367%2010.0547L5.53298%2012.8317%22%20stroke%3D%22%2317A4C4%22%20stroke-width%3D%221.5471%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_2818_40577%22%3E%3Crect%20width%3D%2214.945%22%20height%3D%2214.945%22%20fill%3D%22white%22%20transform%3D%22translate(0.527344%200.0273438)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--view {
  background: var(--blue);
  content: "";
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320 96C239.2 96 174.5 132.8 127.4 176.6C80.6 220.1 49.3 272 34.4 307.7C31.1 315.6 31.1 324.4 34.4 332.3C49.3 368 80.6 420 127.4 463.4C174.5 507.1 239.2 544 320 544C400.8 544 465.5 507.2 512.6 463.4C559.4 419.9 590.7 368 605.6 332.3C608.9 324.4 608.9 315.6 605.6 307.7C590.7 272 559.4 220 512.6 176.6C465.5 132.9 400.8 96 320 96zM176 320C176 240.5 240.5 176 320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320zM320 256C320 291.3 291.3 320 256 320C244.5 320 233.7 317 224.3 311.6C223.3 322.5 224.2 333.7 227.2 344.8C240.9 396 293.6 426.4 344.8 412.7C396 399 426.4 346.3 412.7 295.1C400.5 249.4 357.2 220.3 311.6 224.3C316.9 233.6 320 244.4 320 256z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320 96C239.2 96 174.5 132.8 127.4 176.6C80.6 220.1 49.3 272 34.4 307.7C31.1 315.6 31.1 324.4 34.4 332.3C49.3 368 80.6 420 127.4 463.4C174.5 507.1 239.2 544 320 544C400.8 544 465.5 507.2 512.6 463.4C559.4 419.9 590.7 368 605.6 332.3C608.9 324.4 608.9 315.6 605.6 307.7C590.7 272 559.4 220 512.6 176.6C465.5 132.9 400.8 96 320 96zM176 320C176 240.5 240.5 176 320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320zM320 256C320 291.3 291.3 320 256 320C244.5 320 233.7 317 224.3 311.6C223.3 322.5 224.2 333.7 227.2 344.8C240.9 396 293.6 426.4 344.8 412.7C396 399 426.4 346.3 412.7 295.1C400.5 249.4 357.2 220.3 311.6 224.3C316.9 233.6 320 244.4 320 256z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--eye {
  content: "";
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 96C239.2 96 174.5 132.8 127.4 176.6C80.6 220.1 49.3 272 34.4 307.7C31.1 315.6 31.1 324.4 34.4 332.3C49.3 368 80.6 420 127.4 463.4C174.5 507.1 239.2 544 320 544C400.8 544 465.5 507.2 512.6 463.4C559.4 419.9 590.7 368 605.6 332.3C608.9 324.4 608.9 315.6 605.6 307.7C590.7 272 559.4 220 512.6 176.6C465.5 132.9 400.8 96 320 96zM176 320C176 240.5 240.5 176 320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320zM320 256C320 291.3 291.3 320 256 320C244.5 320 233.7 317 224.3 311.6C223.3 322.5 224.2 333.7 227.2 344.8C240.9 396 293.6 426.4 344.8 412.7C396 399 426.4 346.3 412.7 295.1C400.5 249.4 357.2 220.3 311.6 224.3C316.9 233.6 320 244.4 320 256z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 96C239.2 96 174.5 132.8 127.4 176.6C80.6 220.1 49.3 272 34.4 307.7C31.1 315.6 31.1 324.4 34.4 332.3C49.3 368 80.6 420 127.4 463.4C174.5 507.1 239.2 544 320 544C400.8 544 465.5 507.2 512.6 463.4C559.4 419.9 590.7 368 605.6 332.3C608.9 324.4 608.9 315.6 605.6 307.7C590.7 272 559.4 220 512.6 176.6C465.5 132.9 400.8 96 320 96zM176 320C176 240.5 240.5 176 320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320zM320 256C320 291.3 291.3 320 256 320C244.5 320 233.7 317 224.3 311.6C223.3 322.5 224.2 333.7 227.2 344.8C240.9 396 293.6 426.4 344.8 412.7C396 399 426.4 346.3 412.7 295.1C400.5 249.4 357.2 220.3 311.6 224.3C316.9 233.6 320 244.4 320 256z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
  background: var(--blue);
}

.modIcon--brain {
  content: "";
  -webkit-mask-image: url("/assets/img/common/top/icon_brain.svg");
  mask-image: url("/assets/img/common/top/icon_brain.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
  background: var(--black);
}

.modIcon--reload {
  content: "";
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M129.9 292.5C143.2 199.5 223.3 128 320 128C373 128 421 149.5 455.8 184.2C456 184.4 456.2 184.6 456.4 184.8L464 192L416.1 192C398.4 192 384.1 206.3 384.1 224C384.1 241.7 398.4 256 416.1 256L544.1 256C561.8 256 576.1 241.7 576.1 224L576.1 96C576.1 78.3 561.8 64 544.1 64C526.4 64 512.1 78.3 512.1 96L512.1 149.4L500.8 138.7C454.5 92.6 390.5 64 320 64C191 64 84.3 159.4 66.6 283.5C64.1 301 76.2 317.2 93.7 319.7C111.2 322.2 127.4 310 129.9 292.6zM573.4 356.5C575.9 339 563.7 322.8 546.3 320.3C528.9 317.8 512.6 330 510.1 347.4C496.8 440.4 416.7 511.9 320 511.9C267 511.9 219 490.4 184.2 455.7C184 455.5 183.8 455.3 183.6 455.1L176 447.9L223.9 447.9C241.6 447.9 255.9 433.6 255.9 415.9C255.9 398.2 241.6 383.9 223.9 383.9L96 384C87.5 384 79.3 387.4 73.3 393.5C67.3 399.6 63.9 407.7 64 416.3L65 543.3C65.1 561 79.6 575.2 97.3 575C115 574.8 129.2 560.4 129 542.7L128.6 491.2L139.3 501.3C185.6 547.4 249.5 576 320 576C449 576 555.7 480.6 573.4 356.5z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M129.9 292.5C143.2 199.5 223.3 128 320 128C373 128 421 149.5 455.8 184.2C456 184.4 456.2 184.6 456.4 184.8L464 192L416.1 192C398.4 192 384.1 206.3 384.1 224C384.1 241.7 398.4 256 416.1 256L544.1 256C561.8 256 576.1 241.7 576.1 224L576.1 96C576.1 78.3 561.8 64 544.1 64C526.4 64 512.1 78.3 512.1 96L512.1 149.4L500.8 138.7C454.5 92.6 390.5 64 320 64C191 64 84.3 159.4 66.6 283.5C64.1 301 76.2 317.2 93.7 319.7C111.2 322.2 127.4 310 129.9 292.6zM573.4 356.5C575.9 339 563.7 322.8 546.3 320.3C528.9 317.8 512.6 330 510.1 347.4C496.8 440.4 416.7 511.9 320 511.9C267 511.9 219 490.4 184.2 455.7C184 455.5 183.8 455.3 183.6 455.1L176 447.9L223.9 447.9C241.6 447.9 255.9 433.6 255.9 415.9C255.9 398.2 241.6 383.9 223.9 383.9L96 384C87.5 384 79.3 387.4 73.3 393.5C67.3 399.6 63.9 407.7 64 416.3L65 543.3C65.1 561 79.6 575.2 97.3 575C115 574.8 129.2 560.4 129 542.7L128.6 491.2L139.3 501.3C185.6 547.4 249.5 576 320 576C449 576 555.7 480.6 573.4 356.5z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
  background: var(--blue);
}

.modIcon--brainPurple {
  content: "";
  -webkit-mask-image: url("/assets/img/common/top/icon_brain.svg");
  mask-image: url("/assets/img/common/top/icon_brain.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
  background: #e44ab9;
}

.modIcon--globe {
  content: "";
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M415.9 344L225 344C227.9 408.5 242.2 467.9 262.5 511.4C273.9 535.9 286.2 553.2 297.6 563.8C308.8 574.3 316.5 576 320.5 576C324.5 576 332.2 574.3 343.4 563.8C354.8 553.2 367.1 535.8 378.5 511.4C398.8 467.9 413.1 408.5 416 344zM224.9 296L415.8 296C413 231.5 398.7 172.1 378.4 128.6C367 104.2 354.7 86.8 343.3 76.2C332.1 65.7 324.4 64 320.4 64C316.4 64 308.7 65.7 297.5 76.2C286.1 86.8 273.8 104.2 262.4 128.6C242.1 172.1 227.8 231.5 224.9 296zM176.9 296C180.4 210.4 202.5 130.9 234.8 78.7C142.7 111.3 74.9 195.2 65.5 296L176.9 296zM65.5 344C74.9 444.8 142.7 528.7 234.8 561.3C202.5 509.1 180.4 429.6 176.9 344L65.5 344zM463.9 344C460.4 429.6 438.3 509.1 406 561.3C498.1 528.6 565.9 444.8 575.3 344L463.9 344zM575.3 296C565.9 195.2 498.1 111.3 406 78.7C438.3 130.9 460.4 210.4 463.9 296L575.3 296z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M415.9 344L225 344C227.9 408.5 242.2 467.9 262.5 511.4C273.9 535.9 286.2 553.2 297.6 563.8C308.8 574.3 316.5 576 320.5 576C324.5 576 332.2 574.3 343.4 563.8C354.8 553.2 367.1 535.8 378.5 511.4C398.8 467.9 413.1 408.5 416 344zM224.9 296L415.8 296C413 231.5 398.7 172.1 378.4 128.6C367 104.2 354.7 86.8 343.3 76.2C332.1 65.7 324.4 64 320.4 64C316.4 64 308.7 65.7 297.5 76.2C286.1 86.8 273.8 104.2 262.4 128.6C242.1 172.1 227.8 231.5 224.9 296zM176.9 296C180.4 210.4 202.5 130.9 234.8 78.7C142.7 111.3 74.9 195.2 65.5 296L176.9 296zM65.5 344C74.9 444.8 142.7 528.7 234.8 561.3C202.5 509.1 180.4 429.6 176.9 344L65.5 344zM463.9 344C460.4 429.6 438.3 509.1 406 561.3C498.1 528.6 565.9 444.8 575.3 344L463.9 344zM575.3 296C565.9 195.2 498.1 111.3 406 78.7C438.3 130.9 460.4 210.4 463.9 296L575.3 296z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
  background: var(--blue);
  flex-shrink: 0;
}

.modIcon--edit {
  content: "";
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
  background: var(--darkGreen);
}

.modIcon--lightingGreen {
  content: "";
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M434.8 54.1C446.7 62.7 451.1 78.3 445.7 91.9L367.3 288L512 288C525.5 288 537.5 296.4 542.1 309.1C546.7 321.8 542.8 336 532.5 344.6L244.5 584.6C233.2 594 217.1 594.5 205.2 585.9C193.3 577.3 188.9 561.7 194.3 548.1L272.7 352L128 352C114.5 352 102.5 343.6 97.9 330.9C93.3 318.2 97.2 304 107.5 295.4L395.5 55.4C406.8 46 422.9 45.5 434.8 54.1z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M434.8 54.1C446.7 62.7 451.1 78.3 445.7 91.9L367.3 288L512 288C525.5 288 537.5 296.4 542.1 309.1C546.7 321.8 542.8 336 532.5 344.6L244.5 584.6C233.2 594 217.1 594.5 205.2 585.9C193.3 577.3 188.9 561.7 194.3 548.1L272.7 352L128 352C114.5 352 102.5 343.6 97.9 330.9C93.3 318.2 97.2 304 107.5 295.4L395.5 55.4C406.8 46 422.9 45.5 434.8 54.1z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
  background: var(--darkGreen);
}

.modIcon--lightingRed {
  content: "";
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M434.8 54.1C446.7 62.7 451.1 78.3 445.7 91.9L367.3 288L512 288C525.5 288 537.5 296.4 542.1 309.1C546.7 321.8 542.8 336 532.5 344.6L244.5 584.6C233.2 594 217.1 594.5 205.2 585.9C193.3 577.3 188.9 561.7 194.3 548.1L272.7 352L128 352C114.5 352 102.5 343.6 97.9 330.9C93.3 318.2 97.2 304 107.5 295.4L395.5 55.4C406.8 46 422.9 45.5 434.8 54.1z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M434.8 54.1C446.7 62.7 451.1 78.3 445.7 91.9L367.3 288L512 288C525.5 288 537.5 296.4 542.1 309.1C546.7 321.8 542.8 336 532.5 344.6L244.5 584.6C233.2 594 217.1 594.5 205.2 585.9C193.3 577.3 188.9 561.7 194.3 548.1L272.7 352L128 352C114.5 352 102.5 343.6 97.9 330.9C93.3 318.2 97.2 304 107.5 295.4L395.5 55.4C406.8 46 422.9 45.5 434.8 54.1z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
  background: var(--red);
}

.modIcon--user {
  background: var(--black);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M240 192C240 147.8 275.8 112 320 112C364.2 112 400 147.8 400 192C400 236.2 364.2 272 320 272C275.8 272 240 236.2 240 192zM448 192C448 121.3 390.7 64 320 64C249.3 64 192 121.3 192 192C192 262.7 249.3 320 320 320C390.7 320 448 262.7 448 192zM144 544C144 473.3 201.3 416 272 416L368 416C438.7 416 496 473.3 496 544L496 552C496 565.3 506.7 576 520 576C533.3 576 544 565.3 544 552L544 544C544 446.8 465.2 368 368 368L272 368C174.8 368 96 446.8 96 544L96 552C96 565.3 106.7 576 120 576C133.3 576 144 565.3 144 552L144 544z'/%3E%3C/svg%3E") no-repeat center center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M240 192C240 147.8 275.8 112 320 112C364.2 112 400 147.8 400 192C400 236.2 364.2 272 320 272C275.8 272 240 236.2 240 192zM448 192C448 121.3 390.7 64 320 64C249.3 64 192 121.3 192 192C192 262.7 249.3 320 320 320C390.7 320 448 262.7 448 192zM144 544C144 473.3 201.3 416 272 416L368 416C438.7 416 496 473.3 496 544L496 552C496 565.3 506.7 576 520 576C533.3 576 544 565.3 544 552L544 544C544 446.8 465.2 368 368 368L272 368C174.8 368 96 446.8 96 544L96 552C96 565.3 106.7 576 120 576C133.3 576 144 565.3 144 552L144 544z'/%3E%3C/svg%3E") no-repeat center center/contain;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--info {
  background: var(--black);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM288 224C288 206.3 302.3 192 320 192C337.7 192 352 206.3 352 224C352 241.7 337.7 256 320 256C302.3 256 288 241.7 288 224zM280 288L328 288C341.3 288 352 298.7 352 312L352 400L360 400C373.3 400 384 410.7 384 424C384 437.3 373.3 448 360 448L280 448C266.7 448 256 437.3 256 424C256 410.7 266.7 400 280 400L304 400L304 336L280 336C266.7 336 256 325.3 256 312C256 298.7 266.7 288 280 288z'/%3E%3C/svg%3E") no-repeat center center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM288 224C288 206.3 302.3 192 320 192C337.7 192 352 206.3 352 224C352 241.7 337.7 256 320 256C302.3 256 288 241.7 288 224zM280 288L328 288C341.3 288 352 298.7 352 312L352 400L360 400C373.3 400 384 410.7 384 424C384 437.3 373.3 448 360 448L280 448C266.7 448 256 437.3 256 424C256 410.7 266.7 400 280 400L304 400L304 336L280 336C266.7 336 256 325.3 256 312C256 298.7 266.7 288 280 288z'/%3E%3C/svg%3E") no-repeat center center/contain;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 30px;
  height: 30px;
}

.modIcon--document {
  background: var(--black);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M192 112L304 112L304 200C304 239.8 336.2 272 376 272L464 272L464 512C464 520.8 456.8 528 448 528L192 528C183.2 528 176 520.8 176 512L176 128C176 119.2 183.2 112 192 112zM352 131.9L444.1 224L376 224C362.7 224 352 213.3 352 200L352 131.9zM192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 250.5C512 233.5 505.3 217.2 493.3 205.2L370.7 82.7C358.7 70.7 342.5 64 325.5 64L192 64zM248 320C234.7 320 224 330.7 224 344C224 357.3 234.7 368 248 368L392 368C405.3 368 416 357.3 416 344C416 330.7 405.3 320 392 320L248 320zM248 416C234.7 416 224 426.7 224 440C224 453.3 234.7 464 248 464L392 464C405.3 464 416 453.3 416 440C416 426.7 405.3 416 392 416L248 416z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M192 112L304 112L304 200C304 239.8 336.2 272 376 272L464 272L464 512C464 520.8 456.8 528 448 528L192 528C183.2 528 176 520.8 176 512L176 128C176 119.2 183.2 112 192 112zM352 131.9L444.1 224L376 224C362.7 224 352 213.3 352 200L352 131.9zM192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 250.5C512 233.5 505.3 217.2 493.3 205.2L370.7 82.7C358.7 70.7 342.5 64 325.5 64L192 64zM248 320C234.7 320 224 330.7 224 344C224 357.3 234.7 368 248 368L392 368C405.3 368 416 357.3 416 344C416 330.7 405.3 320 392 320L248 320zM248 416C234.7 416 224 426.7 224 440C224 453.3 234.7 464 248 464L392 464C405.3 464 416 453.3 416 440C416 426.7 405.3 416 392 416L248 416z'/%3E%3C/svg%3E");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  height: 30px;
}

.modIcon--warning {
  background: var(--red);
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320 64C334.7 64 348.2 72.1 355.2 85L571.2 485C577.9 497.4 577.6 512.4 570.4 524.5C563.2 536.6 550.1 544 536 544L104 544C89.9 544 76.9 536.6 69.6 524.5C62.3 512.4 62.1 497.4 68.8 485L284.8 85C291.8 72.1 305.3 64 320 64zM320 232C306.7 232 296 242.7 296 256L296 368C296 381.3 306.7 392 320 392C333.3 392 344 381.3 344 368L344 256C344 242.7 333.3 232 320 232zM346.7 448C347.3 438.1 342.4 428.7 333.9 423.5C325.4 418.4 314.7 418.4 306.2 423.5C297.7 428.7 292.8 438.1 293.4 448C292.8 457.9 297.7 467.3 306.2 472.5C314.7 477.6 325.4 477.6 333.9 472.5C342.4 467.3 347.3 457.9 346.7 448z'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320 64C334.7 64 348.2 72.1 355.2 85L571.2 485C577.9 497.4 577.6 512.4 570.4 524.5C563.2 536.6 550.1 544 536 544L104 544C89.9 544 76.9 536.6 69.6 524.5C62.3 512.4 62.1 497.4 68.8 485L284.8 85C291.8 72.1 305.3 64 320 64zM320 232C306.7 232 296 242.7 296 256L296 368C296 381.3 306.7 392 320 392C333.3 392 344 381.3 344 368L344 256C344 242.7 333.3 232 320 232zM346.7 448C347.3 438.1 342.4 428.7 333.9 423.5C325.4 418.4 314.7 418.4 306.2 423.5C297.7 428.7 292.8 438.1 293.4 448C292.8 457.9 297.7 467.3 306.2 472.5C314.7 477.6 325.4 477.6 333.9 472.5C342.4 467.3 347.3 457.9 346.7 448z'/></svg>");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--download {
  background: var(--blue);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M352 96C352 78.3 337.7 64 320 64C302.3 64 288 78.3 288 96L288 306.7L246.6 265.3C234.1 252.8 213.8 252.8 201.3 265.3C188.8 277.8 188.8 298.1 201.3 310.6L297.3 406.6C309.8 419.1 330.1 419.1 342.6 406.6L438.6 310.6C451.1 298.1 451.1 277.8 438.6 265.3C426.1 252.8 405.8 252.8 393.3 265.3L352 306.7L352 96zM160 384C124.7 384 96 412.7 96 448L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 448C544 412.7 515.3 384 480 384L433.1 384L376.5 440.6C345.3 471.8 294.6 471.8 263.4 440.6L206.9 384L160 384zM464 440C477.3 440 488 450.7 488 464C488 477.3 477.3 488 464 488C450.7 488 440 477.3 440 464C440 450.7 450.7 440 464 440z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M352 96C352 78.3 337.7 64 320 64C302.3 64 288 78.3 288 96L288 306.7L246.6 265.3C234.1 252.8 213.8 252.8 201.3 265.3C188.8 277.8 188.8 298.1 201.3 310.6L297.3 406.6C309.8 419.1 330.1 419.1 342.6 406.6L438.6 310.6C451.1 298.1 451.1 277.8 438.6 265.3C426.1 252.8 405.8 252.8 393.3 265.3L352 306.7L352 96zM160 384C124.7 384 96 412.7 96 448L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 448C544 412.7 515.3 384 480 384L433.1 384L376.5 440.6C345.3 471.8 294.6 471.8 263.4 440.6L206.9 384L160 384zM464 440C477.3 440 488 450.7 488 464C488 477.3 477.3 488 464 488C450.7 488 440 477.3 440 464C440 450.7 450.7 440 464 440z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--upload {
  background: var(--blue);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M352 173.3L352 384C352 401.7 337.7 416 320 416C302.3 416 288 401.7 288 384L288 173.3L246.6 214.7C234.1 227.2 213.8 227.2 201.3 214.7C188.8 202.2 188.8 181.9 201.3 169.4L297.3 73.4C309.8 60.9 330.1 60.9 342.6 73.4L438.6 169.4C451.1 181.9 451.1 202.2 438.6 214.7C426.1 227.2 405.8 227.2 393.3 214.7L352 173.3zM320 464C364.2 464 400 428.2 400 384L480 384C515.3 384 544 412.7 544 448L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 448C96 412.7 124.7 384 160 384L240 384C240 428.2 275.8 464 320 464zM464 488C477.3 488 488 477.3 488 464C488 450.7 477.3 440 464 440C450.7 440 440 450.7 440 464C440 477.3 450.7 488 464 488z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M352 173.3L352 384C352 401.7 337.7 416 320 416C302.3 416 288 401.7 288 384L288 173.3L246.6 214.7C234.1 227.2 213.8 227.2 201.3 214.7C188.8 202.2 188.8 181.9 201.3 169.4L297.3 73.4C309.8 60.9 330.1 60.9 342.6 73.4L438.6 169.4C451.1 181.9 451.1 202.2 438.6 214.7C426.1 227.2 405.8 227.2 393.3 214.7L352 173.3zM320 464C364.2 464 400 428.2 400 384L480 384C515.3 384 544 412.7 544 448L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 448C96 412.7 124.7 384 160 384L240 384C240 428.2 275.8 464 320 464zM464 488C477.3 488 488 477.3 488 464C488 450.7 477.3 440 464 440C450.7 440 440 450.7 440 464C440 477.3 450.7 488 464 488z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--external {
  background: var(--blue);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M384 64C366.3 64 352 78.3 352 96C352 113.7 366.3 128 384 128L466.7 128L265.3 329.4C252.8 341.9 252.8 362.2 265.3 374.7C277.8 387.2 298.1 387.2 310.6 374.7L512 173.3L512 256C512 273.7 526.3 288 544 288C561.7 288 576 273.7 576 256L576 96C576 78.3 561.7 64 544 64L384 64zM144 160C99.8 160 64 195.8 64 240L64 496C64 540.2 99.8 576 144 576L400 576C444.2 576 480 540.2 480 496L480 416C480 398.3 465.7 384 448 384C430.3 384 416 398.3 416 416L416 496C416 504.8 408.8 512 400 512L144 512C135.2 512 128 504.8 128 496L128 240C128 231.2 135.2 224 144 224L224 224C241.7 224 256 209.7 256 192C256 174.3 241.7 160 224 160L144 160z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M384 64C366.3 64 352 78.3 352 96C352 113.7 366.3 128 384 128L466.7 128L265.3 329.4C252.8 341.9 252.8 362.2 265.3 374.7C277.8 387.2 298.1 387.2 310.6 374.7L512 173.3L512 256C512 273.7 526.3 288 544 288C561.7 288 576 273.7 576 256L576 96C576 78.3 561.7 64 544 64L384 64zM144 160C99.8 160 64 195.8 64 240L64 496C64 540.2 99.8 576 144 576L400 576C444.2 576 480 540.2 480 496L480 416C480 398.3 465.7 384 448 384C430.3 384 416 398.3 416 416L416 496C416 504.8 408.8 512 400 512L144 512C135.2 512 128 504.8 128 496L128 240C128 231.2 135.2 224 144 224L224 224C241.7 224 256 209.7 256 192C256 174.3 241.7 160 224 160L144 160z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--download {
  background: var(--blue);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cline%20x1%3D%2212%22%20y1%3D%223%22%20x2%3D%2212%22%20y2%3D%2216%22/%3E%3Cpolyline%20points%3D%228%2012%2012%2016%2016%2012%22/%3E%3Cpath%20d%3D%22M20%2016v4a1.08%201.08%200%200%201-1.14%201H5.14A1.08%201.08%200%200%201%204%2020V16%22/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cline%20x1%3D%2212%22%20y1%3D%223%22%20x2%3D%2212%22%20y2%3D%2216%22/%3E%3Cpolyline%20points%3D%228%2012%2012%2016%2016%2012%22/%3E%3Cpath%20d%3D%22M20%2016v4a1.08%201.08%200%200%201-1.14%201H5.14A1.08%201.08%200%200%201%204%2020V16%22/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--chevronLeft {
  background: var(--blue);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 6L9 12L15 18' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 6L9 12L15 18' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--chevronRight {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--completed {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM404.4 276.7C411.4 265.5 408 250.7 396.8 243.6C385.6 236.5 370.8 240 363.7 251.2L302.3 349.5L275.3 313.5C267.3 302.9 252.3 300.7 241.7 308.7C231.1 316.7 228.9 331.7 236.9 342.3L284.9 406.3C289.6 412.6 297.2 416.2 305.1 415.9C313 415.6 320.2 411.4 324.4 404.6L404.4 276.6z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM404.4 276.7C411.4 265.5 408 250.7 396.8 243.6C385.6 236.5 370.8 240 363.7 251.2L302.3 349.5L275.3 313.5C267.3 302.9 252.3 300.7 241.7 308.7C231.1 316.7 228.9 331.7 236.9 342.3L284.9 406.3C289.6 412.6 297.2 416.2 305.1 415.9C313 415.6 320.2 411.4 324.4 404.6L404.4 276.6z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--arrowTrendUp {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M416 224C398.3 224 384 209.7 384 192C384 174.3 398.3 160 416 160L576 160C593.7 160 608 174.3 608 192L608 352C608 369.7 593.7 384 576 384C558.3 384 544 369.7 544 352L544 269.3L374.6 438.7C362.1 451.2 341.8 451.2 329.3 438.7L224 333.3L86.6 470.6C74.1 483.1 53.8 483.1 41.3 470.6C28.8 458.1 28.8 437.8 41.3 425.3L201.3 265.3C213.8 252.8 234.1 252.8 246.6 265.3L352 370.7L498.7 224L416 224z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M416 224C398.3 224 384 209.7 384 192C384 174.3 398.3 160 416 160L576 160C593.7 160 608 174.3 608 192L608 352C608 369.7 593.7 384 576 384C558.3 384 544 369.7 544 352L544 269.3L374.6 438.7C362.1 451.2 341.8 451.2 329.3 438.7L224 333.3L86.6 470.6C74.1 483.1 53.8 483.1 41.3 470.6C28.8 458.1 28.8 437.8 41.3 425.3L201.3 265.3C213.8 252.8 234.1 252.8 246.6 265.3L352 370.7L498.7 224L416 224z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--inProgress {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C240.4 221.6 255.6 221.6 264.9 231L319.9 286L374.9 231C384.3 221.6 399.5 221.6 408.8 231C418.1 240.4 418.2 255.6 408.8 264.9L353.8 319.9L408.8 374.9C418.2 384.3 418.2 399.5 408.8 408.8C399.4 418.1 384.2 418.2 374.9 408.8L319.9 353.8L264.9 408.8C255.5 418.2 240.3 418.2 231 408.8C221.7 399.4 221.6 384.2 231 374.9L286 319.9L231 264.9C221.6 255.5 221.6 240.3 231 231z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM231 231C240.4 221.6 255.6 221.6 264.9 231L319.9 286L374.9 231C384.3 221.6 399.5 221.6 408.8 231C418.1 240.4 418.2 255.6 408.8 264.9L353.8 319.9L408.8 374.9C418.2 384.3 418.2 399.5 408.8 408.8C399.4 418.1 384.2 418.2 374.9 408.8L319.9 353.8L264.9 408.8C255.5 418.2 240.3 418.2 231 408.8C221.7 399.4 221.6 384.2 231 374.9L286 319.9L231 264.9C221.6 255.5 221.6 240.3 231 231z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--sideMenu {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M96 128C78.3 128 64 142.3 64 160C64 177.7 78.3 192 96 192L182.7 192C195 220.3 223.2 240 256 240C288.8 240 317 220.3 329.3 192L544 192C561.7 192 576 177.7 576 160C576 142.3 561.7 128 544 128L329.3 128C317 99.7 288.8 80 256 80C223.2 80 195 99.7 182.7 128L96 128zM96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L342.7 352C355 380.3 383.2 400 416 400C448.8 400 477 380.3 489.3 352L544 352C561.7 352 576 337.7 576 320C576 302.3 561.7 288 544 288L489.3 288C477 259.7 448.8 240 416 240C383.2 240 355 259.7 342.7 288L96 288zM96 448C78.3 448 64 462.3 64 480C64 497.7 78.3 512 96 512L150.7 512C163 540.3 191.2 560 224 560C256.8 560 285 540.3 297.3 512L544 512C561.7 512 576 497.7 576 480C576 462.3 561.7 448 544 448L297.3 448C285 419.7 256.8 400 224 400C191.2 400 163 419.7 150.7 448L96 448z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M96 128C78.3 128 64 142.3 64 160C64 177.7 78.3 192 96 192L182.7 192C195 220.3 223.2 240 256 240C288.8 240 317 220.3 329.3 192L544 192C561.7 192 576 177.7 576 160C576 142.3 561.7 128 544 128L329.3 128C317 99.7 288.8 80 256 80C223.2 80 195 99.7 182.7 128L96 128zM96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L342.7 352C355 380.3 383.2 400 416 400C448.8 400 477 380.3 489.3 352L544 352C561.7 352 576 337.7 576 320C576 302.3 561.7 288 544 288L489.3 288C477 259.7 448.8 240 416 240C383.2 240 355 259.7 342.7 288L96 288zM96 448C78.3 448 64 462.3 64 480C64 497.7 78.3 512 96 512L150.7 512C163 540.3 191.2 560 224 560C256.8 560 285 540.3 297.3 512L544 512C561.7 512 576 497.7 576 480C576 462.3 561.7 448 544 448L297.3 448C285 419.7 256.8 400 224 400C191.2 400 163 419.7 150.7 448L96 448z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background: var(--black);
}

.modIcon--users {
  content: "";
  background: var(--black);
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1251_98416)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0C5.96243 0 3.5 2.46243 3.5 5.5C3.5 8.53757 5.96243 11 9 11C12.0376 11 14.5 8.53757 14.5 5.5C14.5 2.46243 12.0376 0 9 0ZM5.5 5.5C5.5 3.567 7.067 2 9 2C10.933 2 12.5 3.567 12.5 5.5C12.5 7.433 10.933 9 9 9C7.067 9 5.5 7.433 5.5 5.5Z' fill='%23000'/%3E%3Cpath d='M15.5 0C14.9477 0 14.5 0.447715 14.5 1C14.5 1.55228 14.9477 2 15.5 2C17.433 2 19 3.567 19 5.5C19 7.433 17.433 9 15.5 9C14.9477 9 14.5 9.44771 14.5 10C14.5 10.5523 14.9477 11 15.5 11C18.5376 11 21 8.53757 21 5.5C21 2.46243 18.5376 0 15.5 0Z' fill='%23000'/%3E%3Cpath d='M19.0837 14.0157C19.3048 13.5096 19.8943 13.2786 20.4004 13.4997C22.5174 14.4246 24 16.538 24 19V21C24 21.5523 23.5523 22 23 22C22.4477 22 22 21.5523 22 21V19C22 17.3613 21.0145 15.9505 19.5996 15.3324C19.0935 15.1113 18.8625 14.5217 19.0837 14.0157Z' fill='%23000'/%3E%3Cpath d='M6 13C2.68629 13 0 15.6863 0 19V21C0 21.5523 0.447715 22 1 22C1.55228 22 2 21.5523 2 21V19C2 16.7909 3.79086 15 6 15H12C14.2091 15 16 16.7909 16 19V21C16 21.5523 16.4477 22 17 22C17.5523 22 18 21.5523 18 21V19C18 15.6863 15.3137 13 12 13H6Z' fill='%23000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1251_98416'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1251_98416)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0C5.96243 0 3.5 2.46243 3.5 5.5C3.5 8.53757 5.96243 11 9 11C12.0376 11 14.5 8.53757 14.5 5.5C14.5 2.46243 12.0376 0 9 0ZM5.5 5.5C5.5 3.567 7.067 2 9 2C10.933 2 12.5 3.567 12.5 5.5C12.5 7.433 10.933 9 9 9C7.067 9 5.5 7.433 5.5 5.5Z' fill='%23000'/%3E%3Cpath d='M15.5 0C14.9477 0 14.5 0.447715 14.5 1C14.5 1.55228 14.9477 2 15.5 2C17.433 2 19 3.567 19 5.5C19 7.433 17.433 9 15.5 9C14.9477 9 14.5 9.44771 14.5 10C14.5 10.5523 14.9477 11 15.5 11C18.5376 11 21 8.53757 21 5.5C21 2.46243 18.5376 0 15.5 0Z' fill='%23000'/%3E%3Cpath d='M19.0837 14.0157C19.3048 13.5096 19.8943 13.2786 20.4004 13.4997C22.5174 14.4246 24 16.538 24 19V21C24 21.5523 23.5523 22 23 22C22.4477 22 22 21.5523 22 21V19C22 17.3613 21.0145 15.9505 19.5996 15.3324C19.0935 15.1113 18.8625 14.5217 19.0837 14.0157Z' fill='%23000'/%3E%3Cpath d='M6 13C2.68629 13 0 15.6863 0 19V21C0 21.5523 0.447715 22 1 22C1.55228 22 2 21.5523 2 21V19C2 16.7909 3.79086 15 6 15H12C14.2091 15 16 16.7909 16 19V21C16 21.5523 16.4477 22 17 22C17.5523 22 18 21.5523 18 21V19C18 15.6863 15.3137 13 12 13H6Z' fill='%23000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1251_98416'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 24px;
  height: 30px;
  display: block;
}

.modIcon--folder {
  content: "";
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M88 289.6L64.4 360.2L64.4 160C64.4 124.7 93.1 96 128.4 96L267.1 96C280.9 96 294.4 100.5 305.5 108.8L343.9 137.6C349.4 141.8 356.2 144 363.1 144L480.4 144C515.7 144 544.4 172.7 544.4 208L544.4 224L179 224C137.7 224 101 250.4 87.9 289.6zM509.8 512L131 512C98.2 512 75.1 479.9 85.5 448.8L133.5 304.8C140 285.2 158.4 272 179 272L557.8 272C590.6 272 613.7 304.1 603.3 335.2L555.3 479.2C548.8 498.8 530.4 512 509.8 512z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M88 289.6L64.4 360.2L64.4 160C64.4 124.7 93.1 96 128.4 96L267.1 96C280.9 96 294.4 100.5 305.5 108.8L343.9 137.6C349.4 141.8 356.2 144 363.1 144L480.4 144C515.7 144 544.4 172.7 544.4 208L544.4 224L179 224C137.7 224 101 250.4 87.9 289.6zM509.8 512L131 512C98.2 512 75.1 479.9 85.5 448.8L133.5 304.8C140 285.2 158.4 272 179 272L557.8 272C590.6 272 613.7 304.1 603.3 335.2L555.3 479.2C548.8 498.8 530.4 512 509.8 512z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
}

.modIcon--building {
  content: "";
  background: var(--black);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 128C512 92.7 483.3 64 448 64L192 64zM304 416L336 416C353.7 416 368 430.3 368 448L368 528L272 528L272 448C272 430.3 286.3 416 304 416zM224 176C224 167.2 231.2 160 240 160L272 160C280.8 160 288 167.2 288 176L288 208C288 216.8 280.8 224 272 224L240 224C231.2 224 224 216.8 224 208L224 176zM368 160L400 160C408.8 160 416 167.2 416 176L416 208C416 216.8 408.8 224 400 224L368 224C359.2 224 352 216.8 352 208L352 176C352 167.2 359.2 160 368 160zM224 304C224 295.2 231.2 288 240 288L272 288C280.8 288 288 295.2 288 304L288 336C288 344.8 280.8 352 272 352L240 352C231.2 352 224 344.8 224 336L224 304zM368 288L400 288C408.8 288 416 295.2 416 304L416 336C416 344.8 408.8 352 400 352L368 352C359.2 352 352 344.8 352 336L352 304C352 295.2 359.2 288 368 288z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 128C512 92.7 483.3 64 448 64L192 64zM304 416L336 416C353.7 416 368 430.3 368 448L368 528L272 528L272 448C272 430.3 286.3 416 304 416zM224 176C224 167.2 231.2 160 240 160L272 160C280.8 160 288 167.2 288 176L288 208C288 216.8 280.8 224 272 224L240 224C231.2 224 224 216.8 224 208L224 176zM368 160L400 160C408.8 160 416 167.2 416 176L416 208C416 216.8 408.8 224 400 224L368 224C359.2 224 352 216.8 352 208L352 176C352 167.2 359.2 160 368 160zM224 304C224 295.2 231.2 288 240 288L272 288C280.8 288 288 295.2 288 304L288 336C288 344.8 280.8 352 272 352L240 352C231.2 352 224 344.8 224 336L224 304zM368 288L400 288C408.8 288 416 295.2 416 304L416 336C416 344.8 408.8 352 400 352L368 352C359.2 352 352 344.8 352 336L352 304C352 295.2 359.2 288 368 288z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
}

.modIcon--delete {
  content: "";
  background: var(--black);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M170.5 51.6L151.5 80l145 0-19-28.4c-1.5-2.2-4-3.6-6.7-3.6l-93.7 0c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80 368 80l48 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 304c0 44.2-35.8 80-80 80l-224 0c-44.2 0-80-35.8-80-80l0-304-8 0c-13.3 0-24-10.7-24-24S10.7 80 24 80l8 0 48 0 13.8 0 36.7-55.1C140.9 9.4 158.4 0 177.1 0l93.7 0c18.7 0 36.2 9.4 46.6 24.9zM80 128l0 304c0 17.7 14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-304L80 128zm80 64l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3E%3C/svg%3E") no-repeat center center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M170.5 51.6L151.5 80l145 0-19-28.4c-1.5-2.2-4-3.6-6.7-3.6l-93.7 0c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80 368 80l48 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 304c0 44.2-35.8 80-80 80l-224 0c-44.2 0-80-35.8-80-80l0-304-8 0c-13.3 0-24-10.7-24-24S10.7 80 24 80l8 0 48 0 13.8 0 36.7-55.1C140.9 9.4 158.4 0 177.1 0l93.7 0c18.7 0 36.2 9.4 46.6 24.9zM80 128l0 304c0 17.7 14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-304L80 128zm80 64l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3E%3C/svg%3E") no-repeat center center/contain;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
}

.modIcon--sidebar {
  background: var(--blue);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M50.008,56l-35.989,0c-3.309,0 -5.995,-2.686 -5.995,-5.995l0,-36.011c0,-3.308 2.686,-5.995 5.995,-5.995l35.989,0c3.309,0 5.995,2.687 5.995,5.995l0,36.011c0,3.309 -2.686,5.995 -5.995,5.995Zm-25.984,-4.001l0,-39.999l-9.012,0c-1.65,0 -2.989,1.339 -2.989,2.989l0,34.021c0,1.65 1.339,2.989 2.989,2.989l9.012,0Zm24.991,-39.999l-20.991,0l0,39.999l20.991,0c1.65,0 2.989,-1.339 2.989,-2.989l0,-34.021c0,-1.65 -1.339,-2.989 -2.989,-2.989Z'/%3E%3Cpath d='M16.024,38.774l6.828,-6.828l-6.828,-6.829l-2.829,2.829l4,4l-4,4l2.829,2.828Z'/%3E%3C/svg%3E") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M50.008,56l-35.989,0c-3.309,0 -5.995,-2.686 -5.995,-5.995l0,-36.011c0,-3.308 2.686,-5.995 5.995,-5.995l35.989,0c3.309,0 5.995,2.687 5.995,5.995l0,36.011c0,3.309 -2.686,5.995 -5.995,5.995Zm-25.984,-4.001l0,-39.999l-9.012,0c-1.65,0 -2.989,1.339 -2.989,2.989l0,34.021c0,1.65 1.339,2.989 2.989,2.989l9.012,0Zm24.991,-39.999l-20.991,0l0,39.999l20.991,0c1.65,0 2.989,-1.339 2.989,-2.989l0,-34.021c0,-1.65 -1.339,-2.989 -2.989,-2.989Z'/%3E%3Cpath d='M16.024,38.774l6.828,-6.828l-6.828,-6.829l-2.829,2.829l4,4l-4,4l2.829,2.828Z'/%3E%3C/svg%3E") no-repeat center/contain;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 15px;
  height: 15px;
}

.modIcon--message {
  content: "";
  background: var(--black);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M267.7 576.9C267.7 576.9 267.7 576.9 267.7 576.9L229.9 603.6C222.6 608.8 213 609.4 205 605.3C197 601.2 192 593 192 584L192 512L160 512C107 512 64 469 64 416L64 192C64 139 107 96 160 96L480 96C533 96 576 139 576 192L576 416C576 469 533 512 480 512L359.6 512L267.7 576.9zM332 472.8C340.1 467.1 349.8 464 359.7 464L480 464C506.5 464 528 442.5 528 416L528 192C528 165.5 506.5 144 480 144L160 144C133.5 144 112 165.5 112 192L112 416C112 442.5 133.5 464 160 464L216 464C226.4 464 235.3 470.6 238.6 479.9C239.5 482.4 240 485.1 240 488L240 537.7C272.7 514.6 303.3 493 331.9 472.8z'/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M267.7 576.9C267.7 576.9 267.7 576.9 267.7 576.9L229.9 603.6C222.6 608.8 213 609.4 205 605.3C197 601.2 192 593 192 584L192 512L160 512C107 512 64 469 64 416L64 192C64 139 107 96 160 96L480 96C533 96 576 139 576 192L576 416C576 469 533 512 480 512L359.6 512L267.7 576.9zM332 472.8C340.1 467.1 349.8 464 359.7 464L480 464C506.5 464 528 442.5 528 416L528 192C528 165.5 506.5 144 480 144L160 144C133.5 144 112 165.5 112 192L112 416C112 442.5 133.5 464 160 464L216 464C226.4 464 235.3 470.6 238.6 479.9C239.5 482.4 240 485.1 240 488L240 537.7C272.7 514.6 303.3 493 331.9 472.8z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
}

.modIcon--hat {
  content: "";
  background: var(--black);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 10v6M2 10l10-5 10 5-10 5z'/><path d='M6 12v5c3 3 9 3 12 0v-5'/></svg>");
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 10v6M2 10l10-5 10 5-10 5z'/><path d='M6 12v5c3 3 9 3 12 0v-5'/></svg>");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
}

.modIcon--award {
  content: "";
  background: var(--black);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8 13.4722V21L12 19L16 21V13.4722M18 9C18 12.3137 15.3137 15 12 15C8.68629 15 6 12.3137 6 9C6 5.68629 8.68629 3 12 3C15.3137 3 18 5.68629 18 9Z'/></svg>");
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8 13.4722V21L12 19L16 21V13.4722M18 9C18 12.3137 15.3137 15 12 15C8.68629 15 6 12.3137 6 9C6 5.68629 8.68629 3 12 3C15.3137 3 18 5.68629 18 9Z'/></svg>");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
}

.modIcon--analyze {
  background: var(--blue);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64L0 400c0 44.2 35.8 80 80 80l400 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 416c-8.8 0-16-7.2-16-16L64 64zm406.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L320 210.7l-57.4-57.4c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L240 221.3l57.4 57.4c12.5 12.5 32.8 12.5 45.3 0l128-128z'/%3E%3C/svg%3E") no-repeat center center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64L0 400c0 44.2 35.8 80 80 80l400 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 416c-8.8 0-16-7.2-16-16L64 64zm406.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L320 210.7l-57.4-57.4c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L240 221.3l57.4 57.4c12.5 12.5 32.8 12.5 45.3 0l128-128z'/%3E%3C/svg%3E") no-repeat center center/contain;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--scrollDown {
  background: var(--blue);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M297.4 470.6C309.9 483.1 330.2 483.1 342.7 470.6L534.7 278.6C547.2 266.1 547.2 245.8 534.7 233.3C522.2 220.8 501.9 220.8 489.4 233.3L320 402.7L150.6 233.4C138.1 220.9 117.8 220.9 105.3 233.4C92.8 245.9 92.8 266.2 105.3 278.7L297.3 470.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transform: scale(1, 1);
  transition: 0.3s ease-out;
}

.modIcon--chat {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M267.7 576.9C267.7 576.9 267.7 576.9 267.7 576.9L229.9 603.6C222.6 608.8 213 609.4 205 605.3C197 601.2 192 593 192 584L192 512L160 512C107 512 64 469 64 416L64 192C64 139 107 96 160 96L480 96C533 96 576 139 576 192L576 416C576 469 533 512 480 512L359.6 512L267.7 576.9zM332 472.8C340.1 467.1 349.8 464 359.7 464L480 464C506.5 464 528 442.5 528 416L528 192C528 165.5 506.5 144 480 144L160 144C133.5 144 112 165.5 112 192L112 416C112 442.5 133.5 464 160 464L216 464C226.4 464 235.3 470.6 238.6 479.9C239.5 482.4 240 485.1 240 488L240 537.7C272.7 514.6 303.3 493 331.9 472.8z'/%3E%3C/svg%3E") no-repeat center center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M267.7 576.9C267.7 576.9 267.7 576.9 267.7 576.9L229.9 603.6C222.6 608.8 213 609.4 205 605.3C197 601.2 192 593 192 584L192 512L160 512C107 512 64 469 64 416L64 192C64 139 107 96 160 96L480 96C533 96 576 139 576 192L576 416C576 469 533 512 480 512L359.6 512L267.7 576.9zM332 472.8C340.1 467.1 349.8 464 359.7 464L480 464C506.5 464 528 442.5 528 416L528 192C528 165.5 506.5 144 480 144L160 144C133.5 144 112 165.5 112 192L112 416C112 442.5 133.5 464 160 464L216 464C226.4 464 235.3 470.6 238.6 479.9C239.5 482.4 240 485.1 240 488L240 537.7C272.7 514.6 303.3 493 331.9 472.8z'/%3E%3C/svg%3E") no-repeat center center/contain;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transform: scale(1, 1);
  transition: 0.3s ease-out;
  background: var(--black);
}

.modIcon--check {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z'/%3E%3C/svg%3E") no-repeat center center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z'/%3E%3C/svg%3E") no-repeat center center/contain;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transform: scale(1, 1);
  transition: 0.3s ease-out;
  background: var(--black);
}

.modIcon--cross {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z'/%3E%3C/svg%3E") no-repeat center center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z'/%3E%3C/svg%3E") no-repeat center center/contain;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transform: scale(1, 1);
  transition: 0.3s ease-out;
  background: var(--black);
}

.modIcon--image {
  background: var(--blue);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.02693 18.329C4.18385 19.277 5.0075 20 6 20H18C19.1046 20 20 19.1046 20 18V14.1901M4.02693 18.329C4.00922 18.222 4 18.1121 4 18V6C4 4.89543 4.89543 4 6 4H18C19.1046 4 20 4.89543 20 6V14.1901M4.02693 18.329L7.84762 14.5083C8.52765 13.9133 9.52219 13.8482 10.274 14.3494L10.7832 14.6888C11.5078 15.1719 12.4619 15.1305 13.142 14.5865L15.7901 12.4679C16.4651 11.9279 17.4053 11.8856 18.1228 12.3484C18.2023 12.3997 18.2731 12.4632 18.34 12.5302L20 14.1901M11 9C11 10.1046 10.1046 11 9 11C7.89543 11 7 10.1046 7 9C7 7.89543 7.89543 7 9 7C10.1046 7 11 7.89543 11 9Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.02693 18.329C4.18385 19.277 5.0075 20 6 20H18C19.1046 20 20 19.1046 20 18V14.1901M4.02693 18.329C4.00922 18.222 4 18.1121 4 18V6C4 4.89543 4.89543 4 6 4H18C19.1046 4 20 4.89543 20 6V14.1901M4.02693 18.329L7.84762 14.5083C8.52765 13.9133 9.52219 13.8482 10.274 14.3494L10.7832 14.6888C11.5078 15.1719 12.4619 15.1305 13.142 14.5865L15.7901 12.4679C16.4651 11.9279 17.4053 11.8856 18.1228 12.3484C18.2023 12.3997 18.2731 12.4632 18.34 12.5302L20 14.1901M11 9C11 10.1046 10.1046 11 9 11C7.89543 11 7 10.1046 7 9C7 7.89543 7.89543 7 9 7C10.1046 7 11 7.89543 11 9Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--text {
  background: var(--blue);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1H1V15H15V1ZM3 3V7H5V5H7V11H5V13H11V11H9V5H11V7H13V3H3Z' fill='%23000'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1H1V15H15V1ZM3 3V7H5V5H7V11H5V13H11V11H9V5H11V7H13V3H3Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--paragraph {
  background: var(--blue);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='5' width='18' height='2' fill='%23000'/%3E%3Crect x='3' y='11' width='18' height='2' fill='%23000'/%3E%3Crect x='3' y='17' width='18' height='2' fill='%23000'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='5' width='18' height='2' fill='%23000'/%3E%3Crect x='3' y='11' width='18' height='2' fill='%23000'/%3E%3Crect x='3' y='17' width='18' height='2' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--edit03 {
  content: "";
  background: var(--black);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z'/%3E%3C/svg%3E") no-repeat center center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z'/%3E%3C/svg%3E") no-repeat center center/contain;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: block;
}

.modIcon--badge {
  content: "";
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M81.25,37.5c0-17.2218628-14.0281372-31.25-31.25-31.25s-31.25,14.0281372-31.25,31.25c0,8.7141113,3.5953979,16.6065063,9.375,22.2816772v30.8433228c.000061,1.7260742,1.399353,3.1253052,3.1254272,3.1251831.4850464,0,.9634399-.112915,1.3972778-.3297729l17.3522949-8.6791992,17.3522949,8.6791992c1.5439453.7717896,3.4211426.145813,4.1928711-1.3981323.2169189-.4338379.329834-.9122314.329834-1.3972778v-30.8433228c5.7796021-5.6751709,9.375-13.5675659,9.375-22.2816772ZM25,37.5c0-13.8441162,11.1558838-25,25-25s25,11.1558838,25,25c0,7.2454834-3.0593872,13.7507324-7.9569092,18.3096924-.2455444.1607056-.4591064.3604736-.6500854.5819092-4.3842773,3.8047485-10.109314,6.1083984-16.3930054,6.1083984s-12.008728-2.3036499-16.3930054-6.1083984c-.190979-.2214355-.404541-.4212036-.6500854-.5819092-4.897522-4.55896-7.9569092-11.064209-7.9569092-18.3096924ZM65.625,85.5712891l-14.2272949-7.1166992c-.8798828-.4399414-1.9155273-.4399414-2.7954102,0l-14.2272949,7.1166992v-21.0299683c4.6011963,2.6705933,9.9364624,4.2086792,15.625,4.2086792s11.0238037-1.5380859,15.625-4.2086792v21.0299683Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M81.25,37.5c0-17.2218628-14.0281372-31.25-31.25-31.25s-31.25,14.0281372-31.25,31.25c0,8.7141113,3.5953979,16.6065063,9.375,22.2816772v30.8433228c.000061,1.7260742,1.399353,3.1253052,3.1254272,3.1251831.4850464,0,.9634399-.112915,1.3972778-.3297729l17.3522949-8.6791992,17.3522949,8.6791992c1.5439453.7717896,3.4211426.145813,4.1928711-1.3981323.2169189-.4338379.329834-.9122314.329834-1.3972778v-30.8433228c5.7796021-5.6751709,9.375-13.5675659,9.375-22.2816772ZM25,37.5c0-13.8441162,11.1558838-25,25-25s25,11.1558838,25,25c0,7.2454834-3.0593872,13.7507324-7.9569092,18.3096924-.2455444.1607056-.4591064.3604736-.6500854.5819092-4.3842773,3.8047485-10.109314,6.1083984-16.3930054,6.1083984s-12.008728-2.3036499-16.3930054-6.1083984c-.190979-.2214355-.404541-.4212036-.6500854-.5819092-4.897522-4.55896-7.9569092-11.064209-7.9569092-18.3096924ZM65.625,85.5712891l-14.2272949-7.1166992c-.8798828-.4399414-1.9155273-.4399414-2.7954102,0l-14.2272949,7.1166992v-21.0299683c4.6011963,2.6705933,9.9364624,4.2086792,15.625,4.2086792s11.0238037-1.5380859,15.625-4.2086792v21.0299683Z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
}

.modIcon--cup {
  content: "";
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M66.7,91.7h-33.3c-2.3,0-4.2-1.9-4.2-4.2,0-4.2,0-6.4.6-8.5,1.5-5.7,6.1-10.2,11.8-11.8,1.3-.3,2.6-.5,4.3-.5v-4.6c-8.9-1.5-16.4-7.8-19.4-16.3-2.1,0-3.4,0-4.7-.3-6.6-1.3-11.8-6.5-13.1-13.1-.3-1.6-.3-3.2-.3-6.4s0-1.9.2-2.7c.7-3.3,3.2-5.9,6.5-6.5.8-.2,1.5-.2,2.7-.2h7.3c0-1.4.2-2.5.8-3.6.8-1.7,2.2-3.1,3.9-3.9,1.7-.8,3.4-.8,6-.8h28.6c2.6,0,4.3,0,6,.8,1.7.8,3.1,2.2,3.9,3.9.5,1.1.7,2.2.8,3.6h7.3c1.2,0,1.9,0,2.7.2,3.3.7,5.9,3.2,6.5,6.5.2.8.2,1.5.2,2.7,0,3.2,0,4.8-.3,6.4-1.3,6.6-6.5,11.8-13.1,13.1-1.3.3-2.6.3-4.7.3-3,8.5-10.5,14.8-19.4,16.3v4.6c1.7,0,3,.2,4.3.5,5.7,1.5,10.2,6.1,11.8,11.8.6,2.1.6,4.2.6,8.5s-1.9,4.2-4.2,4.2ZM37.5,83.3h24.9c0-1-.1-1.6-.2-2.2-.8-2.9-3-5.1-5.9-5.9-1.1-.3-2.9-.3-6.3-.3s-5.3,0-6.3.3c-2.9.8-5.1,3-5.9,5.9-.1.5-.2,1.2-.2,2.2ZM33.7,40.9c1.6,7.7,8.4,13.3,16.3,13.3s14.7-5.6,16.3-13.3c0,0,0,0,0-.1.2-1.1.3-2.2.3-3.3v-18.5c0-.9,0-1.9,0-2.3-.5,0-1.4,0-2.3,0h-28.6c-.9,0-1.9,0-2.3,0,0,.5,0,1.4,0,2.3v18.5c0,1.1.1,2.2.3,3.3,0,0,0,0,0,.1ZM75,25v12.5c.7,0,1.2,0,1.6-.1,3.3-.7,5.9-3.2,6.5-6.5.2-.8.2-2.2.2-4.8s0-.8,0-1c-.2,0-.6,0-1,0h-7.3ZM16.7,25c0,.2,0,.6,0,1,0,2.5,0,3.9.2,4.8.7,3.3,3.2,5.9,6.5,6.5.4,0,.9.1,1.6.1v-12.5h-7.3c-.4,0-.8,0-1,0ZM83.4,25h0,0ZM33.1,16.7h0ZM33.4,16.5h0ZM66.6,16.5h0Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M66.7,91.7h-33.3c-2.3,0-4.2-1.9-4.2-4.2,0-4.2,0-6.4.6-8.5,1.5-5.7,6.1-10.2,11.8-11.8,1.3-.3,2.6-.5,4.3-.5v-4.6c-8.9-1.5-16.4-7.8-19.4-16.3-2.1,0-3.4,0-4.7-.3-6.6-1.3-11.8-6.5-13.1-13.1-.3-1.6-.3-3.2-.3-6.4s0-1.9.2-2.7c.7-3.3,3.2-5.9,6.5-6.5.8-.2,1.5-.2,2.7-.2h7.3c0-1.4.2-2.5.8-3.6.8-1.7,2.2-3.1,3.9-3.9,1.7-.8,3.4-.8,6-.8h28.6c2.6,0,4.3,0,6,.8,1.7.8,3.1,2.2,3.9,3.9.5,1.1.7,2.2.8,3.6h7.3c1.2,0,1.9,0,2.7.2,3.3.7,5.9,3.2,6.5,6.5.2.8.2,1.5.2,2.7,0,3.2,0,4.8-.3,6.4-1.3,6.6-6.5,11.8-13.1,13.1-1.3.3-2.6.3-4.7.3-3,8.5-10.5,14.8-19.4,16.3v4.6c1.7,0,3,.2,4.3.5,5.7,1.5,10.2,6.1,11.8,11.8.6,2.1.6,4.2.6,8.5s-1.9,4.2-4.2,4.2ZM37.5,83.3h24.9c0-1-.1-1.6-.2-2.2-.8-2.9-3-5.1-5.9-5.9-1.1-.3-2.9-.3-6.3-.3s-5.3,0-6.3.3c-2.9.8-5.1,3-5.9,5.9-.1.5-.2,1.2-.2,2.2ZM33.7,40.9c1.6,7.7,8.4,13.3,16.3,13.3s14.7-5.6,16.3-13.3c0,0,0,0,0-.1.2-1.1.3-2.2.3-3.3v-18.5c0-.9,0-1.9,0-2.3-.5,0-1.4,0-2.3,0h-28.6c-.9,0-1.9,0-2.3,0,0,.5,0,1.4,0,2.3v18.5c0,1.1.1,2.2.3,3.3,0,0,0,0,0,.1ZM75,25v12.5c.7,0,1.2,0,1.6-.1,3.3-.7,5.9-3.2,6.5-6.5.2-.8.2-2.2.2-4.8s0-.8,0-1c-.2,0-.6,0-1,0h-7.3ZM16.7,25c0,.2,0,.6,0,1,0,2.5,0,3.9.2,4.8.7,3.3,3.2,5.9,6.5,6.5.4,0,.9.1,1.6.1v-12.5h-7.3c-.4,0-.8,0-1,0ZM83.4,25h0,0ZM33.1,16.7h0ZM33.4,16.5h0ZM66.6,16.5h0Z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
}

.modIcon--book {
  content: "";
  background: var(--black);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%20640%20640"><path%20d="M320%20205.3L320%20514.6L320.5%20514.4C375.1%20491.7%20433.7%20480%20492.8%20480L512%20480L512%20160L492.8%20160C450.6%20160%20408.7%20168.4%20369.7%20184.6C352.9%20191.6%20336.3%20198.5%20320%20205.3zM294.9%20125.5L320%20136L345.1%20125.5C391.9%20106%20442.1%2096%20492.8%2096L528%2096C554.5%2096%20576%20117.5%20576%20144L576%20496C576%20522.5%20554.5%20544%20528%20544L492.8%20544C442.1%20544%20391.9%20554%20345.1%20573.5L332.3%20578.8C324.4%20582.1%20315.6%20582.1%20307.7%20578.8L294.9%20573.5C248.1%20554%20197.9%20544%20147.2%20544L112%20544C85.5%20544%2064%20522.5%2064%20496L64%20144C64%20117.5%2085.5%2096%20112%2096L147.2%2096C197.9%20106%20248.1%20106%20294.9%20125.5z"/></svg>') no-repeat center center/contain;
  mask: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%20640%20640"><path%20d="M320%20205.3L320%20514.6L320.5%20514.4C375.1%20491.7%20433.7%20480%20492.8%20480L512%20480L512%20160L492.8%20160C450.6%20160%20408.7%20168.4%20369.7%20184.6C352.9%20191.6%20336.3%20198.5%20320%20205.3zM294.9%20125.5L320%20136L345.1%20125.5C391.9%20106%20442.1%2096%20492.8%2096L528%2096C554.5%2096%20576%20117.5%20576%20144L576%20496C576%20522.5%20554.5%20544%20528%20544L492.8%20544C442.1%20544%20391.9%20554%20345.1%20573.5L332.3%20578.8C324.4%20582.1%20315.6%20582.1%20307.7%20578.8L294.9%20573.5C248.1%20554%20197.9%20544%20147.2%20544L112%20544C85.5%20544%2064%20522.5%2064%20496L64%20144C64%20117.5%2085.5%2096%20112%2096L147.2%2096C197.9%20106%20248.1%20106%20294.9%20125.5z"/></svg>') no-repeat center center/contain;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
}

.modIcon--calender {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg+xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22+viewBox%3D%220+0+20+20%22%3E%3Cg+transform%3D%22translate%281.667%29%22%3E%3Cpath+d%3D%22M14.426%2C1.973H13.069V.616a.616.616%2C0%2C1%2C0-1.233%2C0V1.973H5.178V.616a.616.616%2C0%2C0%2C0-1.233%2C0V1.973H2.589A2.592%2C2.592%2C0%2C0%2C0%2C0%2C4.562V16.4a2.592%2C2.592%2C0%2C0%2C0%2C2.589%2C2.589H14.426A2.592%2C2.592%2C0%2C0%2C0%2C17.015%2C16.4V4.562a2.592%2C2.592%2C0%2C0%2C0-2.589-2.589M15.782%2C16.4a1.358%2C1.358%2C0%2C0%2C1-1.356%2C1.356H2.589A1.358%2C1.358%2C0%2C0%2C1%2C1.233%2C16.4V4.562A1.358%2C1.358%2C0%2C0%2C1%2C2.589%2C3.206H3.946V4.562a.616.616%2C0%2C1%2C0%2C1.233%2C0V3.206h6.658V4.562a.616.616%2C0%2C1%2C0%2C1.233%2C0V3.206h1.356a1.358%2C1.358%2C0%2C0%2C1%2C1.356%2C1.356Z%22%2F%3E%3Cpath+d%3D%22M16.616%2C52a.616.616%2C0%2C0%2C0-.616.616V53.6a.616.616%2C0%2C1%2C0%2C1.233%2C0v-.986A.616.616%2C0%2C0%2C0%2C16.616%2C52%22+transform%3D%22translate%28-12.055+-39.176%29%22%2F%3E%3Cpath+d%3D%22M32.616%2C52a.616.616%2C0%2C0%2C0-.616.616V53.6a.616.616%2C0%2C1%2C0%2C1.233%2C0v-.986A.616.616%2C0%2C0%2C0%2C32.616%2C52%22+transform%3D%22translate%28-24.109+-39.176%29%22%2F%3E%3Cpath+d%3D%22M48.616%2C52a.616.616%2C0%2C0%2C0-.616.616V53.6a.616.616%2C0%2C1%2C0%2C1.233%2C0v-.986A.616.616%2C0%2C0%2C0%2C48.616%2C52%22+transform%3D%22translate%28-36.164+-39.176%29%22%2F%3E%3Cpath+d%3D%22M16.616%2C36a.616.616%2C0%2C0%2C0-.616.616V37.6a.616.616%2C0%2C1%2C0%2C1.233%2C0v-.986A.616.616%2C0%2C0%2C0%2C16.616%2C36%22+transform%3D%22translate%28-12.055+-27.123%29%22%2F%3E%3Cpath+d%3D%22M32.616%2C36a.616.616%2C0%2C0%2C0-.616.616V37.6a.616.616%2C0%2C1%2C0%2C1.233%2C0v-.986A.616.616%2C0%2C0%2C0%2C32.616%2C36%22+transform%3D%22translate%28-24.109+-27.123%29%22%2F%3E%3Cpath+d%3D%22M48.616%2C36a.616.616%2C0%2C0%2C0-.616.616V37.6a.616.616%2C0%2C1%2C0%2C1.233%2C0v-.986A.616.616%2C0%2C0%2C0%2C48.616%2C36%22+transform%3D%22translate%28-36.164+-27.123%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg+xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22+viewBox%3D%220+0+20+20%22%3E%3Cg+transform%3D%22translate%281.667%29%22%3E%3Cpath+d%3D%22M14.426%2C1.973H13.069V.616a.616.616%2C0%2C1%2C0-1.233%2C0V1.973H5.178V.616a.616.616%2C0%2C0%2C0-1.233%2C0V1.973H2.589A2.592%2C2.592%2C0%2C0%2C0%2C0%2C4.562V16.4a2.592%2C2.592%2C0%2C0%2C0%2C2.589%2C2.589H14.426A2.592%2C2.592%2C0%2C0%2C0%2C17.015%2C16.4V4.562a2.592%2C2.592%2C0%2C0%2C0-2.589-2.589M15.782%2C16.4a1.358%2C1.358%2C0%2C0%2C1-1.356%2C1.356H2.589A1.358%2C1.358%2C0%2C0%2C1%2C1.233%2C16.4V4.562A1.358%2C1.358%2C0%2C0%2C1%2C2.589%2C3.206H3.946V4.562a.616.616%2C0%2C1%2C0%2C1.233%2C0V3.206h6.658V4.562a.616.616%2C0%2C1%2C0%2C1.233%2C0V3.206h1.356a1.358%2C1.358%2C0%2C0%2C1%2C1.356%2C1.356Z%22%2F%3E%3Cpath+d%3D%22M16.616%2C52a.616.616%2C0%2C0%2C0-.616.616V53.6a.616.616%2C0%2C1%2C0%2C1.233%2C0v-.986A.616.616%2C0%2C0%2C0%2C16.616%2C52%22+transform%3D%22translate%28-12.055+-39.176%29%22%2F%3E%3Cpath+d%3D%22M32.616%2C52a.616.616%2C0%2C0%2C0-.616.616V53.6a.616.616%2C0%2C1%2C0%2C1.233%2C0v-.986A.616.616%2C0%2C0%2C0%2C32.616%2C52%22+transform%3D%22translate%28-24.109+-39.176%29%22%2F%3E%3Cpath+d%3D%22M48.616%2C52a.616.616%2C0%2C0%2C0-.616.616V53.6a.616.616%2C0%2C1%2C0%2C1.233%2C0v-.986A.616.616%2C0%2C0%2C0%2C48.616%2C52%22+transform%3D%22translate%28-36.164+-39.176%29%22%2F%3E%3Cpath+d%3D%22M16.616%2C36a.616.616%2C0%2C0%2C0-.616.616V37.6a.616.616%2C0%2C1%2C0%2C1.233%2C0v-.986A.616.616%2C0%2C0%2C0%2C16.616%2C36%22+transform%3D%22translate%28-12.055+-27.123%29%22%2F%3E%3Cpath+d%3D%22M32.616%2C36a.616.616%2C0%2C0%2C0-.616.616V37.6a.616.616%2C0%2C1%2C0%2C1.233%2C0v-.986A.616.616%2C0%2C0%2C0%2C32.616%2C36%22+transform%3D%22translate%28-24.109+-27.123%29%22%2F%3E%3Cpath+d%3D%22M48.616%2C36a.616.616%2C0%2C0%2C0-.616.616V37.6a.616.616%2C0%2C1%2C0%2C1.233%2C0v-.986A.616.616%2C0%2C0%2C0%2C48.616%2C36%22+transform%3D%22translate%28-36.164+-27.123%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.modIcon--clock {
  content: "";
  background: var(--black);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%20640%20640"><path%20d="M320%2064C461.4%2064%20576%20178.6%20576%20320C576%20461.4%20461.4%20576%20320%20576C178.6%20576%2064%20461.4%2064%20320C64%20178.6%20178.6%2064%20320%2064zM296%20184L296%20320C296%20328%20300%20335.5%20306.7%20340L402.7%20404C413.7%20411.4%20428.6%20408.4%20436%20397.3C443.4%20386.2%20440.4%20371.4%20429.3%20364L344%20307.2L344%20184C344%20170.7%20333.3%20160%20320%20160C306.7%20160%20296%20170.7%20296%20184z"/></svg>') no-repeat center center/contain;
  mask: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%20640%20640"><path%20d="M320%2064C461.4%2064%20576%20178.6%20576%20320C576%20461.4%20461.4%20576%20320%20576C178.6%20576%2064%20461.4%2064%20320C64%20178.6%20178.6%2064%20320%2064zM296%20184L296%20320C296%20328%20300%20335.5%20306.7%20340L402.7%20404C413.7%20411.4%20428.6%20408.4%20436%20397.3C443.4%20386.2%20440.4%20371.4%20429.3%20364L344%20307.2L344%20184C344%20170.7%20333.3%20160%20320%20160C306.7%20160%20296%20170.7%20296%20184z"/></svg>') no-repeat center center/contain;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
}

.modIcon--building02 {
  content: "";
  background: var(--black);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M192 112C183.2 112 176 119.2 176 128L176 512C176 520.8 183.2 528 192 528L272 528L272 448C272 430.3 286.3 416 304 416L336 416C353.7 416 368 430.3 368 448L368 528L448 528C456.8 528 464 520.8 464 512L464 128C464 119.2 456.8 112 448 112L192 112zM128 128C128 92.7 156.7 64 192 64L448 64C483.3 64 512 92.7 512 128L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM224 176C224 167.2 231.2 160 240 160L272 160C280.8 160 288 167.2 288 176L288 208C288 216.8 280.8 224 272 224L240 224C231.2 224 224 216.8 224 208L224 176zM368 160L400 160C408.8 160 416 167.2 416 176L416 208C416 216.8 408.8 224 400 224L368 224C359.2 224 352 216.8 352 208L352 176C352 167.2 359.2 160 368 160zM224 304C224 295.2 231.2 288 240 288L272 288C280.8 288 288 295.2 288 304L288 336C288 344.8 280.8 352 272 352L240 352C231.2 352 224 344.8 224 336L224 304zM368 288L400 288C408.8 288 416 295.2 416 304L416 336C416 344.8 408.8 352 400 352L368 352C359.2 352 352 344.8 352 336L352 304C352 295.2 359.2 288 368 288z'/%3E%3C/svg%3E") no-repeat center center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M192 112C183.2 112 176 119.2 176 128L176 512C176 520.8 183.2 528 192 528L272 528L272 448C272 430.3 286.3 416 304 416L336 416C353.7 416 368 430.3 368 448L368 528L448 528C456.8 528 464 520.8 464 512L464 128C464 119.2 456.8 112 448 112L192 112zM128 128C128 92.7 156.7 64 192 64L448 64C483.3 64 512 92.7 512 128L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM224 176C224 167.2 231.2 160 240 160L272 160C280.8 160 288 167.2 288 176L288 208C288 216.8 280.8 224 272 224L240 224C231.2 224 224 216.8 224 208L224 176zM368 160L400 160C408.8 160 416 167.2 416 176L416 208C416 216.8 408.8 224 400 224L368 224C359.2 224 352 216.8 352 208L352 176C352 167.2 359.2 160 368 160zM224 304C224 295.2 231.2 288 240 288L272 288C280.8 288 288 295.2 288 304L288 336C288 344.8 280.8 352 272 352L240 352C231.2 352 224 344.8 224 336L224 304zM368 288L400 288C408.8 288 416 295.2 416 304L416 336C416 344.8 408.8 352 400 352L368 352C359.2 352 352 344.8 352 336L352 304C352 295.2 359.2 288 368 288z'/%3E%3C/svg%3E") no-repeat center center/contain;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
}

.modIcon--department {
  content: "";
  background: var(--black);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 128C512 92.7 483.3 64 448 64L192 64zM304 416L336 416C353.7 416 368 430.3 368 448L368 528L272 528L272 448C272 430.3 286.3 416 304 416zM224 176C224 167.2 231.2 160 240 160L272 160C280.8 160 288 167.2 288 176L288 208C288 216.8 280.8 224 272 224L240 224C231.2 224 224 216.8 224 208L224 176zM368 160L400 160C408.8 160 416 167.2 416 176L416 208C416 216.8 408.8 224 400 224L368 224C359.2 224 352 216.8 352 208L352 176C352 167.2 359.2 160 368 160zM224 304C224 295.2 231.2 288 240 288L272 288C280.8 288 288 295.2 288 304L288 336C288 344.8 280.8 352 272 352L240 352C231.2 352 224 344.8 224 336L224 304zM368 288L400 288C408.8 288 416 295.2 416 304L416 336C416 344.8 408.8 352 400 352L368 352C359.2 352 352 344.8 352 336L352 304C352 295.2 359.2 288 368 288z"/></svg>') no-repeat center/contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 128C512 92.7 483.3 64 448 64L192 64zM304 416L336 416C353.7 416 368 430.3 368 448L368 528L272 528L272 448C272 430.3 286.3 416 304 416zM224 176C224 167.2 231.2 160 240 160L272 160C280.8 160 288 167.2 288 176L288 208C288 216.8 280.8 224 272 224L240 224C231.2 224 224 216.8 224 208L224 176zM368 160L400 160C408.8 160 416 167.2 416 176L416 208C416 216.8 408.8 224 400 224L368 224C359.2 224 352 216.8 352 208L352 176C352 167.2 359.2 160 368 160zM224 304C224 295.2 231.2 288 240 288L272 288C280.8 288 288 295.2 288 304L288 336C288 344.8 280.8 352 272 352L240 352C231.2 352 224 344.8 224 336L224 304zM368 288L400 288C408.8 288 416 295.2 416 304L416 336C416 344.8 408.8 352 400 352L368 352C359.2 352 352 344.8 352 336L352 304C352 295.2 359.2 288 368 288z"/></svg>') no-repeat center/contain;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 30px;
  height: 30px;
}

.modIcon--star {
  content: "";
  background: #EAB307;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z"/></svg>') no-repeat center center/contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z"/></svg>') no-repeat center center/contain;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
}

.modIcon--starEmpty {
  content: "";
  background: #EAB307;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320.1 32C329.1 32 337.4 37.1 341.5 45.1L415 189.3L574.9 214.7C583.8 216.1 591.2 222.4 594 231C596.8 239.6 594.5 249 588.2 255.4L473.7 369.9L499 529.8C500.4 538.7 496.7 547.7 489.4 553C482.1 558.3 472.4 559.1 464.4 555L320.1 481.6L175.8 555C167.8 559.1 158.1 558.3 150.8 553C143.5 547.7 139.8 538.8 141.2 529.8L166.4 369.9L52 255.4C45.6 249 43.4 239.6 46.2 231C49 222.4 56.3 216.1 65.3 214.7L225.2 189.3L298.8 45.1C302.9 37.1 311.2 32 320.2 32zM320.1 108.8L262.3 222C258.8 228.8 252.3 233.6 244.7 234.8L119.2 254.8L209 344.7C214.4 350.1 216.9 357.8 215.7 365.4L195.9 490.9L309.2 433.3C316 429.8 324.1 429.8 331 433.3L444.3 490.9L424.5 365.4C423.3 357.8 425.8 350.1 431.2 344.7L521 254.8L395.5 234.8C387.9 233.6 381.4 228.8 377.9 222L320.1 108.8z"/></svg>') no-repeat center center/contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320.1 32C329.1 32 337.4 37.1 341.5 45.1L415 189.3L574.9 214.7C583.8 216.1 591.2 222.4 594 231C596.8 239.6 594.5 249 588.2 255.4L473.7 369.9L499 529.8C500.4 538.7 496.7 547.7 489.4 553C482.1 558.3 472.4 559.1 464.4 555L320.1 481.6L175.8 555C167.8 559.1 158.1 558.3 150.8 553C143.5 547.7 139.8 538.8 141.2 529.8L166.4 369.9L52 255.4C45.6 249 43.4 239.6 46.2 231C49 222.4 56.3 216.1 65.3 214.7L225.2 189.3L298.8 45.1C302.9 37.1 311.2 32 320.2 32zM320.1 108.8L262.3 222C258.8 228.8 252.3 233.6 244.7 234.8L119.2 254.8L209 344.7C214.4 350.1 216.9 357.8 215.7 365.4L195.9 490.9L309.2 433.3C316 429.8 324.1 429.8 331 433.3L444.3 490.9L424.5 365.4C423.3 357.8 425.8 350.1 431.2 344.7L521 254.8L395.5 234.8C387.9 233.6 381.4 228.8 377.9 222L320.1 108.8z"/></svg>') no-repeat center center/contain;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: flex;
}

/* ボタン
========================================================*/
.modBlockFilter {
  position: relative;
}
.modBlockFilter__btn {
  background: var(--white);
  border: 2px solid var(--gray);
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  border-radius: 4px;
  gap: 4px;
  transition: 0.3s ease-out;
}
.modBlockFilter__btn .icon {
  width: 18.5px;
  height: 18.5px;
  display: block;
  position: relative;
  flex-shrink: 0;
}
.modBlockFilter__btn .icon span {
  display: block;
  width: 70%;
  height: 1px;
  background: var(--black);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease-out;
}
.modBlockFilter__btn .icon span::before {
  content: "";
  position: absolute;
  width: 130%;
  height: 1px;
  background: var(--black);
  top: -4px;
  left: -15%;
  transition: 0.3s ease-out;
}
.modBlockFilter__btn .icon span::after {
  content: "";
  position: absolute;
  width: 67%;
  height: 1px;
  background: var(--black);
  bottom: -4px;
  left: 15%;
  transition: 0.3s ease-out;
}
.modBlockFilter__btn:hover {
  border-color: var(--blue);
  color: var(--blue);
}
.modBlockFilter__btn:hover .icon span {
  background: var(--blue);
}
.modBlockFilter__btn:hover .icon span::before, .modBlockFilter__btn:hover .icon span::after {
  background: var(--blue);
}
.modBlockFilter__content {
  background: var(--white);
  box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.1);
  min-width: 250px;
  padding: 15px;
  border-radius: 8px;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 99;
  display: none;
  max-height: 400px;
  overflow-y: auto;
  flex-direction: column;
}
.modBlockFilter__content .modForm__flexContainer {
  position: sticky;
  bottom: 0;
  background: var(--white);
  padding-top: 10px;
}
.modBlockFilter__content .modForm__item:not(:last-child) {
  margin-bottom: 10px;
}
.modBlockFilter__content .modForm__item .inputWithIcon {
  padding: 7px 15px;
  margin-bottom: 10px;
}
.modBlockFilter__content .modForm__item .checkBox:not(:last-child) {
  margin-bottom: 4px;
}
.modBlockFilter--right .modBlockFilter__content {
  right: 0;
  left: auto;
}
.modBlockStatusInfo {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  background: var(--white);
  border-radius: 10px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  color: var(--dark_gray);
  width: calc((100% - 30px) / 4);
  margin-bottom: 0 !important;
  padding: 15px 40px 15px 20px;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .modBlockStatusInfo {
    width: calc((100% - 10px) / 2);
  }
}
.modBlockStatusInfo__container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.modBlockStatusInfo__count {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
}
.modBlockStatusInfo--completed .modBlockStatusInfo__count {
  color: var(--darkGreen);
}
.modBlockStatusInfo--completed::after {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background: var(--darkGreen);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM404.4 276.7C411.4 265.5 408 250.7 396.8 243.6C385.6 236.5 370.8 240 363.7 251.2L302.3 349.5L275.3 313.5C267.3 302.9 252.3 300.7 241.7 308.7C231.1 316.7 228.9 331.7 236.9 342.3L284.9 406.3C289.6 412.6 297.2 416.2 305.1 415.9C313 415.6 320.2 411.4 324.4 404.6L404.4 276.6z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM404.4 276.7C411.4 265.5 408 250.7 396.8 243.6C385.6 236.5 370.8 240 363.7 251.2L302.3 349.5L275.3 313.5C267.3 302.9 252.3 300.7 241.7 308.7C231.1 316.7 228.9 331.7 236.9 342.3L284.9 406.3C289.6 412.6 297.2 416.2 305.1 415.9C313 415.6 320.2 411.4 324.4 404.6L404.4 276.6z'/%3E%3C/svg%3E");
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.modBlockStatusInfo--scheduled .modBlockStatusInfo__count {
  color: var(--blue);
}
.modBlockStatusInfo--scheduled .modBlockStatusInfo__count::after {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background: var(--blue);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M216 64C229.3 64 240 74.7 240 88L240 128L400 128L400 88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 88C192 74.7 202.7 64 216 64zM216 176L160 176C151.2 176 144 183.2 144 192L144 240L496 240L496 192C496 183.2 488.8 176 480 176L216 176zM144 288L144 480C144 488.8 151.2 496 160 496L480 496C488.8 496 496 488.8 496 480L496 288L144 288z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M216 64C229.3 64 240 74.7 240 88L240 128L400 128L400 88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 88C192 74.7 202.7 64 216 64zM216 176L160 176C151.2 176 144 183.2 144 192L144 240L496 240L496 192C496 183.2 488.8 176 480 176L216 176zM144 288L144 480C144 488.8 151.2 496 160 496L480 496C488.8 496 496 488.8 496 480L496 288L144 288z'/%3E%3C/svg%3E");
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.modBlockStatusInfo--overDue .modBlockStatusInfo__count {
  color: var(--violet);
}
.modBlockStatusInfo--overDue .modBlockStatusInfo__count::after {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background: var(--violet);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M320 64C334.7 64 348.2 72.1 355.2 85L571.2 485C577.9 497.4 577.6 512.4 570.4 524.5C563.2 536.6 550.1 544 536 544L104 544C89.9 544 76.9 536.6 69.6 524.5C62.3 512.4 62.1 497.4 68.8 485L284.8 85C291.8 72.1 305.3 64 320 64zM320 232C306.7 232 296 242.7 296 256L296 368C296 381.3 306.7 392 320 392C333.3 392 344 381.3 344 368L344 256C344 242.7 333.3 232 320 232zM346.7 448C347.3 438.1 342.4 428.7 333.9 423.5C325.4 418.4 314.7 418.4 306.2 423.5C297.7 428.7 292.8 438.1 293.4 448C292.8 457.9 297.7 467.3 306.2 472.5C314.7 477.6 325.4 477.6 333.9 472.5C342.4 467.3 347.3 457.9 346.7 448z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M320 64C334.7 64 348.2 72.1 355.2 85L571.2 485C577.9 497.4 577.6 512.4 570.4 524.5C563.2 536.6 550.1 544 536 544L104 544C89.9 544 76.9 536.6 69.6 524.5C62.3 512.4 62.1 497.4 68.8 485L284.8 85C291.8 72.1 305.3 64 320 64zM320 232C306.7 232 296 242.7 296 256L296 368C296 381.3 306.7 392 320 392C333.3 392 344 381.3 344 368L344 256C344 242.7 333.3 232 320 232zM346.7 448C347.3 438.1 342.4 428.7 333.9 423.5C325.4 418.4 314.7 418.4 306.2 423.5C297.7 428.7 292.8 438.1 293.4 448C292.8 457.9 297.7 467.3 306.2 472.5C314.7 477.6 325.4 477.6 333.9 472.5C342.4 467.3 347.3 457.9 346.7 448z'/%3E%3C/svg%3E");
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.modBlockStatusInfo--pending .modBlockStatusInfo__count {
  color: var(--orange);
}
.modBlockStatusInfo--pending .modBlockStatusInfo__count::after {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background: var(--orange);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM320 200C333.3 200 344 210.7 344 224L344 336C344 349.3 333.3 360 320 360C306.7 360 296 349.3 296 336L296 224C296 210.7 306.7 200 320 200zM293.3 416C292.7 406.1 297.6 396.7 306.1 391.5C314.6 386.4 325.3 386.4 333.8 391.5C342.3 396.7 347.2 406.1 346.6 416C347.2 425.9 342.3 435.3 333.8 440.5C325.3 445.6 314.6 445.6 306.1 440.5C297.6 435.3 292.7 425.9 293.3 416z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM320 200C333.3 200 344 210.7 344 224L344 336C344 349.3 333.3 360 320 360C306.7 360 296 349.3 296 336L296 224C296 210.7 306.7 200 320 200zM293.3 416C292.7 406.1 297.6 396.7 306.1 391.5C314.6 386.4 325.3 386.4 333.8 391.5C342.3 396.7 347.2 406.1 346.6 416C347.2 425.9 342.3 435.3 333.8 440.5C325.3 445.6 314.6 445.6 306.1 440.5C297.6 435.3 292.7 425.9 293.3 416z'/%3E%3C/svg%3E");
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.modPagination__inner {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.modPagination__item {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50em;
  background: var(--white);
  border: 1px solid var(--line);
  display: grid;
  place-content: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  cursor: pointer;
  transition: 0.3s ease-out;
}
.modPagination__item--current {
  background: var(--gradient_green);
  color: var(--white);
  border: none;
  cursor: default;
  pointer-events: none;
}
.modPagination__item--arrow {
  width: 30px;
  height: 30px;
  position: relative;
  margin-right: 20px;
}
.modPagination__item--arrow::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  aspect-ratio: 1;
  border-top: 2px solid var(--black);
  border-left: 2px solid var(--black);
  transition: 0.3s ease-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-30%, -55%) rotate(-45deg);
}
.modPagination__item--arrowRight {
  width: 30px;
  height: 30px;
  position: relative;
  margin-left: 20px;
}
.modPagination__item--arrowRight::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  aspect-ratio: 1;
  border-top: 2px solid var(--black);
  border-right: 2px solid var(--black);
  transition: 0.3s ease-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-70%, -55%) rotate(45deg);
}
.modPagination__item--ellipsis {
  width: auto;
  height: auto;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  pointer-events: none;
  cursor: default;
}
.modPagination__item--ellipsis span {
  width: 3px;
  height: 3px;
  border-radius: 50em;
  background: var(--black);
}
.modPagination__item:hover {
  background: var(--gradient_green);
  color: var(--white);
}
.modPagination__item:hover::before {
  border-color: var(--white);
}
.modPagination__item.isdiabled {
  background: var(--grayBg);
  pointer-events: none;
  cursor: default;
}

/* ボタン
========================================================*/
.modMandala {
  border-radius: 15px;
  background-color: var(--white);
  max-width: 1200px;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
  .modMandala {
    margin-top: 10px;
  }
}
.modMandala__inner {
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .modMandala__inner {
    padding: 15px;
  }
}
.modMandala__title {
  display: none;
}
.modMandala__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-radius: 15px;
  background: var(--orange);
  background: linear-gradient(90deg, #E39431 0%, #E04F00 100%);
  aspect-ratio: 1/1;
  height: auto;
}
@media screen and (min-width: 769px) {
  .modMandala__list {
    gap: 9px;
  }
}
@media screen and (max-width: 768px) {
  .modMandala__list {
    gap: 2px;
  }
}
.modMandala__list:has(.modMandala__list__item--setGoal) {
  position: relative;
  overflow: hidden;
}
.modMandala__list:has(.modMandala__list__item--setGoal)::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--black);
  opacity: 0.6;
}
.modMandala__list__item {
  position: relative;
}
.modMandala__list__item .card {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--white);
  text-align: center;
}
@media screen and (min-width: 769px) {
  .modMandala__list__item .card {
    padding: 20px 20px 20px;
  }
}
@media screen and (max-width: 768px) {
  .modMandala__list__item .card {
    padding: 5px;
  }
}
.modMandala__list__item .card__title {
  letter-spacing: -2px;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .modMandala__list__item .card__title {
    font-size: min(2.2vw, 26px);
    margin: 0 0 12px;
  }
}
@media screen and (max-width: 768px) {
  .modMandala__list__item .card__title {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 4px;
    line-height: 21px;
  }
}
@media screen and (min-width: 769px) {
  .modMandala__list__item .card__description {
    font-size: min(1.6vw, 18px);
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  .modMandala__list__item .card__description {
    font-size: 10px;
    font-size: 1rem;
    line-height: 15px;
  }
  .modMandala__list__item .card__description br {
    display: none;
  }
}
.modMandala__list__item:nth-child(3n-1)::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--white);
}
@media screen and (min-width: 769px) {
  .modMandala__list__item:nth-child(3n-1)::after {
    height: calc(100% + 9px);
    width: 9px;
    transform: translateX(-9px);
  }
}
@media screen and (max-width: 768px) {
  .modMandala__list__item:nth-child(3n-1)::after {
    height: calc(100% + 2px);
    width: 2px;
    transform: translateX(-2px);
  }
}
.modMandala__list__item:nth-child(3n-1)::before {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  background-color: var(--white);
}
@media screen and (min-width: 769px) {
  .modMandala__list__item:nth-child(3n-1)::before {
    height: calc(100% + 9px);
    width: 9px;
    transform: translateX(9px);
  }
}
@media screen and (max-width: 768px) {
  .modMandala__list__item:nth-child(3n-1)::before {
    height: calc(100% + 2px);
    width: 2px;
    transform: translateX(2px);
  }
}
.modMandala__list__item:nth-child(3n)::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: var(--white);
}
@media screen and (min-width: 769px) {
  .modMandala__list__item:nth-child(3n)::after {
    width: calc(300% + 18px);
    height: 9px;
    transform: translateY(9px);
  }
}
@media screen and (max-width: 768px) {
  .modMandala__list__item:nth-child(3n)::after {
    width: calc(300% + 4px);
    height: 2px;
    transform: translateY(2px);
  }
}
.modMandala__list__item:nth-child(5) .card {
  background-color: var(--red);
  transform: scale(1.13);
  position: relative;
  z-index: 15;
  padding: 20px;
  line-height: 1.7;
}
.modMandala__list__item:nth-child(5) .card__title {
  margin: 0;
  max-width: 250px;
}
.modMandala__list__item:nth-child(5).modMandala__list__item--setGoal .card {
  transform: scale(1.13);
  padding: 0 0 5px 0;
}
@media screen and (max-width: 768px) {
  .modMandala__list__item:nth-child(5).modMandala__list__item--setGoal .card {
    transform: scale(1.9);
  }
}
@media screen and (max-width: 768px) {
  .modMandala__list__item:nth-child(5).modMandala__list__item--setGoal .card__title {
    font-size: 11.5px;
    line-height: 15px;
  }
}
.modMandala__list__item:nth-child(5).modMandala__list__item--setGoal .card::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url("/assets/img//mandala/img_allow.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  transform: scale(1.25) translate(-1px, 1px);
}
.modMandala__list__item:nth-child(5).modMandala__list__item--setGoal .card__form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 100;
}
@media screen and (min-width: 769px) {
  .modMandala__list__item:nth-child(5).modMandala__list__item--setGoal .card__form {
    gap: min(57px, 4.5vw);
    padding: 0 38px;
    margin-top: 24px;
  }
}
@media screen and (max-width: 1000px) {
  .modMandala__list__item:nth-child(5).modMandala__list__item--setGoal .card__form {
    gap: 30px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .modMandala__list__item:nth-child(5).modMandala__list__item--setGoal .card__form {
    gap: 5px;
    margin-top: 6px;
    padding: 0 9px;
    max-width: 150px;
  }
}
@media screen and (max-width: 768px) {
  .modMandala__list__item:nth-child(5).modMandala__list__item--setGoal .card__form .modInput {
    line-height: 1;
    font-size: 7px;
    padding: 3px 5px;
    border-radius: 3px !important;
    border: solid 1px var(--lightgray);
  }
}
.modMandala__list__item:nth-child(5).modMandala__list__item--setGoal .card__form .modBtn {
  height: 41px;
  width: 160px;
}
@media screen and (max-width: 768px) {
  .modMandala__list__item:nth-child(5).modMandala__list__item--setGoal .card__form .modBtn {
    height: 19px;
    width: 40px;
    min-width: 55px;
    font-size: 8px;
    font-size: 0.8rem;
    border: solid 1px var(--white);
  }
}
.modMandala__list__item--done:nth-child(5) .card::after {
  content: unset;
}
.modMandala__list__item--done .card::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.7;
  background-color: var(--white);
}
.modMandala--confirmation .modMandala__inner {
  padding: unset;
  overflow: auto;
  overflow-y: clip;
}
.modMandala--confirmation .modMandala__list {
  border-radius: 15px;
  min-width: 700px;
  background: none;
}
.modMandala--confirmation .modMandala__list__item .card {
  padding: 0;
}
.modMandala--confirmation .modMandala__list__item .card__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  height: 100%;
}
.modMandala--confirmation .modMandala__list__item .card__grid__item {
  position: relative;
  padding: 5px max(7px, 1.5vw) 5px;
  background-color: var(--light_blue);
  color: var(--black);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1150px) {
  .modMandala--confirmation .modMandala__list__item .card__grid__item {
    padding-inline: 0.5vw;
  }
}
.modMandala--confirmation .modMandala__list__item .card__grid__item .title {
  width: 100%;
  text-align: center;
}
.modMandala--confirmation .modMandala__list__item .card__grid__item:nth-child(3n-1)::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--white);
  height: calc(100% + 4px);
  width: 4px;
  transform: translateX(-4px);
}
.modMandala--confirmation .modMandala__list__item .card__grid__item:nth-child(3n-1)::before {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  background-color: var(--white);
  height: calc(100% + 4px);
  width: 4px;
  transform: translateX(4px);
}
.modMandala--confirmation .modMandala__list__item .card__grid__item:nth-child(3n)::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: var(--white);
  width: calc(300% + 8px);
  height: 4px;
  transform: translateY(4px);
}
.modMandala--confirmation .modMandala__list__item .card__grid__item:nth-child(5) {
  transform: scale(1.13);
  position: relative;
  z-index: 15;
  display: flex;
  padding: 5px;
  align-items: center;
  color: var(--white);
  font-size: 20px;
  font-size: 2rem;
  line-height: 26px;
  letter-spacing: -2px;
}
.modMandala--confirmation .modMandala__list__item .card__grid__item:nth-child(5)::before, .modMandala--confirmation .modMandala__list__item .card__grid__item:nth-child(5)::after {
  content: unset;
}
.modMandala--confirmation .modMandala__list__item .card__grid__item:nth-child(5) .title {
  font-size: 20px;
  font-size: 2rem;
  font-size: clamp(15px, 1.9vw, 20px);
}
.modMandala--confirmation .modMandala__list__item .card__grid__item--done .description::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--white);
  opacity: 0.7;
  position: absolute;
  inset: 0;
}
.modMandala--confirmation .modMandala__list__item .card__grid__item .description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: clamp(12px, 1.4vw, 14px);
}
.modMandala--confirmation .modMandala__list__item:nth-child(3n+1) .card__grid__item:nth-child(5) {
  background-color: #0ED191;
}
.modMandala--confirmation .modMandala__list__item:nth-child(3n+2) .card__grid__item:nth-child(5) {
  background-color: #359676;
}
.modMandala--confirmation .modMandala__list__item:nth-child(3n) .card__grid__item:nth-child(5) {
  background-color: var(--blue);
}
.modMandala--confirmation .modMandala__list__item:nth-child(5) .card {
  transform: unset;
  background: var(--orange);
  background: linear-gradient(90deg, #0ED191 0%, #0EAAD1 100%);
}
.modMandala--confirmation .modMandala__list__item:nth-child(5) .card__grid {
  position: relative;
  z-index: 100;
}
.modMandala--confirmation .modMandala__list__item:nth-child(5) .card__grid::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("/assets/img//mandala/img_allow.png");
          mask-image: url("/assets/img//mandala/img_allow.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  transform: scale(1.42);
  pointer-events: none;
  background: var(--blue);
}
.modMandala--confirmation .modMandala__list__item:nth-child(5) .card__grid__item {
  background-color: unset;
  color: var(--white);
  font-size: 20px;
  font-size: 2rem;
  line-height: 24px;
}
.modMandala--confirmation .modMandala__list__item:nth-child(5) .card__grid__item:nth-child(5) {
  background-color: var(--blue);
  font-size: 24px;
  font-size: 2.4rem;
}
.modMandala--confirmation .modMandala__list__item:nth-child(5) .card__grid__item:nth-child(9)::after {
  content: unset;
}
.modMandala--confirmation .modMandala__list__item:nth-child(5) .card__grid__item .title {
  font-weight: 700;
}
.modMandala--confirmation .modMandala__list:hover .modMandala__list__item:nth-child(5) .card__grid::after {
  display: none;
}

.main--top {
  min-height: 100vh;
}

.layout__main--top {
  background-color: var(--light_gray);
}

.dashboard__header {
  margin-top: 20px;
  border-radius: 8px;
  padding: 20px;
  background: linear-gradient(90deg, #44C0E2 0%, #A5D8E6 100%);
  color: white;
  display: flex;
  align-items: center;
  gap: 12px;
}
.dashboard__header__logo {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  background-image: url(/assets/img/common/sidebar/logo_illust.webp);
}
.dashboard__header__text .title {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 8px;
}
.dashboard__header__text .subTitle {
  font-size: 12px;
  font-size: 1.2rem;
}
.dashboard__card__container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
  margin: 20px 0;
}
@media screen and (min-width: 1000px) {
  .dashboard__card__container {
    grid-template-columns: repeat(3, 1fr);
  }
}
.dashboard__card__item {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
.dashboard__card__item--selfing .header,
.dashboard__card__item--selfing .body {
  background: linear-gradient(90deg, #f7edfd 0%, #fdecf2 100%);
}
.dashboard__card__item--learning .header,
.dashboard__card__item--learning .body {
  background: linear-gradient(90deg, #e8f7f2 0%, #ebf4f9 100%);
}
.dashboard__card__item--1on1 .header,
.dashboard__card__item--1on1 .body {
  background: linear-gradient(90deg, #edf0ff 0%, #f2eefd 100%);
}
.dashboard__card__item .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
.dashboard__card__item .header__info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dashboard__card__item .header__info__text {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
}
.dashboard__card__item .header__info__logo {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  position: relative;
}
.dashboard__card__item .header__info__logo--selfing {
  background: linear-gradient(135deg, #b355f3 0%, #e44ab9 100%);
}
.dashboard__card__item .header__info__logo--selfing::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
  -webkit-mask-image: url("/assets/img/common/sidebar/icon_selfing.svg");
          mask-image: url("/assets/img/common/sidebar/icon_selfing.svg");
  background: var(--white);
  -webkit-mask-size: contain;
          mask-size: contain;
}
.dashboard__card__item .header__info__logo--learning {
  background: linear-gradient(135deg, #2cae8e 0%, #3b8cdf 100%);
}
.dashboard__card__item .header__info__logo--learning::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
  -webkit-mask-image: url("/assets/img/common/sidebar/icon_study.svg");
          mask-image: url("/assets/img/common/sidebar/icon_study.svg");
  background: var(--white);
  -webkit-mask-size: contain;
          mask-size: contain;
}
.dashboard__card__item .header__info__logo--1on1 {
  background: linear-gradient(135deg, #4677ff 0%, #596bf3 100%);
}
.dashboard__card__item .header__info__logo--1on1::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
  -webkit-mask-image: url("/assets/img/common/sidebar/icon_1on1.svg");
          mask-image: url("/assets/img/common/sidebar/icon_1on1.svg");
  background: var(--white);
  -webkit-mask-size: contain;
          mask-size: contain;
}
.dashboard__card__item .header__button {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 100%;
  transform: rotate(180deg);
}
.dashboard__card__item .header__button::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M297.4 169.4C309.9 156.9 330.2 156.9 342.7 169.4L534.7 361.4C547.2 373.9 547.2 394.2 534.7 406.7C522.2 419.2 501.9 419.2 489.4 406.7L320 237.3L150.6 406.6C138.1 419.1 117.8 419.1 105.3 406.6C92.8 394.1 92.8 373.8 105.3 361.3L297.3 169.3z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M297.4 169.4C309.9 156.9 330.2 156.9 342.7 169.4L534.7 361.4C547.2 373.9 547.2 394.2 534.7 406.7C522.2 419.2 501.9 419.2 489.4 406.7L320 237.3L150.6 406.6C138.1 419.1 117.8 419.1 105.3 406.6C92.8 394.1 92.8 373.8 105.3 361.3L297.3 169.3z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.dashboard__card__item .header:has(button.isActive) {
  border-radius: 8px;
}
.dashboard__card__item .body {
  height: auto;
  padding: 0 20px 20px;
  flex: 1;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  border-radius: 0 0 8px 8px;
  max-height: 44vh;
  min-height: 320px;
}
.dashboard__card__item .body::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  border-radius: 0 0 8px 8px;
}
.dashboard__card__item .body--selfing::after {
  background: linear-gradient(90deg, #f7edfd 0%, #fdecf2 100%);
}
.dashboard__card__item .body--learning::after {
  background: linear-gradient(90deg, #e8f7f2 0%, #ebf4f9 100%);
}
.dashboard__card__item .body--1on1::after {
  background: linear-gradient(90deg, #edf0ff 0%, #f2eefd 100%);
}
.dashboard__card__item .body__description {
  padding: 8px;
  border-radius: 4px;
  margin: 0 0 12px 0;
}
.dashboard__card__item .body__description__main {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  gap: 5px;
  height: 100%;
  margin-bottom: 8px;
}
.dashboard__card__item .body__description__main::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.dashboard__card__item .body__description--selfing {
  background: linear-gradient(90deg, #f4e7fe 0%, #fbe7f3 100%);
  color: #885db0;
}
.dashboard__card__item .body__description--selfing .body__description__main::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M512 320C512 214 426 128 320 128C214 128 128 214 128 320C128 426 214 512 320 512C426 512 512 426 512 320zM64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320zM320 400C364.2 400 400 364.2 400 320C400 275.8 364.2 240 320 240C275.8 240 240 275.8 240 320C240 364.2 275.8 400 320 400zM320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320C176 240.5 240.5 176 320 176zM288 320C288 302.3 302.3 288 320 288C337.7 288 352 302.3 352 320C352 337.7 337.7 352 320 352C302.3 352 288 337.7 288 320z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M512 320C512 214 426 128 320 128C214 128 128 214 128 320C128 426 214 512 320 512C426 512 512 426 512 320zM64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320zM320 400C364.2 400 400 364.2 400 320C400 275.8 364.2 240 320 240C275.8 240 240 275.8 240 320C240 364.2 275.8 400 320 400zM320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320C176 240.5 240.5 176 320 176zM288 320C288 302.3 302.3 288 320 288C337.7 288 352 302.3 352 320C352 337.7 337.7 352 320 352C302.3 352 288 337.7 288 320z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: #885db0;
}
.dashboard__card__item .body__description--learning {
  background: linear-gradient(90deg, #dafde7 0%, #dbebfb 100%);
  color: #2d5e3d;
}
.dashboard__card__item .body__description--learning .body__description__main::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 -0.5 25 25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 7.75C15.0858 7.75 14.75 8.08579 14.75 8.5C14.75 8.91421 15.0858 9.25 15.5 9.25V7.75ZM19.5 9.25C19.9142 9.25 20.25 8.91421 20.25 8.5C20.25 8.08579 19.9142 7.75 19.5 7.75V9.25ZM20.25 8.5C20.25 8.08579 19.9142 7.75 19.5 7.75C19.0858 7.75 18.75 8.08579 18.75 8.5H20.25ZM18.75 12.5C18.75 12.9142 19.0858 13.25 19.5 13.25C19.9142 13.25 20.25 12.9142 20.25 12.5H18.75ZM20.0303 9.03033C20.3232 8.73744 20.3232 8.26256 20.0303 7.96967C19.7374 7.67678 19.2626 7.67678 18.9697 7.96967L20.0303 9.03033ZM12.5 15.5L11.9697 16.0303C12.2626 16.3232 12.7374 16.3232 13.0303 16.0303L12.5 15.5ZM9.5 12.5L10.0303 11.9697C9.73744 11.6768 9.26256 11.6768 8.96967 11.9697L9.5 12.5ZM4.96967 15.9697C4.67678 16.2626 4.67678 16.7374 4.96967 17.0303C5.26256 17.3232 5.73744 17.3232 6.03033 17.0303L4.96967 15.9697ZM15.5 9.25H19.5V7.75H15.5V9.25ZM18.75 8.5V12.5H20.25V8.5H18.75ZM18.9697 7.96967L11.9697 14.9697L13.0303 16.0303L20.0303 9.03033L18.9697 7.96967ZM13.0303 14.9697L10.0303 11.9697L8.96967 13.0303L11.9697 16.0303L13.0303 14.9697ZM8.96967 11.9697L4.96967 15.9697L6.03033 17.0303L10.0303 13.0303L8.96967 11.9697Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg viewBox='0 -0.5 25 25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 7.75C15.0858 7.75 14.75 8.08579 14.75 8.5C14.75 8.91421 15.0858 9.25 15.5 9.25V7.75ZM19.5 9.25C19.9142 9.25 20.25 8.91421 20.25 8.5C20.25 8.08579 19.9142 7.75 19.5 7.75V9.25ZM20.25 8.5C20.25 8.08579 19.9142 7.75 19.5 7.75C19.0858 7.75 18.75 8.08579 18.75 8.5H20.25ZM18.75 12.5C18.75 12.9142 19.0858 13.25 19.5 13.25C19.9142 13.25 20.25 12.9142 20.25 12.5H18.75ZM20.0303 9.03033C20.3232 8.73744 20.3232 8.26256 20.0303 7.96967C19.7374 7.67678 19.2626 7.67678 18.9697 7.96967L20.0303 9.03033ZM12.5 15.5L11.9697 16.0303C12.2626 16.3232 12.7374 16.3232 13.0303 16.0303L12.5 15.5ZM9.5 12.5L10.0303 11.9697C9.73744 11.6768 9.26256 11.6768 8.96967 11.9697L9.5 12.5ZM4.96967 15.9697C4.67678 16.2626 4.67678 16.7374 4.96967 17.0303C5.26256 17.3232 5.73744 17.3232 6.03033 17.0303L4.96967 15.9697ZM15.5 9.25H19.5V7.75H15.5V9.25ZM18.75 8.5V12.5H20.25V8.5H18.75ZM18.9697 7.96967L11.9697 14.9697L13.0303 16.0303L20.0303 9.03033L18.9697 7.96967ZM13.0303 14.9697L10.0303 11.9697L8.96967 13.0303L11.9697 16.0303L13.0303 14.9697ZM8.96967 11.9697L4.96967 15.9697L6.03033 17.0303L10.0303 13.0303L8.96967 11.9697Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: #2d5e3d;
}
.dashboard__card__item .body__description--1on1 {
  background: linear-gradient(90deg, #ddeafc 0%, #e0e8ff 100%);
  color: #5270b0;
}
.dashboard__card__item .body__description--1on1 .body__description__main::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002a.274.274 0 0 1-.014.002H7.022zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0zM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816zM4.92 10A5.493 5.493 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275zM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4z' fill='%23000'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002a.274.274 0 0 1-.014.002H7.022zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0zM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816zM4.92 10A5.493 5.493 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275zM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4z' fill='%23000'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: #5270b0;
}
.dashboard__card__item .body__status {
  padding: 12px;
  border-radius: 8px;
  margin-bottom: 12px;
}
.dashboard__card__item .body__status__text {
  font-weight: 700;
  margin-bottom: 8px;
}
.dashboard__card__item .body__status__text .title {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
}
.dashboard__card__item .body__status__text .title::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
}
.dashboard__card__item .body__status__text .title--noti::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320 64C306.7 64 296 74.7 296 88L296 97.7C214.6 109.3 152 179.4 152 264L152 278.5C152 316.2 142 353.2 123 385.8L101.1 423.2C97.8 429 96 435.5 96 442.2C96 463.1 112.9 480 133.8 480L506.2 480C527.1 480 544 463.1 544 442.2C544 435.5 542.2 428.9 538.9 423.2L517 385.7C498 353.1 488 316.1 488 278.4L488 263.9C488 179.3 425.4 109.2 344 97.6L344 87.9C344 74.6 333.3 63.9 320 63.9zM488.4 432L151.5 432L164.4 409.9C187.7 370 200 324.6 200 278.5L200 264C200 197.7 253.7 144 320 144C386.3 144 440 197.7 440 264L440 278.5C440 324.7 452.3 370 475.5 409.9L488.4 432zM252.1 528C262 556 288.7 576 320 576C351.3 576 378 556 387.9 528L252.1 528z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320 64C306.7 64 296 74.7 296 88L296 97.7C214.6 109.3 152 179.4 152 264L152 278.5C152 316.2 142 353.2 123 385.8L101.1 423.2C97.8 429 96 435.5 96 442.2C96 463.1 112.9 480 133.8 480L506.2 480C527.1 480 544 463.1 544 442.2C544 435.5 542.2 428.9 538.9 423.2L517 385.7C498 353.1 488 316.1 488 278.4L488 263.9C488 179.3 425.4 109.2 344 97.6L344 87.9C344 74.6 333.3 63.9 320 63.9zM488.4 432L151.5 432L164.4 409.9C187.7 370 200 324.6 200 278.5L200 264C200 197.7 253.7 144 320 144C386.3 144 440 197.7 440 264L440 278.5C440 324.7 452.3 370 475.5 409.9L488.4 432zM252.1 528C262 556 288.7 576 320 576C351.3 576 378 556 387.9 528L252.1 528z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: currentColor;
}
.dashboard__card__item .body__status__text .title--alert::before {
  -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12 17.0001H12.01M12 10.0001V14.0001M6.41209 21.0001H17.588C19.3696 21.0001 20.2604 21.0001 20.783 20.6254C21.2389 20.2985 21.5365 19.7951 21.6033 19.238C21.6798 18.5996 21.2505 17.819 20.3918 16.2579L14.8039 6.09805C13.8897 4.4359 13.4326 3.60482 12.8286 3.32987C12.3022 3.09024 11.6978 3.09024 11.1714 3.32987C10.5674 3.60482 10.1103 4.4359 9.19614 6.09805L3.6082 16.2579C2.74959 17.819 2.32028 18.5996 2.39677 19.238C2.46351 19.7951 2.76116 20.2985 3.21709 20.6254C3.7396 21.0001 4.63043 21.0001 6.41209 21.0001Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center center/contain;
          mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12 17.0001H12.01M12 10.0001V14.0001M6.41209 21.0001H17.588C19.3696 21.0001 20.2604 21.0001 20.783 20.6254C21.2389 20.2985 21.5365 19.7951 21.6033 19.238C21.6798 18.5996 21.2505 17.819 20.3918 16.2579L14.8039 6.09805C13.8897 4.4359 13.4326 3.60482 12.8286 3.32987C12.3022 3.09024 11.6978 3.09024 11.1714 3.32987C10.5674 3.60482 10.1103 4.4359 9.19614 6.09805L3.6082 16.2579C2.74959 17.819 2.32028 18.5996 2.39677 19.238C2.46351 19.7951 2.76116 20.2985 3.21709 20.6254C3.7396 21.0001 4.63043 21.0001 6.41209 21.0001Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center center/contain;
  background: currentColor;
}
.dashboard__card__item .body__status__text .description {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 8px;
}
.dashboard__card__item .body__status__text .time {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 12px;
}
.dashboard__card__item .body__status__text .time::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112C434.9 112 528 205.1 528 320zM64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320zM296 184L296 320C296 328 300 335.5 306.7 340L402.7 404C413.7 411.4 428.6 408.4 436 397.3C443.4 386.2 440.4 371.4 429.3 364L344 307.2L344 184C344 170.7 333.3 160 320 160C306.7 160 296 170.7 296 184z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112C434.9 112 528 205.1 528 320zM64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320zM296 184L296 320C296 328 300 335.5 306.7 340L402.7 404C413.7 411.4 428.6 408.4 436 397.3C443.4 386.2 440.4 371.4 429.3 364L344 307.2L344 184C344 170.7 333.3 160 320 160C306.7 160 296 170.7 296 184z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: currentColor;
}
.dashboard__card__item .body__status__buttons {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.dashboard__card__item .body__status__buttons .button {
  padding: 4px 8px;
  font-weight: bold;
  color: var(--black);
  background-color: var(--white);
  border-radius: 4px;
  border: 1px solid var(--line);
}
.dashboard__card__item .body__status__buttons .button--fill {
  color: var(--white);
}
.dashboard__card__item .body__status__buttons .button:hover {
  opacity: 0.6;
}
.dashboard__card__item .body__status--blue {
  background-color: #eff6ff;
}
.dashboard__card__item .body__status--blue .body__status__text {
  color: #297ae4;
}
.dashboard__card__item .body__status--blue .button--fill {
  background-color: #2563eb;
}
.dashboard__card__item .body__status--blue .button--fill:hover {
  background-color: #1e4ed8;
}
.dashboard__card__item .body__status--red {
  background-color: #fef2f2;
}
.dashboard__card__item .body__status--red .body__status__text {
  color: #bd354d;
}
.dashboard__card__item .body__status--red .button--fill {
  background-color: #dc2626;
}
.dashboard__card__item .body__status--red .button--fill:hover {
  background-color: #b91c1c;
}
.dashboard__card__item .body__status--yellow {
  background-color: #fefce8;
}
.dashboard__card__item .body__status--yellow .body__status__text {
  color: #a66218;
}
.dashboard__card__item .body__status--yellow .button--fill {
  background-color: #ca8a04;
}
.dashboard__card__item .body__status--yellow .button--fill:hover {
  background-color: #a16207;
}
.dashboard__card__item .body .stats__container {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}
.dashboard__card__item .body .stats__item {
  background-color: var(--white);
  border-radius: 8px;
  width: 100%;
  padding: 12px;
  text-align: center;
  border: 1px solid;
}
.dashboard__card__item .body .stats__item__value {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}
.dashboard__card__item .body .stats__item__label {
  color: var(--dark_gray);
}
.dashboard__card__item .body .stats__item--blue {
  border-color: #bac7ff;
}
.dashboard__card__item .body .stats__item--blue .stats__item__value {
  color: #3d55dd;
}
.dashboard__card__item .body .stats__item--green {
  border-color: #b0ffe5;
}
.dashboard__card__item .body .stats__item--green .stats__item__value {
  color: #269852;
}
.dashboard__card__item .body .skillMap__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.dashboard__card__item .body .skillMap__header__title {
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 4px;
}
.dashboard__card__item .body .skillMap__header__count {
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--dark_gray);
}
.dashboard__card__item .body .skillMap__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dashboard__card__item .body .skillMap__list__item {
  background-color: var(--white);
  padding: 12px;
  border-radius: 8px;
  border: 1px solid var(--line);
}
.dashboard__card__item .body .skillMap__list__item .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dashboard__card__item .body .skillMap__list__item .header .title {
  font-weight: 700;
}
.dashboard__card__item .body .skillMap__list__item .header .percent {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 4px 8px;
  font-weight: 700;
  border-radius: 50px;
  background-color: var(--light_gray);
}
.dashboard__card__item .body .skillMap__list__item .progress {
  margin: 8px 0;
}
.dashboard__card__item .body .skillMap__list__item .progress .modProgressBar,
.dashboard__card__item .body .skillMap__list__item .progress .modProgressBar__content {
  width: 100%;
}
.dashboard__card__item .body .skillMap__list__item .footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--dark_gray);
  font-size: 12px;
  font-size: 1.2rem;
}
.dashboard__card__item .body .skillMap__list__item--green {
  border-color: #b0ffe5;
}
.dashboard__card__item .body .skillMap__list__item--green .header .percent {
  background-color: #dcfee8;
  color: #269852;
}
.dashboard__card__item .body .skillMap__list__item--blue {
  border-color: #bac7ff;
}
.dashboard__card__item .body .skillMap__list__item--blue .header .percent {
  background-color: #dbedfb;
  color: #3d5594;
}
.dashboard__card__item .body .achievement {
  margin: 12px 0;
  background: linear-gradient(90deg, #effdf1 0%, #eff6fe 100%);
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #b0ffe5;
  color: #2f675a;
}
.dashboard__card__item .body .achievement__header {
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 12px;
}
.dashboard__card__item .body .achievement__header::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23000000%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3Ax%3D%22&amp;ns_extend%3B%22%20xmlns%3Ai%3D%22&amp;ns_ai%3B%22%20xmlns%3Agraph%3D%22&amp;ns_graphs%3B%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C/g%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C/g%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%20%3Cpath%20d%3D%22M12%2C16c-4.4%2C0-8-3.6-8-8s3.6-8%2C8-8s8%2C3.6%2C8%2C8S16.4%2C16%2C12%2C16z%20M12%2C2C8.7%2C2%2C6%2C4.7%2C6%2C8s2.7%2C6%2C6%2C6s6-2.7%2C6-6S15.3%2C2%2C12%2C2z%22/%3E%3Cpath%20d%3D%22M16%2C24c-0.2%2C0-0.3%2C0-0.4-0.1L12%2C22.1l-3.6%2C1.8c-0.3%2C0.2-0.7%2C0.1-1%2C0C7.2%2C23.7%2C7%2C23.3%2C7%2C23v-9c0-0.6%2C0.4-1%2C1-1s1%2C0.4%2C1%2C1v7.4l2.6-1.3c0.3-0.1%2C0.6-0.1%2C0.9%2C0l2.6%2C1.3V14c0-0.6%2C0.4-1%2C1-1s1%2C0.4%2C1%2C1v9c0%2C0.3-0.2%2C0.7-0.5%2C0.9C16.4%2C23.9%2C16.2%2C24%2C16%2C24z%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23000000%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3Ax%3D%22&amp;ns_extend%3B%22%20xmlns%3Ai%3D%22&amp;ns_ai%3B%22%20xmlns%3Agraph%3D%22&amp;ns_graphs%3B%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C/g%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C/g%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%20%3Cpath%20d%3D%22M12%2C16c-4.4%2C0-8-3.6-8-8s3.6-8%2C8-8s8%2C3.6%2C8%2C8S16.4%2C16%2C12%2C16z%20M12%2C2C8.7%2C2%2C6%2C4.7%2C6%2C8s2.7%2C6%2C6%2C6s6-2.7%2C6-6S15.3%2C2%2C12%2C2z%22/%3E%3Cpath%20d%3D%22M16%2C24c-0.2%2C0-0.3%2C0-0.4-0.1L12%2C22.1l-3.6%2C1.8c-0.3%2C0.2-0.7%2C0.1-1%2C0C7.2%2C23.7%2C7%2C23.3%2C7%2C23v-9c0-0.6%2C0.4-1%2C1-1s1%2C0.4%2C1%2C1v7.4l2.6-1.3c0.3-0.1%2C0.6-0.1%2C0.9%2C0l2.6%2C1.3V14c0-0.6%2C0.4-1%2C1-1s1%2C0.4%2C1%2C1v9c0%2C0.3-0.2%2C0.7-0.5%2C0.9C16.4%2C23.9%2C16.2%2C24%2C16%2C24z%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center center/contain;
  background: #3fa575;
}
.dashboard__card__item .body .achievement__content {
  font-size: 12px;
  font-size: 1.2rem;
}
.dashboard__card__item .body .achievement__content__badge {
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
}
.dashboard__card__item .body .achievement__content__badge::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320.1 32C329.1 32 337.4 37.1 341.5 45.1L415 189.3L574.9 214.7C583.8 216.1 591.2 222.4 594 231C596.8 239.6 594.5 249 588.2 255.4L473.7 369.9L499 529.8C500.4 538.7 496.7 547.7 489.4 553C482.1 558.3 472.4 559.1 464.4 555L320.1 481.6L175.8 555C167.8 559.1 158.1 558.3 150.8 553C143.5 547.7 139.8 538.8 141.2 529.8L166.4 369.9L52 255.4C45.6 249 43.4 239.6 46.2 231C49 222.4 56.3 216.1 65.3 214.7L225.2 189.3L298.8 45.1C302.9 37.1 311.2 32 320.2 32zM320.1 108.8L262.3 222C258.8 228.8 252.3 233.6 244.7 234.8L119.2 254.8L209 344.7C214.4 350.1 216.9 357.8 215.7 365.4L195.9 490.9L309.2 433.3C316 429.8 324.1 429.8 331 433.3L444.3 490.9L424.5 365.4C423.3 357.8 425.8 350.1 431.2 344.7L521 254.8L395.5 234.8C387.9 233.6 381.4 228.8 377.9 222L320.1 108.8z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320.1 32C329.1 32 337.4 37.1 341.5 45.1L415 189.3L574.9 214.7C583.8 216.1 591.2 222.4 594 231C596.8 239.6 594.5 249 588.2 255.4L473.7 369.9L499 529.8C500.4 538.7 496.7 547.7 489.4 553C482.1 558.3 472.4 559.1 464.4 555L320.1 481.6L175.8 555C167.8 559.1 158.1 558.3 150.8 553C143.5 547.7 139.8 538.8 141.2 529.8L166.4 369.9L52 255.4C45.6 249 43.4 239.6 46.2 231C49 222.4 56.3 216.1 65.3 214.7L225.2 189.3L298.8 45.1C302.9 37.1 311.2 32 320.2 32zM320.1 108.8L262.3 222C258.8 228.8 252.3 233.6 244.7 234.8L119.2 254.8L209 344.7C214.4 350.1 216.9 357.8 215.7 365.4L195.9 490.9L309.2 433.3C316 429.8 324.1 429.8 331 433.3L444.3 490.9L424.5 365.4C423.3 357.8 425.8 350.1 431.2 344.7L521 254.8L395.5 234.8C387.9 233.6 381.4 228.8 377.9 222L320.1 108.8z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: #fdb600;
}
.dashboard__card__item .body__personality {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.dashboard__card__item .body__personality__title {
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 4px;
}
.dashboard__card__item .body__personality__title::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320.1 32C329.1 32 337.4 37.1 341.5 45.1L415 189.3L574.9 214.7C583.8 216.1 591.2 222.4 594 231C596.8 239.6 594.5 249 588.2 255.4L473.7 369.9L499 529.8C500.4 538.7 496.7 547.7 489.4 553C482.1 558.3 472.4 559.1 464.4 555L320.1 481.6L175.8 555C167.8 559.1 158.1 558.3 150.8 553C143.5 547.7 139.8 538.8 141.2 529.8L166.4 369.9L52 255.4C45.6 249 43.4 239.6 46.2 231C49 222.4 56.3 216.1 65.3 214.7L225.2 189.3L298.8 45.1C302.9 37.1 311.2 32 320.2 32zM320.1 108.8L262.3 222C258.8 228.8 252.3 233.6 244.7 234.8L119.2 254.8L209 344.7C214.4 350.1 216.9 357.8 215.7 365.4L195.9 490.9L309.2 433.3C316 429.8 324.1 429.8 331 433.3L444.3 490.9L424.5 365.4C423.3 357.8 425.8 350.1 431.2 344.7L521 254.8L395.5 234.8C387.9 233.6 381.4 228.8 377.9 222L320.1 108.8z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320.1 32C329.1 32 337.4 37.1 341.5 45.1L415 189.3L574.9 214.7C583.8 216.1 591.2 222.4 594 231C596.8 239.6 594.5 249 588.2 255.4L473.7 369.9L499 529.8C500.4 538.7 496.7 547.7 489.4 553C482.1 558.3 472.4 559.1 464.4 555L320.1 481.6L175.8 555C167.8 559.1 158.1 558.3 150.8 553C143.5 547.7 139.8 538.8 141.2 529.8L166.4 369.9L52 255.4C45.6 249 43.4 239.6 46.2 231C49 222.4 56.3 216.1 65.3 214.7L225.2 189.3L298.8 45.1C302.9 37.1 311.2 32 320.2 32zM320.1 108.8L262.3 222C258.8 228.8 252.3 233.6 244.7 234.8L119.2 254.8L209 344.7C214.4 350.1 216.9 357.8 215.7 365.4L195.9 490.9L309.2 433.3C316 429.8 324.1 429.8 331 433.3L444.3 490.9L424.5 365.4C423.3 357.8 425.8 350.1 431.2 344.7L521 254.8L395.5 234.8C387.9 233.6 381.4 228.8 377.9 222L320.1 108.8z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: #fdb600;
}
.dashboard__card__item .body__personality__result {
  color: #5d2f8c;
  font-weight: 700;
  background-color: #f8e6fa;
  padding: 8px 12px;
  border-radius: 8px;
}
.dashboard__card__item .body__template {
  margin: 20px 0;
}
.dashboard__card__item .body__template__title {
  font-weight: 700;
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 12px;
}
.dashboard__card__item .body__template__title::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(/assets/img/common/top/icon_check_circle.svg) center/100% no-repeat;
}
.dashboard__card__item .body__template__list .item {
  background-color: var(--white);
  padding: 8px;
  border-radius: 8px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.dashboard__card__item .body__template__list .item__text {
  font-weight: 700;
  display: flex;
  gap: 4px;
  align-items: center;
}
.dashboard__card__item .body__template__list .item__text::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
}
.dashboard__card__item .body__template__list .item__date {
  color: var(--dark_gray);
}
.dashboard__card__item .body__template__list .item--complete .item__text::before {
  background: url(/assets/img/common/top/icon_check_circle.svg) center/100% no-repeat;
}
.dashboard__card__item .body__template__list .item--incomplete .item__text::before {
  background: url(/assets/img/common/top/icon_warning_circle.svg) center/130% no-repeat;
}
.dashboard__card__item .body__button {
  width: 100%;
  padding: 12px 10px;
  border-radius: 8px;
  color: var(--white);
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  display: flex;
  justify-content: center;
  gap: 16px;
  align-items: center;
  transition: 0.3s ease-out;
  position: sticky;
  left: 20px;
  bottom: 20px;
}
.dashboard__card__item .body__button::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288H96C78.3 288 64 302.3 64 320s14.3 32 32 32h370.7L361.3 457.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M566.6 342.6C579.1 330.1 579.1 309.8 566.6 297.3L406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3C348.8 149.8 348.8 170.1 361.3 182.6L466.7 288H96C78.3 288 64 302.3 64 320s14.3 32 32 32h370.7L361.3 457.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E") no-repeat center/contain;
  background: var(--white);
}
.dashboard__card__item .body__button--selfing {
  background: linear-gradient(90deg, #9635df 0%, #d8277f 100%);
}
.dashboard__card__item .body__button--selfing:hover {
  background: linear-gradient(90deg, #7c2cc2 0%, #b91c6a 100%);
}
.dashboard__card__item .body__button--selfing::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM276.5 211.5C269.1 207 259.8 206.8 252.2 211C244.6 215.2 240 223.3 240 232L240 408C240 416.7 244.7 424.7 252.3 428.9C259.9 433.1 269.1 433 276.6 428.4L420.6 340.4C427.7 336 432.1 328.3 432.1 319.9C432.1 311.5 427.7 303.8 420.6 299.4L276.6 211.4zM362 320L288 365.2L288 274.8L362 320z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM276.5 211.5C269.1 207 259.8 206.8 252.2 211C244.6 215.2 240 223.3 240 232L240 408C240 416.7 244.7 424.7 252.3 428.9C259.9 433.1 269.1 433 276.6 428.4L420.6 340.4C427.7 336 432.1 328.3 432.1 319.9C432.1 311.5 427.7 303.8 420.6 299.4L276.6 211.4zM362 320L288 365.2L288 274.8L362 320z'/%3E%3C/svg%3E") no-repeat center/contain;
  background: var(--white);
}
.dashboard__card__item .body__button--learning {
  background: linear-gradient(90deg, #17a052 0%, #2368e1 100%);
}
.dashboard__card__item .body__button--learning:hover {
  background: linear-gradient(90deg, #128149 0%, #1c53b5 100%);
}
.dashboard__card__item .body__button--learning::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21L11.8999 20.8499C11.2053 19.808 10.858 19.287 10.3991 18.9098C9.99286 18.5759 9.52476 18.3254 9.02161 18.1726C8.45325 18 7.82711 18 6.57482 18H5.2C4.07989 18 3.51984 18 3.09202 17.782C2.71569 17.5903 2.40973 17.2843 2.21799 16.908C2 16.4802 2 15.9201 2 14.8V6.2C2 5.07989 2 4.51984 2.21799 4.09202C2.40973 3.71569 2.71569 3.40973 3.09202 3.21799C3.51984 3 4.07989 3 5.2 3H5.6C7.84021 3 8.96031 3 9.81596 3.43597C10.5686 3.81947 11.1805 4.43139 11.564 5.18404C12 6.03968 12 7.15979 12 9.4M12 21V9.4M12 21L12.1001 20.8499C12.7947 19.808 13.142 19.287 13.6009 18.9098C14.0071 18.5759 14.4752 18.3254 14.9784 18.1726C15.5467 18 16.1729 18 17.4252 18H18.8C19.9201 18 20.4802 18 20.908 17.782C21.2843 17.5903 21.5903 17.2843 21.782 16.908C22 16.4802 22 15.9201 22 14.8V6.2C22 5.07989 22 4.51984 21.782 4.09202C21.5903 3.71569 21.2843 3.40973 20.908 3.21799C20.4802 3 19.9201 3 18.8 3H18.4C16.1598 3 15.0397 3 14.184 3.43597C13.4314 3.81947 12.8195 4.43139 12.436 5.18404C12 6.03968 12 7.15979 12 9.4'/%3E%3C/svg%3E") no-repeat center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21L11.8999 20.8499C11.2053 19.808 10.858 19.287 10.3991 18.9098C9.99286 18.5759 9.52476 18.3254 9.02161 18.1726C8.45325 18 7.82711 18 6.57482 18H5.2C4.07989 18 3.51984 18 3.09202 17.782C2.71569 17.5903 2.40973 17.2843 2.21799 16.908C2 16.4802 2 15.9201 2 14.8V6.2C2 5.07989 2 4.51984 2.21799 4.09202C2.40973 3.71569 2.71569 3.40973 3.09202 3.21799C3.51984 3 4.07989 3 5.2 3H5.6C7.84021 3 8.96031 3 9.81596 3.43597C10.5686 3.81947 11.1805 4.43139 11.564 5.18404C12 6.03968 12 7.15979 12 9.4M12 21V9.4M12 21L12.1001 20.8499C12.7947 19.808 13.142 19.287 13.6009 18.9098C14.0071 18.5759 14.4752 18.3254 14.9784 18.1726C15.5467 18 16.1729 18 17.4252 18H18.8C19.9201 18 20.4802 18 20.908 17.782C21.2843 17.5903 21.5903 17.2843 21.782 16.908C22 16.4802 22 15.9201 22 14.8V6.2C22 5.07989 22 4.51984 21.782 4.09202C21.5903 3.71569 21.2843 3.40973 20.908 3.21799C20.4802 3 19.9201 3 18.8 3H18.4C16.1598 3 15.0397 3 14.184 3.43597C13.4314 3.81947 12.8195 4.43139 12.436 5.18404C12 6.03968 12 7.15979 12 9.4'/%3E%3C/svg%3E") no-repeat center/contain;
  background: var(--white);
}
.dashboard__card__item .body__button--1on1 {
  background: linear-gradient(90deg, #2861ec 0%, #4d47e5 100%);
}
.dashboard__card__item .body__button--1on1:hover {
  background: linear-gradient(90deg, #204dcc 0%, #3c39cc 100%);
}
.dashboard__card__item .body__button--1on1::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M267.7 576.9C267.7 576.9 267.7 576.9 267.7 576.9L229.9 603.6C222.6 608.8 213 609.4 205 605.3C197 601.2 192 593 192 584L192 512L160 512C107 512 64 469 64 416L64 192C64 139 107 96 160 96L480 96C533 96 576 139 576 192L576 416C576 469 533 512 480 512L359.6 512L267.7 576.9zM332 472.8C340.1 467.1 349.8 464 359.7 464L480 464C506.5 464 528 442.5 528 416L528 192C528 165.5 506.5 144 480 144L160 144C133.5 144 112 165.5 112 192L112 416C112 442.5 133.5 464 160 464L216 464C226.4 464 235.3 470.6 238.6 479.9C239.5 482.4 240 485.1 240 488L240 537.7C272.7 514.6 303.3 493 331.9 472.8z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M267.7 576.9C267.7 576.9 267.7 576.9 267.7 576.9L229.9 603.6C222.6 608.8 213 609.4 205 605.3C197 601.2 192 593 192 584L192 512L160 512C107 512 64 469 64 416L64 192C64 139 107 96 160 96L480 96C533 96 576 139 576 192L576 416C576 469 533 512 480 512L359.6 512L267.7 576.9zM332 472.8C340.1 467.1 349.8 464 359.7 464L480 464C506.5 464 528 442.5 528 416L528 192C528 165.5 506.5 144 480 144L160 144C133.5 144 112 165.5 112 192L112 416C112 442.5 133.5 464 160 464L216 464C226.4 464 235.3 470.6 238.6 479.9C239.5 482.4 240 485.1 240 488L240 537.7C272.7 514.6 303.3 493 331.9 472.8z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--white);
}

.calendar__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 12px;
}
.calendar__title::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M216 64C229.3 64 240 74.7 240 88L240 128L400 128L400 88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 88C192 74.7 202.7 64 216 64zM480 496C488.8 496 496 488.8 496 480L496 416L408 416L408 496L480 496zM496 368L496 288L408 288L408 368L496 368zM360 368L360 288L280 288L280 368L360 368zM232 368L232 288L144 288L144 368L232 368zM144 416L144 480C144 488.8 151.2 496 160 496L232 496L232 416L144 416zM280 416L280 496L360 496L360 416L280 416zM216 176L160 176C151.2 176 144 183.2 144 192L144 240L496 240L496 192C496 183.2 488.8 176 480 176L216 176z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M216 64C229.3 64 240 74.7 240 88L240 128L400 128L400 88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 88C192 74.7 202.7 64 216 64zM480 496C488.8 496 496 488.8 496 480L496 416L408 416L408 496L480 496zM496 368L496 288L408 288L408 368L496 368zM360 368L360 288L280 288L280 368L360 368zM232 368L232 288L144 288L144 368L232 368zM144 416L144 480C144 488.8 151.2 496 160 496L232 496L232 416L144 416zM280 416L280 496L360 496L360 416L280 416zM216 176L160 176C151.2 176 144 183.2 144 192L144 240L496 240L496 192C496 183.2 488.8 176 480 176L216 176z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.calendar__container {
  display: flex;
  gap: 2rem;
  width: -moz-fit-content;
  width: fit-content;
}
.calendar__item {
  flex-shrink: 0;
  max-width: 250px;
  border-radius: 12px;
  background-color: var(--white);
  cursor: pointer;
  transition: 0.3s ease;
  margin-bottom: 8px;
  border: 1px solid var(--line);
}
.calendar__item:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
.calendar__item__inner {
  padding: 16px 20px;
}
.calendar__item .date {
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem;
  display: flex;
  align-items: end;
  gap: 4px;
  margin-bottom: 8px;
}
.calendar__item .date span {
  font-size: 12px;
  font-size: 1.2rem;
}
.calendar__item .date::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  align-self: center;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M216 64C229.3 64 240 74.7 240 88L240 128L400 128L400 88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 88C192 74.7 202.7 64 216 64zM480 496C488.8 496 496 488.8 496 480L496 416L408 416L408 496L480 496zM496 368L496 288L408 288L408 368L496 368zM360 368L360 288L280 288L280 368L360 368zM232 368L232 288L144 288L144 368L232 368zM144 416L144 480C144 488.8 151.2 496 160 496L232 496L232 416L144 416zM280 416L280 496L360 496L360 416L280 416zM216 176L160 176C151.2 176 144 183.2 144 192L144 240L496 240L496 192C496 183.2 488.8 176 480 176L216 176z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M216 64C229.3 64 240 74.7 240 88L240 128L400 128L400 88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 88C192 74.7 202.7 64 216 64zM480 496C488.8 496 496 488.8 496 480L496 416L408 416L408 496L480 496zM496 368L496 288L408 288L408 368L496 368zM360 368L360 288L280 288L280 368L360 368zM232 368L232 288L144 288L144 368L232 368zM144 416L144 480C144 488.8 151.2 496 160 496L232 496L232 416L144 416zM280 416L280 496L360 496L360 416L280 416zM216 176L160 176C151.2 176 144 183.2 144 192L144 240L496 240L496 192C496 183.2 488.8 176 480 176L216 176z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.calendar__item .time {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 12px;
}
.calendar__item .time::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112C434.9 112 528 205.1 528 320zM64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320zM296 184L296 320C296 328 300 335.5 306.7 340L402.7 404C413.7 411.4 428.6 408.4 436 397.3C443.4 386.2 440.4 371.4 429.3 364L344 307.2L344 184C344 170.7 333.3 160 320 160C306.7 160 296 170.7 296 184z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112C434.9 112 528 205.1 528 320zM64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320zM296 184L296 320C296 328 300 335.5 306.7 340L402.7 404C413.7 411.4 428.6 408.4 436 397.3C443.4 386.2 440.4 371.4 429.3 364L344 307.2L344 184C344 170.7 333.3 160 320 160C306.7 160 296 170.7 296 184z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.calendar__item .label {
  margin-top: 12px;
  display: flex;
  gap: 4px;
  align-items: center;
}
.calendar__item .label__item {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 4px 8px;
  border-radius: 4px;
}
.calendar__item .label__item::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
}
.calendar__item .label__item--book {
  background-color: #dcedfa;
}
.calendar__item .label__item--book::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21L11.8999 20.8499C11.2053 19.808 10.858 19.287 10.3991 18.9098C9.99286 18.5759 9.52476 18.3254 9.02161 18.1726C8.45325 18 7.82711 18 6.57482 18H5.2C4.07989 18 3.51984 18 3.09202 17.782C2.71569 17.5903 2.40973 17.2843 2.21799 16.908C2 16.4802 2 15.9201 2 14.8V6.2C2 5.07989 2 4.51984 2.21799 4.09202C2.40973 3.71569 2.71569 3.40973 3.09202 3.21799C3.51984 3 4.07989 3 5.2 3H5.6C7.84021 3 8.96031 3 9.81596 3.43597C10.5686 3.81947 11.1805 4.43139 11.564 5.18404C12 6.03968 12 7.15979 12 9.4M12 21V9.4M12 21L12.1001 20.8499C12.7947 19.808 13.142 19.287 13.6009 18.9098C14.0071 18.5759 14.4752 18.3254 14.9784 18.1726C15.5467 18 16.1729 18 17.4252 18H18.8C19.9201 18 20.4802 18 20.908 17.782C21.2843 17.5903 21.5903 17.2843 21.782 16.908C22 16.4802 22 15.9201 22 14.8V6.2C22 5.07989 22 4.51984 21.782 4.09202C21.5903 3.71569 21.2843 3.40973 20.908 3.21799C20.4802 3 19.9201 3 18.8 3H18.4C16.1598 3 15.0397 3 14.184 3.43597C13.4314 3.81947 12.8195 4.43139 12.436 5.18404C12 6.03968 12 7.15979 12 9.4'/%3E%3C/svg%3E") no-repeat center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21L11.8999 20.8499C11.2053 19.808 10.858 19.287 10.3991 18.9098C9.99286 18.5759 9.52476 18.3254 9.02161 18.1726C8.45325 18 7.82711 18 6.57482 18H5.2C4.07989 18 3.51984 18 3.09202 17.782C2.71569 17.5903 2.40973 17.2843 2.21799 16.908C2 16.4802 2 15.9201 2 14.8V6.2C2 5.07989 2 4.51984 2.21799 4.09202C2.40973 3.71569 2.71569 3.40973 3.09202 3.21799C3.51984 3 4.07989 3 5.2 3H5.6C7.84021 3 8.96031 3 9.81596 3.43597C10.5686 3.81947 11.1805 4.43139 11.564 5.18404C12 6.03968 12 7.15979 12 9.4M12 21V9.4M12 21L12.1001 20.8499C12.7947 19.808 13.142 19.287 13.6009 18.9098C14.0071 18.5759 14.4752 18.3254 14.9784 18.1726C15.5467 18 16.1729 18 17.4252 18H18.8C19.9201 18 20.4802 18 20.908 17.782C21.2843 17.5903 21.5903 17.2843 21.782 16.908C22 16.4802 22 15.9201 22 14.8V6.2C22 5.07989 22 4.51984 21.782 4.09202C21.5903 3.71569 21.2843 3.40973 20.908 3.21799C20.4802 3 19.9201 3 18.8 3H18.4C16.1598 3 15.0397 3 14.184 3.43597C13.4314 3.81947 12.8195 4.43139 12.436 5.18404C12 6.03968 12 7.15979 12 9.4'/%3E%3C/svg%3E") no-repeat center/contain;
  background: var(--black);
}
.calendar__item .label__item--fire {
  background-color: #feead8;
}
.calendar__item .label__item--fire::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M256.5 37.6C265.8 29.8 279.5 30.1 288.4 38.5C300.7 50.1 311.7 62.9 322.3 75.9C335.8 92.4 352 114.2 367.6 140.1C372.8 133.3 377.6 127.3 381.8 122.2C382.9 120.9 384 119.5 385.1 118.1C393 108.3 402.8 96 415.9 96C429.3 96 438.7 107.9 446.7 118.1C448 119.8 449.3 121.4 450.6 122.9C460.9 135.3 474.6 153.2 488.3 175.3C515.5 219.2 543.9 281.7 543.9 351.9C543.9 475.6 443.6 575.9 319.9 575.9C196.2 575.9 96 475.7 96 352C96 260.9 137.1 182 176.5 127C196.4 99.3 216.2 77.1 231.1 61.9C239.3 53.5 247.6 45.2 256.6 37.7zM321.7 480C347 480 369.4 473 390.5 459C432.6 429.6 443.9 370.8 418.6 324.6C414.1 315.6 402.6 315 396.1 322.6L370.9 351.9C364.3 359.5 352.4 359.3 346.2 351.4C328.9 329.3 297.1 289 280.9 268.4C275.5 261.5 265.7 260.4 259.4 266.5C241.1 284.3 207.9 323.3 207.9 370.8C207.9 439.4 258.5 480 321.6 480z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M256.5 37.6C265.8 29.8 279.5 30.1 288.4 38.5C300.7 50.1 311.7 62.9 322.3 75.9C335.8 92.4 352 114.2 367.6 140.1C372.8 133.3 377.6 127.3 381.8 122.2C382.9 120.9 384 119.5 385.1 118.1C393 108.3 402.8 96 415.9 96C429.3 96 438.7 107.9 446.7 118.1C448 119.8 449.3 121.4 450.6 122.9C460.9 135.3 474.6 153.2 488.3 175.3C515.5 219.2 543.9 281.7 543.9 351.9C543.9 475.6 443.6 575.9 319.9 575.9C196.2 575.9 96 475.7 96 352C96 260.9 137.1 182 176.5 127C196.4 99.3 216.2 77.1 231.1 61.9C239.3 53.5 247.6 45.2 256.6 37.7zM321.7 480C347 480 369.4 473 390.5 459C432.6 429.6 443.9 370.8 418.6 324.6C414.1 315.6 402.6 315 396.1 322.6L370.9 351.9C364.3 359.5 352.4 359.3 346.2 351.4C328.9 329.3 297.1 289 280.9 268.4C275.5 261.5 265.7 260.4 259.4 266.5C241.1 284.3 207.9 323.3 207.9 370.8C207.9 439.4 258.5 480 321.6 480z'/%3E%3C/svg%3E") no-repeat center/contain;
  background: #d41c35;
}

.card__container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 20px 0;
  grid-template-columns: repeat(1, 1fr);
}
.card__row {
  display: grid;
  gap: 16px;
}
@media screen and (min-width: 769px) {
  .card__row--three {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 769px) {
  .card__row--two {
    grid-template-columns: repeat(2, 1fr);
  }
}
.card__row--one {
  grid-template-columns: repeat(1, 1fr);
}
.card__item {
  background-color: var(--white);
  padding: 24px 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
}
.card__item:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
.card__item__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.card__item__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background-color: #dbeaff;
  border-radius: 8px;
  background-size: 50%;
}
.card__item__logo::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  align-self: center;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M192 112C183.2 112 176 119.2 176 128L176 512C176 520.8 183.2 528 192 528L272 528L272 448C272 430.3 286.3 416 304 416L336 416C353.7 416 368 430.3 368 448L368 528L448 528C456.8 528 464 520.8 464 512L464 128C464 119.2 456.8 112 448 112L192 112zM128 128C128 92.7 156.7 64 192 64L448 64C483.3 64 512 92.7 512 128L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM224 176C224 167.2 231.2 160 240 160L272 160C280.8 160 288 167.2 288 176L288 208C288 216.8 280.8 224 272 224L240 224C231.2 224 224 216.8 224 208L224 176zM368 160L400 160C408.8 160 416 167.2 416 176L416 208C416 216.8 408.8 224 400 224L368 224C359.2 224 352 216.8 352 208L352 176C352 167.2 359.2 160 368 160zM224 304C224 295.2 231.2 288 240 288L272 288C280.8 288 288 295.2 288 304L288 336C288 344.8 280.8 352 272 352L240 352C231.2 352 224 344.8 224 336L224 304zM368 288L400 288C408.8 288 416 295.2 416 304L416 336C416 344.8 408.8 352 400 352L368 352C359.2 352 352 344.8 352 336L352 304C352 295.2 359.2 288 368 288z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M192 112C183.2 112 176 119.2 176 128L176 512C176 520.8 183.2 528 192 528L272 528L272 448C272 430.3 286.3 416 304 416L336 416C353.7 416 368 430.3 368 448L368 528L448 528C456.8 528 464 520.8 464 512L464 128C464 119.2 456.8 112 448 112L192 112zM128 128C128 92.7 156.7 64 192 64L448 64C483.3 64 512 92.7 512 128L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM224 176C224 167.2 231.2 160 240 160L272 160C280.8 160 288 167.2 288 176L288 208C288 216.8 280.8 224 272 224L240 224C231.2 224 224 216.8 224 208L224 176zM368 160L400 160C408.8 160 416 167.2 416 176L416 208C416 216.8 408.8 224 400 224L368 224C359.2 224 352 216.8 352 208L352 176C352 167.2 359.2 160 368 160zM224 304C224 295.2 231.2 288 240 288L272 288C280.8 288 288 295.2 288 304L288 336C288 344.8 280.8 352 272 352L240 352C231.2 352 224 344.8 224 336L224 304zM368 288L400 288C408.8 288 416 295.2 416 304L416 336C416 344.8 408.8 352 400 352L368 352C359.2 352 352 344.8 352 336L352 304C352 295.2 359.2 288 368 288z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: #4065cb;
}
.card__item__description {
  color: var(--dark_gray);
}
.card__item--portal .card__item__logo {
  background-color: #dbeaff;
}
.card__item--portal .card__item__logo::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M192 112C183.2 112 176 119.2 176 128L176 512C176 520.8 183.2 528 192 528L272 528L272 448C272 430.3 286.3 416 304 416L336 416C353.7 416 368 430.3 368 448L368 528L448 528C456.8 528 464 520.8 464 512L464 128C464 119.2 456.8 112 448 112L192 112zM128 128C128 92.7 156.7 64 192 64L448 64C483.3 64 512 92.7 512 128L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM224 176C224 167.2 231.2 160 240 160L272 160C280.8 160 288 167.2 288 176L288 208C288 216.8 280.8 224 272 224L240 224C231.2 224 224 216.8 224 208L224 176zM368 160L400 160C408.8 160 416 167.2 416 176L416 208C416 216.8 408.8 224 400 224L368 224C359.2 224 352 216.8 352 208L352 176C352 167.2 359.2 160 368 160zM224 304C224 295.2 231.2 288 240 288L272 288C280.8 288 288 295.2 288 304L288 336C288 344.8 280.8 352 272 352L240 352C231.2 352 224 344.8 224 336L224 304zM368 288L400 288C408.8 288 416 295.2 416 304L416 336C416 344.8 408.8 352 400 352L368 352C359.2 352 352 344.8 352 336L352 304C352 295.2 359.2 288 368 288z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M192 112C183.2 112 176 119.2 176 128L176 512C176 520.8 183.2 528 192 528L272 528L272 448C272 430.3 286.3 416 304 416L336 416C353.7 416 368 430.3 368 448L368 528L448 528C456.8 528 464 520.8 464 512L464 128C464 119.2 456.8 112 448 112L192 112zM128 128C128 92.7 156.7 64 192 64L448 64C483.3 64 512 92.7 512 128L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM224 176C224 167.2 231.2 160 240 160L272 160C280.8 160 288 167.2 288 176L288 208C288 216.8 280.8 224 272 224L240 224C231.2 224 224 216.8 224 208L224 176zM368 160L400 160C408.8 160 416 167.2 416 176L416 208C416 216.8 408.8 224 400 224L368 224C359.2 224 352 216.8 352 208L352 176C352 167.2 359.2 160 368 160zM224 304C224 295.2 231.2 288 240 288L272 288C280.8 288 288 295.2 288 304L288 336C288 344.8 280.8 352 272 352L240 352C231.2 352 224 344.8 224 336L224 304zM368 288L400 288C408.8 288 416 295.2 416 304L416 336C416 344.8 408.8 352 400 352L368 352C359.2 352 352 344.8 352 336L352 304C352 295.2 359.2 288 368 288z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: #4065cb;
}
.card__item--personal .card__item__logo {
  background-color: #dbfde5;
}
.card__item--personal .card__item__logo::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M240 192C240 147.8 275.8 112 320 112C364.2 112 400 147.8 400 192C400 236.2 364.2 272 320 272C275.8 272 240 236.2 240 192zM448 192C448 121.3 390.7 64 320 64C249.3 64 192 121.3 192 192C192 262.7 249.3 320 320 320C390.7 320 448 262.7 448 192zM144 544C144 473.3 201.3 416 272 416L368 416C438.7 416 496 473.3 496 544L496 552C496 565.3 506.7 576 520 576C533.3 576 544 565.3 544 552L544 544C544 446.8 465.2 368 368 368L272 368C174.8 368 96 446.8 96 544L96 552C96 565.3 106.7 576 120 576C133.3 576 144 565.3 144 552L144 544z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M240 192C240 147.8 275.8 112 320 112C364.2 112 400 147.8 400 192C400 236.2 364.2 272 320 272C275.8 272 240 236.2 240 192zM448 192C448 121.3 390.7 64 320 64C249.3 64 192 121.3 192 192C192 262.7 249.3 320 320 320C390.7 320 448 262.7 448 192zM144 544C144 473.3 201.3 416 272 416L368 416C438.7 416 496 473.3 496 544L496 552C496 565.3 506.7 576 520 576C533.3 576 544 565.3 544 552L544 544C544 446.8 465.2 368 368 368L272 368C174.8 368 96 446.8 96 544L96 552C96 565.3 106.7 576 120 576C133.3 576 144 565.3 144 552L144 544z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: #1da25c;
}
.card__item--training .card__item__logo {
  background-color: #f4e7ff;
}
.card__item--training .card__item__logo::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='-5 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M21.08 12.84l-8.92-3.24c-.4-.16-.88-.2-1.16-.2-.32 0-.76.04-1.16.2l-8.92 3.24c-.84.32-.92.88-.92 1.12s.08.8.92 1.12l.4.12v3.32c0 .48.36.84.84.84s.84-.36.84-.84v-2.72l1.56.56v3.76c0 1.64 3.84 2.44 6.44 2.44s6.44-.76 6.44-2.44v-3.72l3.64-1.32c.84-.28.92-.88.92-1.12s-.08-.8-.92-1.12zM15.8 19.92c-.48.32-2.28.96-4.76.96s-4.32-.64-4.76-.96v-2.92l3.6 1.32c.4.16.88.2 1.16.2s.76-.04 1.16-.2l3.6-1.32v2.92zM11.6 16.72c-.28.12-.88.12-1.16 0l-7.64-2.76 7.6-2.76c.28-.12.88-.12 1.16 0l7.64 2.76-7.6 2.76z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg viewBox='-5 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M21.08 12.84l-8.92-3.24c-.4-.16-.88-.2-1.16-.2-.32 0-.76.04-1.16.2l-8.92 3.24c-.84.32-.92.88-.92 1.12s.08.8.92 1.12l.4.12v3.32c0 .48.36.84.84.84s.84-.36.84-.84v-2.72l1.56.56v3.76c0 1.64 3.84 2.44 6.44 2.44s6.44-.76 6.44-2.44v-3.72l3.64-1.32c.84-.28.92-.88.92-1.12s-.08-.8-.92-1.12zM15.8 19.92c-.48.32-2.28.96-4.76.96s-4.32-.64-4.76-.96v-2.92l3.6 1.32c.4.16.88.2 1.16.2s.76-.04 1.16-.2l3.6-1.32v2.92zM11.6 16.72c-.28.12-.88.12-1.16 0l-7.64-2.76 7.6-2.76c.28-.12.88-.12 1.16 0l7.64 2.76-7.6 2.76z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: #8039fa;
}
.card__item--setting .card__item__logo {
  background-color: #f3f4f6;
}
.card__item--setting .card__item__logo::before {
  -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'><path fill='black' d='M600.704 64a32 32 0 0 1 30.464 22.208l35.2 109.376c14.784 7.232 28.928 15.36 42.432 24.512l112.384-24.192a32 32 0 0 1 34.432 15.36L944.32 364.8a32 32 0 0 1-4.032 37.504l-77.12 85.12a357.12 357.12 0 0 1 0 49.024l77.12 85.248a32 32 0 0 1 4.032 37.504l-88.704 153.6a32 32 0 0 1-34.432 15.296L708.8 803.904c-13.44 9.088-27.648 17.28-42.368 24.512l-35.264 109.376A32 32 0 0 1 600.704 960H423.296a32 32 0 0 1-30.464-22.208L357.696 828.48a351.616 351.616 0 0 1-42.56-24.64l-112.32 24.256a32 32 0 0 1-34.432-15.36L79.68 659.2a32 32 0 0 1 4.032-37.504l77.12-85.248a357.12 357.12 0 0 1 0-48.896l-77.12-85.248A32 32 0 0 1 79.68 364.8l88.704-153.6a32 32 0 0 1 34.432-15.296l112.32 24.256c13.568-9.152 27.776-17.408 42.56-24.64l35.2-109.312A32 32 0 0 1 423.232 64H600.64zm-23.424 64H446.72l-36.352 113.088-24.512 11.968a294.113 294.113 0 0 0-34.816 20.096l-22.656 15.36-116.224-25.088-65.28 113.152 79.68 88.192-1.92 27.136a293.12 293.12 0 0 0 0 40.192l1.92 27.136-79.808 88.192 65.344 113.152 116.224-25.024 22.656 15.296a294.113 294.113 0 0 0 34.816 20.096l24.512 11.968L446.72 896h130.688l36.48-113.152 24.448-11.904a288.282 288.282 0 0 0 34.752-20.096l22.592-15.296 116.288 25.024 65.28-113.152-79.744-88.192 1.92-27.136a293.12 293.12 0 0 0 0-40.256l-1.92-27.136 79.808-88.128-65.344-113.152-116.288 24.96-22.592-15.232a287.616 287.616 0 0 0-34.752-20.096l-24.448-11.904L577.344 128zM512 320a192 192 0 1 1 0 384 192 192 0 0 1 0-384zm0 64a128 128 0 1 0 0 256 128 128 0 0 0 0-256z'/></svg>") no-repeat center center/contain;
          mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'><path fill='black' d='M600.704 64a32 32 0 0 1 30.464 22.208l35.2 109.376c14.784 7.232 28.928 15.36 42.432 24.512l112.384-24.192a32 32 0 0 1 34.432 15.36L944.32 364.8a32 32 0 0 1-4.032 37.504l-77.12 85.12a357.12 357.12 0 0 1 0 49.024l77.12 85.248a32 32 0 0 1 4.032 37.504l-88.704 153.6a32 32 0 0 1-34.432 15.296L708.8 803.904c-13.44 9.088-27.648 17.28-42.368 24.512l-35.264 109.376A32 32 0 0 1 600.704 960H423.296a32 32 0 0 1-30.464-22.208L357.696 828.48a351.616 351.616 0 0 1-42.56-24.64l-112.32 24.256a32 32 0 0 1-34.432-15.36L79.68 659.2a32 32 0 0 1 4.032-37.504l77.12-85.248a357.12 357.12 0 0 1 0-48.896l-77.12-85.248A32 32 0 0 1 79.68 364.8l88.704-153.6a32 32 0 0 1 34.432-15.296l112.32 24.256c13.568-9.152 27.776-17.408 42.56-24.64l35.2-109.312A32 32 0 0 1 423.232 64H600.64zm-23.424 64H446.72l-36.352 113.088-24.512 11.968a294.113 294.113 0 0 0-34.816 20.096l-22.656 15.36-116.224-25.088-65.28 113.152 79.68 88.192-1.92 27.136a293.12 293.12 0 0 0 0 40.192l1.92 27.136-79.808 88.192 65.344 113.152 116.224-25.024 22.656 15.296a294.113 294.113 0 0 0 34.816 20.096l24.512 11.968L446.72 896h130.688l36.48-113.152 24.448-11.904a288.282 288.282 0 0 0 34.752-20.096l22.592-15.296 116.288 25.024 65.28-113.152-79.744-88.192 1.92-27.136a293.12 293.12 0 0 0 0-40.256l-1.92-27.136 79.808-88.128-65.344-113.152-116.288 24.96-22.592-15.232a287.616 287.616 0 0 0-34.752-20.096l-24.448-11.904L577.344 128zM512 320a192 192 0 1 1 0 384 192 192 0 0 1 0-384zm0 64a128 128 0 1 0 0 256 128 128 0 0 0 0-256z'/></svg>") no-repeat center center/contain;
  background: #5c6069;
}
.card__item--message .card__item__logo {
  background-color: #feeed7;
}
.card__item--message .card__item__logo::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M267.7 576.9C267.7 576.9 267.7 576.9 267.7 576.9L229.9 603.6C222.6 608.8 213 609.4 205 605.3C197 601.2 192 593 192 584L192 512L160 512C107 512 64 469 64 416L64 192C64 139 107 96 160 96L480 96C533 96 576 139 576 192L576 416C576 469 533 512 480 512L359.6 512L267.7 576.9zM332 472.8C340.1 467.1 349.8 464 359.7 464L480 464C506.5 464 528 442.5 528 416L528 192C528 165.5 506.5 144 480 144L160 144C133.5 144 112 165.5 112 192L112 416C112 442.5 133.5 464 160 464L216 464C226.4 464 235.3 470.6 238.6 479.9C239.5 482.4 240 485.1 240 488L240 537.7C272.7 514.6 303.3 493 331.9 472.8z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M267.7 576.9C267.7 576.9 267.7 576.9 267.7 576.9L229.9 603.6C222.6 608.8 213 609.4 205 605.3C197 601.2 192 593 192 584L192 512L160 512C107 512 64 469 64 416L64 192C64 139 107 96 160 96L480 96C533 96 576 139 576 192L576 416C576 469 533 512 480 512L359.6 512L267.7 576.9zM332 472.8C340.1 467.1 349.8 464 359.7 464L480 464C506.5 464 528 442.5 528 416L528 192C528 165.5 506.5 144 480 144L160 144C133.5 144 112 165.5 112 192L112 416C112 442.5 133.5 464 160 464L216 464C226.4 464 235.3 470.6 238.6 479.9C239.5 482.4 240 485.1 240 488L240 537.7C272.7 514.6 303.3 493 331.9 472.8z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: #df5e16;
}
.card__item--help .card__item__logo {
  background-color: #ffe1df;
}
.card__item--help .card__item__logo::before {
  -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M20 4L12 12M20 4V8.5M20 4H15.5M19 12.5V16.8C19 17.9201 19 18.4802 18.782 18.908C18.5903 19.2843 18.2843 19.5903 17.908 19.782C17.4802 20 16.9201 20 15.8 20H7.2C6.0799 20 5.51984 20 5.09202 19.782C4.71569 19.5903 4.40973 19.2843 4.21799 18.908C4 18.4802 4 17.9201 4 16.8V8.2C4 7.0799 4 6.51984 4.21799 6.09202C4.40973 5.71569 4.71569 5.40973 5.09202 5.21799C5.51984 5 6.07989 5 7.2 5H11.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center center/contain;
          mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M20 4L12 12M20 4V8.5M20 4H15.5M19 12.5V16.8C19 17.9201 19 18.4802 18.782 18.908C18.5903 19.2843 18.2843 19.5903 17.908 19.782C17.4802 20 16.9201 20 15.8 20H7.2C6.0799 20 5.51984 20 5.09202 19.782C4.71569 19.5903 4.40973 19.2843 4.21799 18.908C4 18.4802 4 17.9201 4 16.8V8.2C4 7.0799 4 6.51984 4.21799 6.09202C4.40973 5.71569 4.71569 5.40973 5.09202 5.21799C5.51984 5 6.07989 5 7.2 5H11.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center center/contain;
  background: #b1393c;
}

.modModal__content {
  overflow: hidden;
}
.modModal__content .date {
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem;
  display: flex;
  align-items: end;
  gap: 4px;
  margin-bottom: 8px;
}
.modModal__content .date span {
  font-size: 14px;
  font-size: 1.4rem;
}
.modModal__content .date::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  align-self: center;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M216 64C229.3 64 240 74.7 240 88L240 128L400 128L400 88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 88C192 74.7 202.7 64 216 64zM480 496C488.8 496 496 488.8 496 480L496 416L408 416L408 496L480 496zM496 368L496 288L408 288L408 368L496 368zM360 368L360 288L280 288L280 368L360 368zM232 368L232 288L144 288L144 368L232 368zM144 416L144 480C144 488.8 151.2 496 160 496L232 496L232 416L144 416zM280 416L280 496L360 496L360 416L280 416zM216 176L160 176C151.2 176 144 183.2 144 192L144 240L496 240L496 192C496 183.2 488.8 176 480 176L216 176z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M216 64C229.3 64 240 74.7 240 88L240 128L400 128L400 88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 88C192 74.7 202.7 64 216 64zM480 496C488.8 496 496 488.8 496 480L496 416L408 416L408 496L480 496zM496 368L496 288L408 288L408 368L496 368zM360 368L360 288L280 288L280 368L360 368zM232 368L232 288L144 288L144 368L232 368zM144 416L144 480C144 488.8 151.2 496 160 496L232 496L232 416L144 416zM280 416L280 496L360 496L360 416L280 416zM216 176L160 176C151.2 176 144 183.2 144 192L144 240L496 240L496 192C496 183.2 488.8 176 480 176L216 176z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.modModal__content .time {
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 12px;
}
.modModal__content .time::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112C434.9 112 528 205.1 528 320zM64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320zM296 184L296 320C296 328 300 335.5 306.7 340L402.7 404C413.7 411.4 428.6 408.4 436 397.3C443.4 386.2 440.4 371.4 429.3 364L344 307.2L344 184C344 170.7 333.3 160 320 160C306.7 160 296 170.7 296 184z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112C434.9 112 528 205.1 528 320zM64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320zM296 184L296 320C296 328 300 335.5 306.7 340L402.7 404C413.7 411.4 428.6 408.4 436 397.3C443.4 386.2 440.4 371.4 429.3 364L344 307.2L344 184C344 170.7 333.3 160 320 160C306.7 160 296 170.7 296 184z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.modModal__content .label {
  margin-top: 12px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.modModal__content .label__item {
  font-weight: 700;
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 8px 12px;
  border-radius: 4px;
}
.modModal__content .label__item::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
}
.modModal__content .label__item--book {
  background-color: #dcedfa;
}
.modModal__content .label__item--book::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21L11.8999 20.8499C11.2053 19.808 10.858 19.287 10.3991 18.9098C9.99286 18.5759 9.52476 18.3254 9.02161 18.1726C8.45325 18 7.82711 18 6.57482 18H5.2C4.07989 18 3.51984 18 3.09202 17.782C2.71569 17.5903 2.40973 17.2843 2.21799 16.908C2 16.4802 2 15.9201 2 14.8V6.2C2 5.07989 2 4.51984 2.21799 4.09202C2.40973 3.71569 2.71569 3.40973 3.09202 3.21799C3.51984 3 4.07989 3 5.2 3H5.6C7.84021 3 8.96031 3 9.81596 3.43597C10.5686 3.81947 11.1805 4.43139 11.564 5.18404C12 6.03968 12 7.15979 12 9.4M12 21V9.4M12 21L12.1001 20.8499C12.7947 19.808 13.142 19.287 13.6009 18.9098C14.0071 18.5759 14.4752 18.3254 14.9784 18.1726C15.5467 18 16.1729 18 17.4252 18H18.8C19.9201 18 20.4802 18 20.908 17.782C21.2843 17.5903 21.5903 17.2843 21.782 16.908C22 16.4802 22 15.9201 22 14.8V6.2C22 5.07989 22 4.51984 21.782 4.09202C21.5903 3.71569 21.2843 3.40973 20.908 3.21799C20.4802 3 19.9201 3 18.8 3H18.4C16.1598 3 15.0397 3 14.184 3.43597C13.4314 3.81947 12.8195 4.43139 12.436 5.18404C12 6.03968 12 7.15979 12 9.4'/%3E%3C/svg%3E") no-repeat center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21L11.8999 20.8499C11.2053 19.808 10.858 19.287 10.3991 18.9098C9.99286 18.5759 9.52476 18.3254 9.02161 18.1726C8.45325 18 7.82711 18 6.57482 18H5.2C4.07989 18 3.51984 18 3.09202 17.782C2.71569 17.5903 2.40973 17.2843 2.21799 16.908C2 16.4802 2 15.9201 2 14.8V6.2C2 5.07989 2 4.51984 2.21799 4.09202C2.40973 3.71569 2.71569 3.40973 3.09202 3.21799C3.51984 3 4.07989 3 5.2 3H5.6C7.84021 3 8.96031 3 9.81596 3.43597C10.5686 3.81947 11.1805 4.43139 11.564 5.18404C12 6.03968 12 7.15979 12 9.4M12 21V9.4M12 21L12.1001 20.8499C12.7947 19.808 13.142 19.287 13.6009 18.9098C14.0071 18.5759 14.4752 18.3254 14.9784 18.1726C15.5467 18 16.1729 18 17.4252 18H18.8C19.9201 18 20.4802 18 20.908 17.782C21.2843 17.5903 21.5903 17.2843 21.782 16.908C22 16.4802 22 15.9201 22 14.8V6.2C22 5.07989 22 4.51984 21.782 4.09202C21.5903 3.71569 21.2843 3.40973 20.908 3.21799C20.4802 3 19.9201 3 18.8 3H18.4C16.1598 3 15.0397 3 14.184 3.43597C13.4314 3.81947 12.8195 4.43139 12.436 5.18404C12 6.03968 12 7.15979 12 9.4'/%3E%3C/svg%3E") no-repeat center/contain;
  background: var(--black);
}
.modModal__content .label__item--fire {
  background-color: #feead8;
}
.modModal__content .label__item--fire::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M256.5 37.6C265.8 29.8 279.5 30.1 288.4 38.5C300.7 50.1 311.7 62.9 322.3 75.9C335.8 92.4 352 114.2 367.6 140.1C372.8 133.3 377.6 127.3 381.8 122.2C382.9 120.9 384 119.5 385.1 118.1C393 108.3 402.8 96 415.9 96C429.3 96 438.7 107.9 446.7 118.1C448 119.8 449.3 121.4 450.6 122.9C460.9 135.3 474.6 153.2 488.3 175.3C515.5 219.2 543.9 281.7 543.9 351.9C543.9 475.6 443.6 575.9 319.9 575.9C196.2 575.9 96 475.7 96 352C96 260.9 137.1 182 176.5 127C196.4 99.3 216.2 77.1 231.1 61.9C239.3 53.5 247.6 45.2 256.6 37.7zM321.7 480C347 480 369.4 473 390.5 459C432.6 429.6 443.9 370.8 418.6 324.6C414.1 315.6 402.6 315 396.1 322.6L370.9 351.9C364.3 359.5 352.4 359.3 346.2 351.4C328.9 329.3 297.1 289 280.9 268.4C275.5 261.5 265.7 260.4 259.4 266.5C241.1 284.3 207.9 323.3 207.9 370.8C207.9 439.4 258.5 480 321.6 480z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M256.5 37.6C265.8 29.8 279.5 30.1 288.4 38.5C300.7 50.1 311.7 62.9 322.3 75.9C335.8 92.4 352 114.2 367.6 140.1C372.8 133.3 377.6 127.3 381.8 122.2C382.9 120.9 384 119.5 385.1 118.1C393 108.3 402.8 96 415.9 96C429.3 96 438.7 107.9 446.7 118.1C448 119.8 449.3 121.4 450.6 122.9C460.9 135.3 474.6 153.2 488.3 175.3C515.5 219.2 543.9 281.7 543.9 351.9C543.9 475.6 443.6 575.9 319.9 575.9C196.2 575.9 96 475.7 96 352C96 260.9 137.1 182 176.5 127C196.4 99.3 216.2 77.1 231.1 61.9C239.3 53.5 247.6 45.2 256.6 37.7zM321.7 480C347 480 369.4 473 390.5 459C432.6 429.6 443.9 370.8 418.6 324.6C414.1 315.6 402.6 315 396.1 322.6L370.9 351.9C364.3 359.5 352.4 359.3 346.2 351.4C328.9 329.3 297.1 289 280.9 268.4C275.5 261.5 265.7 260.4 259.4 266.5C241.1 284.3 207.9 323.3 207.9 370.8C207.9 439.4 258.5 480 321.6 480z'/%3E%3C/svg%3E") no-repeat center/contain;
  background: #d41c35;
}
@media screen and (min-width: 769px) {
  .modModal__content {
    width: 100%;
    max-width: 800px;
    min-height: 606px;
  }
}
.modModal__content__head:has(.modText) {
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}

.user--skillmapBadge .modSection__content {
  max-height: calc(100vh - 258px);
}
.user--skillmapBadge .modModal__content__head .info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.user--skillmapBadge .modModal__content__head .info__badge {
  display: flex;
  align-items: center;
  gap: 4px;
}
.user--skillmapBadge .modModal__content__head .info__badge .progress > span {
  color: var(--violet);
}
.user--skillmapBadge .modModal__content__head .progress {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
}
.user--skillmapBadge .modModal__content__head .progress .count {
  margin-left: 8px;
  font-size: 24px;
  font-size: 2.4rem;
  color: var(--violet);
}
.user--skillmapBadge .modModal__content__head .progress .suffix {
  margin-left: 4px;
  font-size: 14px;
  font-size: 1.4rem;
}
.user--skillmapBadge .skillmapBadgeList {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.user--skillmapBadge .skillmapBadgeList__item {
  width: calc(14.2857142857% - 12.8571428571px);
  max-width: 140px;
  min-width: 120px;
  margin-bottom: 1px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  text-align: center;
  transition: 0.3s ease-out;
}
.user--skillmapBadge .skillmapBadgeList__item:hover {
  background: var(--light_gray);
}
.user--skillmapBadge .skillmapBadgeList__item > button {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0;
}
.user--skillmapBadge .skillmapBadgeList__item .img {
  width: 60px;
  height: 60px;
  aspect-ratio: 1;
  margin: auto;
}
.user--skillmapBadge .skillmapBadgeList__item .img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.user--skillmapBadge .skillmapBadgeList__item .textArea {
  flex: 1;
  display: grid;
  align-content: space-between;
}
.user--skillmapBadge .skillmapBadgeList__item .textArea__name {
  overflow: hidden;
  display: -webkit-box;
  margin-top: 8px;
  font-weight: 700;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.user--skillmapBadge .skillmapBadgeList__item .textArea__achievement {
  margin-top: 4px;
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--dark_gray);
}
.user--skillmapBadge .skillmapBadgeList__item .textArea__achievement > strong {
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
  color: var(--violet);
}

.user--skillmapBadge .skillmapBadgeList__item .badgeList__item__icon {
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  border-radius: 50%;
}
.user--skillmapBadge .skillmapBadgeList__item .badgeList__item__icon--trophy {
  background-image: url("/assets/img/admin/icons/icon_white_trophy.svg");
}
.user--skillmapBadge .skillmapBadgeList__item .badgeList__item__icon--star {
  background-image: url("/assets/img/admin/icons/icon_white_star.svg");
}
.user--skillmapBadge .skillmapBadgeList__item .badgeList__item__icon--award {
  background-image: url("/assets/img/admin/icons/icon_white_award.svg");
}
.user--skillmapBadge .skillmapBadgeList__item .badgeList__item__icon--rectangle {
  background-image: url("/assets/img/admin/icons/icon_white_rectangle.svg");
}
.user--skillmapBadge .skillmapBadgeList__item .badgeList__item__icon--medal {
  background-image: url("/assets/img/admin/icons/icon_white_medal.svg");
}
.user--skillmapBadge .skillmapBadgeList__item .badgeList__item__icon--target {
  background-image: url("/assets/img/admin/icons/icon_white_target.svg");
}
.user--skillmapBadge .skillmapBadgeList__item .badgeList__item__icon--crown {
  background-image: url("/assets/img/admin/icons/icon_white_crown.svg");
}

.user--skillmapBadge .skillmapBadgeList__item .badgeList__item__icon--gold {
  background-color: #e3b600;
}
.user--skillmapBadge .skillmapBadgeList__item .badgeList__item__icon--blue {
  background-color: #3b82f5;
}
.user--skillmapBadge .skillmapBadgeList__item .badgeList__item__icon--green {
  background-color: #26c35c;
}
.user--skillmapBadge .skillmapBadgeList__item .badgeList__item__icon--purple {
  background-color: #a555f6;
}
.user--skillmapBadge .skillmapBadgeList__item .badgeList__item__icon--red {
  background-color: #ed473f;
}
.user--skillmapBadge .skillmapBadgeList__item .badgeList__item__icon--orange {
  background-color: #fe7117;
}
.user--skillmapBadge .skillmapBadgeList__item .badgeList__item__icon--white {
  background-color: #ffffff;
}

.user--skillmapBadge .skillmapBadgeDetail {
  max-height: 56vh;
}
.user--skillmapBadge .skillmapBadgeDetail__header {
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
}
.user--skillmapBadge .skillmapBadgeDetail__content .course {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-block: 8px;
}
.user--skillmapBadge .skillmapBadgeDetail__content .course:not(:last-child) {
  border-bottom: 1px solid var(--line);
}
.user--skillmapBadge .skillmapBadgeDetail__content .course__img {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 89px;
  height: 50px;
  aspect-ratio: 89/50;
  border-radius: 8px;
}
.user--skillmapBadge .skillmapBadgeDetail__content .course__img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.user--skillmapBadge .skillmapBadgeDetail__content .course__info {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .user--skillmapBadge .skillmapBadgeDetail__content .course__info {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.user--skillmapBadge .skillmapBadgeDetail__content .course__info__category {
  border-radius: 5px;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  flex-shrink: 0;
  padding: 5px;
  line-height: 1;
  color: var(--white);
}
.user--skillmapBadge .skillmapBadgeDetail__content .course__info__category--blue {
  background: var(--blue);
}
.user--skillmapBadge .skillmapBadgeDetail__content .course__info__category--green {
  background: var(--darkGreen);
}
.user--skillmapBadge .skillmapBadgeDetail__content .course__info__category--orange {
  background: var(--orange);
}
.user--skillmapBadge .skillmapBadgeDetail__content .course__info__title {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .user--skillmapBadge .skillmapBadgeDetail__content .course__info__title {
    width: 100%;
    order: 3;
    flex: unset;
    -webkit-line-clamp: 3;
  }
}
.user--skillmapBadge .skillmapBadgeDetail__content .course__info .modBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 116px;
  padding: 3px 16px;
}

.user--skillmap .modSection--qualifications {
  height: 100vh;
  max-height: -moz-max-content;
  max-height: max-content;
}
@media screen and (max-width: 768px) {
  .user--skillmap .modSection--qualifications {
    height: calc(100vh - 63px);
  }
}
.user--skillmap .modSection--qualifications .modSection__inner {
  height: calc(100% - 62px);
  max-height: -moz-max-content;
  max-height: max-content;
}
.user--skillmap .modSection--trainindList {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}
@media screen and (max-width: 768px) {
  .user--skillmap .modSection--trainindList {
    height: calc(100vh - 63px);
  }
}
.user--skillmap .modSection--trainindList .modSection__inner {
  height: calc(100% - 62px);
}
.user--skillmap .modSection--trainindList .modSection__content {
  margin-bottom: 40px;
}
.user--skillmap .modSection--trainindList:not(:has(.modSection__content:nth-child(2))) {
  height: auto;
}
.user--skillmap .layout__main {
  padding-top: 0;
}
.user--skillmap .skillmapMain {
  margin-top: 20px;
}
.user--skillmap .skillmapMain__slider {
  margin-bottom: 17px;
  padding-bottom: 2px;
}
.user--skillmap .skillmapMain__slider__container {
  display: flex;
  gap: 10px;
}
.user--skillmap .skillmapMain__slider__btn {
  display: flex;
  border: 1px solid var(--line);
  padding: 16px;
  border-radius: 14px 16px;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  flex-shrink: 0;
  font-weight: 700;
  line-height: 1.4;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 768px) {
  .user--skillmap .skillmapMain__slider__btn {
    flex: 1;
    min-width: 164px;
    height: 62px;
    padding-block: 5px;
    overflow: hidden;
  }
}
.user--skillmap .skillmapMain__slider__btn .name {
  text-align: left;
  transition: color 0.3s ease-out;
  font-size: 12px;
  font-size: 1.2rem;
}
.user--skillmap .skillmapMain__slider__btn .progress {
  line-height: 1;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.user--skillmap .skillmapMain__slider__btn .progress span {
  font-size: 18px;
  font-size: 1.8rem;
  color: var(--violet);
}
.user--skillmap .skillmapMain__slider__btn.isActive {
  box-shadow: none;
  background: var(--light_blue);
  border-color: var(--light_blue);
  pointer-events: none;
}
.user--skillmap .skillmapMain__slider__btn.isActive .name {
  color: var(--blue);
}
@media screen and (min-width: 769px) {
  .user--skillmap .skillmapMain__slider__btn:hover {
    box-shadow: none;
    background: var(--light_blue);
    border-color: var(--light_blue);
  }
  .user--skillmap .skillmapMain__slider__btn:hover .name {
    color: var(--blue);
  }
}
.user--skillmap .skillmapMain__content {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  padding: 10px 30px 30px 30px;
  border-radius: 16px;
  background: var(--white);
  margin: 0 auto;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content {
    width: 100%;
    padding: 0;
    box-shadow: none;
  }
}
.user--skillmap .skillmapMain__content__inner {
  display: none;
}
.user--skillmap .skillmapMain__content .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content .head {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 10px;
  }
}
.user--skillmap .skillmapMain__content .head__title {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  gap: 10px;
}
.user--skillmap .skillmapMain__content .head__title h3 {
  font-weight: 700;
}
.user--skillmap .skillmapMain__content .head__title__progress {
  font-size: 12px;
  font-size: 1.2rem;
}
.user--skillmap .skillmapMain__content .head__title__progress .title {
  font-weight: 400;
  color: var(--dark_gray);
}
.user--skillmap .skillmapMain__content .head__title__progress .count {
  font-size: 22px;
  font-size: 2.2rem;
  color: var(--violet);
}
.user--skillmap .skillmapMain__content .head__info {
  display: flex;
  align-items: center;
  gap: 14px;
}
.user--skillmap .skillmapMain__content .head__info__manual {
  display: flex;
  gap: 10px;
  align-items: center;
}
.user--skillmap .skillmapMain__content .head__info__manual .item {
  display: flex;
  align-items: center;
  gap: 5px;
}
.user--skillmap .skillmapMain__content .head__info__manual .item .icon {
  max-width: 16px;
}
.user--skillmap .skillmapMain__content .head__info__manual .item .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
}
.user--skillmap .skillmapMain__content .head__info__manual .item .text {
  flex-shrink: 0;
}
.user--skillmap .skillmapMain__content .head__info__chartBtn {
  background: var(--light_blue);
  color: var(--blue);
  padding: 4px 10px;
  border-radius: 50em;
  pointer-events: none;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.4s ease-out;
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content .head__info__chartBtn {
    display: none;
  }
}
.user--skillmap .skillmapMain__content .main {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content .main {
    flex-direction: column;
  }
}
.user--skillmap .skillmapMain__content .main > * {
  flex: 1;
  height: calc(100vh - 310px);
  min-height: 300px;
  width: 50%;
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content .main > * {
    height: unset;
    min-height: unset;
    width: 100%;
  }
}
.user--skillmap .skillmapMain__content .main__info {
  overflow: auto;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item {
  cursor: pointer;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item + .accordion__subItem {
  margin-top: 11px;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__wrapper {
  padding: 13px 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content .main__info .accordion__item__wrapper {
    padding: 12px 12px;
  }
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__wrapper:not(:last-child) {
  margin-bottom: 8px;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__wrapper:has(> .accordion__item.isOpen) {
  background: var(--accordionBlue);
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__wrapper:has(> .accordion__item.isOpen) .accordion__item__wrapper {
  background: var(--blueBg);
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .accordionTrigger {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: auto;
  background: url(/assets/img/common/icon_arrow02.svg) no-repeat center center;
  background-size: contain;
  transform: scale(1, -1);
  transition: 0.3s ease-out;
  display: none;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .accordionTrigger.isActive {
  transform: scale(1, 1);
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .info {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .info .category {
  font-size: 11px;
  font-size: 1.1rem;
  padding: 2px 5px;
  background: var(--grayBg);
  border-radius: 4px;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .info p {
  flex: 1;
  font-weight: 700;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  display: flex;
  align-items: center;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .info p::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/assets/img/common/icon__arrowGradient.svg) no-repeat center center;
  background-size: contain;
  border-radius: 50%;
  flex-shrink: 0;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .status {
  display: flex;
  align-items: center;
  gap: 4px;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .status > * {
  min-width: 16px;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .status .progress {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content .main__info .accordion__item__content .status .progress {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .status .progress span {
  color: var(--violet);
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .user--skillmap .skillmapMain__content .main__info .accordion__item__content .status .progress span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .status .progress--complete::before {
  content: "";
  width: 16px;
  aspect-ratio: 1;
  background: url("/assets/img/common/icons/icon_trophy.svg") no-repeat center center/contain;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .status .progress--hidden {
  opacity: 0;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .status .badge {
  display: flex;
  align-items: center;
  aspect-ratio: 1;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .status .badge::before {
  content: "";
  width: 16px;
  aspect-ratio: 1;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .status .badge--inProgress::before {
  background: url("/assets/img/common/icons/icon_badgePlain.svg") no-repeat center center/contain;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .status .badge--complete::before {
  background: url("/assets/img/common/icons/icon_badgeClear.svg") no-repeat center center/contain;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .status .badge--hidden {
  opacity: 0;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .status .bookmark {
  display: flex;
  align-items: center;
  aspect-ratio: 1;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .status .bookmark::before {
  content: "";
  width: 16px;
  aspect-ratio: 1;
  background: url("/assets/img/common/icons/icon_bookmark.svg") no-repeat center center/contain;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item__content .status .bookmark--hidden {
  opacity: 0;
}
.user--skillmap .skillmapMain__content .main__info .accordion__item:has(+ .jsAccordionitem) .accordionTrigger {
  display: block;
}
.user--skillmap .skillmapMain__content .main__info .accordion__subItem.jsAccordionitem {
  display: none;
}
.user--skillmap .skillmapMain__content .main__info .accordion > .accordion__item__wrapper {
  padding-right: 30px;
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content .main__info .accordion > .accordion__item__wrapper {
    padding-right: 12px;
  }
}
.user--skillmap .skillmapMain__content .main__info .simplebar-track {
  right: 8px;
}
.user--skillmap .skillmapMain__content .main__detail {
  border-radius: 15px;
  border: none;
}
.user--skillmap .skillmapMain__content .main__detail:has(.accordionDetail__wrapper:not(:empty)) {
  border: 1px solid var(--line);
  overflow: hidden;
}
.user--skillmap .skillmapMain__content .main__detail__inner {
  overflow: auto;
  height: calc(100vh - 280px);
  min-height: 300px;
}
.user--skillmap .skillmapMain__content .main__detail .accordionDetail .category {
  font-size: 11px;
  font-size: 1.1rem;
  padding: 2px 5px;
  background: var(--grayBg);
  border-radius: 4px;
}
.user--skillmap .skillmapMain__content .main__detail .accordionDetail .modCardBadge__img .badge--inProgress {
  filter: grayscale(100%);
}

@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content .main__detail__inner {
    height: auto;
  }
}
.user--skillmap .skillmapMain__content .main__detail .modChart {
  width: 100%;
  position: relative;
  overflow: auto;
  padding: 22px;
  min-height: 300px;
  height: calc(100vh - 310px);
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content .main__detail .modChart {
    min-height: unset;
  }
}
.user--skillmap .skillmapMain__content .main__detail .modChart__inner {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content .main__detail .modChart__inner {
    min-width: 490px;
  }
}
.user--skillmap .skillmapMain__content .main__detail .modChart__legend {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28.56px;
  margin-bottom: 25px;
  flex-wrap: wrap;
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--white);
}
.user--skillmap .skillmapMain__content .main__detail .modChart__legend__item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.user--skillmap .skillmapMain__content .main__detail .modChart__legend__item:nth-child(1) .chartRepresent {
  display: block;
  width: 20px;
  height: 20px;
  background: var(--green);
}
.user--skillmap .skillmapMain__content .main__detail .modChart__legend__item:nth-child(2) .chartRepresent {
  display: block;
  width: 20px;
  height: 3px;
  background: var(--white);
}
.user--skillmap .skillmapMain__content .main__detail .modChart canvas {
  margin-top: center;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 442 / 301;
  max-width: 442px;
  margin-inline: auto;
  margin-bottom: 28px;
}
.user--skillmap .skillmapMain__content .main__detail .modChart__description {
  color: var(--white);
  max-width: 680px;
  width: 100%;
  margin-inline: auto;
  border: 1px solid var(--white);
  margin-bottom: 22px;
  padding: 15px;
  border-radius: 10px;
  font-size: 12px;
  font-size: 1.5rem;
}
.user--skillmap .skillmapMain__content .main__detail .modChart__description__title {
  font-weight: 700;
  margin-bottom: 12px;
}
.user--skillmap .skillmapMain__content .main__detail .modChart__description__list {
  counter-reset: chartList;
}
.user--skillmap .skillmapMain__content .main__detail .modChart__description__list li {
  counter-increment: chartList;
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.user--skillmap .skillmapMain__content .main__detail .modChart__description__list li:not(:last-child) {
  margin-bottom: 8px;
}
.user--skillmap .skillmapMain__content .main__detail .modChart__description__list li::before {
  content: counter(chartList);
  border: 1px solid var(--white);
  border-radius: 50em;
  font-size: 1.2rem;
  width: 1.8rem;
  height: auto;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.user--skillmap .skillmapMain__content .main__detail.isShowingDetail .modChart {
  display: none;
}
.user--skillmap .skillmapMain__content .main__detail.isShowingDetail .jsDetailItem {
  display: block;
}
.user--skillmap .skillmapMain__content .accordionDetail {
  border-radius: 15px;
  padding: 15px 20px;
  padding-top: 0;
  overflow: auto;
  /* min-height: 500px; */
  height: 1000px;
  background: var(--accordionBlue);
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content .accordionDetail {
    max-height: none;
    padding: 0;
    border-radius: 0;
  }
}
.user--skillmap .skillmapMain__content .accordionDetail__header {
  display: flex;
  padding-bottom: 14px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid var(--blue);
  margin-bottom: 10px;
  position: sticky;
  padding-top: 15px;
  gap: 10px;
  top: 0;
  background: var(--accordionBlue);
}
@media screen and (max-width: 768px) {
  .user--skillmap .skillmapMain__content .accordionDetail__header {
    flex-wrap: wrap;
  }
}
.user--skillmap .skillmapMain__content .accordionDetail__header__info {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .user--skillmap .skillmapMain__content .accordionDetail__header__info {
    display: contents;
  }
}
.user--skillmap .skillmapMain__content .accordionDetail__header__info .title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .user--skillmap .skillmapMain__content .accordionDetail__header__info .title {
    width: 100%;
    flex: unset;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.user--skillmap .skillmapMain__content .accordionDetail__header__info .badge {
  display: flex;
  align-items: center;
  gap: 4px;
}
.user--skillmap .skillmapMain__content .accordionDetail__header__info .badge__logo .modCardBadge__img {
  width: 32px;
  height: 32px;
  padding: 0;
  box-shadow: none;
  border: none;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.user--skillmap .skillmapMain__content .accordionDetail__header__info .badge__logo .modCardBadge__img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@supports not (aspect-ratio: 1/1) {
  .user--skillmap .skillmapMain__content .accordionDetail__header__info .badge__logo .modCardBadge__img {
    position: relative;
  }
  .user--skillmap .skillmapMain__content .accordionDetail__header__info .badge__logo .modCardBadge__img::before {
    float: left;
    content: "";
    padding-top: 100%;
  }
  .user--skillmap .skillmapMain__content .accordionDetail__header__info .badge__logo .modCardBadge__img::after {
    display: block;
    content: "";
    clear: both;
  }
  .user--skillmap .skillmapMain__content .accordionDetail__header__info .badge__logo .modCardBadge__img > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content .accordionDetail__header__info .badge__logo .modCardBadge__img {
    width: 27px;
    height: 27px;
  }
}
.user--skillmap .skillmapMain__content .accordionDetail__header__info .badge__progress {
  font-size: 12px;
  font-size: 1.2rem;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .user--skillmap .skillmapMain__content .accordionDetail__header__info .badge__progress {
    font-size: 10px;
    font-size: 1rem;
  }
}
.user--skillmap .skillmapMain__content .accordionDetail__header__info .badge__progress span {
  color: var(--violet);
}
.user--skillmap .skillmapMain__content .accordionDetail__header__progress {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .user--skillmap .skillmapMain__content .accordionDetail__header__progress {
    font-size: 10px;
    font-size: 1rem;
  }
}
.user--skillmap .skillmapMain__content .accordionDetail__header__progress .count {
  font-size: 24px;
  font-size: 2.4rem;
  color: var(--violet);
  margin-inline: 8px 4px;
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content .accordionDetail__header__progress .count {
    font-size: 17px;
    font-size: 1.7rem;
    margin-inline-end: 4px;
  }
}
.user--skillmap .skillmapMain__content .accordionDetail__section__container {
  overflow: auto;
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content .accordionDetail__section__container {
    height: -moz-fit-content;
    height: fit-content;
  }
}
.user--skillmap .skillmapMain__content .accordionDetail__section:not(:last-child) {
  margin-bottom: 20px;
}
.user--skillmap .skillmapMain__content .accordionDetail__section__header {
  display: flex;
  padding-block: 8px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
  .user--skillmap .skillmapMain__content .accordionDetail__section__header {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.user--skillmap .skillmapMain__content .accordionDetail__section__header .info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.user--skillmap .skillmapMain__content .accordionDetail__section__header .info__title {
  font-weight: 700;
}
.user--skillmap .skillmapMain__content .accordionDetail__section__header .info .badge {
  display: flex;
  align-items: center;
  gap: 4px;
}
.user--skillmap .skillmapMain__content .accordionDetail__section__header .info .badge__logo .modCardBadge__img {
  width: 25px;
  height: 25px;
  padding: 0;
  box-shadow: none;
  border: none;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.user--skillmap .skillmapMain__content .accordionDetail__section__header .info .badge__logo .modCardBadge__img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@supports not (aspect-ratio: 1/1) {
  .user--skillmap .skillmapMain__content .accordionDetail__section__header .info .badge__logo .modCardBadge__img {
    position: relative;
  }
  .user--skillmap .skillmapMain__content .accordionDetail__section__header .info .badge__logo .modCardBadge__img::before {
    float: left;
    content: "";
    padding-top: 100%;
  }
  .user--skillmap .skillmapMain__content .accordionDetail__section__header .info .badge__logo .modCardBadge__img::after {
    display: block;
    content: "";
    clear: both;
  }
  .user--skillmap .skillmapMain__content .accordionDetail__section__header .info .badge__logo .modCardBadge__img > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .user--skillmap .skillmapMain__content .accordionDetail__section__header .info .badge__logo .modCardBadge__img {
    width: 20px;
    height: 20px;
  }
}
.user--skillmap .skillmapMain__content .accordionDetail__section__header .info .badge__progress {
  font-size: 12px;
  font-size: 1.2rem;
}
.user--skillmap .skillmapMain__content .accordionDetail__section__header .info .badge__progress span {
  color: var(--violet);
}
.user--skillmap .skillmapMain__content .accordionDetail__section__header .progress {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
}
.user--skillmap .skillmapMain__content .accordionDetail__section__header .progress .count {
  font-size: 24px;
  font-size: 2.4rem;
  color: var(--violet);
  margin-inline: 8px 4px;
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content .accordionDetail__section__header .progress .count {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.user--skillmap .skillmapMain__content .accordionDetail__section__content .course {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
}
.user--skillmap .skillmapMain__content .accordionDetail__section__content .course:not(:last-child) {
  border-bottom: 1px solid var(--line);
  padding: 8px 0;
}
.user--skillmap .skillmapMain__content .accordionDetail__section__content .course__img {
  border-radius: 8px;
  flex-basis: 89px;
  flex-shrink: 0;
  overflow: hidden;
  aspect-ratio: 89/50;
}
.user--skillmap .skillmapMain__content .accordionDetail__section__content .course__img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@supports not (aspect-ratio: 89/50) {
  .user--skillmap .skillmapMain__content .accordionDetail__section__content .course__img {
    position: relative;
  }
  .user--skillmap .skillmapMain__content .accordionDetail__section__content .course__img::before {
    float: left;
    content: "";
    padding-top: 56.18%;
  }
  .user--skillmap .skillmapMain__content .accordionDetail__section__content .course__img::after {
    display: block;
    content: "";
    clear: both;
  }
  .user--skillmap .skillmapMain__content .accordionDetail__section__content .course__img > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content .accordionDetail__section__content .course__img {
    flex-basis: 76px;
    overflow: hidden;
    aspect-ratio: 1/1;
  }
  .user--skillmap .skillmapMain__content .accordionDetail__section__content .course__img > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  @supports not (aspect-ratio: 1/1) {
    .user--skillmap .skillmapMain__content .accordionDetail__section__content .course__img {
      position: relative;
    }
    .user--skillmap .skillmapMain__content .accordionDetail__section__content .course__img::before {
      float: left;
      content: "";
      padding-top: 100%;
    }
    .user--skillmap .skillmapMain__content .accordionDetail__section__content .course__img::after {
      display: block;
      content: "";
      clear: both;
    }
    .user--skillmap .skillmapMain__content .accordionDetail__section__content .course__img > img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }
  }
}
.user--skillmap .skillmapMain__content .accordionDetail__section__content .course__info {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content .accordionDetail__section__content .course__info {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.user--skillmap .skillmapMain__content .accordionDetail__section__content .course__info__category {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  background: var(--white);
  flex-shrink: 0;
  padding: 5px;
  line-height: 1;
}
.user--skillmap .skillmapMain__content .accordionDetail__section__content .course__info__category--blue {
  color: var(--blue);
}
.user--skillmap .skillmapMain__content .accordionDetail__section__content .course__info__category--green {
  color: var(--darkGreen);
}
.user--skillmap .skillmapMain__content .accordionDetail__section__content .course__info__category--orange {
  color: var(--orange);
}
.user--skillmap .skillmapMain__content .accordionDetail__section__content .course__info__category--purple {
  color: #a555f6;
}
.user--skillmap .skillmapMain__content .accordionDetail__section__content .course__info__title {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  flex: 1;
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__content .accordionDetail__section__content .course__info__title {
    width: 100%;
    order: 3;
    flex: unset;
    -webkit-line-clamp: 3;
  }
}
.user--skillmap .skillmapMain__content .accordionDetail__section__content .course__info__btn {
  font-weight: 700;
  white-space: nowrap;
  background: var(--blue);
  color: var(--white);
  padding: 3px 5px;
  border-radius: 50em;
  border: 1px solid var(--blue);
  width: 114px;
  flex-shrink: 0;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 768px) {
  .user--skillmap .skillmapMain__content .accordionDetail__section__content .course__info__btn {
    font-size: 10px;
    font-size: 1rem;
    width: 99px;
  }
}
.user--skillmap .skillmapMain__content .accordionDetail__section__content .course__info__btn:hover {
  background: #1A8299;
  border-color: #1A8299;
}
.user--skillmap .skillmapMain__content .accordionDetail__section__content .course__info__btn--continue {
  background: var(--white);
  border-color: var(--blue);
  color: var(--blue);
}
.user--skillmap .skillmapMain__content .accordionDetail__section__content .course__info__btn--continue:hover {
  background: #e7f7f7;
  border-color: #42ABC6;
  color: #42ABC6;
}
.user--skillmap .skillmapMain__content .jsDetailItem {
  display: none;
}
.user--skillmap .skillmapMain__content:has(.isShowingDetail) .head__info__chartBtn {
  background: var(--gradient_green);
  color: var(--white);
  padding: 4px 10px;
  border-radius: 50em;
  pointer-events: auto;
  opacity: 1;
}
.user--skillmap .skillmapMain__content:has(.isShowingDetail) .head__info__chartBtn:hover {
  background: var(--light_blue);
  color: var(--blue);
}
.user--skillmap .skillmapMain__badge {
  padding: 10px 0 10px 40px;
  background: none;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.08);
  border-radius: 15px;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__badge {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 20px;
  }
}
.user--skillmap .skillmapMain__badge__head {
  flex-shrink: 0;
  flex-basis: 188px;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__badge__head {
    flex-basis: unset;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
  }
}
.user--skillmap .skillmapMain__badge__head .title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
}
.user--skillmap .skillmapMain__badge__head .achievement {
  font-weight: 700;
}
.user--skillmap .skillmapMain__badge__head .achievement strong {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--violet);
  line-height: 1;
}
.user--skillmap .skillmapMain__badge__head .link {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 11px;
  color: var(--black);
  transition: 0.3s ease-out;
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__badge__head .link {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 0;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }
}
.user--skillmap .skillmapMain__badge__head .link::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(/assets/img/common/icon__arrowGradient.svg) no-repeat center center;
  background-size: contain;
  border-radius: 50%;
  flex-shrink: 0;
}
.user--skillmap .skillmapMain__badge__head .link:hover {
  opacity: 0.6;
}
.user--skillmap .skillmapMain__badge__content {
  width: calc(100% - 188px);
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapMain__badge__content {
    width: 100%;
  }
}
.user--skillmap .skillmapQualification {
  display: flex;
  gap: 64px;
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapQualification {
    gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .user--skillmap .skillmapQualification {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .user--skillmap .skillmapQualification__left {
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .user--skillmap .skillmapQualification__left .img > img {
    width: 227px;
    height: 227px;
  }
}
.user--skillmap .skillmapQualification__left .modBtn {
  margin: 20px 5px 0;
  padding-block: 8px;
}
@media screen and (max-width: 768px) {
  .user--skillmap .skillmapQualification__left .modBtn {
    width: 100%;
    margin: 40px 0 0;
  }
}
.user--skillmap .skillmapQualification__right {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .user--skillmap .skillmapQualification__right .modListUl__item {
    max-width: 460px;
  }
}
@media screen and (max-width: 1000px) {
  .user--skillmap .skillmapQualification__right .modListUl__item {
    width: 100%;
  }
}
.user--skillmap .skillmapQualificationDetail {
  display: flex;
  flex-wrap: wrap;
  max-width: 569px;
  min-width: 460px;
  border: 1px solid var(--gray);
}
.user--skillmap .skillmapQualificationDetail__wrap {
  overflow: auto;
  width: 100%;
  max-height: 56vh;
}
.user--skillmap .skillmapQualificationDetail dt:not(:last-child), .user--skillmap .skillmapQualificationDetail dd:not(:last-child) {
  border-bottom: 1px solid var(--gray);
}
.user--skillmap .skillmapQualificationDetail dt {
  width: 135px;
  padding: 15px;
  background: var(--light_blue);
  border-right: 1px solid var(--gray);
  font-weight: 700;
}
.user--skillmap .skillmapQualificationDetail dd {
  width: calc(100% - 135px);
  padding: 15px 15px 15px 10px;
}
.user--skillmap .skillmapQualificationDetail dd a {
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: 0.3s ease-out;
}
@media screen and (min-width: 769px) {
  .user--skillmap .skillmapQualificationDetail dd a:hover {
    color: var(--blue);
  }
}
.user--skillmap .skillmapSchedule__date {
  font-weight: 700;
  margin-bottom: 10px;
}
.user--skillmap .skillmapSchedule__text {
  margin-bottom: 21px;
}
.user--skillmap .skillmapSchedule__text > *:not(:last-child) {
  margin-bottom: 10px;
}
.user--skillmap .skillmapSchedule__text time {
  display: inline-block;
}


.user--skillmap .skillmapMain__badge__content .badge--inProgress {
  filter: grayscale(100%);
}

.user--skillmap .skillmapMain__badge__content .modCardBadge__name {
  width: 56px;
}
.user--skillmap .skillmapMain__badge__content .badgeList__item__icon {
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  border-radius: 50%;
}
.user--skillmap .skillmapMain__badge__content .badgeList__item__icon--trophy {
  background-image: url("/assets/img/admin/icons/icon_white_trophy.svg");
}
.user--skillmap .skillmapMain__badge__content .badgeList__item__icon--star {
  background-image: url("/assets/img/admin/icons/icon_white_star.svg");
}
.user--skillmap .skillmapMain__badge__content .badgeList__item__icon--award {
  background-image: url("/assets/img/admin/icons/icon_white_award.svg");
}
.user--skillmap .skillmapMain__badge__content .badgeList__item__icon--rectangle {
  background-image: url("/assets/img/admin/icons/icon_white_rectangle.svg");
}
.user--skillmap .skillmapMain__badge__content .badgeList__item__icon--medal {
  background-image: url("/assets/img/admin/icons/icon_white_medal.svg");
}
.user--skillmap .skillmapMain__badge__content .badgeList__item__icon--target {
  background-image: url("/assets/img/admin/icons/icon_white_target.svg");
}
.user--skillmap .skillmapMain__badge__content .badgeList__item__icon--crown {
  background-image: url("/assets/img/admin/icons/icon_white_crown.svg");
}

.user--skillmap .skillmapMain__badge__content .badgeList__item__icon--gold {
  background-color: #e3b600;
}
.user--skillmap .skillmapMain__badge__content .badgeList__item__icon--blue {
  background-color: #3b82f5;
}
.user--skillmap .skillmapMain__badge__content .badgeList__item__icon--green {
  background-color: #26c35c;
}
.user--skillmap .skillmapMain__badge__content .badgeList__item__icon--purple {
  background-color: #a555f6;
}
.user--skillmap .skillmapMain__badge__content .badgeList__item__icon--red {
  background-color: #ed473f;
}
.user--skillmap .skillmapMain__badge__content .badgeList__item__icon--orange {
  background-color: #fe7117;
}
.user--skillmap .skillmapMain__badge__content .badgeList__item__icon--white {
  background-color: #ffffff;
}

.user--login {
  background: linear-gradient(270deg, #0EAAD1 0%, #0ED191 100%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.user--login .layout {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-inline: 97.5px;
}
@media screen and (max-width: 980px) {
  .user--login .layout {
    padding: 0;
  }
}
.user--login .layout__login {
  max-width: 1260px;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  margin: 40px auto;
  background-color: var(--white);
  border-radius: 8px;
}
@media screen and (max-width: 980px) {
  .user--login .layout__login {
    margin: 40px;
  }
}
@media screen and (max-width: 768px) {
  .user--login .layout__login {
    margin-inline: 15px;
  }
}
.user--login .loginPage__container {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 981px) {
  .user--login .loginPage__container {
    max-height: 80vh;
    min-height: 510px;
  }
}
@media screen and (max-width: 980px) {
  .user--login .loginPage__container {
    flex-direction: column;
    width: 100%;
    padding: 30px;
  }
}
.user--login .loginPage__left {
  width: 33%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3px 0 0 min(123px, 9vw);
}
@media screen and (max-width: 980px) {
  .user--login .loginPage__left {
    max-width: 320px;
    width: 80%;
    margin: 0 auto 20px;
  }
}
.user--login .loginPage__left__content figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.user--login .loginPage__left__content p {
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  line-height: 2;
}
.user--login .loginPage__right {
  width: 48%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 85.21px 0;
}
@media screen and (max-width: 980px) {
  .user--login .loginPage__right {
    width: 100%;
    padding-top: 24px;
  }
}
.user--login .loginPage__right__content {
  text-align: center;
  max-width: 361.5px;
  width: 361.5px;
  margin-left: 75px;
}
@media screen and (max-width: 980px) {
  .user--login .loginPage__right__content {
    max-width: initial;
    width: 100%;
    margin: 0;
  }
}
.user--login .loginPage__right__content .modHeading {
  margin-bottom: 24px;
}
.user--login .loginPage__right__content hr {
  height: 1px;
  border: none;
  background-color: var(--gray);
  margin: 24px 0;
}
.user--login .loginPage__right__content .social {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 980px) {
  .user--login .loginPage__right__content .social {
    max-width: 360px;
    margin-inline: auto;
  }
}
.user--login .loginPage__right__content .social__button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 11px;
  padding: 10px;
  border: 1px solid var(--gray);
  border-radius: 4px;
  background-color: white;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
.user--login .loginPage__right__content .social__button__text {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}
.user--login .loginPage__right__content .social__button:hover {
  background: #e7f7f7;
  border-color: #42ABC6;
  color: #42ABC6;
}
.user--login .loginPage__right__content .modForm__item {
  margin-bottom: 16px;
}
@media screen and (max-width: 980px) {
  .user--login .loginPage__right__content .modForm__item {
    max-width: 400px;
    margin-inline: auto;
  }
}
.user--login .loginPage__right__content .modForm__item p {
  margin: 8px 0 0 0;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: start;
}
.user--login .loginPage__right__content .modForm__item .input input {
  font-size: 12px;
}
.user--login .loginPage__right__content .modForm__item .checkBox label {
  margin-top: 8px;
  padding: 0;
}
.user--login .loginPage__right__content .modForm__item .checkBox label span {
  width: 15px;
  height: 15px;
  min-width: 15px;
  min-width: 15px;
}
.user--login .loginPage__right__content .modForm .btnSubmit {
  width: 100%;
  color: var(--white);
  background: linear-gradient(270deg, #0EAAD1 0%, #0ED191 100%);
  padding: 10px 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: bold;
  border-radius: 30px;
  margin-top: 8px;
  margin-bottom: 16px;
  transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
}
@media screen and (max-width: 980px) {
  .user--login .loginPage__right__content .modForm .btnSubmit {
    max-width: 360px;
  }
}
.user--login .loginPage__right__content .modForm .btnSubmit:hover {
  background: linear-gradient(270deg, rgb(12.399103139, 150.5605381166, 185.100896861) 0%, rgb(12.399103139, 185.100896861, 128.4192825112) 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.admin--skillmaster .layout__main .addSkillModal {
  width: 70vw;
  height: 100vh;
  max-width: 1000px;
  position: fixed;
  top: 0;
  right: -100%;
  transition: 0.5s ease-out;
  border-left: 1px solid var(--line);
  background: var(--white);
  padding: 20px;
}
.admin--skillmaster .layout__main .addSkillModal__close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.admin--skillmaster .layout__main .addSkillModal__close::before {
  content: "";
  width: 20px;
  height: 2px;
  background: var(--dark_gray);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%) rotate(45deg);
  border-radius: 50em;
}
.admin--skillmaster .layout__main .addSkillModal__close::after {
  content: "";
  width: 20px;
  height: 2px;
  background: var(--dark_gray);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%) rotate(-45deg);
  border-radius: 50em;
}
.admin--skillmaster .layout__main .addSkillModal__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 32px;
}
.admin--skillmaster .layout__main .addSkillModal__content .modForm__item__container {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  padding: 30px;
  border-radius: 16px;
}
.admin--skillmaster .layout__main .addSkillModal__content .modForm__item__container:not(:last-child) {
  margin-bottom: 20px;
}
.admin--skillmaster .layout__main .addSkillModal__content .modForm__item .input > * {
  max-width: 100%;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item {
  cursor: pointer;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item + .accordion__subItem {
  margin-top: 11px;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__wrapper {
  padding: 13px 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
}
@media screen and (max-width: 1000px) {
  .admin--skillmaster .layout__main .addSkillModal__content .accordion__item__wrapper {
    padding: 12px 12px;
  }
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__wrapper:not(:last-child) {
  margin-bottom: 8px;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__content .accordionTrigger {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: auto;
  background: url(/assets/img/common/icon_arrow02.svg) no-repeat center center;
  background-size: contain;
  transform: scale(1, -1);
  transition: 0.3s ease-out;
  display: none;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__content .accordionTrigger.isActive {
  transform: scale(1, 1);
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__content .info {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__content .info .category {
  font-size: 11px;
  font-size: 1.1rem;
  padding: 2px 5px;
  background: var(--grayBg);
  border-radius: 4px;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__content .info p {
  flex: 1;
  font-weight: 700;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  display: flex;
  align-items: center;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__content .info p::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/assets/img/common/icon__arrowGradient.svg) no-repeat center center;
  background-size: contain;
  border-radius: 50%;
  flex-shrink: 0;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__content .control {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__content .control > * {
  min-width: 16px;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__content .control .add {
  display: flex;
  align-items: center;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__content .control .add::before {
  content: "";
  width: 16px;
  aspect-ratio: 1;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: #777;
  transition: 0.3s ease-out;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__content .control .add:hover::before {
  background: var(--blue);
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__content .control .edit {
  display: flex;
  align-items: center;
  aspect-ratio: 1;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__content .control .edit::before {
  content: "";
  width: 16px;
  aspect-ratio: 1;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
  transition: 0.3s ease-out;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__content .control .edit:hover::before {
  background: var(--blue);
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__content .control .delete {
  display: flex;
  align-items: center;
  aspect-ratio: 1;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__content .control .delete::before {
  content: "";
  width: 16px;
  aspect-ratio: 1;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M170.5 51.6L151.5 80l145 0-19-28.4c-1.5-2.2-4-3.6-6.7-3.6l-93.7 0c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80 368 80l48 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 304c0 44.2-35.8 80-80 80l-224 0c-44.2 0-80-35.8-80-80l0-304-8 0c-13.3 0-24-10.7-24-24S10.7 80 24 80l8 0 48 0 13.8 0 36.7-55.1C140.9 9.4 158.4 0 177.1 0l93.7 0c18.7 0 36.2 9.4 46.6 24.9zM80 128l0 304c0 17.7 14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-304L80 128zm80 64l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M170.5 51.6L151.5 80l145 0-19-28.4c-1.5-2.2-4-3.6-6.7-3.6l-93.7 0c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80 368 80l48 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 304c0 44.2-35.8 80-80 80l-224 0c-44.2 0-80-35.8-80-80l0-304-8 0c-13.3 0-24-10.7-24-24S10.7 80 24 80l8 0 48 0 13.8 0 36.7-55.1C140.9 9.4 158.4 0 177.1 0l93.7 0c18.7 0 36.2 9.4 46.6 24.9zM80 128l0 304c0 17.7 14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-304L80 128zm80 64l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
  transition: 0.3s ease-out;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item__content .control .delete:hover::before {
  background: var(--blue);
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__item:has(+ .jsAccordionitem) .accordionTrigger {
  display: block;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion__subItem.jsAccordionitem {
  display: none;
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion > .accordion__item__wrapper {
  padding-right: 30px;
}
@media screen and (max-width: 1000px) {
  .admin--skillmaster .layout__main .addSkillModal__content .accordion > .accordion__item__wrapper {
    padding-right: 12px;
  }
}
.admin--skillmaster .layout__main .addSkillModal__content .accordion .jsAccordionitem {
  display: none;
}
.admin--skillmaster .layout__main .addSkillModal.isOpen {
  right: 0;
}
.admin--skillmaster .layout__main .modAdminSection {
  max-height: calc(100vh - 242px);
}
.admin--skillmaster .layout__main .modAdminContent__main {
  max-height: calc(100vh - 242px);
  min-height: 372px;
  border-radius: 16px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
}
.admin--skillmaster .layout .modModal__content {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .admin--skillmaster .layout .modModal__content {
    width: 100%;
    max-width: 768px;
    min-height: 606px;
  }
}
.admin--skillmaster .layout .modModal__content__head:has(.modText) {
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.admin--skillmaster .layout .mod3ColFlex {
  margin-bottom: 32px;
}
.admin--skillmaster .layout .skillList {
  color: var(--dark_gray);
  max-height: 350px;
  overflow-y: auto;
}
.admin--skillmaster .layout .skillList__item {
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 8px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 10px;
}
.admin--skillmaster .layout .skillList__item:hover {
  border-color: var(--blue);
  background: var(--light_blue);
}
.admin--skillmaster .layout .skillList__item__container:not(:last-child) {
  margin-bottom: 8px;
}
.admin--skillmaster .layout .skillList__item__text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.admin--skillmaster .layout .skillList__item__text .title {
  font-weight: 700;
  color: var(--black);
}
.admin--skillmaster .layout .skillList__item__text .info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin--skillmaster .layout .skillList__item__category {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  color: var(--black);
  font-size: 12px;
  font-size: 1.2rem;
}
.admin--skillmaster .layout .skillList__item__category .category {
  padding: 5px;
  background: var(--light_violet);
  border-radius: 50em;
}
.admin--skillmaster .layout .adminTable {
  width: 100%;
  background: var(--white);
  border-radius: 16px;
}
.admin--skillmaster .layout .adminTable thead tr {
  border-bottom: 1px solid var(--line);
}
.admin--skillmaster .layout .adminTable thead tr th {
  color: var(--dark_gray);
  font-weight: 700;
}
.admin--skillmaster .layout .adminTable tbody tr:not(:last-child) {
  border-bottom: 1px solid var(--line);
}
.admin--skillmaster .layout .adminTable th,
.admin--skillmaster .layout .adminTable td {
  padding: 12px 30px;
}
.admin--skillmaster .layout .adminTable td.name {
  font-weight: 700;
}
.admin--skillmaster .layout .adminTable td.name span {
  font-weight: 400;
  display: block;
  color: var(--dark_gray);
}
.admin--skillmaster .layout .adminTable td.count > span {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 100%;
}
.admin--skillmaster .layout .adminTable td.count > span::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.admin--skillmaster .layout .adminTable td.status > span {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2px 10px;
  border-radius: 50em;
}
.admin--skillmaster .layout .adminTable td.status--active > span {
  background: var(--green);
}
.admin--skillmaster .layout .adminTable td.status--inactive > span {
  background: var(--orange);
}
.admin--skillmaster .layout .adminTable td.status--archived > span {
  background: var(--white);
  border: 1px solid var(--line);
}
.admin--skillmaster .layout .adminTable td.control > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin--skillmaster .layout .adminTable td.control > div .control__btn {
  display: block;
  width: 15px;
  height: 15px;
}
.admin--skillmaster .layout .adminTable td.control > div .control__btn--edit {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.admin--skillmaster .layout .adminTable td.control > div .control__btn--edit:hover {
  background: var(--blue);
}
.admin--skillmaster .layout .adminTable td.control > div .control__btn--delete {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M170.5 51.6L151.5 80l145 0-19-28.4c-1.5-2.2-4-3.6-6.7-3.6l-93.7 0c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80 368 80l48 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 304c0 44.2-35.8 80-80 80l-224 0c-44.2 0-80-35.8-80-80l0-304-8 0c-13.3 0-24-10.7-24-24S10.7 80 24 80l8 0 48 0 13.8 0 36.7-55.1C140.9 9.4 158.4 0 177.1 0l93.7 0c18.7 0 36.2 9.4 46.6 24.9zM80 128l0 304c0 17.7 14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-304L80 128zm80 64l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M170.5 51.6L151.5 80l145 0-19-28.4c-1.5-2.2-4-3.6-6.7-3.6l-93.7 0c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80 368 80l48 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 304c0 44.2-35.8 80-80 80l-224 0c-44.2 0-80-35.8-80-80l0-304-8 0c-13.3 0-24-10.7-24-24S10.7 80 24 80l8 0 48 0 13.8 0 36.7-55.1C140.9 9.4 158.4 0 177.1 0l93.7 0c18.7 0 36.2 9.4 46.6 24.9zM80 128l0 304c0 17.7 14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-304L80 128zm80 64l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.admin--skillmaster .layout .adminTable td.control > div .control__btn--delete:hover {
  background: var(--blue);
}

.admin--edit .layout__main {
  position: relative;
}
.admin--edit .layout__main .addSkillMapModal {
  width: 70vw;
  height: 100vh;
  max-width: 1000px;
  position: fixed;
  top: 0;
  right: -100%;
  transition: 0.5s ease-out;
  border-left: 1px solid var(--line);
  background: var(--white);
  padding: 20px;
}
.admin--edit .layout__main .addSkillMapModal__close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.admin--edit .layout__main .addSkillMapModal__close::before {
  content: "";
  width: 20px;
  height: 2px;
  background: var(--dark_gray);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%) rotate(45deg);
  border-radius: 50em;
}
.admin--edit .layout__main .addSkillMapModal__close::after {
  content: "";
  width: 20px;
  height: 2px;
  background: var(--dark_gray);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%) rotate(-45deg);
  border-radius: 50em;
}
.admin--edit .layout__main .addSkillMapModal__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 32px;
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__flexContainer {
  margin-bottom: 24px;
}
.admin--edit .layout__main .addSkillMapModal__content .scrollBox {
  max-height: calc(100vh - 350px);
  overflow-y: auto;
  margin-bottom: 10px;
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__item__container {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  padding: 30px;
  border-radius: 16px;
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__item__container:not(:last-child) {
  margin-bottom: 20px;
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__item .input > * {
  max-width: 100%;
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__item .skillCard {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: start;
  padding: 16px;
  border: 1px solid var(--gray);
  border-radius: 8px;
  background-color: var(--white);
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__item .skillCard__container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__item .skillCard .checkBox {
  margin: 0 !important;
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__item .skillCard .checkBox label {
  padding: 0;
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__item .skillCard__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__item .skillCard__title {
  font-weight: bold;
  white-space: normal;
  word-break: break-word;
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__item .skillCard__version, .admin--edit .layout__main .addSkillMapModal__content .modForm__item .skillCard__status {
  font-size: 10px;
  font-size: 1rem;
  padding: 3px 5px;
  border-radius: 50px;
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__item .skillCard__version {
  border: 1px solid var(--black);
  line-height: 1;
  border-radius: 50em;
  font-weight: 700;
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__item .skillCard__status--active {
  background-color: #cff0d9;
  color: #2a6041;
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__item .skillCard__status--archive {
  background-color: #d1b0f1;
  color: #5c288d;
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__item .skillCard__status--draft {
  background-color: var(--light_orange);
  color: #431501;
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__item .skillCard__subtitle {
  color: var(--dark_gray);
  word-break: break-word;
  min-width: 0;
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__item .skillCard__meta {
  display: flex;
  gap: 12px;
  color: var(--dark_gray);
  font-size: 13px;
  font-size: 1.3rem;
  white-space: nowrap;
  flex-wrap: wrap;
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__item:has(> .skillCard):not(:last-child) {
  margin-bottom: 12px;
}
.admin--edit .layout__main .addSkillMapModal__content .modForm__item__container > .modForm__item:not(:last-child) {
  margin-bottom: 12px;
}
.admin--edit .layout__main .addSkillMapModal__content .sectionTitle {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 16px;
}
.admin--edit .layout__main .addSkillMapModal.isOpen {
  right: 0;
}
.admin--edit .layout__main .modAdminSection {
  max-height: calc(100vh - 242px);
  min-height: 372px;
}
.admin--edit .layout__main .modAdminContent__main {
  max-height: calc(100vh - 280px);
  min-height: 372px;
  border-radius: 16px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
}
.admin--edit .layout .adminTable {
  width: 100%;
  background: var(--white);
  border-radius: 16px;
  min-width: 800px;
  border-collapse: collapse;
}
.admin--edit .layout .adminTable thead tr {
  border-bottom: 1px solid var(--line);
}
.admin--edit .layout .adminTable thead tr th {
  color: var(--dark_gray);
  font-weight: 700;
}
.admin--edit .layout .adminTable thead tr th:first-child {
  padding-right: 100px;
}
.admin--edit .layout .adminTable thead tr th:nth-child(2) {
  padding-right: 45px;
}
.admin--edit .layout .adminTable tbody tr:not(:last-child) {
  border-bottom: 1px solid var(--line);
}
.admin--edit .layout .adminTable th,
.admin--edit .layout .adminTable td {
  padding: 12px 30px;
}
.admin--edit .layout .adminTable th.nowrap,
.admin--edit .layout .adminTable td.nowrap {
  white-space: nowrap;
}
.admin--edit .layout .adminTable td.name {
  font-weight: 700;
}
.admin--edit .layout .adminTable td.name span {
  font-weight: 400;
  display: block;
  color: var(--dark_gray);
}
.admin--edit .layout .adminTable td.count > span {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 100%;
}
.admin--edit .layout .adminTable td.count > span::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.admin--edit .layout .adminTable td.status > span {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2px 10px;
  border-radius: 50em;
}
.admin--edit .layout .adminTable td.status--active > span {
  background: var(--green);
}
.admin--edit .layout .adminTable td.status--inactive > span {
  background: var(--orange);
}
.admin--edit .layout .adminTable td.status--waiting > span {
  background: #71a3e4;
}
.admin--edit .layout .adminTable td.status--archived > span {
  background: #b271e4;
}
.admin--edit .layout .adminTable td.control > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin--edit .layout .adminTable td.control > div .control__btn {
  display: block;
  width: 15px;
  height: 15px;
}
.admin--edit .layout .adminTable td.control > div .control__btn--edit {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.admin--edit .layout .adminTable td.control > div .control__btn--edit:hover {
  background: var(--blue);
}
.admin--edit .layout .adminTable td.control > div .control__btn--delete {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M170.5 51.6L151.5 80l145 0-19-28.4c-1.5-2.2-4-3.6-6.7-3.6l-93.7 0c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80 368 80l48 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 304c0 44.2-35.8 80-80 80l-224 0c-44.2 0-80-35.8-80-80l0-304-8 0c-13.3 0-24-10.7-24-24S10.7 80 24 80l8 0 48 0 13.8 0 36.7-55.1C140.9 9.4 158.4 0 177.1 0l93.7 0c18.7 0 36.2 9.4 46.6 24.9zM80 128l0 304c0 17.7 14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-304L80 128zm80 64l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M170.5 51.6L151.5 80l145 0-19-28.4c-1.5-2.2-4-3.6-6.7-3.6l-93.7 0c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80 368 80l48 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 304c0 44.2-35.8 80-80 80l-224 0c-44.2 0-80-35.8-80-80l0-304-8 0c-13.3 0-24-10.7-24-24S10.7 80 24 80l8 0 48 0 13.8 0 36.7-55.1C140.9 9.4 158.4 0 177.1 0l93.7 0c18.7 0 36.2 9.4 46.6 24.9zM80 128l0 304c0 17.7 14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-304L80 128zm80 64l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.admin--edit .layout .adminTable td.control > div .control__btn--delete:hover {
  background: var(--blue);
}
.admin--edit .layout .adminTable td.progress {
  width: 150px;
}
.admin--edit .layout .adminTable td.progress .modProgressBar {
  display: flex;
  align-items: center;
  gap: 8px;
}

.admin--badgeEdit .layout__main {
  position: relative;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__wrap {
  max-height: calc(100vh - 242px);
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item {
  border: 1px solid var(--gray);
  border-radius: 12px;
  padding: 20px;
  width: 100%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  background-color: #fff;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__icon {
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  border-radius: 50%;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__icon--trophy {
  background-image: url("/assets/img/admin/icons/icon_white_trophy.svg");
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__icon--star {
  background-image: url("/assets/img/admin/icons/icon_white_star.svg");
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__icon--award {
  background-image: url("/assets/img/admin/icons/icon_white_award.svg");
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__icon--rectangle {
  background-image: url("/assets/img/admin/icons/icon_white_rectangle.svg");
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__icon--medal {
  background-image: url("/assets/img/admin/icons/icon_white_medal.svg");
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__icon--target {
  background-image: url("/assets/img/admin/icons/icon_white_target.svg");
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__icon--crown {
  background-image: url("/assets/img/admin/icons/icon_white_crown.svg");
}

.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__icon--gold {
  background-color: #e3b600;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__icon--blue {
  background-color: #3b82f5;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__icon--green {
  background-color: #26c35c;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__icon--purple {
  background-color: #a555f6;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__icon--red {
  background-color: #ed473f;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__icon--orange {
  background-color: #fe7117;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__icon--white {
  background-color: #ffffff;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__actions {
  display: flex;
  gap: 8px;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__actions .btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__actions .btn::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  transition: 0.3s ease-out;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__actions .btn--edit::before {
  -webkit-mask: url("/assets/img/admin/icons/icon_edit.svg") no-repeat center center/contain;
          mask: url("/assets/img/admin/icons/icon_edit.svg") no-repeat center center/contain;
  background: var(--black);
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__actions .btn--edit:hover {
  border-color: var(--blue);
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__actions .btn--edit:hover::before {
  background: var(--blue);
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__actions .btn--delete::before {
  -webkit-mask: url("/assets/img/admin/icons/icon_delete.svg") no-repeat center center/contain;
          mask: url("/assets/img/admin/icons/icon_delete.svg") no-repeat center center/contain;
  background: #de3131;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__actions .btn--delete:hover {
  border-color: var(--blue);
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__actions .btn--delete:hover::before {
  background: var(--blue);
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__body {
  margin: 20px 0;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 16px;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__desc {
  font-size: 14px;
  color: #666;
  margin-bottom: 16px;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__info-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__badge {
  background-color: #fce9d6;
  color: #d97e00;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 25px;
  font-weight: 600;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__badge--yellow {
  background-color: #fef9c2;
  color: #7c5720;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__badge--blue {
  background-color: #dbecf6;
  color: #395098;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__badge--purple {
  background-color: #f3e4ff;
  color: #73519b;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__badge--purple {
  background-color: #defee9;
  color: #2d6945;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item hr {
  height: 1px;
  border: none;
  background-color: var(--gray);
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__count {
  font-size: 12px;
  color: var(--dark_gray);
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__footer {
  font-size: 12px;
  font-size: 1.2rem;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__footer .footer--main {
  display: flex;
  justify-content: space-between;
  color: var(--dark_gray);
  margin: 12px 0 8px 0;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__footer .footer--sub {
  display: flex;
  align-items: center;
  gap: 8px;
}
.admin--badgeEdit .layout__main .modAdminContent .badgeList__item__footer .footer--sub .text {
  color: #366ec5;
}
.admin--badgeEdit .layout .modModal__content {
  overflow: hidden;
}
.admin--badgeEdit .layout .modModal__content .customSelect {
  position: relative;
  width: 100%;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.admin--badgeEdit .layout .modModal__content .customSelect.open .customSelect__list {
  display: block;
}
.admin--badgeEdit .layout .modModal__content .customSelect__selected {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  cursor: pointer;
  min-height: 40px;
}
.admin--badgeEdit .layout .modModal__content .customSelect__list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #ccc;
  border-top: none;
  display: none;
  z-index: 10;
  list-style: none;
  margin: 0;
  padding: 0;
}
.admin--badgeEdit .layout .modModal__content .customSelect__list li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  cursor: pointer;
}
.admin--badgeEdit .layout .modModal__content .customSelect__list li:hover {
  background-color: #f2f2f2;
}
.admin--badgeEdit .layout .modModal__content .customSelect__list li.selected {
  background-color: #eee;
}
.admin--badgeEdit .layout .modModal__content .customSelect__check {
  display: inline-block;
  width: 16px;
  color: #17a4c4;
  font-weight: bold;
  text-align: center;
  flex-shrink: 0;
  visibility: hidden;
}
.admin--badgeEdit .layout .modModal__content .customSelect__check:not(:empty) {
  visibility: visible;
}
.admin--badgeEdit .layout .modModal__content .customSelect__circle, .admin--badgeEdit .layout .modModal__content .customSelect__img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border-radius: 50%;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.admin--badgeEdit .layout .modModal__content .customSelect__circle--blue {
  background-color: #3f83e8;
}
.admin--badgeEdit .layout .modModal__content .customSelect__circle--red {
  background-color: #f14a42;
}
.admin--badgeEdit .layout .modModal__content .customSelect__circle--gold {
  background-color: #edb308;
}
.admin--badgeEdit .layout .modModal__content .customSelect__circle--green {
  background-color: #21c354;
}
.admin--badgeEdit .layout .modModal__content .customSelect__circle--purple {
  background-color: #a758f3;
}
.admin--badgeEdit .layout .modModal__content .customSelect__circle--orange {
  background-color: #f97310;
}
.admin--badgeEdit .layout .modModal__content .customSelect__img--award {
  background-image: url("/assets/img/admin/icons/icon_outline_award.svg");
}
.admin--badgeEdit .layout .modModal__content .customSelect__img--star {
  background-image: url("/assets/img/admin/icons/icon_outline_star.svg");
}
.admin--badgeEdit .layout .modModal__content .customSelect__img--trophy {
  background-image: url("/assets/img/admin/icons/icon_outline_trophy.svg");
}
.admin--badgeEdit .layout .modModal__content .customSelect__img--medal {
  background-image: url("/assets/img/admin/icons/icon_outline_medal.svg");
}
.admin--badgeEdit .layout .modModal__content .customSelect__img--target {
  background-image: url("/assets/img/admin/icons/icon_outline_target.svg");
}
.admin--badgeEdit .layout .modModal__content .customSelect__img--crown {
  background-image: url("/assets/img/admin/icons/icon_outline_crown.svg");
}
.admin--badgeEdit .layout .modModal__content .textSelect {
  position: relative;
  width: 100%;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.admin--badgeEdit .layout .modModal__content .textSelect.open .textSelect__list {
  display: block;
}
.admin--badgeEdit .layout .modModal__content .textSelect__selected {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  cursor: pointer;
  min-height: 40px;
}
.admin--badgeEdit .layout .modModal__content .textSelect__list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #ccc;
  border-top: none;
  display: none;
  z-index: 10;
  list-style: none;
  margin: 0;
  padding: 0;
}
.admin--badgeEdit .layout .modModal__content .textSelect__list li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  cursor: pointer;
}
.admin--badgeEdit .layout .modModal__content .textSelect__list li:hover {
  background-color: #f2f2f2;
}
.admin--badgeEdit .layout .modModal__content .textSelect__list li.selected {
  background-color: #eee;
}
.admin--badgeEdit .layout .modModal__content .textSelect__check {
  display: inline-block;
  width: 16px;
  color: #17a4c4;
  font-weight: bold;
  text-align: center;
  flex-shrink: 0;
  visibility: hidden;
}
.admin--badgeEdit .layout .modModal__content .textSelect__check:not(:empty) {
  visibility: visible;
}
.admin--badgeEdit .layout .modModal__content .preview {
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: #f9fafc;
  padding: 12px;
  border-radius: 5px;
  border: 1px solid var(--gray);
  margin-bottom: 20px;
}
.admin--badgeEdit .layout .modModal__content .preview__text__main {
  font-weight: 700;
}
.admin--badgeEdit .layout .modModal__content .preview__text__sub {
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--dark_gray);
}
.admin--badgeEdit .layout .modModal__content .preview__circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 40px;
  transition: background-color 0.3s ease;
}
.admin--badgeEdit .layout .modModal__content .preview__circle--blue {
  background-color: #3f83e8;
}
.admin--badgeEdit .layout .modModal__content .preview__circle--red {
  background-color: #f14a42;
}
.admin--badgeEdit .layout .modModal__content .preview__circle--gold {
  background-color: #edb308;
}
.admin--badgeEdit .layout .modModal__content .preview__circle--green {
  background-color: #21c354;
}
.admin--badgeEdit .layout .modModal__content .preview__circle--purple {
  background-color: #a758f3;
}
.admin--badgeEdit .layout .modModal__content .preview__circle--orange {
  background-color: #f97310;
}
.admin--badgeEdit .layout .modModal__content .preview__circle--white {
  background-color: #fff;
}
.admin--badgeEdit .layout .modModal__content .preview__circle--award {
  background-image: url("/assets/img/admin/icons/icon_white_award.svg");
}
.admin--badgeEdit .layout .modModal__content .preview__circle--star {
  background-image: url("/assets/img/admin/icons/icon_white_star.svg");
}
.admin--badgeEdit .layout .modModal__content .preview__circle--trophy {
  background-image: url("/assets/img/admin/icons/icon_white_trophy.svg");
}
.admin--badgeEdit .layout .modModal__content .preview__circle--medal {
  background-image: url("/assets/img/admin/icons/icon_white_medal.svg");
}
.admin--badgeEdit .layout .modModal__content .preview__circle--target {
  background-image: url("/assets/img/admin/icons/icon_white_target.svg");
}
.admin--badgeEdit .layout .modModal__content .preview__circle--crown {
  background-image: url("/assets/img/admin/icons/icon_white_crown.svg");
}
@media screen and (min-width: 769px) {
  .admin--badgeEdit .layout .modModal__content {
    width: 100%;
    max-width: 800px;
    min-height: 606px;
  }
}
.admin--badgeEdit .layout .modModal__content__head:has(.modText) {
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}

.modAdminContent {
  position: relative;
}
.modAdminContent__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 20px;
}
.modAdminContent__header__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}
.modAdminContent__header__text {
  font-weight: 700;
  margin-top: 12px;
}
.modAdminContent__header__btn {
  display: flex;
  align-items: center;
  gap: 10px;
}
.modAdminContent__header:has(.jsBack) {
  justify-content: flex-start;
  gap: 20px;
  align-items: center;
}
.modAdminContent__control {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.modAdminContent__control > :nth-child(1) {
  flex: 1;
}
.modAdminContent__main {
  margin-top: 20px;
}
.modAdminSection {
  border-radius: 16px;
}
.modAdminSection:not(:last-child) {
  margin-bottom: 20px;
}
.modAdminSection__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 20px;
}
.modForm:not(:last-child) {
  margin-bottom: 20px;
}
.modForm__item:has(.inputWithIcon) {
  flex: 1;
}
.modProgressBar__content {
  display: block;
  width: 80px;
  height: 10px;
  border-radius: 50em;
  background: var(--gray);
  --percent: 100%;
  position: relative;
  overflow: hidden;
}
.modProgressBar__content::before {
  content: "";
  display: block;
  position: absolute;
  right: var(--percent);
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--blue);
}
.modProgressBar__text {
  text-align: center;
  color: var(--dark_gray);
  font-size: 12px;
  font-size: 1.2rem;
}
.modProgressBar--flex {
  display: flex;
  align-items: center;
  gap: 10px;
}
.modProgressBar--flex .modProgressBar__text {
  color: var(--black);
}
.modAdminProgress {
  display: flex;
  justify-content: space-between;
  margin-inline: -40px;
  padding: 16px 40px;
  background: var(--white);
}
.modAdminProgress__list {
  counter-reset: admin-progress-counter;
  display: flex;
  gap: 16px;
}
.modAdminProgress__list > li {
  counter-increment: admin-progress-counter;
  padding-left: 26px;
  position: relative;
  transition: 0.3s ease-out;
  font-size: 12px;
  font-size: 1.2rem;
}
.modAdminProgress__list > li:not(:has(> a))::before {
  content: counter(admin-progress-counter);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--gray);
  color: var(--white);
  font-weight: 700;
  font-size: 10px;
  font-size: 1rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s ease-out;
}
.modAdminProgress__list > li.isActive > a {
  color: var(--blue);
}
.modAdminProgress__list > li.isActive > a::before {
  background: var(--blue);
}
.modAdminProgress__list > li:not(.isActive):hover > a {
  color: var(--blue);
}
.modAdminProgress__list > li:not(.isActive):hover > a::before {
  background: var(--blue);
}
.modAdminProgress__list > li > a {
  transition: 0.3s ease-out;
}
.modAdminProgress__list > li > a::before {
  content: counter(admin-progress-counter);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--gray);
  color: var(--white);
  font-weight: 700;
  font-size: 10px;
  font-size: 1rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s ease-out;
}
.mod4ColInfo {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background: var(--white);
  border-radius: 10px;
  height: 60px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  color: var(--dark_gray);
}
.mod4ColInfo__count {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
}
.mod4ColInfo:nth-child(1) .mod4ColInfo__count {
  color: var(--blue);
}
.mod4ColInfo:nth-child(2) .mod4ColInfo__count {
  color: var(--darkGreen);
}
.mod4ColInfo:nth-child(3) .mod4ColInfo__count {
  color: var(--blue);
}
.mod4ColInfo:nth-child(4) .mod4ColInfo__count {
  color: var(--violet);
}
.modFlashMessage {
  min-width: 225px;
  text-align: center;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
  z-index: 100;
  padding: 8px 24px;
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  pointer-events: none;
  background-color: var(--white);
  border-radius: 4px;
  border-width: 2px;
  border-style: solid;
}
.modFlashMessage.show {
  transform: translateX(-50%) translateY(20px);
  opacity: 1;
  pointer-events: auto;
}
.modFlashMessage.success {
  color: #26bc00;
  border-color: currentColor;
}
.modFlashMessage.error {
  color: #dc3545;
  border-color: currentColor;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .modAdminSection--skillTree {
  max-height: 40vh;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__container {
  max-height: calc(100vh - 302px);
  min-height: 372px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 20px;
  transition: 0.3s ease-out;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item:hover {
  border-color: var(--blue);
  background: var(--light_blue);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item__container:not(:last-child) {
  margin-bottom: 15px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item__icon {
  display: block;
  aspect-ratio: 1/1;
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 10px;
  background: var(--light_blue);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item__icon svg {
  aspect-ratio: 1;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item__text .about {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item__text .about__title {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item__text .about__version {
  padding: 3px 5px;
  border: 1px solid var(--black);
  line-height: 1;
  border-radius: 50em;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item__text .about__status {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2px 10px;
  border-radius: 50em;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item__text .about__status--active {
  background: var(--green);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item__text .about__status--inactive {
  background: var(--red);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item__text .desc {
  color: var(--dark_gray);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item__text .info {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--dark_gray);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item__text .info__item--count {
  color: var(--orange);
  display: flex;
  align-items: center;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item__text .info__item--count::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--orange);
  margin-right: 3px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item__status {
  display: flex;
  flex-shrink: 0;
  gap: 10px;
  align-items: center;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item__status .count {
  text-align: right;
  color: var(--dark_gray);
  font-size: 12px;
  font-size: 1.2rem;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item__status .count--number {
  color: var(--blue);
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillList__item::after {
  content: "";
  display: block;
  width: 20px;
  height: 10px;
  aspect-ratio: 1;
  background: url(/assets/img/common/icon_arrow.svg) no-repeat center center;
  transform: rotate(90deg);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__header__icon {
  display: block;
  aspect-ratio: 1/1;
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 10px;
  background: var(--light_blue);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__header__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__header__text .about {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__header__text .about__title {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__header__text .about__version {
  padding: 3px 5px;
  border: 1px solid var(--black);
  line-height: 1;
  border-radius: 50em;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__header__text .about__status {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2px 10px;
  border-radius: 50em;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__header__text .about__status--active {
  background: var(--green);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__header__text .about__status--inactive {
  background: var(--red);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__header__text .desc {
  color: var(--dark_gray);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__header__accordionIcon {
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
  background: var(--black);
  transition: all 0.3s ease;
  transform: scale(1, -1);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__header__accordionIcon.isClosed {
  transform: scale(1, 1);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__info__container {
  display: flex;
  gap: 10px;
  margin-left: 60px;
  padding-block: 20px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__info__container > * {
  flex: 1;
  width: calc((100% - 30px) / 4);
  margin-bottom: 0 !important;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__info__item {
  height: 60px;
  background: red;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--dark_gray);
  flex-direction: column;
  font-size: 12px;
  font-size: 1.2rem;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__info__item span {
  display: block;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__info__item--total {
  background: var(--light_blue);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__info__item--total span {
  color: var(--blue);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__info__item--linked {
  background: var(--green);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__info__item--linked span {
  color: var(--darkGreen);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__info__item--completion {
  background: var(--light_violet);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__info__item--completion span {
  color: var(--violet);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__info__item--completion span::after {
  content: "%";
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__info__item--learning {
  background: var(--light_orange);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__info__item--learning span {
  color: var(--orange);
  display: flex;
  align-items: center;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__info__item--learning span::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: var(--orange);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillDetail__info.isOpen {
  display: block;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item {
  cursor: pointer;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item + .accordion__subItem {
  margin-top: 11px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__wrapper {
  padding: 13px 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
}
@media screen and (max-width: 1000px) {
  .admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__wrapper {
    padding: 12px 12px;
  }
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__wrapper:not(:last-child) {
  margin-bottom: 8px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__wrapper--lv2 .accordion__item__content .info .category {
  background: var(--green);
  color: var(--darkGreen);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__wrapper--lv2:has(> .accordion__item .isOpen) {
  background: var(--accordionBlue);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__wrapper--lv2:has(> .accordion__item .isOpen) .accordion__item__wrapper {
  background: var(--blueBg);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__wrapper--lv3 .accordion__item__content .info .category {
  background: var(--light_violet);
  color: var(--violet);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__wrapper--lv3:has(> .accordion__item .isOpen) {
  background: var(--accordionBlue);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__wrapper--lv3:has(> .accordion__item .isOpen) .accordion__item__wrapper {
  background: var(--blueBg);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__wrapper--lv4:has(.accordion__item__content.isOpen) {
  background: var(--accordionBlue);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .accordionTrigger {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: auto;
  background: url(/assets/img/common/icon_arrow02.svg) no-repeat center center;
  background-size: contain;
  transform: scale(1, -1);
  transition: 0.3s ease-out;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .accordionTrigger.isActive {
  transform: scale(1, 1);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .accordionTrigger.isOpen {
  background: var(--accordionBlue);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .accordionTrigger.isOpen .accordion__item__wrapper {
  background: var(--blueBg);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .info {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .info .category {
  font-size: 11px;
  font-size: 1.1rem;
  padding: 2px 5px;
  background: var(--light_blue);
  border-radius: 50em;
  color: var(--blue);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .info p {
  flex: 1;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  display: flex;
  align-items: center;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .info p .text__desc {
  color: var(--dark_gray);
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control > * {
  min-width: 16px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .content {
  background: var(--light_blue);
  color: var(--blue);
  font-size: 12px;
  font-size: 1.2rem;
  padding: 4px 8px;
  border-radius: 50em;
  display: flex;
  align-items: center;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .content::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: var(--blue);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5l0-377.4c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32C93.5 32 46.3 45.3 18.1 56.1C6.8 60.5 0 71.7 0 83.8L0 454.1c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5zm76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6c11.3 3.8 24.1-4.6 24.1-16.5l0-370.3c0-12.1-6.8-23.3-18.1-27.6C529.7 45.3 482.5 32 432 32c-58.4 0-103.4 20-123 35.6c-3.3 2.6-5 6.8-5 11L304 456c0 11.4 11.7 19.3 22.4 15.5z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5l0-377.4c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32C93.5 32 46.3 45.3 18.1 56.1C6.8 60.5 0 71.7 0 83.8L0 454.1c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5zm76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6c11.3 3.8 24.1-4.6 24.1-16.5l0-370.3c0-12.1-6.8-23.3-18.1-27.6C529.7 45.3 482.5 32 432 32c-58.4 0-103.4 20-123 35.6c-3.3 2.6-5 6.8-5 11L304 456c0 11.4 11.7 19.3 22.4 15.5z'/%3E%3C/svg%3E");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  margin-right: 5px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .content--empty {
  background: var(--white);
  color: var(--dark_gray);
  border: 1px solid var(--dark_gray);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .content--empty::before {
  background: var(--dark_gray);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .badge {
  background: var(--green);
  color: var(--darkGreen);
  font-size: 12px;
  font-size: 1.2rem;
  padding: 4px 8px;
  border-radius: 50em;
  display: flex;
  align-items: center;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .badge::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: var(--darkGreen);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1222_18356)'%3E%3Cpath d='M16.5169 7.51724C16.5169 11.1166 13.599 14.0345 9.99966 14.0345C6.4003 14.0345 3.48242 11.1166 3.48242 7.51724C3.48242 3.91787 6.4003 1 9.99966 1C13.599 1 16.5169 3.91787 16.5169 7.51724Z' stroke='%23777777' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M5.96452 13.4141L4.72314 19.0003L9.99901 17.1382L15.2749 19.0003L14.0335 13.4141' stroke='%23777777' stroke-width='1.5' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1222_18356'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1222_18356)'%3E%3Cpath d='M16.5169 7.51724C16.5169 11.1166 13.599 14.0345 9.99966 14.0345C6.4003 14.0345 3.48242 11.1166 3.48242 7.51724C3.48242 3.91787 6.4003 1 9.99966 1C13.599 1 16.5169 3.91787 16.5169 7.51724Z' stroke='%23777777' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M5.96452 13.4141L4.72314 19.0003L9.99901 17.1382L15.2749 19.0003L14.0335 13.4141' stroke='%23777777' stroke-width='1.5' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1222_18356'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  margin-right: 5px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .badge--empty {
  background: var(--white);
  color: var(--dark_gray);
  border: 1px solid var(--dark_gray);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .badge--empty::before {
  background: var(--dark_gray);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .learningCount {
  background: var(--light_orange);
  color: var(--orange);
  font-size: 12px;
  font-size: 1.2rem;
  padding: 4px 8px;
  border-radius: 50em;
  display: flex;
  align-items: center;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .learningCount::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: var(--orange);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  margin-right: 5px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .learningCount::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: var(--orange);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin-left: 5px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .status {
  width: 25px;
  height: 25px;
  aspect-ratio: 1;
  border-radius: 50em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .status::before {
  content: "";
  display: inline-block;
  width: 50%;
  height: 50%;
  aspect-ratio: 1;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .status--ok {
  background: var(--green);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .status--ok::before {
  background: var(--darkGreen);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .status--error {
  background: var(--light_orange);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .status--error::before {
  background: var(--orange);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E");
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .edit {
  display: flex;
  align-items: center;
  aspect-ratio: 1;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .edit::before {
  content: "";
  width: 16px;
  aspect-ratio: 1;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
  transition: 0.3s ease-out;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .edit:hover::before {
  background: var(--blue);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .delete {
  display: flex;
  align-items: center;
  aspect-ratio: 1;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .delete::before {
  content: "";
  width: 16px;
  aspect-ratio: 1;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M170.5 51.6L151.5 80l145 0-19-28.4c-1.5-2.2-4-3.6-6.7-3.6l-93.7 0c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80 368 80l48 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 304c0 44.2-35.8 80-80 80l-224 0c-44.2 0-80-35.8-80-80l0-304-8 0c-13.3 0-24-10.7-24-24S10.7 80 24 80l8 0 48 0 13.8 0 36.7-55.1C140.9 9.4 158.4 0 177.1 0l93.7 0c18.7 0 36.2 9.4 46.6 24.9zM80 128l0 304c0 17.7 14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-304L80 128zm80 64l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M170.5 51.6L151.5 80l145 0-19-28.4c-1.5-2.2-4-3.6-6.7-3.6l-93.7 0c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80 368 80l48 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 304c0 44.2-35.8 80-80 80l-224 0c-44.2 0-80-35.8-80-80l0-304-8 0c-13.3 0-24-10.7-24-24S10.7 80 24 80l8 0 48 0 13.8 0 36.7-55.1C140.9 9.4 158.4 0 177.1 0l93.7 0c18.7 0 36.2 9.4 46.6 24.9zM80 128l0 304c0 17.7 14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-304L80 128zm80 64l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
  transition: 0.3s ease-out;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item__content .control .delete:hover::before {
  background: var(--blue);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__item:has(+ .jsAccordionitem) .accordionTrigger {
  display: block;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion__subItem.jsAdminAccordionItem {
  display: none;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion > .accordion__item__wrapper {
  padding-right: 30px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion > .accordion__item__wrapper:has(> .accordion__item > .accordion__item__inner > .accordion__item__content.isOpen) {
  background: var(--accordionBlue);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion > .accordion__item__wrapper:has(> .accordion__item > .accordion__item__inner > .accordion__item__content.isOpen) .accordion__item__wrapper {
  background: var(--blueBg);
}
/* バッジリストアイテムのスタイル */
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__footer {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 12px;
  font-size: 1.2rem;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__badge {
  background-color: #fce9d6;
  color: #d97e00;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 25px;
  font-weight: 600;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__category {
  color: var(--dark_gray);
}
/* バッジリストアイテムのスタイル */
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon {
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  border-radius: 50%;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--award {
  background-image: url("/assets/img/admin/icons/icon_white_award.svg");
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--star {
  background-image: url("/assets/img/admin/icons/icon_white_star.svg");
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--trophy {
  background-image: url("/assets/img/admin/icons/icon_white_trophy.svg");
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--medal {
  background-image: url("/assets/img/admin/icons/icon_white_medal.svg");
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--target {
  background-image: url("/assets/img/admin/icons/icon_white_target.svg");
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--crown {
  background-image: url("/assets/img/admin/icons/icon_white_crown.svg");
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--rectangle {
  background-image: url("/assets/img/admin/icons/icon_white_rectangle.svg");
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--gold {
  background-color: #e3b600;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--blue {
  background-color: #3b82f5;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--green {
  background-color: #26c35c;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--purple {
  background-color: #a555f6;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--red {
  background-color: #ed473f;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--orange {
  background-color: #fe7117;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--white {
  background-color: #ffffff;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon__image {
  width: 50px;
  height: 50px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-left: 10px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__title {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__footer {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 12px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__badge--yellow {
  background-color: #fef9c2;
  color: #7c5720;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__badge--blue {
  background-color: #dbecf6;
  color: #395098;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__badge--purple {
  background-color: #f3e4ff;
  color: #73519b;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .tab__btn .badge::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: var(--black);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1222_18356)'%3E%3Cpath d='M16.5169 7.51724C16.5169 11.1166 13.599 14.0345 9.99966 14.0345C6.4003 14.0345 3.48242 11.1166 3.48242 7.51724C3.48242 3.91787 6.4003 1 9.99966 1C13.599 1 16.5169 3.91787 16.5169 7.51724Z' stroke='%23777777' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M5.96452 13.4141L4.72314 19.0003L9.99901 17.1382L15.2749 19.0003L14.0335 13.4141' stroke='%23777777' stroke-width='1.5' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1222_18356'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1222_18356)'%3E%3Cpath d='M16.5169 7.51724C16.5169 11.1166 13.599 14.0345 9.99966 14.0345C6.4003 14.0345 3.48242 11.1166 3.48242 7.51724C3.48242 3.91787 6.4003 1 9.99966 1C13.599 1 16.5169 3.91787 16.5169 7.51724Z' stroke='%23777777' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M5.96452 13.4141L4.72314 19.0003L9.99901 17.1382L15.2749 19.0003L14.0335 13.4141' stroke='%23777777' stroke-width='1.5' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1222_18356'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  margin-right: 5px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .tab__btn .content::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: var(--black);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5l0-377.4c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32C93.5 32 46.3 45.3 18.1 56.1C6.8 60.5 0 71.7 0 83.8L0 454.1c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5zm76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6c11.3 3.8 24.1-4.6 24.1-16.5l0-370.3c0-12.1-6.8-23.3-18.1-27.6C529.7 45.3 482.5 32 432 32c-58.4 0-103.4 20-123 35.6c-3.3 2.6-5 6.8-5 11L304 456c0 11.4 11.7 19.3 22.4 15.5z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5l0-377.4c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32C93.5 32 46.3 45.3 18.1 56.1C6.8 60.5 0 71.7 0 83.8L0 454.1c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5zm76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6c11.3 3.8 24.1-4.6 24.1-16.5l0-370.3c0-12.1-6.8-23.3-18.1-27.6C529.7 45.3 482.5 32 432 32c-58.4 0-103.4 20-123 35.6c-3.3 2.6-5 6.8-5 11L304 456c0 11.4 11.7 19.3 22.4 15.5z'/%3E%3C/svg%3E");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  margin-right: 5px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .course-level-tag {
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 25px;
  font-weight: 600;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .course-level-tag-beginner {
  background-color: #fef9c2;
  color: #7c5720;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .course-level-tag-intermediate {
  background-color: #dbecf6;
  color: #395098;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .course-level-tag-advanced {
  background-color: #defee9;
  color: #2d6945;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .course-level-tag-expert {
  background-color: #fce9d6;
  color: #d97e00;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .course-level-tag-default {
  background-color: #f5f5f5;
  color: #757575;
}
@media screen and (max-width: 1000px) {
  .admin--contentBadgeLink .layout__main .modAdminContent__main .accordion > .accordion__item__wrapper {
    padding-right: 12px;
  }
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .accordion .jsAccordionitem {
  display: none;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__placeholder .title {
  font-weight: 700;
  margin-bottom: 10px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__placeholder .text {
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--dark_gray);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__placeholder .icon {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  aspect-ratio: 1;
  border-radius: 50em;
  background: var(--light_blue);
  margin-bottom: 10px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__placeholder .icon::before {
  content: "";
  display: block;
  width: 50%;
  height: 50%;
  aspect-ratio: 1;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M448 256A192 192 0 1 0 64 256a192 192 0 1 0 384 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256 80a80 80 0 1 0 0-160 80 80 0 1 0 0 160zm0-224a144 144 0 1 1 0 288 144 144 0 1 1 0-288zM224 256a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M448 256A192 192 0 1 0 64 256a192 192 0 1 0 384 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256 80a80 80 0 1 0 0-160 80 80 0 1 0 0 160zm0-224a144 144 0 1 1 0 288 144 144 0 1 1 0-288zM224 256a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z'/%3E%3C/svg%3E");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background: var(--blue);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content {
  display: none;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__header {
  margin-bottom: 20px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__header .title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__header .title::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  aspect-ratio: 1;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M448 256A192 192 0 1 0 64 256a192 192 0 1 0 384 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256 80a80 80 0 1 0 0-160 80 80 0 1 0 0 160zm0-224a144 144 0 1 1 0 288 144 144 0 1 1 0-288zM224 256a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M448 256A192 192 0 1 0 64 256a192 192 0 1 0 384 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256 80a80 80 0 1 0 0-160 80 80 0 1 0 0 160zm0-224a144 144 0 1 1 0 288 144 144 0 1 1 0-288zM224 256a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z'/%3E%3C/svg%3E");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background: var(--blue);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__header .activeCount {
  color: var(--orange);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__header .activeCount::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: var(--orange);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  margin-left: 5px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab {
  display: grid;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .tab {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  background: var(--gray);
  padding: 2px;
  border-radius: 12px;
  grid-row: 1;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .tab__btn {
  flex: 1;
  padding: 5px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .tab__btn.isActive {
  background: var(--white);
  border-radius: 10px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .tabItem {
  grid-row: 2;
  grid-column: 1/-1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .tabItem.isActive {
  opacity: 1;
  visibility: visible;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .form__completion {
  background: var(--light_blue);
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .form__completion__title {
  font-weight: 700;
  color: var(--blue);
  margin-bottom: 10px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .form__completion .label {
  background: var(--white);
  border-radius: 5px;
  display: block;
  padding: 10px;
  margin-bottom: 10px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .form__completion .modForm__item:not(:last-child) {
  margin-bottom: 10px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .form__skillCheckBox {
  border: 1px solid var(--line);
  display: flex;
  padding: 20px;
  border-radius: 15px;
  align-items: flex-start;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .form__skillCheckBox__container {
  margin-bottom: 20px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .form__skillCheckBox:not(:last-child) {
  margin-bottom: 10px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .form__skillCheckBox .modForm__item--flex {
  margin-bottom: 0;
  gap: 0;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .form__skillCheckBox__text {
  padding: 5px 0;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .form__skillCheckBox__text .title {
  font-weight: 700;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .form__skillCheckBox__text .title__container {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .form__skillCheckBox__text .target {
  padding: 2px 5px;
  background-color: var(--green);
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 50em;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .form__skillCheckBox__text .info {
  display: flex;
  align-items: center;
  gap: 5px;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .form__skillCheckBox__text .info__text {
  color: var(--dark_gray);
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .form__skillCheckBox__text .info__tag {
  font-size: 12px;
  font-size: 1.2rem;
  border: 1px solid var(--line);
  padding: 2px 10px;
  border-radius: 50em;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail.isShowingDetail .skillLinkDetail__placeholder {
  display: none;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail.isShowingDetail .skillLinkDetail__content {
  display: block;
}

/* バッジリストアイテムのスタイル */
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__footer {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 12px;
  font-size: 1.2rem;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__badge {
  background-color: #fce9d6;
  color: #d97e00;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 25px;
  font-weight: 600;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__category {
  color: var(--dark_gray);
}

/* バッジリストアイテムのスタイル */
.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon {
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  border-radius: 50%;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--award {
  background-image: url("/assets/img/admin/icons/icon_white_award.svg");
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--star {
  background-image: url("/assets/img/admin/icons/icon_white_star.svg");
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--trophy {
  background-image: url("/assets/img/admin/icons/icon_white_trophy.svg");
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--medal {
  background-image: url("/assets/img/admin/icons/icon_white_medal.svg");
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--target {
  background-image: url("/assets/img/admin/icons/icon_white_target.svg");
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--crown {
  background-image: url("/assets/img/admin/icons/icon_white_crown.svg");
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--rectangle {
  background-image: url("/assets/img/admin/icons/icon_white_rectangle.svg");
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--gold {
  background-color: #e3b600;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--blue {
  background-color: #3b82f5;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--green {
  background-color: #26c35c;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--purple {
  background-color: #a555f6;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--red {
  background-color: #ed473f;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--orange {
  background-color: #fe7117;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon--white {
  background-color: #ffffff;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__icon__image {
  width: 50px;
  height: 50px;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-left: 10px;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__title {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__footer {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 12px;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__badge--yellow {
  background-color: #fef9c2;
  color: #7c5720;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__badge--blue {
  background-color: #dbecf6;
  color: #395098;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .badgeList__item__badge--purple {
  background-color: #f3e4ff;
  color: #73519b;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .tab__btn .badge::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: var(--black);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1222_18356)'%3E%3Cpath d='M16.5169 7.51724C16.5169 11.1166 13.599 14.0345 9.99966 14.0345C6.4003 14.0345 3.48242 11.1166 3.48242 7.51724C3.48242 3.91787 6.4003 1 9.99966 1C13.599 1 16.5169 3.91787 16.5169 7.51724Z' stroke='%23777777' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M5.96452 13.4141L4.72314 19.0003L9.99901 17.1382L15.2749 19.0003L14.0335 13.4141' stroke='%23777777' stroke-width='1.5' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1222_18356'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1222_18356)'%3E%3Cpath d='M16.5169 7.51724C16.5169 11.1166 13.599 14.0345 9.99966 14.0345C6.4003 14.0345 3.48242 11.1166 3.48242 7.51724C3.48242 3.91787 6.4003 1 9.99966 1C13.599 1 16.5169 3.91787 16.5169 7.51724Z' stroke='%23777777' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M5.96452 13.4141L4.72314 19.0003L9.99901 17.1382L15.2749 19.0003L14.0335 13.4141' stroke='%23777777' stroke-width='1.5' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1222_18356'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  margin-right: 5px;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .skillLinkDetail__content__tab .tab__btn .content::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: var(--black);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5l0-377.4c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32C93.5 32 46.3 45.3 18.1 56.1C6.8 60.5 0 71.7 0 83.8L0 454.1c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5zm76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6c11.3 3.8 24.1-4.6 24.1-16.5l0-370.3c0-12.1-6.8-23.3-18.1-27.6C529.7 45.3 482.5 32 432 32c-58.4 0-103.4 20-123 35.6c-3.3 2.6-5 6.8-5 11L304 456c0 11.4 11.7 19.3 22.4 15.5z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5l0-377.4c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32C93.5 32 46.3 45.3 18.1 56.1C6.8 60.5 0 71.7 0 83.8L0 454.1c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5zm76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6c11.3 3.8 24.1-4.6 24.1-16.5l0-370.3c0-12.1-6.8-23.3-18.1-27.6C529.7 45.3 482.5 32 432 32c-58.4 0-103.4 20-123 35.6c-3.3 2.6-5 6.8-5 11L304 456c0 11.4 11.7 19.3 22.4 15.5z'/%3E%3C/svg%3E");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  margin-right: 5px;
}

.admin--contentBadgeLink .layout__main .modAdminContent__main .course-level-tag {
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 25px;
  font-weight: 600;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .course-level-tag-beginner {
  background-color: #fef9c2;
  color: #7c5720;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .course-level-tag-intermediate {
  background-color: #dbecf6;
  color: #395098;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .course-level-tag-advanced {
  background-color: #defee9;
  color: #2d6945;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .course-level-tag-expert {
  background-color: #fce9d6;
  color: #d97e00;
}
.admin--contentBadgeLink .layout__main .modAdminContent__main .course-level-tag-default {
  background-color: #f5f5f5;
  color: #757575;
}

.admin--positionLink .layout__main .positionGrid {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.admin--positionLink .layout__main .positionGrid__wrap {
  max-height: calc(100vh - 242px);
}
.admin--positionLink .layout__main .positionCard {
  border: 1px solid var(--gray);
  border-radius: 12px;
  padding: 20px;
  width: 100%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  background-color: var(--white);
  position: relative;
}
.admin--positionLink .layout__main .positionCard__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  gap: 16px;
}
.admin--positionLink .layout__main .positionCard__header__text .title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 8px;
}
.admin--positionLink .layout__main .positionCard__header__text .description {
  color: var(--dark_gray);
}
.admin--positionLink .layout__main .positionCard__header__text .label {
  margin-left: 12px;
}
.admin--positionLink .layout__main .positionCard__header__button {
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 2px 5px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: start;
  white-space: nowrap;
  transition: 0.3s ease-out;
}
.admin--positionLink .layout__main .positionCard__header__button::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 12px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
  transition: 0.3s ease-out;
}
.admin--positionLink .layout__main .positionCard__header__button:hover {
  color: var(--blue);
  border-color: var(--blue);
}
.admin--positionLink .layout__main .positionCard__header__button:hover::before {
  background: var(--blue);
}
.admin--positionLink .layout__main .positionCard__info {
  display: flex;
  gap: 12px;
  color: var(--dark_gray);
}
.admin--positionLink .layout__main .positionCard__info__department {
  display: flex;
  gap: 4px;
  align-items: center;
}
.admin--positionLink .layout__main .positionCard__info__department::before {
  content: "";
  width: 16px;
  aspect-ratio: 1;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d='M64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16l80 0 0-64c0-26.5 21.5-48 48-48s48 21.5 48 48l0 64 80 0c8.8 0 16-7.2 16-16l0-384c0-8.8-7.2-16-16-16L64 48zM0 64C0 28.7 28.7 0 64 0L320 0c35.3 0 64 28.7 64 64l0 384c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 64zm88 40c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16l0 48c0 8.8-7.2 16-16 16l-48 0c-8.8 0-16-7.2-16-16l0-48zM232 88l48 0c8.8 0 16 7.2 16 16l0 48c0 8.8-7.2 16-16 16l-48 0c-8.8 0-16-7.2-16-16l0-48c0-8.8 7.2-16 16-16zM88 232c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16l0 48c0 8.8-7.2 16-16 16l-48 0c-8.8 0-16-7.2-16-16l0-48zm144-16l48 0c8.8 0 16 7.2 16 16l0 48c0 8.8-7.2 16-16 16l-48 0c-8.8 0-16-7.2-16-16l0-48c0-8.8 7.2-16 16-16z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d='M64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16l80 0 0-64c0-26.5 21.5-48 48-48s48 21.5 48 48l0 64 80 0c8.8 0 16-7.2 16-16l0-384c0-8.8-7.2-16-16-16L64 48zM0 64C0 28.7 28.7 0 64 0L320 0c35.3 0 64 28.7 64 64l0 384c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 64zm88 40c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16l0 48c0 8.8-7.2 16-16 16l-48 0c-8.8 0-16-7.2-16-16l0-48zM232 88l48 0c8.8 0 16 7.2 16 16l0 48c0 8.8-7.2 16-16 16l-48 0c-8.8 0-16-7.2-16-16l0-48c0-8.8 7.2-16 16-16zM88 232c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16l0 48c0 8.8-7.2 16-16 16l-48 0c-8.8 0-16-7.2-16-16l0-48zm144-16l48 0c8.8 0 16 7.2 16 16l0 48c0 8.8-7.2 16-16 16l-48 0c-8.8 0-16-7.2-16-16l0-48c0-8.8 7.2-16 16-16z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: #777;
  transition: 0.3s ease-out;
}
.admin--positionLink .layout__main .positionCard__info__members {
  display: flex;
  gap: 4px;
  align-items: center;
}
.admin--positionLink .layout__main .positionCard__info__members::before {
  content: "";
  width: 16px;
  aspect-ratio: 1;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d='M96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3zM609.3 512l-137.8 0c5.4-9.4 8.6-20.3 8.6-32l0-8c0-60.7-27.1-115.2-69.8-151.8c2.4-.1 4.7-.2 7.1-.2l61.4 0C567.8 320 640 392.2 640 481.3c0 17-13.8 30.7-30.7 30.7zM432 256c-31 0-59-12.6-79.3-32.9C372.4 196.5 384 163.6 384 128c0-26.8-6.6-52.1-18.3-74.3C384.3 40.1 407.2 32 432 32c61.9 0 112 50.1 112 112s-50.1 112-112 112z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d='M96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3zM609.3 512l-137.8 0c5.4-9.4 8.6-20.3 8.6-32l0-8c0-60.7-27.1-115.2-69.8-151.8c2.4-.1 4.7-.2 7.1-.2l61.4 0C567.8 320 640 392.2 640 481.3c0 17-13.8 30.7-30.7 30.7zM432 256c-31 0-59-12.6-79.3-32.9C372.4 196.5 384 163.6 384 128c0-26.8-6.6-52.1-18.3-74.3C384.3 40.1 407.2 32 432 32c61.9 0 112 50.1 112 112s-50.1 112-112 112z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: #777;
  transition: 0.3s ease-out;
}
.admin--positionLink .layout__main .positionCard__linkedHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0 12px 0;
}
.admin--positionLink .layout__main .positionCard__linkedTitle {
  color: var(--dark_gray);
}
.admin--positionLink .layout__main .positionCard__linkCount {
  font-weight: 700;
  text-align: right;
}
.admin--positionLink .layout__main .positionCard__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.admin--positionLink .layout__main .positionCard__item {
  background-color: var(--light_gray);
  padding: 10px 12px;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.admin--positionLink .layout__main .positionCard__item__info .title {
  font-weight: 700;
  margin-bottom: 4px;
}
.admin--positionLink .layout__main .positionCard__item__info .count {
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--dark_gray);
  margin-bottom: 6px;
}
.admin--positionLink .layout .modModal__content {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .admin--positionLink .layout .modModal__content {
    width: 100%;
    max-width: 768px;
    min-height: 606px;
  }
}
.admin--positionLink .layout .modModal__content__head:has(.modText) {
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.admin--positionLink .layout .modModal__content .selectedPosition {
  background-color: #eff6ff;
  border-radius: 8px;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.admin--positionLink .layout .modModal__content .selectedPosition__info__title {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 8px;
}
.admin--positionLink .layout .modModal__content .selectedPosition__info__details {
  color: var(--dark_gray);
  display: flex;
  gap: 8px;
}
.admin--positionLink .layout .modModal__content .skillMapControl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0;
}
.admin--positionLink .layout .modModal__content .skillMapControl__title {
  font-weight: 700;
}
.admin--positionLink .layout .modModal__content .skillMapControl .modForm__item {
  max-width: 250px;
}
.admin--positionLink .layout .positionLabel {
  display: inline-block;
  padding: 2px 10px;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 50px;
}
.admin--positionLink .layout .positionLabel--newcomer {
  color: #2e6e49;
  background-color: #dafbe5;
}
.admin--positionLink .layout .positionLabel--management {
  color: #9a4531;
  background-color: #ffeed3;
}
.admin--positionLink .layout .positionLabel--inCharge {
  color: #5d2f87;
  background-color: #e8dbf1;
}
.admin--positionLink .layout .positionLabel--general {
  color: #344f9c;
  background-color: #d7e7ff;
}
.admin--positionLink .layout .skillMapList {
  color: var(--dark_gray);
  max-height: 280px;
  overflow-y: auto;
}
.admin--positionLink .layout .skillMapList__item {
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
}
.admin--positionLink .layout .skillMapList__item__container:not(:last-child) {
  margin-bottom: 8px;
}
.admin--positionLink .layout .skillMapList__item__text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.admin--positionLink .layout .skillMapList__item__text .header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.admin--positionLink .layout .skillMapList__item__text .header__title {
  font-weight: 700;
  color: var(--black);
}
.admin--positionLink .layout .skillMapList__item__text .header__category {
  padding: 3px 5px;
  border: 1px solid var(--black);
  line-height: 1;
  border-radius: 50em;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
}
.admin--positionLink .layout .skillMapList__item__text .info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin--positionLink .layout .skillMapList__item__text .modProgressBar__content {
  width: 100%;
}
.admin--positionLink .layout .skillMapList__item .modForm__item {
  margin-bottom: 0;
}
.admin--positionLink .layout .skillMapList__item .modForm__item label {
  padding: 0;
}
.admin--positionLink .layout .selectedSummary {
  background-color: #f0fdf4;
  border-radius: 8px;
  padding: 15px;
  margin: 20px 0;
  color: var(--dark_gray);
}
.admin--positionLink .layout .selectedSummary__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--black);
}

.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentInfo {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background: var(--white);
  border-radius: 10px;
  height: 60px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  color: var(--dark_gray);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentInfo__count {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentInfo:nth-child(1) .departmentInfo__count {
  color: var(--blue);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentInfo:nth-child(2) .departmentInfo__count {
  color: var(--darkGreen);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentInfo:nth-child(3) .departmentInfo__count {
  color: var(--blue);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentInfo:nth-child(4) .departmentInfo__count {
  color: var(--violet);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item:not(:last-child) {
  margin-bottom: 15px;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__inner {
  border: 2px solid var(--blue);
  padding: 20px;
  border-radius: 15px;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 10px;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .accordionIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  cursor: pointer;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .accordionIcon::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%);
  background: var(--dark_gray);
  border-radius: 50em;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .accordionIcon::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%) rotate(90deg);
  background: var(--dark_gray);
  border-radius: 50em;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .accordionIcon:hover::before {
  background: var(--blue);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .accordionIcon:hover::after {
  background: var(--blue);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .accordionIcon.isActive::after {
  display: none;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .text {
  flex: 1;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .text__title__container {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .text__title__container .title {
  font-weight: 700;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .text__title__container .type {
  padding: 3px 5px;
  border-radius: 50em;
  border: 1px solid var(--line);
  font-size: 10px;
  font-size: 1rem;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .text__desc {
  color: var(--dark_gray);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .text__info {
  display: flex;
  gap: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--dark_gray);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .text__info__people::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 10px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .control {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .control__btn {
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 2px 5px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  transition: 0.3s ease-out;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .control__btn:hover {
  color: var(--blue);
  border-color: var(--blue);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .control__btn:hover::before {
  background: var(--blue);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .control__btn--link::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 12px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
  transition: 0.3s ease-out;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__header .control__btn--analyze::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 12px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64L0 400c0 44.2 35.8 80 80 80l400 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 416c-8.8 0-16-7.2-16-16L64 64zm406.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L320 210.7l-57.4-57.4c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L240 221.3l57.4 57.4c12.5 12.5 32.8 12.5 45.3 0l128-128z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64L0 400c0 44.2 35.8 80 80 80l400 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 416c-8.8 0-16-7.2-16-16L64 64zm406.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L320 210.7l-57.4-57.4c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L240 221.3l57.4 57.4c12.5 12.5 32.8 12.5 45.3 0l128-128z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
  transition: 0.3s ease-out;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__program {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__program .program {
  width: calc((100% - 10px) / 2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--light_gray);
  border-radius: 5px;
  padding: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--dark_gray);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__program .program__info__title {
  font-weight: 700;
  color: var(--black);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__subItem {
  margin-top: 5px;
  margin-left: 20px;
  display: none;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__subItem .departmentAccordion__item:not(:last-child) {
  margin-bottom: 5px;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__subItem--secondary .departmentAccordion__item__inner {
  border: 2px solid var(--darkGreen);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__subItem--tertiary .departmentAccordion__item__inner {
  border: 2px solid #FFD662;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__subItem--quaternary .departmentAccordion__item__inner {
  border: 2px solid #654898;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__subItem--quinary .departmentAccordion__item__inner {
  border: 2px solid #e54b8d;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__subItem--senary .departmentAccordion__item__inner {
  border: 2px solid var(--blue);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__subItem--septenary .departmentAccordion__item__inner {
  border: 2px solid var(--darkGreen);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__subItem--octonary .departmentAccordion__item__inner {
  border: 2px solid #FFD662;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__subItem--nonary .departmentAccordion__item__inner {
  border: 2px solid #654898;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__subItem--denary .departmentAccordion__item__inner {
  border: 2px solid #e54b8d;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__subItem--undenary .departmentAccordion__item__inner {
  border: 2px solid var(--blue);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__subItem--duodenary .departmentAccordion__item__inner {
  border: 2px solid var(--darkGreen);
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__subItem--tredenary .departmentAccordion__item__inner {
  border: 2px solid #FFD662;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__subItem--quattuordenary .departmentAccordion__item__inner {
  border: 2px solid #654898;
}
.admin--departmentSkillLink .layout__main .modAdminContent__main .departmentAccordion__item__subItem--quindenary .departmentAccordion__item__inner {
  border: 2px solid #e54b8d;
}

.admin--departmentSkillLink .layout__main .scrollBox {
  max-height: calc(100vh - 320px);
  overflow-y: auto;
  margin-bottom: 10px;
}
.admin--departmentSkillLink .layout .modModal__content {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .admin--departmentSkillLink .layout .modModal__content {
    width: 100%;
    max-width: 768px;
    min-height: 606px;
  }
}
.admin--departmentSkillLink .layout .modModal__content__head:has(.modText) {
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.admin--departmentSkillLink .layout .modModal__content .selectedPosition {
  background-color: #eff6ff;
  border-radius: 8px;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.admin--departmentSkillLink .layout .modModal__content .selectedPosition__info__title {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 8px;
}
.admin--departmentSkillLink .layout .modModal__content .selectedPosition__info__details {
  color: var(--dark_gray);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.admin--departmentSkillLink .layout .modModal__content .skillMapControl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0;
}
.admin--departmentSkillLink .layout .modModal__content .skillMapControl__title {
  font-weight: 700;
}
.admin--departmentSkillLink .layout .modModal__content .skillMapControl .modForm__item {
  max-width: 250px;
}
.admin--departmentSkillLink .layout .positionLabel {
  display: inline-block;
  padding: 2px 10px;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 50px;
}
.admin--departmentSkillLink .layout .positionLabel--newcomer {
  color: #2e6e49;
  background-color: #dafbe5;
}
.admin--departmentSkillLink .layout .positionLabel--management {
  color: #9a4531;
  background-color: #ffeed3;
}
.admin--departmentSkillLink .layout .positionLabel--inCharge {
  color: #5d2f87;
  background-color: #e8dbf1;
}
.admin--departmentSkillLink .layout .positionLabel--general {
  color: #344f9c;
  background-color: #d7e7ff;
}
.admin--departmentSkillLink .layout .skillMapList {
  color: var(--dark_gray);
  max-height: 280px;
  overflow-y: auto;
}
.admin--departmentSkillLink .layout .skillMapList__item {
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
}
.admin--departmentSkillLink .layout .skillMapList__item__container:not(:last-child) {
  margin-bottom: 8px;
}
.admin--departmentSkillLink .layout .skillMapList__item__text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.admin--departmentSkillLink .layout .skillMapList__item__text .header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.admin--departmentSkillLink .layout .skillMapList__item__text .header__title {
  font-weight: 700;
  color: var(--black);
}
.admin--departmentSkillLink .layout .skillMapList__item__text .header__category {
  padding: 3px 5px;
  border: 1px solid var(--black);
  line-height: 1;
  border-radius: 50em;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
}
.admin--departmentSkillLink .layout .skillMapList__item__text .info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin--departmentSkillLink .layout .skillMapList__item__text .modProgressBar__content {
  width: 100%;
}
.admin--departmentSkillLink .layout .skillMapList__item .modForm__item {
  margin-bottom: 0;
}
.admin--departmentSkillLink .layout .skillMapList__item .modForm__item label {
  padding: 0;
}
.admin--departmentSkillLink .layout .selectedSummary {
  background-color: #f0fdf4;
  border-radius: 8px;
  padding: 15px;
  margin: 20px 0;
  color: var(--dark_gray);
}
.admin--departmentSkillLink .layout .selectedSummary__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--black);
}

.admin--confirmation .layout__main .modAdminContent__main .adminTable {
  width: 100%;
  background: var(--white);
  border-radius: 16px;
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable thead tr {
  border-bottom: 1px solid var(--line);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable thead tr th {
  color: var(--dark_gray);
  font-weight: 700;
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable tbody tr:not(:last-child) {
  border-bottom: 1px solid var(--line);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable th,
.admin--confirmation .layout__main .modAdminContent__main .adminTable td {
  padding: 12px 30px;
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.name {
  font-weight: 700;
  min-width: 240px;
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.name span {
  font-weight: 400;
  display: block;
  color: var(--dark_gray);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.category {
  min-width: 180px;
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.skill {
  min-width: 120px;
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.count {
  min-width: 120px;
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.count > span {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 100%;
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.count > span::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.status {
  min-width: 150px;
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.status > span {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2px 10px;
  border-radius: 50em;
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.status--active > span {
  background: var(--green);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.status--inactive > span {
  background: var(--orange);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.status--waiting>span {
  background: var(--purple);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.status--archived > span {
  background: var(--white);
  border: 1px solid var(--line);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.update {
  min-width: 140px;
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.control > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.control > div .control__btn {
  display: block;
  width: 15px;
  height: 15px;
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.control > div .control__btn--edit {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.control > div .control__btn--edit:hover {
  background: var(--blue);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.control > div .control__btn--delete {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M170.5 51.6L151.5 80l145 0-19-28.4c-1.5-2.2-4-3.6-6.7-3.6l-93.7 0c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80 368 80l48 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 304c0 44.2-35.8 80-80 80l-224 0c-44.2 0-80-35.8-80-80l0-304-8 0c-13.3 0-24-10.7-24-24S10.7 80 24 80l8 0 48 0 13.8 0 36.7-55.1C140.9 9.4 158.4 0 177.1 0l93.7 0c18.7 0 36.2 9.4 46.6 24.9zM80 128l0 304c0 17.7 14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-304L80 128zm80 64l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M170.5 51.6L151.5 80l145 0-19-28.4c-1.5-2.2-4-3.6-6.7-3.6l-93.7 0c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80 368 80l48 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 304c0 44.2-35.8 80-80 80l-224 0c-44.2 0-80-35.8-80-80l0-304-8 0c-13.3 0-24-10.7-24-24S10.7 80 24 80l8 0 48 0 13.8 0 36.7-55.1C140.9 9.4 158.4 0 177.1 0l93.7 0c18.7 0 36.2 9.4 46.6 24.9zM80 128l0 304c0 17.7 14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-304L80 128zm80 64l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.control > div .control__btn--delete:hover {
  background: var(--blue);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.control > div .control__btn--analyze {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64L0 400c0 44.2 35.8 80 80 80l400 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 416c-8.8 0-16-7.2-16-16L64 64zm406.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L320 210.7l-57.4-57.4c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L240 221.3l57.4 57.4c12.5 12.5 32.8 12.5 45.3 0l128-128z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64L0 400c0 44.2 35.8 80 80 80l400 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 416c-8.8 0-16-7.2-16-16L64 64zm406.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L320 210.7l-57.4-57.4c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L240 221.3l57.4 57.4c12.5 12.5 32.8 12.5 45.3 0l128-128z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.control > div .control__btn--analyze:hover {
  background: var(--blue);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.control > div .control__btn--duplicate {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M384 336l-192 0c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l140.1 0L400 115.9 400 320c0 8.8-7.2 16-16 16zM192 384l192 0c35.3 0 64-28.7 64-64l0-204.1c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1L192 0c-35.3 0-64 28.7-64 64l0 256c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l192 0c35.3 0 64-28.7 64-64l0-32-48 0 0 32c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l32 0 0-48-32 0z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M384 336l-192 0c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l140.1 0L400 115.9 400 320c0 8.8-7.2 16-16 16zM192 384l192 0c35.3 0 64-28.7 64-64l0-204.1c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1L192 0c-35.3 0-64 28.7-64 64l0 256c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l192 0c35.3 0 64-28.7 64-64l0-32-48 0 0 32c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l32 0 0-48-32 0z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.control > div .control__btn--duplicate:hover {
  background: var(--blue);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.control > div .control__btn--statusOperating {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M32 32l448 0c17.7 0 32 14.3 32 32l0 32c0 17.7-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96L0 64C0 46.3 14.3 32 32 32zm0 128l448 0 0 256c0 35.3-28.7 64-64 64L96 480c-35.3 0-64-28.7-64-64l0-256zm128 80c0 8.8 7.2 16 16 16l160 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-160 0c-8.8 0-16 7.2-16 16z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M32 32l448 0c17.7 0 32 14.3 32 32l0 32c0 17.7-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96L0 64C0 46.3 14.3 32 32 32zm0 128l448 0 0 256c0 35.3-28.7 64-64 64L96 480c-35.3 0-64-28.7-64-64l0-256zm128 80c0 8.8 7.2 16 16 16l160 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-160 0c-8.8 0-16 7.2-16 16z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.control > div .control__btn--statusOperating:hover {
  background: var(--blue);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.control > div .control__btn--statusDraft {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.admin--confirmation .layout__main .modAdminContent__main .adminTable td.control > div .control__btn--statusDraft:hover {
  background: var(--blue);
}
.admin--confirmation .layout .modAdminSection.jsSimpleBar {
  max-height: calc(100vh - 322px);
  min-height: 372px;
  border-radius: 16px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  margin-bottom: 0px;
}
.admin--confirmation .modModal__content {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .admin--confirmation .modModal__content {
    width: 100%;
    max-width: 768px;
  }
}
.admin--confirmation .modModal__content__head:has(.modText) {
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.admin--confirmation .modModal__content__body {
  display: flex;
  flex-direction: column;
  height: auto;
}
.admin--confirmation .modModal__content__body .modForm__flexContainer {
  position: sticky;
  bottom: 0;
  background: var(--white);
  padding-top: 15px;
  border-top: 1px solid var(--line);
  margin-top: auto;
}
.admin--confirmation .modModal .mod3ColFlex {
  margin-bottom: 20px;
}
.admin--confirmation .analyzeContent__flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}
.admin--confirmation .analyzeContent__flex__info {
  width: calc((100% - 20px) / 2);
}
.admin--confirmation .analyzeContent__flex__info .infoItem {
  margin-bottom: 0;
}
.admin--confirmation .analyzeContent .infoItem:not(:last-child) {
  margin-bottom: 20px;
}
.admin--confirmation .analyzeContent .infoItem__title {
  color: var(--dark_gray);
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 5px;
}
.admin--confirmation .analyzeContent .infoItem__value {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.admin--confirmation .analyzeContent .infoItem__status {
  font-size: 12px;
  font-size: 1.2rem;
  background: var(--green);
  padding: 3px 10px;
  border-radius: 50em;
}
.admin--confirmation .analyzeContent .infoCount {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  flex-direction: column;
  height: 80px;
  border-radius: 10px;
}
.admin--confirmation .analyzeContent .infoCount__num {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
}
.admin--confirmation .analyzeContent .infoCount__desc {
  color: var(--dark_gray);
}
.admin--confirmation .analyzeContent .infoCount:nth-child(1) {
  background: var(--light_blue);
  color: var(--blue);
}
.admin--confirmation .analyzeContent .infoCount:nth-child(2) {
  background: var(--green);
  color: var(--darkGreen);
}
.admin--confirmation .analyzeContent .infoCount:nth-child(3) {
  background: var(--light_violet);
  color: var(--violet);
}
.admin--confirmation .analyzeContent .infoText {
  font-weight: 700;
}
.admin--confirmation .analyzeContent .infoText span {
  color: var(--dark_gray);
}

.user--1on1Summary .pageLayout {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
@media screen and (max-width: 1000px) {
  .user--1on1Summary .pageLayout {
    flex-direction: column;
  }
}
.user--1on1Summary .pageLayout__left {
  width: calc(70% - 5px);
}
@media screen and (max-width: 1000px) {
  .user--1on1Summary .pageLayout__left {
    width: 100%;
  }
}
.user--1on1Summary .pageLayout__left .modPageSection {
  margin-top: 10px;
}
.user--1on1Summary .pageLayout__right {
  width: calc(30% - 5px);
}
@media screen and (max-width: 1000px) {
  .user--1on1Summary .pageLayout__right {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .user--1on1Summary .pageLayout__right .modPageSection {
    max-height: unset;
  }
}
.user--1on1Summary .pageLayout__right .modPageSection__container {
  max-height: calc(100vh - 272px);
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .user--1on1Summary .pageLayout__right .modPageSection__container {
    max-height: unset;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .user--1on1Summary .pageLayout .modTable {
    margin-top: 0;
  }
}
.user--1on1Summary .pageLayout .modTable__container {
  max-height: calc(100vh - 362px);
}
.user--1on1Summary .applicationCard {
  border: 1px solid var(--line);
  border-radius: 15px;
  padding: 10px;
}
.user--1on1Summary .applicationCard:not(:last-child) {
  margin-bottom: 10px;
}
.user--1on1Summary .applicationCard__container {
  max-height: calc(50vh - 205px);
  min-height: 260px;
}
.user--1on1Summary .applicationCard__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.user--1on1Summary .applicationCard__header__name {
  display: flex;
  align-items: center;
  gap: 10px;
}
.user--1on1Summary .applicationCard__header__name .modIcon {
  background: var(--dark_gray);
}
.user--1on1Summary .applicationCard__header__name .name__title {
  font-weight: 700;
}
.user--1on1Summary .applicationCard__header__name .name__position {
  color: var(--dark_gray);
  font-size: 12px;
  font-size: 1.2rem;
}
.user--1on1Summary .applicationCard__header__time {
  color: var(--dark_gray);
  font-size: 12px;
  font-size: 1.2rem;
}
.user--1on1Summary .applicationCard__body {
  margin-bottom: 10px;
}
.user--1on1Summary .applicationCard__body__info {
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--dark_gray);
  line-height: 1.5;
}
.user--1on1Summary .applicationCard__body__info span {
  color: var(--black);
}
.user--1on1Summary .applicationCard__btn {
  display: flex;
  gap: 10px;
}
.user--1on1Summary .applicationCard__btn > * {
  flex: 1;
}
.user--1on1Summary .modModal .modFormButton {
  padding: 8px 30px;
}
.user--1on1Summary .modTable {
  min-width: 720px;
}
.user--1on1Summary .modTable tr td, .user--1on1Summary .modTable tr th {
  padding-inline: 5px;
}
.user--1on1Summary .modTable tr td:has(.name) {
  width: 25%;
}
.user--1on1Summary .modTable tr td .name__title {
  font-weight: 700;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.user--1on1Summary .modTable tr td .name__desc {
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--dark_gray);
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.user--1on1Summary .modTable tr td .modBtnSquare {
  padding-inline: 7px;
  gap: 4px;
}
.user--1on1Summary .modTable tr td .modBtnSquare .modIcon {
  width: 15px;
  height: 15px;
}

.user--1on1Confirmation .profile {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media screen and (max-width: 1000px) {
  .user--1on1Confirmation .profile {
    flex-direction: column;
    gap: 15px;
  }
}
.user--1on1Confirmation .profile__name {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
}
.user--1on1Confirmation .profile__name__image {
  border-radius: 50em;
  max-width: 120px;
  overflow: hidden;
  aspect-ratio: 120/120;
}
.user--1on1Confirmation .profile__name__image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@supports not (aspect-ratio: 120/120) {
  .user--1on1Confirmation .profile__name__image {
    position: relative;
  }
  .user--1on1Confirmation .profile__name__image::before {
    float: left;
    content: "";
    padding-top: 100%;
  }
  .user--1on1Confirmation .profile__name__image::after {
    display: block;
    content: "";
    clear: both;
  }
  .user--1on1Confirmation .profile__name__image > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .user--1on1Confirmation .profile__name__image {
    max-width: 90px;
  }
}
.user--1on1Confirmation .profile__name__text {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
}
.user--1on1Confirmation .profile__text {
  display: flex;
  align-items: center;
  gap: 30px;
  max-width: 800px;
  flex: 1;
}
@media screen and (max-width: 1230px) {
  .user--1on1Confirmation .profile__text {
    flex-direction: column;
    width: 50%;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1000px) {
  .user--1on1Confirmation .profile__text {
    width: 100%;
  }
}
.user--1on1Confirmation .profile__text__info {
  flex: 1;
  font-weight: 700;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
}
.user--1on1Confirmation .profile__text__info .infoItem {
  padding-block: 14px;
  border-bottom: 1px solid var(--line);
}
.user--1on1Confirmation .profile__text__info .infoItem span {
  font-weight: 400;
  margin-left: 10px;
  font-size: 16px;
  font-size: 1.6rem;
}
.user--1on1Confirmation .profile__text__experience {
  flex: 1;
}
.user--1on1Confirmation .profile__text__experience .experienceList__item {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-basis: 71px;
}
.user--1on1Confirmation .profile__text__experience .experienceList__item:not(:last-child) {
  margin-bottom: 10px;
}
.user--1on1Confirmation .modSection--mandala .modForm .select {
  max-width: 320px;
}
@media screen and (max-width: 768px) {
  .user--1on1Confirmation .modSection--mandala .modForm .select {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .user--1on1Confirmation .modSection--mandala .modMandala {
    display: none;
  }
}
.user--1on1Confirmation .modSection--mandala .notice {
  display: none;
}
@media screen and (max-width: 768px) {
  .user--1on1Confirmation .modSection--mandala .notice {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-block: 10px 40px;
  }
  .user--1on1Confirmation .modSection--mandala .notice::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: var(--violet);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M320 64C334.7 64 348.2 72.1 355.2 85L571.2 485C577.9 497.4 577.6 512.4 570.4 524.5C563.2 536.6 550.1 544 536 544L104 544C89.9 544 76.9 536.6 69.6 524.5C62.3 512.4 62.1 497.4 68.8 485L284.8 85C291.8 72.1 305.3 64 320 64zM320 232C306.7 232 296 242.7 296 256L296 368C296 381.3 306.7 392 320 392C333.3 392 344 381.3 344 368L344 256C344 242.7 333.3 232 320 232zM346.7 448C347.3 438.1 342.4 428.7 333.9 423.5C325.4 418.4 314.7 418.4 306.2 423.5C297.7 428.7 292.8 438.1 293.4 448C292.8 457.9 297.7 467.3 306.2 472.5C314.7 477.6 325.4 477.6 333.9 472.5C342.4 467.3 347.3 457.9 346.7 448z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M320 64C334.7 64 348.2 72.1 355.2 85L571.2 485C577.9 497.4 577.6 512.4 570.4 524.5C563.2 536.6 550.1 544 536 544L104 544C89.9 544 76.9 536.6 69.6 524.5C62.3 512.4 62.1 497.4 68.8 485L284.8 85C291.8 72.1 305.3 64 320 64zM320 232C306.7 232 296 242.7 296 256L296 368C296 381.3 306.7 392 320 392C333.3 392 344 381.3 344 368L344 256C344 242.7 333.3 232 320 232zM346.7 448C347.3 438.1 342.4 428.7 333.9 423.5C325.4 418.4 314.7 418.4 306.2 423.5C297.7 428.7 292.8 438.1 293.4 448C292.8 457.9 297.7 467.3 306.2 472.5C314.7 477.6 325.4 477.6 333.9 472.5C342.4 467.3 347.3 457.9 346.7 448z'/%3E%3C/svg%3E");
  }
}
.user--1on1Confirmation .character__item {
  padding-block: 10px;
  display: flex;
  align-items: center;
  gap: 60px;
}
@media screen and (max-width: 1000px) {
  .user--1on1Confirmation .character__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
.user--1on1Confirmation .character__item:not(:last-child) {
  border-bottom: 1px solid var(--line);
}
.user--1on1Confirmation .character__item__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  .user--1on1Confirmation .character__item__title {
    flex-basis: unset;
  }
}
.user--1on1Confirmation .character__item__tag {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
}
.user--1on1Confirmation .personality__explanation {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
  .user--1on1Confirmation .personality__explanation {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
.user--1on1Confirmation .personality__explanation__image {
  max-width: 450px;
  border-radius: 50em;
  width: 43%;
  overflow: hidden;
  aspect-ratio: 450/450;
}
.user--1on1Confirmation .personality__explanation__image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@supports not (aspect-ratio: 450/450) {
  .user--1on1Confirmation .personality__explanation__image {
    position: relative;
  }
  .user--1on1Confirmation .personality__explanation__image::before {
    float: left;
    content: "";
    padding-top: 100%;
  }
  .user--1on1Confirmation .personality__explanation__image::after {
    display: block;
    content: "";
    clear: both;
  }
  .user--1on1Confirmation .personality__explanation__image > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 1000px) {
  .user--1on1Confirmation .personality__explanation__image {
    width: 100%;
    margin-inline: auto;
  }
}
.user--1on1Confirmation .personality__explanation__text {
  flex: 1;
}
.user--1on1Confirmation .personality__explanation__text .title {
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem;
}
.user--1on1Confirmation .personality__explanation__text .para {
  line-height: 1.6;
  font-size: 16px;
  font-size: 1.6rem;
}
.user--1on1Confirmation .personality .ThreePersonality__title {
  font-weight: 700;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
}
.user--1on1Confirmation .personality .ThreePersonality__list {
  display: flex;
  position: relative;
  margin: 13px 0 60px;
}
@media screen and (max-width: 768px) {
  .user--1on1Confirmation .personality .ThreePersonality__list {
    flex-direction: column;
    gap: 18px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .user--1on1Confirmation .personality .ThreePersonality__list::after {
    content: "";
    position: absolute;
    left: -1%;
    bottom: 0;
    width: 102%;
    height: 147px;
    background-image: url("/assets/img/pages/1on1/confirmation/img_stage.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    transform: translate(0, 39%);
  }
}
.user--1on1Confirmation .personality .ThreePersonality__list__item {
  flex: 1;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.user--1on1Confirmation .personality .ThreePersonality__list__item:nth-child(2) .career__img {
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item:nth-child(2) {
    transform: translate(7%, 7%);
    order: 1;
  }
}
.user--1on1Confirmation .personality .ThreePersonality__list__item:nth-child(2) .career__percent {
  width: min(80px, 30%);
  right: 1%;
  top: 14%;
}
@media screen and (max-width: 768px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item:nth-child(2) .career__percent {
    width: 44.5px;
    top: 10%;
  }
}
@media screen and (min-width: 769px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item:nth-child(2) .career__description__caption {
    position: relative;
    bottom: 5px;
  }
}
@media screen and (max-width: 1000px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item:nth-child(2) .career__description__caption {
    bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item:nth-child(1) {
    order: 2;
  }
}
@media screen and (min-width: 769px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item:nth-child(3) {
    transform: translate(-7%, 14%);
    order: 3;
  }
}
.user--1on1Confirmation .personality .ThreePersonality__list__item:nth-child(3) .career__img {
  margin-bottom: 0;
}
.user--1on1Confirmation .personality .ThreePersonality__list__item:nth-child(3) .career__percent {
  width: min(80px, 30%);
  right: 3%;
  top: 14%;
}
@media screen and (max-width: 768px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item:nth-child(3) .career__percent {
    width: 44.5px;
    top: 10%;
  }
}
@media screen and (min-width: 769px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item:nth-child(3) .career__description__caption {
    position: relative;
    bottom: 15px;
  }
}
@media screen and (max-width: 1000px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item:nth-child(3) .career__description__caption {
    bottom: 5px;
  }
}
.user--1on1Confirmation .personality .ThreePersonality__list__item .career {
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 769px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item .career {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 768px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item .career {
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-left: -15px;
  }
}
.user--1on1Confirmation .personality .ThreePersonality__list__item .career__img {
  height: auto;
  overflow: hidden;
  aspect-ratio: 1/1;
  position: relative;
}
@media screen and (min-width: 769px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item .career__img {
    width: 100%;
    max-width: 246px;
    margin-bottom: 11px;
  }
}
@media screen and (max-width: 768px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item .career__img {
    min-width: 130px;
    width: 130px;
  }
}
.user--1on1Confirmation .personality .ThreePersonality__list__item .career__img::after {
  content: "";
  position: absolute;
  bottom: 14%;
  left: 0;
  right: 0;
  margin: auto;
  width: 30%;
  height: auto;
  aspect-ratio: 97.5/9;
  background-image: url("/assets/img/pages/personality/img_shadow.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.user--1on1Confirmation .personality .ThreePersonality__list__item .career__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.user--1on1Confirmation .personality .ThreePersonality__list__item .career__description {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item .career__description {
    display: flex;
    flex-direction: column;
    gap: 3px;
  }
}
.user--1on1Confirmation .personality .ThreePersonality__list__item .career__description__caption {
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 32px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item .career__description__caption {
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 769px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item .career__description__text {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item .career__description__text {
    text-align: left;
    line-height: 28px;
  }
}
.user--1on1Confirmation .personality .ThreePersonality__list__item .career__percent {
  position: absolute;
  top: 8%;
  right: -3%;
  width: min(89px, 35%);
  height: auto;
  aspect-ratio: 1/1;
  font-size: min(3vw, 3.2rem);
  border-radius: 50%;
  background-color: var(--black);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item .career__percent {
    font-size: 16px;
    font-size: 1.6rem;
    width: 44.5px;
    right: unset;
    left: 85px;
    top: 10%;
  }
}
@media screen and (min-width: 769px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item .career__percent span {
    margin-top: 10px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .user--1on1Confirmation .personality .ThreePersonality__list__item .career__percent span {
    font-size: 9px;
    font-size: 0.9rem;
    margin-top: 3px;
  }
}
.user--1on1Confirmation .personality .ThreePersonality__descriptionList {
  display: flex;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .user--1on1Confirmation .personality .ThreePersonality__descriptionList {
    display: none;
  }
}
.user--1on1Confirmation .personality .ThreePersonality__descriptionList li {
  flex: 1;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 32px;
  text-align: center;
  padding: 0 20px;
  font-weight: 700;
}
.user--1on1Confirmation .personality .ThreePersonality__descriptionList li:nth-child(1) {
  order: 2;
}
.user--1on1Confirmation .personality .ThreePersonality__descriptionList li:nth-child(2) {
  order: 1;
}
.user--1on1Confirmation .personality .ThreePersonality__descriptionList li:nth-child(3) {
  order: 3;
}
.user--1on1Confirmation .personality .ThreePersonality .modBtn {
  margin: auto;
  padding-block: 8px;
}
.user--1on1Confirmation .statusChart {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  justify-content: space-between;
  max-height: 640px;
}
@media screen and (max-width: 1000px) {
  .user--1on1Confirmation .statusChart {
    flex-direction: column;
    max-height: -moz-fit-content;
    max-height: fit-content;
    gap: 20px;
  }
}
.user--1on1Confirmation .statusChart__chart {
  width: 72%;
}
@media screen and (max-width: 1000px) {
  .user--1on1Confirmation .statusChart__chart {
    width: 100%;
  }
}
.user--1on1Confirmation .statusChart__chart .modForm__item .select {
  max-width: 320px;
}
.user--1on1Confirmation .statusChart__chart .modChart {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
  padding: 22px;
}
.user--1on1Confirmation .statusChart__chart .modChart__inner {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}
.user--1on1Confirmation .statusChart__chart .modChart__legend {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28.56px;
  margin-bottom: 25px;
  flex-wrap: wrap;
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--white);
}
.user--1on1Confirmation .statusChart__chart .modChart__legend__item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.user--1on1Confirmation .statusChart__chart .modChart__legend__item:nth-child(1) .chartRepresent {
  display: block;
  width: 20px;
  height: 20px;
  background: var(--green);
}
.user--1on1Confirmation .statusChart__chart .modChart__legend__item:nth-child(2) .chartRepresent {
  display: block;
  width: 20px;
  height: 3px;
  background: var(--white);
}
.user--1on1Confirmation .statusChart__chart .modChart canvas {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 442/301;
  max-width: 670px;
  margin-inline: auto;
}
.user--1on1Confirmation .statusChart__badge {
  width: 24%;
}
@media screen and (max-width: 1000px) {
  .user--1on1Confirmation .statusChart__badge {
    width: 100%;
  }
}
.user--1on1Confirmation .statusChart__badge .badgeList {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  .user--1on1Confirmation .statusChart__badge .badgeList {
    justify-content: flex-start;
  }
}
.user--1on1Confirmation .statusChart__badge .badgeList__container {
  height: 640px;
}
@media screen and (max-width: 1000px) {
  .user--1on1Confirmation .statusChart__badge .badgeList__container {
    height: 350px;
    padding: 20px 10px 0px;
  }
}
@media screen and (min-width: 769px) {
  .user--1on1Confirmation .statusChart__badge .badgeList__item {
    min-width: 100px;
    max-width: 120px;
    flex: 1;
  }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .user--1on1Confirmation .statusChart__badge .badgeList__item {
    min-width: unset;
    flex: unset;
    width: 100%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  .user--1on1Confirmation .statusChart__badge .badgeList__item {
    width: calc((100% - 80px) / 5);
  }
}
@media screen and (max-width: 900px) {
  .user--1on1Confirmation .statusChart__badge .badgeList__item {
    width: calc((100% - 60px) / 4);
  }
}
@media screen and (max-width: 500px) {
  .user--1on1Confirmation .statusChart__badge .badgeList__item {
    width: calc((100% - 40px) / 3);
  }
}
.user--1on1Confirmation .statusChart__badge .badgeList__item__image {
  border-radius: 15px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.102);
  padding: 10px;
  margin-bottom: 17px;
  overflow: hidden;
  aspect-ratio: 100/100;
}
.user--1on1Confirmation .statusChart__badge .badgeList__item__image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@supports not (aspect-ratio: 100/100) {
  .user--1on1Confirmation .statusChart__badge .badgeList__item__image {
    position: relative;
  }
  .user--1on1Confirmation .statusChart__badge .badgeList__item__image::before {
    float: left;
    content: "";
    padding-top: 100%;
  }
  .user--1on1Confirmation .statusChart__badge .badgeList__item__image::after {
    display: block;
    content: "";
    clear: both;
  }
  .user--1on1Confirmation .statusChart__badge .badgeList__item__image > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.user--1on1Confirmation .statusChart__badge .badgeList__item__text {
  line-height: 1.5;
  text-align: center;
}
.user--1on1Confirmation .statusChart__badge .badgeList__item__text .title {
  font-weight: 700;
  margin-bottom: 7px;
  font-size: 15px;
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .user--1on1Confirmation .statusChart__badge .badgeList__item__text .title {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.user--1on1Confirmation .statusChart__badge .badgeList__item__text .text {
  font-size: 12px;
  font-size: 1.2rem;
}

.user--1on1Chat .chatBox {
  display: flex;
  height: calc(100vh - 115px);
  position: relative;
}
@media screen and (max-width: 900px) {
  .user--1on1Chat .chatBox {
    height: calc(100vh - 175px);
  }
}
.user--1on1Chat .chatBox__container {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  margin-top: 20px;
  overflow: hidden;
}
.user--1on1Chat .chatBox .header {
  border-bottom: 1px solid var(--line);
  padding: 20px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.user--1on1Chat .chatBox .header__text {
  flex: 1;
  display: flex;
  align-items: center;
}
.user--1on1Chat .chatBox .header__text p {
  display: flex;
  gap: 10px;
  align-items: center;
  font-weight: 700;
}
.user--1on1Chat .chatBox .header__text span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.user--1on1Chat .chatBox__leftSideBar {
  width: 25%;
  border-right: 1px solid var(--line);
  min-width: 320px;
}
@media screen and (max-width: 900px) {
  .user--1on1Chat .chatBox__leftSideBar {
    width: 100%;
    min-width: unset;
  }
}
.user--1on1Chat .chatBox__leftSideBar .header p::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.user--1on1Chat .chatBox__leftSideBar .body {
  height: calc(100% - 61px);
  padding: 20px;
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard {
  padding: 15px;
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  border: 1px solid var(--line);
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard:not(:last-child) {
  margin-bottom: 10px;
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard__profile {
  width: 40px;
  height: auto;
  aspect-ratio: 1;
  max-width: 50px;
  border-radius: 50em;
  background: var(--gray);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
  position: relative;
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard__profile::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50em;
  position: absolute;
  right: -1px;
  bottom: -1px;
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard__text {
  flex: 1;
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard__text .name {
  font-weight: 700;
  transition: all 0.3s ease-in-out;
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard__text .position {
  margin-bottom: 5px;
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard__text .status {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard__text .status::before {
  content: "";
  flex-shrink: 0;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50em;
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard .modTag {
  padding-inline: 10px;
  color: var(--white);
  font-weight: 700;
  background: var(--blue);
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard--online .memberCard__profile::before {
  background: var(--darkGreen);
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard--online .memberCard__text .status::before {
  background: var(--darkGreen);
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard--inProgress .memberCard__profile::before {
  background: var(--orange);
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard--inProgress .memberCard__text .status::before {
  background: var(--orange);
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard--offline .memberCard__profile::before {
  background: var(--dark_gray);
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard--offline .memberCard__text .status::before {
  background: var(--dark_gray);
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard--mentee .modTag {
  background: var(--green);
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard--mentor .memberCard__text .name {
  display: flex;
  gap: 5px;
  align-items: center;
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard--mentor .memberCard__text .name::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 8L6 20H18L20 8M4 8L5.71624 9.37299C6.83218 10.2657 7.39014 10.7121 7.95256 10.7814C8.4453 10.8421 8.94299 10.7173 9.34885 10.4314C9.81211 10.1051 10.0936 9.4483 10.6565 8.13476L12 5M4 8C4.55228 8 5 7.55228 5 7C5 6.44772 4.55228 6 4 6C3.44772 6 3 6.44772 3 7C3 7.55228 3.44772 8 4 8ZM20 8L18.2838 9.373C17.1678 10.2657 16.6099 10.7121 16.0474 10.7814C15.5547 10.8421 15.057 10.7173 14.6511 10.4314C14.1879 10.1051 13.9064 9.4483 13.3435 8.13476L12 5M20 8C20.5523 8 21 7.55228 21 7C21 6.44772 20.5523 6 20 6C19.4477 6 19 6.44772 19 7C19 7.55228 19.4477 8 20 8ZM12 5C12.5523 5 13 4.55228 13 4C13 3.44772 12.5523 3 12 3C11.4477 3 11 3.44772 11 4C11 4.55228 11.4477 5 12 5ZM12 4H12.01M20 7H20.01M4 7H4.01' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 8L6 20H18L20 8M4 8L5.71624 9.37299C6.83218 10.2657 7.39014 10.7121 7.95256 10.7814C8.4453 10.8421 8.94299 10.7173 9.34885 10.4314C9.81211 10.1051 10.0936 9.4483 10.6565 8.13476L12 5M4 8C4.55228 8 5 7.55228 5 7C5 6.44772 4.55228 6 4 6C3.44772 6 3 6.44772 3 7C3 7.55228 3.44772 8 4 8ZM20 8L18.2838 9.373C17.1678 10.2657 16.6099 10.7121 16.0474 10.7814C15.5547 10.8421 15.057 10.7173 14.6511 10.4314C14.1879 10.1051 13.9064 9.4483 13.3435 8.13476L12 5M20 8C20.5523 8 21 7.55228 21 7C21 6.44772 20.5523 6 20 6C19.4477 6 19 6.44772 19 7C19 7.55228 19.4477 8 20 8ZM12 5C12.5523 5 13 4.55228 13 4C13 3.44772 12.5523 3 12 3C11.4477 3 11 3.44772 11 4C11 4.55228 11.4477 5 12 5ZM12 4H12.01M20 7H20.01M4 7H4.01' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard--active {
  border: 1px solid var(--blue);
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard--active .memberCard__text .name {
  color: var(--blue);
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard:hover {
  border: 1px solid var(--blue);
}
.user--1on1Chat .chatBox__leftSideBar .body .memberCard:hover .memberCard__text .name {
  color: var(--blue);
}
.user--1on1Chat .chatBox__main {
  flex: 1;
  background: var(--white);
}
@media screen and (max-width: 900px) {
  .user--1on1Chat .chatBox__main {
    position: absolute;
    width: 100%;
    height: 100%;
    right: -100%;
    top: 0;
    transition: all 0.3s ease-out;
  }
}
@media screen and (max-width: 900px) {
  .user--1on1Chat .chatBox__main.isActive {
    right: 0;
  }
}
.user--1on1Chat .chatBox__main .header p::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M267.7 576.9L229.9 603.6C222.6 608.8 213 609.4 205 605.3C197 601.2 192 593 192 584V512H160C107 512 64 469 64 416V192C64 139 107 96 160 96H480C533 96 576 139 576 192V416C576 469 533 512 480 512H359.6L267.7 576.9zM332 472.8C340.1 467.1 349.8 464 359.7 464H480C506.5 464 528 442.5 528 416V192C528 165.5 506.5 144 480 144H160C133.5 144 112 165.5 112 192V416C112 442.5 133.5 464 160 464H216C226.4 464 235.3 470.6 238.6 479.9C239.5 482.4 240 485.1 240 488V537.7C272.7 514.6 303.3 493 331.9 472.8z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M267.7 576.9L229.9 603.6C222.6 608.8 213 609.4 205 605.3C197 601.2 192 593 192 584V512H160C107 512 64 469 64 416V192C64 139 107 96 160 96H480C533 96 576 139 576 192V416C576 469 533 512 480 512H359.6L267.7 576.9zM332 472.8C340.1 467.1 349.8 464 359.7 464H480C506.5 464 528 442.5 528 416V192C528 165.5 506.5 144 480 144H160C133.5 144 112 165.5 112 192V416C112 442.5 133.5 464 160 464H216C226.4 464 235.3 470.6 238.6 479.9C239.5 482.4 240 485.1 240 488V537.7C272.7 514.6 303.3 493 331.9 472.8z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.user--1on1Chat .chatBox__main .header .eventToggle {
  display: none;
}
@media screen and (max-width: 1150px) {
  .user--1on1Chat .chatBox__main .header .eventToggle {
    display: block;
    width: 20px;
    height: 20px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M216 64C229.3 64 240 74.7 240 88V128H400V88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88V128H480C515.3 128 544 156.7 544 192V480C544 515.3 515.3 544 480 544H160C124.7 544 96 515.3 96 480V192C96 156.7 124.7 128 160 128H192V88C192 74.7 202.7 64 216 64zM216 176H160C151.2 176 144 183.2 144 192V240H496V192C496 183.2 488.8 176 480 176H216zM144 288V480C144 488.8 151.2 496 160 496H480C488.8 496 496 488.8 496 480V288H144z'/%3E%3C/svg%3E") no-repeat center center/contain;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M216 64C229.3 64 240 74.7 240 88V128H400V88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88V128H480C515.3 128 544 156.7 544 192V480C544 515.3 515.3 544 480 544H160C124.7 544 96 515.3 96 480V192C96 156.7 124.7 128 160 128H192V88C192 74.7 202.7 64 216 64zM216 176H160C151.2 176 144 183.2 144 192V240H496V192C496 183.2 488.8 176 480 176H216zM144 288V480C144 488.8 151.2 496 160 496H480C488.8 496 496 488.8 496 480V288H144z'/%3E%3C/svg%3E") no-repeat center center/contain;
    background: var(--black);
  }
  .user--1on1Chat .chatBox__main .header .eventToggle:hover {
    background: var(--blue);
  }
}
.user--1on1Chat .chatBox__main .header .jsChatCloseBtn {
  display: none;
}
@media screen and (max-width: 900px) {
  .user--1on1Chat .chatBox__main .header .jsChatCloseBtn {
    display: block;
  }
}
.user--1on1Chat .chatBox__main .body {
  height: calc(100% - 61px);
  background: var(--light_gray);
}
@media screen and (max-width: 1150px) {
  .user--1on1Chat .chatBox__main .body {
    border-right: 1px solid var(--line);
  }
}
.user--1on1Chat .chatBox__main .body .chatArea {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.user--1on1Chat .chatBox__main .body .chatArea__messages {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.user--1on1Chat .chatBox__main .body .chatArea__messages .message {
  display: flex;
}
.user--1on1Chat .chatBox__main .body .chatArea__messages .message__inner {
  max-width: 500px;
  padding: 10px;
  background: var(--white);
  border-radius: 15px;
  width: -moz-fit-content;
  width: fit-content;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.user--1on1Chat .chatBox__main .body .chatArea__messages .message:not(:last-child) {
  margin-bottom: 15px;
}
.user--1on1Chat .chatBox__main .body .chatArea__messages .message__text {
  margin-bottom: 5px;
}
.user--1on1Chat .chatBox__main .body .chatArea__messages .message__info {
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--dark_gray);
}
.user--1on1Chat .chatBox__main .body .chatArea__messages .message--incoming {
  margin-right: 30px;
}
.user--1on1Chat .chatBox__main .body .chatArea__messages .message--outgoing {
  margin-left: 30px;
  justify-content: flex-end;
}
.user--1on1Chat .chatBox__main .body .chatArea__messages .message--outgoing .message__inner {
  color: var(--white);
  background: var(--blue);
}
.user--1on1Chat .chatBox__main .body .chatArea__messages .message--outgoing .message__info {
  font-size: 12px;
  font-size: 1.2rem;
  color: var(--white);
}
.user--1on1Chat .chatBox__main .body .chatArea__input {
  display: flex;
  background: var(--white);
  border-top: 1px solid var(--line);
  padding: 20px;
  align-items: center;
  gap: 20px;
}
.user--1on1Chat .chatBox__main .body .chatArea__input textarea {
  flex: 1;
  border-bottom: 1px solid var(--line);
  outline: none;
  resize: none;
  font-size: 16px;
  font-size: 1.6rem;
  resize: none;
}
.user--1on1Chat .chatBox__main .body .chatArea__input .sendBtn {
  background: var(--blue);
  padding: 10px;
  border-radius: 3px;
}
.user--1on1Chat .chatBox__main .body .chatArea__input .sendBtn::before {
  content: "";
  display: block;
  width: 15px;
  height: 12px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M568.4 37.7C578.2 34.2 589 36.7 596.4 44C603.8 51.3 606.2 62.2 602.7 72L424.7 568.9C419.7 582.8 406.6 592 391.9 592C377.7 592 364.9 583.4 359.6 570.3L295.4 412.3C290.9 401.3 292.9 388.7 300.6 379.7L395.1 267.3C400.2 261.2 399.8 252.3 394.2 246.7C388.6 241.1 379.6 240.7 373.6 245.8L261.2 340.1C252.1 347.7 239.6 349.7 228.6 345.3L70.1 280.8C57 275.5 48.4 262.7 48.4 248.5C48.4 233.8 57.6 220.7 71.5 215.7L568.4 37.7z'/%3E%3C/svg%3E");
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M568.4 37.7C578.2 34.2 589 36.7 596.4 44C603.8 51.3 606.2 62.2 602.7 72L424.7 568.9C419.7 582.8 406.6 592 391.9 592C377.7 592 364.9 583.4 359.6 570.3L295.4 412.3C290.9 401.3 292.9 388.7 300.6 379.7L395.1 267.3C400.2 261.2 399.8 252.3 394.2 246.7C388.6 241.1 379.6 240.7 373.6 245.8L261.2 340.1C252.1 347.7 239.6 349.7 228.6 345.3L70.1 280.8C57 275.5 48.4 262.7 48.4 248.5C48.4 233.8 57.6 220.7 71.5 215.7L568.4 37.7z'/%3E%3C/svg%3E");
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background: var(--white);
}
.user--1on1Chat .chatBox__main .body .chatArea__input .sendBtn:hover {
  background: #1a8299;
  border-color: #1a8299;
}
.user--1on1Chat .chatBox__rightSideBar {
  width: 30%;
  border-left: 1px solid var(--line);
  position: relative;
  background: var(--white);
}
@media screen and (max-width: 1150px) {
  .user--1on1Chat .chatBox__rightSideBar {
    position: absolute;
    width: 50%;
    height: 100%;
    right: -100%;
    top: 0;
    transition: all 0.3s ease-out;
  }
}
@media screen and (max-width: 900px) {
  .user--1on1Chat .chatBox__rightSideBar {
    width: 100%;
  }
}
@media screen and (max-width: 1150px) {
  .user--1on1Chat .chatBox__rightSideBar.isActive {
    right: 0;
  }
}
.user--1on1Chat .chatBox__rightSideBar .header p::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M216 64C229.3 64 240 74.7 240 88V128H400V88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88V128H480C515.3 128 544 156.7 544 192V480C544 515.3 515.3 544 480 544H160C124.7 544 96 515.3 96 480V192C96 156.7 124.7 128 160 128H192V88C192 74.7 202.7 64 216 64zM216 176H160C151.2 176 144 183.2 144 192V240H496V192C496 183.2 488.8 176 480 176H216zM144 288V480C144 488.8 151.2 496 160 496H480C488.8 496 496 488.8 496 480V288H144z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M216 64C229.3 64 240 74.7 240 88V128H400V88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88V128H480C515.3 128 544 156.7 544 192V480C544 515.3 515.3 544 480 544H160C124.7 544 96 515.3 96 480V192C96 156.7 124.7 128 160 128H192V88C192 74.7 202.7 64 216 64zM216 176H160C151.2 176 144 183.2 144 192V240H496V192C496 183.2 488.8 176 480 176H216zM144 288V480C144 488.8 151.2 496 160 496H480C488.8 496 496 488.8 496 480V288H144z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}
.user--1on1Chat .chatBox__rightSideBar .header .jsRightSideBarClose {
  display: none;
}
@media screen and (max-width: 1150px) {
  .user--1on1Chat .chatBox__rightSideBar .header .jsRightSideBarClose {
    display: block;
  }
}
.user--1on1Chat .chatBox__rightSideBar .body {
  height: calc(100% - 61px);
  padding: 20px;
}
.user--1on1Chat .chatBox__rightSideBar .body .eventCard {
  color: var(--dark_gray);
  padding: 20px;
  border-radius: 8px;
  border: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.user--1on1Chat .chatBox__rightSideBar .body .eventCard:not(:last-child) {
  margin-bottom: 10px;
}
.user--1on1Chat .chatBox__rightSideBar .body .eventCard__title {
  font-weight: 700;
  color: var(--black);
  transition: color 0.3s ease-in-out;
}
.user--1on1Chat .chatBox__rightSideBar .body .eventCard__info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.user--1on1Chat .chatBox__rightSideBar .body .eventCard__info::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: var(--black);
}
.user--1on1Chat .chatBox__rightSideBar .body .eventCard__info--date::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M216 64C229.3 64 240 74.7 240 88V128H400V88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88V128H480C515.3 128 544 156.7 544 192V480C544 515.3 515.3 544 480 544H160C124.7 544 96 515.3 96 480V192C96 156.7 124.7 128 160 128H192V88C192 74.7 202.7 64 216 64zM216 176H160C151.2 176 144 183.2 144 192V240H496V192C496 183.2 488.8 176 480 176H216zM144 288V480C144 488.8 151.2 496 160 496H480C488.8 496 496 488.8 496 480V288H144z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M216 64C229.3 64 240 74.7 240 88V128H400V88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88V128H480C515.3 128 544 156.7 544 192V480C544 515.3 515.3 544 480 544H160C124.7 544 96 515.3 96 480V192C96 156.7 124.7 128 160 128H192V88C192 74.7 202.7 64 216 64zM216 176H160C151.2 176 144 183.2 144 192V240H496V192C496 183.2 488.8 176 480 176H216zM144 288V480C144 488.8 151.2 496 160 496H480C488.8 496 496 488.8 496 480V288H144z'/%3E%3C/svg%3E") no-repeat center center/contain;
}
.user--1on1Chat .chatBox__rightSideBar .body .eventCard__info--duration::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112C434.9 112 528 205.1 528 320zM64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320zM296 184V320C296 328 300 335.5 306.7 340L402.7 404C413.7 411.4 428.6 408.4 436 397.3C443.4 386.2 440.4 371.4 429.3 364L344 307.2V184C344 170.7 333.3 160 320 160C306.7 160 296 170.7 296 184z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112C434.9 112 528 205.1 528 320zM64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320zM296 184V320C296 328 300 335.5 306.7 340L402.7 404C413.7 411.4 428.6 408.4 436 397.3C443.4 386.2 440.4 371.4 429.3 364L344 307.2V184C344 170.7 333.3 160 320 160C306.7 160 296 170.7 296 184z'/%3E%3C/svg%3E") no-repeat center center/contain;
}
.user--1on1Chat .chatBox__rightSideBar .body .eventCard__info--member::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
}
.user--1on1Chat .chatBox__rightSideBar .body .eventCard:hover {
  border-color: var(--blue);
}
.user--1on1Chat .chatBox__rightSideBar .body .eventCard:hover .eventCard__title {
  color: var(--blue);
}
.user--1on1Chat .chatBox__rightSideBar .eventForm {
  position: absolute;
  width: 100%;
  height: 100%;
  right: -100%;
  top: 0;
  background: var(--white);
  transition: right 0.3s ease-in-out;
}
.user--1on1Chat .chatBox__rightSideBar .eventForm__head {
  padding: 10px 20px;
  border-bottom: 1px solid var(--line);
  height: 72px;
}
.user--1on1Chat .chatBox__rightSideBar .eventForm__head__title {
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.user--1on1Chat .chatBox__rightSideBar .eventForm__head__desc {
  font-size: 14px;
  font-size: 1.4rem;
  color: var(--dark_gray);
}
.user--1on1Chat .chatBox__rightSideBar .eventForm__form {
  height: calc(100% - 72px);
}
.user--1on1Chat .chatBox__rightSideBar .eventForm__form__inner {
  padding: 20px;
}
.user--1on1Chat .chatBox__rightSideBar .eventForm__form__inner .modForm__item textarea {
  width: 100%;
  max-width: unset;
}
.user--1on1Chat .chatBox__rightSideBar .eventForm.isActive {
  right: 0;
}

.layout__main--profile {
  min-height: 100vh;
  background-color: var(--light_gray);
}
.layout__main--profile .profilePage {
  padding: 40px;
  background: var(--white) url(/assets/img/common/img_bg_section.webp) no-repeat top center/max(1180px, 100%) auto;
  border-radius: 15px;
  margin-top: 24px;
  background-color: var(--white);
}
.layout__main--profile .profilePage__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 16px;
}
.layout__main--profile .profilePage .addBtn {
  color: var(--blue);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  border-radius: 50px;
  border: 2px solid currentColor;
}
.layout__main--profile .profilePage .addBtn--rightSide {
  margin-left: auto;
}
.layout__main--profile .profilePage .addBtn::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M352 128C352 110.3 337.7 96 320 96C302.3 96 288 110.3 288 128L288 288L128 288C110.3 288 96 302.3 96 320C96 337.7 110.3 352 128 352L288 352L288 512C288 529.7 302.3 544 320 544C337.7 544 352 529.7 352 512L352 352L512 352C529.7 352 544 337.7 544 320C544 302.3 529.7 288 512 288L352 288L352 128z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M352 128C352 110.3 337.7 96 320 96C302.3 96 288 110.3 288 128L288 288L128 288C110.3 288 96 302.3 96 320C96 337.7 110.3 352 128 352L288 352L288 512C288 529.7 302.3 544 320 544C337.7 544 352 529.7 352 512L352 352L512 352C529.7 352 544 337.7 544 320C544 302.3 529.7 288 512 288L352 288L352 128z'/%3E%3C/svg%3E") no-repeat center/contain;
  background: currentColor;
}
.layout__main--profile .profilePage .addBtn:hover {
  color: #1A8299;
  border-color: #1A8299;
}
.layout__main--profile .profilePage .removeBtn {
  color: var(--dark_gray);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 50px;
  border: 2px solid currentColor;
}
.layout__main--profile .profilePage .removeBtn::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320z'/%3E%3C/svg%3E") no-repeat center/contain;
  background: currentColor;
}
.layout__main--profile .profilePage .removeBtn:hover {
  color: #b7b7b7;
  border-color: #b7b7b7;
}
.layout__main--profile .profilePage .modForm__inner {
  margin-bottom: 24px;
}
.layout__main--profile .profilePage .modForm__item .input textarea {
  max-width: 100%;
}
.layout__main--profile .profilePage .modForm__item .select--second {
  margin-top: 24px;
}
.layout__main--profile .profilePage .modForm__item--flex {
  gap: 20px;
  align-items: stretch;
}
.layout__main--profile .profilePage .modForm__item .skillSelectGroup {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}
.layout__main--profile .profilePage .modForm__item .skillSelectGroup + .skillSelectGroup {
  margin-top: 15px;
}
.layout__main--profile .profilePage .modForm__item .skillSelectGroup:first-child .skillSelectGroup__btn .removeBtn {
  display: none;
}
.layout__main--profile .profilePage .modForm__item .skillSelectGroup:last-child .skillSelectGroup__btn .addBtn {
  display: flex;
}
.layout__main--profile .profilePage .modForm__item .skillSelectGroup__container:has(.skillSelectGroup:nth-child(2)) .skillSelectGroup:first-child .removeBtn {
  display: flex;
}
.layout__main--profile .profilePage .modForm__item .skillSelectGroup__item {
  width: 100%;
  flex: 1;
}
.layout__main--profile .profilePage .modForm__item .skillSelectGroup__btn {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}
.layout__main--profile .profilePage .modForm__item .skillSelectGroup__btn .addBtn {
  display: none;
}
.layout__main--profile .profilePage .modForm__item .skillSelectGroup__btn .removeBtn {
  padding: 8px 12px;
}
.layout__main--profile .profilePage .modForm__item .preview__img__container {
  overflow: hidden;
  aspect-ratio: 100/100;
  width: 100px;
  border-radius: 50em;
}
.layout__main--profile .profilePage .modForm__item .preview__img__container > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@supports not (aspect-ratio: 100/100) {
  .layout__main--profile .profilePage .modForm__item .preview__img__container {
    position: relative;
  }
  .layout__main--profile .profilePage .modForm__item .preview__img__container::before {
    float: left;
    content: "";
    padding-top: 100%;
  }
  .layout__main--profile .profilePage .modForm__item .preview__img__container::after {
    display: block;
    content: "";
    clear: both;
  }
  .layout__main--profile .profilePage .modForm__item .preview__img__container > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.layout__main--profile .profilePage .modForm__flexContainer .modBtnSquare {
  padding: 8px 20px;
}
.layout__main--profile .profilePage .work {
  margin-bottom: 24px;
}
.layout__main--profile .profilePage .work__inner {
  margin: 16px 0;
}
.layout__main--profile .profilePage .work__item {
  background-color: var(--light_gray);
  border-radius: 8px;
  padding: 20px;
}
.layout__main--profile .profilePage .work__item:not(:last-child) {
  margin-bottom: 24px;
}
.layout__main--profile .profilePage .work__item__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.layout__main--profile .profilePage .work__item__header .itemCount {
  font-weight: 700;
}
.layout__main--profile .profilePage .work__item:first-child .removeBtn {
  display: none;
}
.layout__main--profile .profilePage .work__item:last-child {
  margin-bottom: 0;
}
.layout__main--profile .profilePage .work__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
.layout__main--profile .profilePage .work__period {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.layout__main--profile .profilePage .work__period__select {
  display: flex;
  gap: 12px;
  align-items: center;
}
.layout__main--profile .profilePage .work .select,
.layout__main--profile .profilePage .work input,
.layout__main--profile .profilePage .work textarea {
  background-color: var(--white);
}
.layout__main--profile .profilePage .genderLabel {
  font-weight: 700;
  margin-bottom: 8px;
}
.layout__main--profile .profilePage .dob {
  display: flex;
  gap: 16px;
}
.layout__main--profile .profilePage .dob__select {
  display: flex;
  gap: 12px;
  align-items: center;
}
.admin--skillmaps .layout__main .addSkillModal {
  width: 70vw;
  height: 100vh;
  max-width: 1000px;
  position: fixed;
  top: 0;
  right: -100%;
  transition: 0.5s ease-out;
  border-left: 1px solid var(--line);
  background: var(--white);
  padding: 20px;
}

.admin--skillmaps .layout__main .addSkillModal__close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.admin--skillmaps .layout__main .addSkillModal__close::before {
  content: "";
  width: 20px;
  height: 2px;
  background: var(--dark_gray);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%) rotate(45deg);
  border-radius: 50em;
}

.admin--skillmaps .layout__main .addSkillModal__close::after {
  content: "";
  width: 20px;
  height: 2px;
  background: var(--dark_gray);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%) rotate(-45deg);
  border-radius: 50em;
}

.admin--skillmaps .layout__main .addSkillModal__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 32px;
}

.admin--skillmaps .layout__main .addSkillModal__content .modForm__item__container {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  padding: 30px;
  border-radius: 16px;
}

.admin--skillmaps .layout__main .addSkillModal__content .modForm__item__container:not(:last-child) {
  margin-bottom: 20px;
}

.admin--skillmaps .layout__main .addSkillModal__content .modForm__item .input>* {
  max-width: 100%;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item {
  cursor: pointer;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item+.accordion__subItem {
  margin-top: 11px;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__wrapper {
  padding: 13px 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
}

@media screen and (max-width: 1000px) {
  .admin--skillmaps .layout__main .addSkillModal__content .accordion__item__wrapper {
    padding: 12px 12px;
  }
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__wrapper:not(:last-child) {
  margin-bottom: 8px;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__wrapper:has(> .accordion__item.isOpen) {
  background: var(--accordionBlue);
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__wrapper:has(> .accordion__item.isOpen) .accordion__item__wrapper {
  background: var(--blueBg);
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__content .accordionTrigger {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: auto;
  background: url(/assets/img/common/icon_arrow02.svg) no-repeat center center;
  background-size: contain;
  transform: scale(1, -1);
  transition: 0.3s ease-out;
  display: none;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__content .accordionTrigger.isActive {
  transform: scale(1, 1);
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__content .info {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__content .info .category {
  font-size: 11px;
  font-size: 1.1rem;
  padding: 2px 5px;
  background: var(--grayBg);
  border-radius: 4px;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__content .info p {
  flex: 1;
  font-weight: 700;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  display: flex;
  align-items: center;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__content .info p::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/assets/img/common/icon__arrowGradient.svg) no-repeat center center;
  background-size: contain;
  border-radius: 50%;
  flex-shrink: 0;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__content .control {
  display: flex;
  align-items: center;
  gap: 10px;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__content .control>* {
  min-width: 16px;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__content .control .add {
  display: flex;
  align-items: center;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__content .control .add::before {
  content: "";
  width: 16px;
  aspect-ratio: 1;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z'/%3E%3C/svg%3E") no-repeat center center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: #777;
  transition: 0.3s ease-out;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__content .control .add:hover::before {
  background: var(--blue);
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__content .control .edit {
  display: flex;
  align-items: center;
  aspect-ratio: 1;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__content .control .edit::before {
  content: "";
  width: 16px;
  aspect-ratio: 1;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z'/%3E%3C/svg%3E") no-repeat center center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
  transition: 0.3s ease-out;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__content .control .edit:hover::before {
  background: var(--blue);
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__content .control .delete {
  display: flex;
  align-items: center;
  aspect-ratio: 1;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__content .control .delete::before {
  content: "";
  width: 16px;
  aspect-ratio: 1;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M170.5 51.6L151.5 80l145 0-19-28.4c-1.5-2.2-4-3.6-6.7-3.6l-93.7 0c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80 368 80l48 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 304c0 44.2-35.8 80-80 80l-224 0c-44.2 0-80-35.8-80-80l0-304-8 0c-13.3 0-24-10.7-24-24S10.7 80 24 80l8 0 48 0 13.8 0 36.7-55.1C140.9 9.4 158.4 0 177.1 0l93.7 0c18.7 0 36.2 9.4 46.6 24.9zM80 128l0 304c0 17.7 14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-304L80 128zm80 64l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3E%3C/svg%3E") no-repeat center center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M170.5 51.6L151.5 80l145 0-19-28.4c-1.5-2.2-4-3.6-6.7-3.6l-93.7 0c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80 368 80l48 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 304c0 44.2-35.8 80-80 80l-224 0c-44.2 0-80-35.8-80-80l0-304-8 0c-13.3 0-24-10.7-24-24S10.7 80 24 80l8 0 48 0 13.8 0 36.7-55.1C140.9 9.4 158.4 0 177.1 0l93.7 0c18.7 0 36.2 9.4 46.6 24.9zM80 128l0 304c0 17.7 14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-304L80 128zm80 64l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
  transition: 0.3s ease-out;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item__content .control .delete:hover::before {
  background: var(--blue);
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__item:has(+ .jsAccordionitem) .accordionTrigger {
  display: block;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion__subItem.jsAccordionitem {
  display: none;
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion>.accordion__item__wrapper {
  padding-right: 30px;
}

@media screen and (max-width: 1000px) {
  .admin--skillmaps .layout__main .addSkillModal__content .accordion>.accordion__item__wrapper {
    padding-right: 12px;
  }
}

.admin--skillmaps .layout__main .addSkillModal__content .accordion .jsAccordionitem {
  display: none;
}

.admin--skillmaps .layout__main .addSkillModal.isOpen {
  right: 0;
}

.admin--skillmaps .layout__main .modAdminSection {
  max-height: calc(100vh - 242px);
}

.admin--skillmaps .layout__main .modAdminContent__main {
  max-height: calc(100vh - 242px);
  min-height: 372px;
  border-radius: 16px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
}

.admin--skillmaps .layout .modModal__content {
  overflow: hidden;
}

@media screen and (min-width: 1001px) {
  .admin--skillmaps .layout .modModal__content {
    width: 100%;
    max-width: 768px;
    min-height: 606px;
  }
}

.admin--skillmaps .layout .modModal__content__head:has(.modText) {
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}

.admin--skillmaps .layout .mod3ColFlex {
  margin-bottom: 32px;
}

.admin--skillmaps .layout .skillList {
  color: var(--dark_gray);
  max-height: 350px;
  overflow-y: auto;
}

.admin--skillmaps .layout .skillList__item {
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 8px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 10px;
}

.admin--skillmaps .layout .skillList__item:hover {
  border-color: var(--blue);
  background: var(--light_blue);
}

.admin--skillmaps .layout .skillList__item__container:not(:last-child) {
  margin-bottom: 8px;
}

.admin--skillmaps .layout .skillList__item__text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.admin--skillmaps .layout .skillList__item__text .title {
  font-weight: 700;
  color: var(--black);
}

.admin--skillmaps .layout .skillList__item__text .info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.admin--skillmaps .layout .skillList__item__category {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  color: var(--black);
  font-size: 12px;
  font-size: 1.2rem;
}

.admin--skillmaps .layout .skillList__item__category .category {
  padding: 5px;
  background: var(--light_violet);
  border-radius: 50em;
}

.admin--skillmaps .layout .adminTable {
  width: 100%;
  background: var(--white);
  border-radius: 16px;
}

.admin--skillmaps .layout .adminTable thead tr {
  border-bottom: 1px solid var(--line);
}

.admin--skillmaps .layout .adminTable thead tr th {
  color: var(--dark_gray);
  font-weight: 700;
}

.admin--skillmaps .layout .adminTable tbody tr:not(:last-child) {
  border-bottom: 1px solid var(--line);
}

.admin--skillmaps .layout .adminTable th,
.admin--skillmaps .layout .adminTable td {
  padding: 12px 30px;
}

.admin--skillmaps .layout .adminTable td.name {
  font-weight: 700;
}

.admin--skillmaps .layout .adminTable td.name span {
  font-weight: 400;
  display: block;
  color: var(--dark_gray);
}

.admin--skillmaps .layout .adminTable td.count>span {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 100%;
}

.admin--skillmaps .layout .adminTable td.count>span::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23000000' d='M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}

.admin--skillmaps .layout .adminTable td.status>span {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2px 10px;
  border-radius: 50em;
}

.admin--skillmaps .layout .adminTable td.status--active>span {
  background: var(--green);
}

.admin--skillmaps .layout .adminTable td.status--inactive>span {
  background: var(--orange);
}

.admin--skillmaps .layout .adminTable td.status--waiting>span {
  background: var(--purple);
}

.admin--skillmaps .layout .adminTable td.control>div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.admin--skillmaps .layout .adminTable td.control>div .control__btn {
  display: block;
  width: 15px;
  height: 15px;
}

.admin--skillmaps .layout .adminTable td.control>div .control__btn--edit {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z'/%3E%3C/svg%3E") no-repeat center center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}

.admin--skillmaps .layout .adminTable td.control>div .control__btn--edit:hover {
  background: var(--blue);
}

.admin--skillmaps .layout .adminTable td.control>div .control__btn--delete {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M170.5 51.6L151.5 80l145 0-19-28.4c-1.5-2.2-4-3.6-6.7-3.6l-93.7 0c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80 368 80l48 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 304c0 44.2-35.8 80-80 80l-224 0c-44.2 0-80-35.8-80-80l0-304-8 0c-13.3 0-24-10.7-24-24S10.7 80 24 80l8 0 48 0 13.8 0 36.7-55.1C140.9 9.4 158.4 0 177.1 0l93.7 0c18.7 0 36.2 9.4 46.6 24.9zM80 128l0 304c0 17.7 14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-304L80 128zm80 64l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3E%3C/svg%3E") no-repeat center center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M170.5 51.6L151.5 80l145 0-19-28.4c-1.5-2.2-4-3.6-6.7-3.6l-93.7 0c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80 368 80l48 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 304c0 44.2-35.8 80-80 80l-224 0c-44.2 0-80-35.8-80-80l0-304-8 0c-13.3 0-24-10.7-24-24S10.7 80 24 80l8 0 48 0 13.8 0 36.7-55.1C140.9 9.4 158.4 0 177.1 0l93.7 0c18.7 0 36.2 9.4 46.6 24.9zM80 128l0 304c0 17.7 14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-304L80 128zm80 64l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}

.admin--skillmaps .layout .adminTable td.control>div .control__btn--delete:hover {
  background: var(--blue);
}

.admin--skillmaps .layout__main .addSkillMapModal__content .sectionTitle {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 16px;
}

.admin--skillmaps .layout__main .addSkillMapModal__content .modForm__flexContainer {
  margin-bottom: 24px;
}


.modAdminContent__main .adminTable td.control>div .control__btn--publish {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M224.5 160C224.5 147.1 232.3 135.4 244.3 130.4C256.3 125.4 270 128.2 279.1 137.4L439.1 297.4C451.6 309.9 451.6 330.2 439.1 342.7L279.1 502.7C269.9 511.9 256.2 514.6 244.2 509.6C232.2 504.6 224.5 492.9 224.5 480L224.5 160z'/%3E%3C/svg%3E") no-repeat center center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M224.5 160C224.5 147.1 232.3 135.4 244.3 130.4C256.3 125.4 270 128.2 279.1 137.4L439.1 297.4C451.6 309.9 451.6 330.2 439.1 342.7L279.1 502.7C269.9 511.9 256.2 514.6 244.2 509.6C232.2 504.6 224.5 492.9 224.5 480L224.5 160z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}


.modAdminContent__main .adminTable td.control>div .control__btn--unpublish {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M224 96c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c9.2 9.2 22.9 11.9 34.9 6.9S224 428.9 224 416l0-320z'/%3E%3C/svg%3E") no-repeat center center/contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3C!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M224 96c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c9.2 9.2 22.9 11.9 34.9 6.9S224 428.9 224 416l0-320z'/%3E%3C/svg%3E") no-repeat center center/contain;
  background: var(--black);
}

/* SkillMap運用開始日フォーム */
.skillMapList__item__text .header .modInput {
  border: 1px solid var(--gray);
  border-radius: 5px;
  padding: 3px 12px;
  font-size: 14px;
  font-size: 1.4rem;
  width: 150px;
  background-color: white;
  transition: border-color 0.2s ease;
}

.skillMapList__item__text .header .modInput:focus {
  outline: none;
  border-color: var(--blue);
}

.skillMapList__item__text .header .modInput--date {
  position: relative;
  color: var(--dark_gray);
}

.skillMapList__item__text .header .modInput--date::-webkit-calendar-picker-indicator {
  cursor: pointer;
  padding: 0;
  margin-left: 5px;
}

.skillMapList__item__text .header label {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--dark_gray);
  margin-bottom: 0;
  margin-right: 8px;
  display: inline-block;
}

.skillMapList__item__text .header > div {
  display: flex;
  align-items: center;
  gap: 0;
  margin-left: 12px;
}

/* レスポンシブ対応 */
@media screen and (max-width: 768px) {
  .skillMapList__item__text .header .modInput {
    width: 120px;
    padding: 2px 10px;
    font-size: 12px;
    font-size: 1.2rem;
  }

  .skillMapList__item__text .header label {
    font-size: 11px;
    font-size: 1.1rem;
    margin-right: 6px;
  }

  .skillMapList__item__text .header > div {
    margin-left: 8px;
  }
}

.is-invalid {
  background-color: rgb(255, 235, 238)!important;
}

.jsSkillMapRow {
  cursor: pointer;
}

.jsSkillMapRow:hover {
  background-color: #F9FAFB;
}

.icon-hover-link {
  color: var(--black);
  padding: 0;
}
.icon-hover-link:hover {
  color: var(--blue);
}

/* 共通メッセージのスタイル */
#jsMessage {
  position: relative;
  display: none;
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  padding: 1rem 2rem;
  border-radius: .5rem;
  max-width: 500px;
  min-width: 300px;
  font-weight: 500;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

#jsMessage .flash-close-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  padding: 4px;
  line-height: 1;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

#jsMessage .flash-close-btn:hover {
  opacity: 1;
  cursor: pointer;
}

#jsMessage .flash-content {
  padding-right: 30px;
}

#jsMessage .success {
  color: #155724;
  background-color: #d4edda;
  border: 1px solid #c3e6cb;

}

#jsMessage .error {
  color: #721c24;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
}

/* バリデーションメッセージのスタイル */
#validationMessage {
  position: relative;
  display: none;
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  padding: 1rem 2rem;
  border-radius: .5rem;
  max-width: 500px;
  min-width: 300px;
  font-weight: 500;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

#validationMessage .validation-close-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  padding: 4px;
  line-height: 1;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

#validationMessage .validation-close-btn:hover {
  opacity: 1;
  cursor: pointer;
}

#validationMessage .validation-content {
  padding-right: 30px;
}

#validationMessage.success {
  color: #155724;
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
}

#validationMessage.error {
  color: #721c24;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
}

#validationMessage.show {
  display: block;
}

.over-scroll {
  max-height: 250px;
  overflow-y: auto;
}

.modForm__flexContainer.modForm__flexContainer--right {
  position: sticky;
  bottom: 0;
  background: var(--white);
  padding-top: 15px;
}

/* SSOログインフォーム */
.sso-divider {
  display: flex;
  align-items: center;
  margin: 24px 0 20px;
}
.sso-divider::before,
.sso-divider::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #ddd;
}
.sso-divider span {
  padding: 0 16px;
  color: #666;
  font-size: 14px;
}
.btnSso {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 14px 24px;
  border: 1px solid #0097a7;
  border-radius: 8px;
  background: #fff;
  color: #0097a7;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}
.btnSso:hover {
  background: #e0f7fa;
}