/* input(1159,24): run-time error CSS1034: Expected closing parenthesis, found '*'
input(1159,24): run-time error CSS1036: Expected expression, found '*' */
@charset "UTF-8";
:root {
  --c-grey-100: #333333;
  --c-grey-80: #5C5C5C;
  --c-grey-60: #858585;
  --c-grey-40: #ADADAD;
  --c-grey-20: #D6D6D6;
  --c-grey-15: #DCD6D6;
  --c-grey-10: #EAEAEA;
  --c-grey-0: #FFFFFF;
  --c-main-100: #FFD607;
  --c-main-80: #FFE561;
  --c-main-60: #FFED95;
  --c-main-40: #FFF4BB;
  --c-main-20: #FFF9D9;
  --c-main-0: #FFFBE3;
  --c-orange-100: #FFA41B;
  --c-orange-80: #FFB649;
  --c-orange-60: #FFC876;
  --c-orange-40: #FFDBA4;
  --c-orange-20: #FFEDD1;
  --c-orange-0: #FFF6E8;
  --c-red-100: #FF6F77;
  --c-red-80: #FF8B92;
  --c-red-60: #FFA8AD;
  --c-red-40: #FFC5C9;
  --c-red-20: #FFE2E4;
  --c-red-0: #FFF3F4;
  --c-green-100: #45D303;
  --c-green-80: #6ADC35;
  --c-green-60: #8FE568;
  --c-green-40: #B5ED9A;
  --c-green-30: #C1EBC7;
  --c-green-20: #DAF6CD;
  --c-green-10: #ECFBE6;
  --c-green-5: #E5FFE9;
  --c-gradient-main: linear-gradient(180deg, #FFED95 0%, #FFD607 100%);
  --c-gradient-main-hover: linear-gradient(180deg, #FFD607 0%, #FFED95 100%);
  --c-gradient-main-focus: linear-gradient(180deg, #FFED95 0%, #FFD607 100%);
  --c-gradient-main-disabled: linear-gradient(180deg, #FFED95 0%, #FFD607 50%);
  --c-gradient-error: linear-gradient(180deg, #FFC5C9 0%, #FF6F77 100%);
  --c-gradient-error-hover: linear-gradient(180deg, #FF6F77 0%, #FFC5C9 100%);
  --c-gradient-error-focus: linear-gradient(180deg, #FFC5C9 0%, #FF6F77 100%);
  --c-gradient-error-disabled: linear-gradient(180deg, #FFC5C9 0%, #FF6F77 50%);
  --c-gradient-default: linear-gradient(180deg, #FFFFFF 0%, #D6D6D6 100%);
  --c-gradient-default-hover: linear-gradient(180deg, #D6D6D6 0%, #FFFFFF 100%);
  --c-gradient-default-focus: linear-gradient(180deg, #FFFFFF 0%, #D6D6D6 100%);
  --c-gradient-default-disabled: linear-gradient(180deg, #FFFFFF 0%, #D6D6D6 50%);
  --f-h1: 400 24px/1.25 "Arial";
  --f-h2: 400 20px/1.25 "Arial";
  --f-h3: 400 18px/1.25 "Arial";
  --f-h4: 400 16px/1.25 "Arial";
  --f-normal: 400 14px/1.5 "Arial";
  --f-caption: 400 12px/1.5 "Arial";
  --f-title: 400 16px/1.5 "Arial";
  --f-h1-bold: 700 24px/1.25 "Arial";
  --f-h2-bold: 700 20px/1.25 "Arial";
  --f-h3-bold: 700 18px/1.25 "Arial";
  --f-h4-bold: 700 16px/1.25 "Arial";
  --f-normal-bold: 700 14px/1.5 "Arial";
  --f-caption-bold: 700 12px/1.5 "Arial";
  --f-title-bold: 700 16px/1.5 "Arial";
  --f-fa: inherit inherit/inherit "Font Awesome 6 Free";
  --c-accent-error: var(--c-red-100);
  --c-accent-required: var(--c-green-100);
  --spacing-1: 8px;
  --spacing-4: 32px;
}

.u-pt-0 {
  padding-top: 0px !important;
}

.u-pb-0 {
  padding-bottom: 0px !important;
}

.u-pl-0 {
  padding-left: 0px !important;
}

.u-pr-0 {
  padding-right: 0px !important;
}

.u-p-0 {
  padding: 0px !important;
}

.u-pt-1 {
  padding-top: 4px !important;
}

.u-pb-1 {
  padding-bottom: 4px !important;
}

.u-pl-1 {
  padding-left: 4px !important;
}

.u-pr-1 {
  padding-right: 4px !important;
}

.u-p-1 {
  padding: 4px !important;
}

.u-pt-2 {
  padding-top: 8px !important;
}

.u-pb-2 {
  padding-bottom: 8px !important;
}

.u-pl-2 {
  padding-left: 8px !important;
}

.u-pr-2 {
  padding-right: 8px !important;
}

.u-p-2 {
  padding: 8px !important;
}

.u-pt-3 {
  padding-top: 12px !important;
}

.u-pb-3 {
  padding-bottom: 12px !important;
}

.u-pl-3 {
  padding-left: 12px !important;
}

.u-pr-3 {
  padding-right: 12px !important;
}

.u-p-3 {
  padding: 12px !important;
}

.u-pt-4 {
  padding-top: 16px !important;
}

.u-pb-4 {
  padding-bottom: 16px !important;
}

.u-pl-4 {
  padding-left: 16px !important;
}

.u-pr-4 {
  padding-right: 16px !important;
}

.u-p-4 {
  padding: 16px !important;
}

.u-pt-5 {
  padding-top: 20px !important;
}

.u-pb-5 {
  padding-bottom: 20px !important;
}

.u-pl-5 {
  padding-left: 20px !important;
}

.u-pr-5 {
  padding-right: 20px !important;
}

.u-p-5 {
  padding: 20px !important;
}

.u-mt-0 {
  margin-top: 0px !important;
}

.u-mb-0 {
  margin-bottom: 0px !important;
}

.u-ml-0 {
  margin-left: 0px !important;
}

.u-mr-0 {
  margin-right: 0px !important;
}

.u-m-0 {
  margin: 0px !important;
}

.u-mt-1 {
  margin-top: 4px !important;
}

.u-mb-1 {
  margin-bottom: 4px !important;
}

.u-ml-1 {
  margin-left: 4px !important;
}

.u-mr-1 {
  margin-right: 4px !important;
}

.u-m-1 {
  margin: 4px !important;
}

.u-mt-2 {
  margin-top: 8px !important;
}

.u-mb-2 {
  margin-bottom: 8px !important;
}

.u-ml-2 {
  margin-left: 8px !important;
}

.u-mr-2 {
  margin-right: 8px !important;
}

.u-m-2 {
  margin: 8px !important;
}

.u-mt-3 {
  margin-top: 12px !important;
}

.u-mb-3 {
  margin-bottom: 12px !important;
}

.u-ml-3 {
  margin-left: 12px !important;
}

.u-mr-3 {
  margin-right: 12px !important;
}

.u-m-3 {
  margin: 12px !important;
}

.u-mt-4 {
  margin-top: 16px !important;
}

.u-mb-4 {
  margin-bottom: 16px !important;
}

.u-ml-4 {
  margin-left: 16px !important;
}

.u-mr-4 {
  margin-right: 16px !important;
}

.u-m-4 {
  margin: 16px !important;
}

.u-mt-5 {
  margin-top: 20px !important;
}

.u-mb-5 {
  margin-bottom: 20px !important;
}

.u-ml-5 {
  margin-left: 20px !important;
}

.u-mr-5 {
  margin-right: 20px !important;
}

.u-m-5 {
  margin: 20px !important;
}

/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */
*, ::before, ::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

main {
  display: block;
}

p, table, blockquote, address, pre, iframe, form, figure, dl {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg, img, embed, object, iframe {
  vertical-align: bottom;
}

button, input, optgroup, select, textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}

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

button:disabled, [type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled {
  cursor: default;
}

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[type=number] {
  -moz-appearance: textfield;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

table {
  border-color: inherit;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td, th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: 700;
}

*,
*::before, *::after {
  padding: 0;
  box-sizing: border-box;
  margin: 0;
}
*:focus,
*::before:focus, *::after:focus {
  outline-color: var(--c-blue-10);
}

html,
body {
  overscroll-behavior: none;
}

body {
  scroll-behavior: smooth;
  font: var(--f-normal);
  color: var(--c-grey-100);
}

h1 {
  font: var(--f-h1);
}

h2 {
  font: var(--f-h2);
}

h3 {
  font: var(--f-h3);
}

h4 {
  font: var(--f-h4);
}

p {
  font: var(--f-normal);
}

i {
  font-style: inherit;
}

.mt-40 {
  margin-top: 40px;
}

.ml-10 {
  margin-left: 10px !important;
}

.note {
  line-height: 18px;
  font-size: 12px;
}

.wrapper {
  overflow-y: scroll;
}

.wrap-disabled {
  cursor: not-allowed;
  width: fit-content;
}

.table tr td {
  word-break: normal !important;
  white-space: normal !important;
}

.table thead th {
  border: none;
  border-right: 1px dotted var(--c-grey-20);
  background: var(--c-main-20);
  padding: 1rem;
  text-align: center;
  font-size: 14px;
  font: var(--f-normal-bold);
}
.table thead th:last-child {
  border-right: none;
}

.table thead tr {
  border: none;
  border-bottom: 1px solid var(--c-grey-100);
}

.table tbody tr td {
  border-top: 1px solid var(--c-grey-20);
  text-align: center;
  font-size: 14px;
  border-right: 1px dotted var(--c-grey-20) !important;
  border-width: inherit;
  border-bottom: 1px solid var(--c-grey-20) !important;
}
.table tbody tr td:last-child {
  border-right: 1px solid var(--c-grey-20) !important;
}
.table tbody tr td:first-child {
  border-left: 1px solid var(--c-grey-20);
}

.table-data {
  max-height: 600px;
  overflow: scroll;
}

/* Paging */
.div-pagination {
  max-height: 30px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.div-pagination svg {
  max-height: 25px;
  max-width: 25px;
}
.div-pagination svg img:hover {
  cursor: pointer;
}
.div-pagination .div-current-page {
  min-width: 76px;
  font-size: 14px;
  color: var(--c-grey-100);
  display: inline-block;
}
.div-pagination .div-prev-page {
  display: inline-block;
  min-width: 50px;
}
.div-pagination .div-prev-page button {
  min-width: 25px;
  text-align: right;
  font-weight: bolder;
}
.div-pagination .div-next-page {
  display: inline-block;
  min-width: 50px;
}
.div-pagination .div-next-page button {
  min-width: 25px;
  text-align: left;
  font-weight: bolder;
}

m-field + m-field,
m-select + m-select,
m-toggle + m-toggle,
m-tips + m-tips {
  margin-top: 10px;
}

m-radios + m-radios,
m-checks + m-checks,
m-checks + m-radios,
m-radios + m-checks {
  margin-top: 10px;
}

* + m-head {
  margin-top: 16px;
}

m-btn + m-btn {
  margin-left: 32px;
}

m-icon + m-icon {
  margin-left: 8px;
}

m-info + m-info {
  margin-top: 8px;
}

m-info[data-is-view=open],
m-dialog[data-is-view=open],
m-modal[data-is-view=open] {
  display: block;
}

m-info[data-is-view=close],
m-dialog[data-is-view=close],
m-modal[data-is-view=close] {
  display: none;
}

body[data-is-modal=open] {
  overflow: hidden;
}
body[data-is-modal=close] {
  overflow: auto;
}

.error {
  color: var(--c-red-100);
  display: block;
  margin-top: 8px;
}

.modal-backdrop {
  background-color: #5C5C5C;
}

.modal-common .modal-dialog[size=m] {
  max-width: 500px !important;
}
.modal-common .modal-dialog[size=l] {
  max-width: 840px !important;
}
.modal-common .modal-content {
  border-top: 10px solid var(--c-grey-60);
  border-radius: 8px;
  display: flex;
  gap: 24px;
  flex-direction: column;
}
.modal-common .modal-header {
  border-bottom: 1px dashed var(--c-grey-40);
}
.modal-common .modal-title {
  font: var(--f-h2-bold);
  color: var(--c-grey-60);
}
.modal-common .btn-close {
  width: 14px;
  padding: 0;
  margin-right: 5px;
}
.modal-common .btn-close:focus {
  outline: none;
  box-shadow: none;
}
.modal-common .modal-footer {
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  border-top: none;
}

.page-error-auth-zone {
  gap: 24px;
}
.page-error-auth-zone h1 {
  color: var(--c-red-100);
  font: var(--f-h1-bold);
  position: relative;
  padding-left: 40px;
}
.page-error-auth-zone h1:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../../images/page-error-ic-warning.svg?v=eCaglRVXO01Zz9r-qSP3E4i3r6Y");
  background-repeat: no-repeat;
}
.page-error-auth-zone .caption {
  font: var(--f-title);
  color: var(--c-grey-100);
  text-align: center;
}
.page-error-auth-zone a {
  color: var(--c-orange-100);
  font: var(--f-normal);
  text-decoration: underline;
}
.page-error-auth-zone a:hover {
  transition: 0.3s;
  color: var(--c-orange-100);
  text-decoration: none;
}

.page-error-zone {
  gap: 24px;
  margin-top: 64px;
  background-image: url("../../images/page-error-auth-background.svg?v=eCaglRVXO01Zz9r-qSP3E4i3r6Y");
  background-repeat: no-repeat;
  background-position: right top;
}
.page-error-zone h1 {
  color: var(--c-orange-100);
  font: var(--f-h1-bold);
}
.page-error-zone a {
  color: var(--c-orange-100);
  font: var(--f-normal);
  text-decoration: underline;
}
.page-error-zone a:hover {
  transition: 0.3s;
  color: var(--c-orange-100);
  text-decoration: none;
}

.lbl-content {
  background: var(--c-main-20);
  display: flex;
  align-items: center;
  font-family: Arial;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0;
  text-align: left;
}

.l-bodyContainer {
  position: relative;
  display: grid;
  grid-template-rows: 44px 1fr;
  overflow: hidden;
  height: 100dvh;
  padding: 16px 16px 0;
}
[data-is-menu=close] .l-bodyContainer {
  grid-template-areas: "header header" "contents contents";
  grid-template-columns: 1fr;
  gap: 16px 0;
}
[data-is-menu=open] .l-bodyContainer {
  grid-template-areas: "header header" "menu   contents";
  grid-template-columns: 288px 1fr;
  gap: 16px;
}

.l-header {
  grid-area: header;
  display: flex;
  align-items: center;
  gap: 32px;
  background-color: var(--c-grey-0);
  padding: 8px 28px;
  border-radius: 24px;
  box-shadow: 0 0 8px 0 rgba(255, 214, 7, 0.6);
}
.l-header .right {
  display: flex;
  gap: 48px;
  align-items: center;
  width: 100%;
}
.l-header .right .sub {
  display: flex;
  gap: 48px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.l-header .right .sub .info-user {
  display: flex;
  gap: 32px;
  align-items: center;
  justify-content: end;
  overflow: hidden;
  width: 100px;
  flex-grow: 1;
}
.l-header .right .sub .info-user p {
  width: 100%;
  text-align: right;
  margin-right: 132px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.l-header .right .sub .info-user m-btn {
  position: absolute;
}

.l-header__menuBtn {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 21px;
}
.l-header__menuBtn:focus {
  outline: 4px solid var(--c-main-0);
}
.l-header__menuBtn::before {
  content: "";
  display: block;
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  font-size: 24px;
}
[data-is-menu=open] .l-header__menuBtn::before {
  content: "\f00d";
}
[data-is-menu=close] .l-header__menuBtn::before {
  content: "\f0c9";
}

.l-header__pageName {
  font: var(--f-h4);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: fit-content;
}

.l-sideMenu {
  position: relative;
  grid-area: menu;
  overflow: auto;
  width: 288px;
  padding: 8px 0;
  border-radius: 8px;
  margin-bottom: 18px;
  background-color: var(--c-main-100);
}
[data-is-menu=open] .l-sideMenu {
  display: block;
}
[data-is-menu=close] .l-sideMenu {
  display: none;
}

.mainMenu {
  background-color: transparent;
}
.mainMenu .mainMenu__list .mainMenu__item {
  display: flex;
  gap: 10px;
  padding: 8px;
  line-height: 21px;
  border-bottom: 1px solid var(--c-grey-100);
}
.mainMenu .mainMenu__list .mainMenu__item::before {
  content: "\f054";
  display: none;
  font-family: "Font Awesome 6 Free";
  font-size: 5px;
  font-weight: 600;
}
.mainMenu .mainMenu__list .mainMenu__item.mainMenu__item--current::before, .mainMenu .mainMenu__list .mainMenu__item:hover::before {
  display: flex;
  align-items: center;
}
.mainMenu .mainMenu__list .mainMenu__item.mainMenu__item--current a, .mainMenu .mainMenu__list .mainMenu__item:hover a {
  color: var(--c-orange-100);
}
.mainMenu .mainMenu__list ul.sub-menu {
  border-bottom: 1px solid var(--c-grey-100);
}
.mainMenu .mainMenu__list ul.sub-menu .mainMenu__item {
  border: none;
}

.userInfo {
  padding: 0 11px;
  margin-top: 10px;
}
.userInfo .userInfo__inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: var(--c-grey-0);
  padding: 8px 16px;
  border-radius: 8px;
}
.userInfo .userInfo__inner .userInfo__data {
  color: var(--c-grey-60);
}
.userInfo .userInfo__inner .userInfo__data .email {
  overflow: hidden;
  text-overflow: ellipsis;
}
.userInfo .userInfo__inner .userInfo__data dt {
  font: var(--f-caption-bold);
}
.userInfo .userInfo__inner .userInfo__data dd {
  margin-top: 8px;
  margin-bottom: 0;
  font: var(--f-caption);
}
.userInfo .userInfo__inner .userInfo__link {
  width: fit-content;
  font: var(--f-normal);
  color: var(--c-orange-100);
}

.sideFooter {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
  padding: 0 40px;
  margin-top: 10px;
}
.sideFooter .sideFooter__menu {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
.sideFooter .sideFooter__menu li a {
  text-decoration: underline;
}
.sideFooter .sideFooter__copyright {
  display: flex;
  width: 100%;
}
.sideFooter .sideFooter__copyright small {
  font: var(--f-normal);
}
.sideFooter .tips-helper::before {
  content: "\f059";
  color: var(--c-grey-0);
  font-size: 23px;
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
}

.l-pageInfo {
  margin-bottom: 0;
}
.l-pageInfo [data-is-view=open] {
  margin-bottom: 16px;
}

.l-pageContents {
  overflow: auto;
  width: 100%;
  padding-bottom: 18px;
}

.l-sec {
  border: 2px solid var(--c-grey-20);
  border-radius: 8px;
  padding: 0 1rem 1rem 1rem;
  position: relative;
}
.l-sec.l-sec__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border: 0;
  margin-block: 40px;
}
.l-sec .l-sec__btnHeader {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.l-sec .l-sec__btnWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 32px;
  margin-top: 16px;
}
.l-sec .l-sec__text {
  font: var(--f-normal);
}

.b-table {
  position: relative;
  background-color: var(--c-grey-0);
  width: 100%;
  overflow-x: auto;
  max-height: 80vh;
}

.b-table__row {
  display: flex;
  background-color: var(--c-grey-0);
  border-left: 1px solid var(--c-grey-20);
  border-right: 1px solid var(--c-grey-20);
  font: var(--f-normal);
  color: var(--c-grey-100);
  min-width: fit-content;
}
.b-table__row.b-table__row--head {
  background-color: var(--c-main-20);
  border-left-color: var(--c-main-20);
  border-right-color: var(--c-main-20);
  border-bottom: 1px solid var(--c-grey-100);
  font: var(--f-normal-bold);
  min-width: fit-content;
  display: flex;
  position: sticky;
  top: 0;
  z-index: 10;
}
.b-table__row.b-table__row--head > .b-table__cell {
  border-top: 0;
}
.b-table__row + .b-table__row--head {
  border-top: 1px solid var(--c-grey-20);
}
.b-table__row.b-table__row--disabled {
  background-color: var(--c-grey-20);
}
.b-table__row.b-table__row--border {
  border-top: 1px solid var(--c-grey-100);
}
.b-table__row:last-of-type {
  border-bottom: 1px solid var(--c-grey-20);
}

.break-text {
  white-space: normal !important;
  word-break: break-word;
}

.b-table__cell {
  flex-shrink: 0;
  overflow: hidden;
  justify-content: flex-start;
  align-items: center;
  background-color: inherit;
  min-height: 50px;
  padding-inline: 0.5rem;
  border-top: 1px solid var(--c-grey-20);
  font: inherit;
  color: inherit;
  white-space: nowrap;
  line-height: 1.25;
  text-overflow: ellipsis;
  padding: 0 8px;
  position: relative;
  align-content: center;
  --cell-padding: (8px * 2);
}
.b-table__cell > * {
  margin: 0;
}
.b-table__cell + .b-table__cell {
  border-left: 1px dashed var(--c-grey-20);
}
.b-table__row--noborder .b-table__cell {
  border-right: 0;
  border-left: 0;
}
.b-table__cell.b-table__cell--xxxs {
  width: calc(16px + var(--cell-padding));
}
.b-table__cell.b-table__cell--xxs {
  width: calc(24px + var(--cell-padding));
}
.b-table__cell.b-table__cell--xs {
  width: calc(96px + var(--cell-padding));
}
.b-table__cell.b-table__cell--s {
  width: calc(110px + var(--cell-padding));
}
.b-table__cell.b-table__cell--m {
  width: calc(156px + var(--cell-padding));
}
.b-table__cell.b-table__cell--l {
  width: calc(206px + var(--cell-padding));
}
.b-table__cell.b-table__cell--xl {
  width: calc(250px + var(--cell-padding));
}
.b-table__cell.b-table__cell--xxl {
  width: calc(320px + var(--cell-padding));
}
.b-table__cell.b-table__cell--xxxl {
  width: calc(420px + var(--cell-padding));
}
.b-table__cell.b-table__cell--flex {
  flex-grow: 1;
}
.b-table__cell.b-table__cell--c {
  justify-content: center;
  text-align: center;
}
.b-table__cell.b-table__cell--r {
  justify-content: flex-end;
  text-align: end;
}
.b-table__cell.b-table__cell--head {
  background-color: var(--c-main-20);
  border-left-color: var(--c-main-20);
  border-right-color: var(--c-main-20);
  font: var(--f-normal-bold);
}
.b-table__cell.cell-has-tooltip {
  overflow: visible;
}
.b-table__cell m-icon {
  margin-right: 4px;
}
.b-table__cell .center-cell {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.b-table__cell .head-multiple-line {
  position: absolute;
  top: 50%;
  left: var(--cell-padding);
  transform: translate(0, -50%);
  padding: var(--cell-padding);
}
.b-table__cell .b-table__cell-icon {
  display: flex;
  gap: var(--spacing-1);
  align-items: center;
}
.b-table__cell .b-table__cell-label {
  border-top: 0px;
}
.b-table__cell.multiple-line {
  white-space: normal;
  word-wrap: break-word;
}
.b-table__cell.no-data {
  width: 100%;
  justify-content: center;
  padding-left: min(39%, 39vw);
}
[data-is-menu=open] .b-table__cell.no-data {
  padding-left: min(39%, 39vw - 144px);
}
.b-table__cell .m-btn__button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  border: 0;
  border-radius: 34px;
  font: var(--f-caption-bold);
  color: var(--c-grey-80);
  cursor: pointer;
  transition: 0.3s;
  box-shadow: 0px 2px 4px 0px rgba(51, 51, 51, 0.2);
}
.b-table__cell .m-btn__button:not(:disabled):hover {
  transition: 0.3s;
}
.b-table__cell .m-btn__button:not(:disabled):focus {
  outline: none;
}
.b-table__cell .m-btn__button:not(:disabled):active {
  transition: 0.3s;
}
.b-table__cell .m-btn__button:disabled {
  box-shadow: unset;
  opacity: 0.5;
  cursor: not-allowed;
}
.b-table__cell .m-btn__button.m-btn__button--xl {
  width: 200px;
  height: 48px;
  font-size: 16px;
}
.b-table__cell .m-btn__button.m-btn__button--l {
  width: 152px;
  height: 36px;
  font-size: 14px;
}
.b-table__cell .m-btn__button.m-btn__button--m {
  width: 128px;
  height: 36px;
  font-size: 12px;
}
.b-table__cell .m-btn__button.m-btn__button--s {
  width: 112px;
  height: 36px;
  font-size: 12px;
}
.b-table__cell .m-btn__button.m-btn__button--xs {
  width: 96px;
  height: 34px;
  font-size: 12px;
}
.b-table__cell .m-btn__button.m-btn__button--var {
  width: fit-content;
  height: 36px;
  font-size: 12px;
}
.b-table__cell .m-btn__button.m-btn__button--common:hover {
  transition: 0.3s;
}
.b-table__cell .m-btn__button.m-btn__button--common {
  background: linear-gradient(180deg, var(--c-grey-0) 0%, var(--c-grey-20) 100%), linear-gradient(0deg, var(--c-grey-60), var(--c-grey-60));
  color: var(--c-grey-80);
}
.b-table__cell .m-btn__button.m-btn__button--common:not(:disabled) {
  box-shadow: 0px 0px 2px 0px rgba(51, 51, 51, 0.2) inset, 0px 2px 4px 0px rgba(51, 51, 51, 0.2);
}
.b-table__cell .m-btn__button.m-btn__button--common:not(:disabled):hover {
  background: linear-gradient(180deg, var(--c-grey-20) 0%, var(--c-grey-0) 100%), linear-gradient(0deg, var(--c-grey-60), var(--c-grey-60));
}
.b-table__cell .m-btn__button.m-btn__button--common:not(:disabled):focus {
  outline: 4px solid #D6D6D6;
}
.b-table__cell .m-select__inputContainer {
  position: relative;
}
.b-table__cell .m-select__select {
  width: 100%;
  background-color: var(--c-grey-0);
  height: 30px;
  padding: 3.5px 8px;
  padding-right: 37px;
  border: 1px solid var(--c-grey-40);
  border-radius: 8px;
  font: var(--f-normal);
  color: var(--c-grey-100);
  /*appearance: none;*/
  cursor: pointer;
}
.b-table__cell .m-select__select:focus {
  outline: 4px solid var(--c-grey-20);
}
.b-table__cell .m-select__select:not([value=""]) {
  background-color: var(--c-grey-0);
  border-color: var(--c-green-100);
  color: var(--c-grey-100);
}
.b-table__cell .m-select__select:not([value=""]):focus {
  outline: 4px solid var(--c-green-10);
}
.b-table__cell .m-select__select:not(:disabled):not([data-is-error]):has(option[value=""]:checked) {
  background-color: var(--c-grey-0);
  border-color: var(--c-grey-40);
  color: var(--c-grey-100);
}
.b-table__cell .m-select__select:not(:disabled):not([data-is-error]):has(option[value=""]:checked):focus {
  outline: 4px solid var(--c-grey-20);
}
.b-table__cell .m-select__select:not(:disabled):not([data-is-error]):has(option[value=""]:checked):required {
  background-color: var(--c-green-20);
  border-color: var(--c-accent-required);
}
.b-table__cell .m-select__select:not(:disabled):not([data-is-error]):has(option[value=""]:checked):required:focus {
  outline: 4px solid var(--c-green-20);
}
.b-table__cell .m-select__select[data-is-error]:has(option[value=""]:checked) {
  background-color: var(--c-red-20);
  border-color: var(--c-accent-error);
}
.b-table__cell .m-select__select[data-is-error]:has(option[value=""]:checked):focus {
  outline: 4px solid var(--c-red-20);
}
.b-table__cell .m-select__select:disabled {
  background-color: var(--c-grey-20);
  border-color: var(--c-grey-40);
  cursor: not-allowed;
}
.b-table__cell .m-select__select.m-select__select--xs {
  width: 95px;
}
.b-table__cell .m-select__select.m-select__select--s {
  width: 110px;
}
.b-table__cell .m-select__select.m-select__select--m {
  width: 155px;
}
.b-table__cell .m-select__select.m-select__select--l {
  width: 205px;
}
.b-table__cell .m-select__select.m-select__select--xl {
  width: 250px;
}
.b-table__cell .m-select__select.m-select__select--xxl {
  width: 320px;
}
.b-table__cell .m-select__select.m-select__select--xxxl {
  width: 420px;
}
.b-table__cell .m-select__afterText {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 8px;
  font: var(--f-normal);
  color: var(--c-grey-100);
}
.b-table__cell .m-select__arrowIcon {
  display: block;
  pointer-events: none;
}
.b-table__cell .m-select__arrowIcon::after {
  position: absolute;
  top: 7.5px;
  right: 14px;
  content: "\f078";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 15px;
  font-size: 12px;
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  color: var(--c-grey-40);
  transition: 0.3s;
  text-align: center;
}
.b-table__cell .m-link__link {
  display: inline;
  transition: 0.3s;
  text-decoration: none;
}
.b-table__cell .m-link__link[href]:hover {
  transition: 0.3s;
}
.b-table__cell .m-link__link[href]:hover .m-link__text {
  color: var(--c-orange-100);
  text-decoration: none;
}
.b-table__cell .m-link__link[href]:focus {
  transition: 0.3s;
  outline: none;
}
.b-table__cell .m-link__link[href]:focus .m-link__text {
  color: var(--c-orange-100);
  text-decoration: underline;
}
.b-table__cell .m-link__link[href] .m-link__text {
  color: var(--c-grey-100);
  text-decoration: underline;
}
.b-table__cell .m-link__link:not([href]) .m-link__text {
  color: var(--c-grey-100);
  text-decoration: none;
}
.b-table__cell .m-link__link[data-size=normal] {
  font: var(--f-normal);
}
.b-table__cell .m-link__link[data-size=caption] {
  font: var(--f-caption);
}
.b-table__cell .m-link__link .m-link__text {
  display: inline;
  font: inherit;
}

.b-table__text {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  text-align: left;
}
.b-table__text.b-table__text--c {
  text-align: center;
}
.b-table__text.b-table__text--r {
  text-align: right;
}
.b-table__text.b-table__text--bold {
  font: var(--f-normal-bold);
}

.b-table__link {
  text-decoration: underline;
}
.b-table__link.b-table__link--error {
  color: var(--c-red-100);
}

.b-tableCaption {
  font: var(--f-normal);
}

.b-fieldGrid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 1279px) {
  [data-is-menu=close] .b-fieldGrid .b-fieldGrid__itme {
    width: 100%;
  }
}
@media screen and (max-width: 1539px) {
  [data-is-menu=open] .b-fieldGrid .b-fieldGrid__itme {
    width: 100%;
  }
}

.b-fieldGrid__itme {
  display: grid;
  grid-template-columns: 14.5rem 1fr;
  grid-template-areas: "head contents";
  width: 50%;
  border-bottom: 1px solid var(--c-grey-100);
}
.b-fieldGrid__itme:only-of-type {
  width: 100%;
}
.b-fieldGrid__itme.b-fieldGrid__itme--row {
  width: 100%;
}

.b-fieldGrid__head {
  grid-area: head;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  background-color: var(--c-main-20);
  height: 100%;
  padding: 1rem 0.5rem;
  font-weight: 700;
}

.b-fieldGrid__contents {
  grid-area: contents;
  display: flex;
  background-color: var(--c-grey-0);
  padding: 11px 16px;
  margin-bottom: 0;
}

.hidden {
  display: none;
}

.loading-zone {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  overflow: hidden;
}

.loader-text {
  color: var(--c-grey-0);
  font-size: 1.5rem;
  font-weight: 700;
  margin: 2rem 0;
  text-align: center;
}

.loader {
  display: flex;
  height: 5rem;
  align-items: center;
  justify-content: center;
}

@-webkit-keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ball-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -10px;
}
.ball-spin-fade-loader > div {
  -webkit-animation-fill-mode: both;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color: var(--c-grey-0);
  margin: 2px;
  animation-fill-mode: both;
}
.ball-spin-fade-loader > div:nth-child(1) {
  top: 25px;
  left: 0;
  animation: ball-spin-fade-loader 1s -0.96s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(2) {
  top: 17.05px;
  left: 17.05px;
  animation: ball-spin-fade-loader 1s -0.84s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(3) {
  top: 0;
  left: 25px;
  animation: ball-spin-fade-loader 1s -0.72s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(4) {
  top: -17.05px;
  left: 17.05px;
  animation: ball-spin-fade-loader 1s -0.6s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(5) {
  top: -25px;
  left: 0;
  animation: ball-spin-fade-loader 1s -0.48s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(6) {
  top: -17.05px;
  left: -17.05px;
  animation: ball-spin-fade-loader 1s -0.36s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(7) {
  top: 0;
  left: -25px;
  animation: ball-spin-fade-loader 1s -0.24s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(8) {
  top: 17.05px;
  left: -17.05px;
  animation: ball-spin-fade-loader 1s -0.12s infinite linear;
}

.ball-spin-loader > div {
  -webkit-animation-fill-mode: both;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 100%;
}

@media (max-width: 1024px) {
  [data-is-menu=close] .l-bodyContainer .b-fieldGrid__itme {
    grid-template-columns: 14.5rem 1fr;
  }
}
@media (max-width: 1024px) {
  [data-is-menu=open] .l-bodyContainer .b-fieldGrid__itme {
    grid-template-columns: 12.5rem 1fr;
  }
}

label[for] {
  cursor: default;
}

.l-header__logo {
  cursor: pointer;
}
.l-header__logo img {
  width: 154px;
  height: 30px;
}

.wj-control {
  color: var(--c-grey-100);
}
.wj-control .wj-template {
  border: none;
  position: relative;
}
.wj-control .wj-input-group {
  border-radius: 8px;
  display: flex;
}
.wj-control .wj-input-group .wj-input-group-btn .wj-btn.wj-btn-default {
  width: 100%;
  border: none !important;
  color: var(--c-grey-40);
  padding: 0 8px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
.wj-control .wj-input-group .wj-input-group-btn .wj-btn.wj-btn-default:hover {
  background: transparent;
}
.wj-control .wj-input-group .wj-form-control {
  color: inherit;
  padding-right: 0;
}
.wj-control .wj-input {
  height: 100%;
}
.wj-control .wj-calendar-outer {
  background: var(--c-grey-0);
}

.wj-customize-input {
  width: 100%;
  height: 30px;
  border: 1px solid var(--c-grey-40);
  border-radius: 8px;
  font: var(--f-normal);
  color: var(--c-grey-100);
}
.wj-customize-input:not(.input-error):not(.empty):not(.wj-state-empty) {
  border: 1px solid var(--c-green-100);
}
.wj-customize-input:not(.input-error):not(.empty):not(.wj-state-empty).wj-state-focused {
  outline: 4px solid var(--c-green-10) !important;
}
.wj-customize-input.wj-customize-input-date {
  width: 115px;
}
.wj-customize-input.input-error {
  border-color: var(--c-red-100) !important;
  background-color: var(--c-red-20) !important;
}
.wj-customize-input.input-error.wj-state-focused {
  outline: 4px solid var(--c-red-20) !important;
}
.wj-customize-input.wj-customize-input-month {
  width: 96px;
}
.wj-customize-input:focus-within {
  outline: 4px solid var(--c-grey-20);
}
.wj-customize-input.wj-state-focused {
  outline: 4px solid var(--c-grey-20);
}
.wj-customize-input.required {
  background-color: var(--c-green-20);
  border-color: var(--c-accent-required);
}
.wj-customize-input.required.wj-state-focused {
  outline: 4px solid var(--c-green-10) !important;
}
.wj-customize-input.required:not(.empty) {
  border-color: var(--c-green-100) !important;
  background-color: var(--c-grey-0) !important;
}
.wj-customize-input.required.input-error {
  border-color: var(--c-red-100) !important;
  background-color: var(--c-red-20) !important;
}
.wj-customize-input.required.input-error.wj-state-focused {
  outline: 4px solid var(--c-red-20) !important;
}
.wj-customize-input[data-type=success] {
  background-color: var(--c-grey-0);
  border-color: var(--c-green-100);
}
.wj-customize-input[data-type=success]:focus {
  outline: 4px solid var(--c-green-10);
}
.wj-customize-input[data-type=error] {
  background-color: var(--c-red-20) !important;
  border-color: var(--c-accent-error) !important;
}
.wj-customize-input[data-type=error]:focus {
  outline: 4px solid var(--c-red-20) !important;
}
.wj-customize-input.wj-state-disabled:not(.wj-popup) {
  background-color: var(--c-grey-20) !important;
  border-color: var(--c-grey-40) !important;
  cursor: not-allowed !important;
  color: var(--c-grey-100) !important;
  font: var(--f-normal) !important;
  opacity: 1 !important;
}
.wj-customize-input.wj-state-disabled:not(.wj-popup) .wj-btn.wj-btn-default {
  background-color: var(--c-grey-20) !important;
  cursor: not-allowed;
}

[type=radio] {
  margin-right: 5px !important;
  appearance: auto !important;
}

.text__input--xs {
  width: 96px;
}

.text__input--s {
  width: 110px;
}

.text__input--m {
  width: 156px;
}

.text__input--l {
  width: 206px;
}

.text__input--xl {
  width: 250px;
}

.text__input--xxl {
  width: 320px;
}

.text__input--xxxl {
  width: 420px;
}

.c-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  border: 0;
  border-radius: 34px;
  font: var(--f-caption-bold);
  color: var(--c-grey-80);
  cursor: pointer;
  transition: 0.3s;
  pointer-events: auto;
}
.c-btn:not(:disabled):hover {
  transition: 0.3s;
}
.c-btn:not(:disabled):active {
  transition: 0.3s;
}
.c-btn:focus {
  outline: 4px solid var(--c-grey-20);
}
.c-btn:disabled {
  box-shadow: unset;
  opacity: 0.5;
  cursor: not-allowed;
}
.c-btn.c-btn-xl {
  width: 200px;
  height: 48px;
  font-size: 16px;
}
.c-btn.c-btn-l {
  width: 152px;
  height: 36px;
  font-size: 14px;
}
.c-btn.c-btn-m {
  width: 128px;
  height: 36px;
  font-size: 12px;
}
.c-btn.c-btn-s {
  width: 112px;
  height: 36px;
  font-size: 12px;
}
.c-btn.c-btn-xs {
  width: 96px;
  height: 34px;
  font-size: 12px;
}
.c-btn.c-btn-var {
  width: fit-content;
  height: 36px;
  font-size: 12px;
}
.c-btn.c-btn-common {
  background: linear-gradient(180deg, var(--c-grey-0) 0%, var(--c-grey-20) 100%), linear-gradient(0deg, var(--c-grey-60), var(--c-grey-60));
  color: var(--c-grey-80);
  transition: 0.3s;
}
.c-btn.c-btn-common:hover {
  transition: 0.3s;
}
.c-btn.c-btn-common:not(:disabled) {
  box-shadow: 0px 0px 2px 0px rgba(51, 51, 51, 0.2) inset, 0px 2px 4px 0px rgba(51, 51, 51, 0.2);
}
.c-btn.c-btn-common:not(:disabled):hover {
  background: linear-gradient(180deg, var(--c-grey-20) 0%, var(--c-grey-0) 100%), linear-gradient(0deg, var(--c-grey-60), var(--c-grey-60));
}

.m-checks__input {
  display: none;
}

/* チェックマークUI */
.m-checks__ui {
  flex-shrink: 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  background-color: var(--c-grey-0);
  border: 1px solid var(--c-grey-80);
  border-radius: 2px;
  transition: 0.3s;
}

.m-checks__ui::after {
  content: "";
  display: inline-block;
  opacity: 0;
  margin: auto;
  font-size: 10px;
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  color: var(--c-grey-0);
  transition: 0.3s;
}

.m-checks__label:has(.m-checks__input:not(:indeterminate):checked) .m-checks__ui::after {
  content: "\f00c";
}

.m-checks__label:has(.m-checks__input:indeterminate) .m-checks__ui::after {
  content: "\f068";
}

.m-checks__input:not(:disabled) + .m-checks__ui:focus {
  outline: 4px solid var(--c-orange-40);
}

.m-checks__input:disabled + .m-checks__ui {
  border-color: var(--c-grey-40);
}

.m-checks__input:disabled + .m-checks__ui:focus {
  outline: none;
}

.m-checks__input:not(:disabled):not(:checked):not(:indeterminate):active + .m-checks__ui {
  background-color: var(--c-orange-10);
  outline: 4px solid var(--c-orange-10);
  transform: scale(0.8);
}

.m-checks__input[data-is-error]:not(:disabled):not(:checked):not(:indeterminate):active + .m-checks__ui {
  background-color: var(--c-red-20);
  outline: 4px solid var(--c-red-20);
  transform: scale(0.8);
}

.m-checks__input:not(:disabled):checked:active + .m-checks__ui, .m-checks__input:not(:disabled):indeterminate:active + .m-checks__ui {
  background-color: var(--c-orange-100);
  outline: 4px solid var(--c-orange-10);
  transform: scale(0.8);
}

.m-checks__input:checked + .m-checks__ui, .m-checks__input:indeterminate + .m-checks__ui {
  background-color: var(--c-orange-100);
  border-color: var(--c-orange-100);
}

.m-checks__input:checked + .m-checks__ui::after, .m-checks__input:indeterminate + .m-checks__ui::after {
  opacity: 1;
  transition: 0.3s;
}

.m-checks__input:checked:disabled + .m-checks__ui, .m-checks__input:indeterminate:disabled + .m-checks__ui {
  background-color: var(--c-grey-40);
  border-color: var(--c-grey-40);
}

.m-checks__label:has(.m-checks__input[data-is-error]:not(:checked):not(:disabled)) .m-checks__ui {
  border-color: var(--c-red-80);
}

.m-checks__label:has(.m-checks__input[data-is-error]:not(:checked):not(:disabled)) .m-checks__ui:focus {
  outline: 4px solid var(--c-red-20);
}

[type=checkbox] {
  appearance: auto !important;
}

.m-checks__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  font: var(--f-normal);
  color: var(--c-grey-100);
  transition: 0.3s;
  cursor: pointer;
}
.m-checks__label:has(.m-checks__input:not(:disabled)):hover {
  color: var(--c-orange-100);
  transition: 0.3s;
}
.m-checks__label:has(.m-checks__input:not(:disabled)):hover .m-checks__ui {
  border-color: var(--c-orange-100);
}
.m-checks__label:has(.m-checks__input[data-is-error]:not(:checked):not(:disabled)):hover {
  color: var(--c-orange-100);
}
.m-checks__label:has(.m-checks__input:disabled) {
  color: var(--c-grey-40);
  cursor: not-allowed;
}

.text-group .ui-container {
  background-color: var(--c-grey-0);
}
.text-group .m-field__iptArea {
  display: flex;
  gap: 8px;
}
.text-group .m-field__label {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font: var(--f-normal);
  color: var(--c-grey-100);
}
.text-group .m-field__inputContainer {
  position: relative;
}
.text-group .m-field__input {
  display: block;
  width: 100%;
  height: 30px;
  padding: 7px 8px;
  border: 1px solid var(--c-grey-40);
  border-radius: 8px;
  font: var(--f-normal);
  color: var(--c-grey-100);
}
.text-group .m-field__input[type=number] {
  text-align: right;
}
.text-group .m-field__input[type=list] {
  padding-right: 41px;
  cursor: pointer;
}
.text-group .m-field__input:focus {
  outline: 4px solid var(--c-grey-20);
}
.text-group .m-field__input:placeholder-shown {
  background-color: var(--c-grey-0);
  border-color: var(--c-grey-40);
}
.text-group .m-field__input:not([type=date]):not([type=month]):not(:placeholder-shown):not(:disabled):not([data-is-error]):valid, .text-group .m-field__input[type=date]:not(:disabled):not([data-is-error]):not([data-uninput]):valid, .text-group .m-field__input[type=month]:not(:disabled):not([data-is-error]):not([data-uninput]):valid {
  background-color: var(--c-grey-0);
  border-color: var(--c-green-100);
}
.text-group .m-field__input:not([type=date]):not([type=month]):not(:placeholder-shown):not(:disabled):not([data-is-error]):valid:focus, .text-group .m-field__input[type=date]:not(:disabled):not([data-is-error]):not([data-uninput]):valid:focus, .text-group .m-field__input[type=month]:not(:disabled):not([data-is-error]):not([data-uninput]):valid:focus {
  outline: 4px solid var(--c-green-10);
}
.text-group .m-field__input[data-is-error], .text-group .m-field__input:not([type=date]):not([type=month]):not(:placeholder-shown):not(:disabled):invalid {
  background-color: var(--c-red-20);
  border-color: var(--c-accent-error);
}
.text-group .m-field__input[data-is-error]:focus, .text-group .m-field__input:not([type=date]):not([type=month]):not(:placeholder-shown):not(:disabled):invalid:focus {
  outline: 4px solid var(--c-red-20);
}
.text-group .m-field__input:not([type=date]):not([type=month]):placeholder-shown:not(:disabled):not([data-is-error]):required, .text-group .m-field__input[type=date]:not([data-is-error]):not(:disabled)[data-uninput]:invalid:required, .text-group .m-field__input[type=month]:not([data-is-error]):not(:disabled)[data-uninput]:invalid:required {
  background-color: var(--c-green-20);
  border-color: var(--c-accent-required);
}
.text-group .m-field__input:not([type=date]):not([type=month]):placeholder-shown:not(:disabled):not([data-is-error]):required:focus, .text-group .m-field__input[type=date]:not([data-is-error]):not(:disabled)[data-uninput]:invalid:required:focus, .text-group .m-field__input[type=month]:not([data-is-error]):not(:disabled)[data-uninput]:invalid:required:focus {
  outline: 4px solid var(--c-green-10);
}
.text-group .m-field__input:disabled {
  background-color: var(--c-grey-20);
  border-color: var(--c-grey-40);
  cursor: not-allowed;
}
.text-group .m-field__input::placeholder {
  color: var(--c-grey-60);
  text-align: left;
}
.text-group .m-field__input.m-field__input--xs {
  width: 95px;
}
.text-group .m-field__input.m-field__input--s {
  width: 110px;
}
.text-group .m-field__input.m-field__input--m {
  width: 155px;
}
.text-group .m-field__input.m-field__input--l {
  width: 205px;
}
.text-group .m-field__input.m-field__input--xl {
  width: 250px;
}
.text-group .m-field__input.m-field__input--xxl {
  width: 320px;
}
.text-group .m-field__input.m-field__input--xxxl {
  width: 420px;
}
.text-group .m-field__afterText {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: -2px;
  font: var(--f-normal);
  color: var(--c-grey-100);
}
.m-field__input:disabled ~ .text-group .m-field__afterText {
  color: var(--c-grey-40);
}
.text-group .m-field__btns {
  position: absolute;
  top: 7.5px;
  right: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  background-color: var(--c-grey-0);
  padding-left: 8px;
  pointer-events: none;
}
.text-group .m-field__btns.error {
  background-color: var(--c-red-20);
  top: 0px;
}
.text-group .m-field__btns[disabled] {
  background-color: var(--c-grey-20);
  border-color: var(--c-grey-40);
  cursor: not-allowed;
}
.text-group .m-field__btns[data-is-error] {
  background-color: var(--c-red-20);
  top: 0px;
}
.text-group .m-field__btns[required][data-uninput]:not([disabled]):not([data-is-error]) {
  background-color: var(--c-green-20);
}
.text-group .m-field__clearBtn {
  display: block;
  pointer-events: all;
}
.text-group .m-field__clearBtn::after {
  content: "\f00d";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11px;
  height: 10px;
  font-size: 11px;
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  color: var(--c-grey-40);
  transition: 0.3s;
  text-align: center;
}
.text-group .m-field__clearBtn:not(:disabled):hover::after {
  color: var(--c-grey-100);
}
.text-group .m-field__clearBtn:disabled {
  cursor: not-allowed;
}
.text-group .m-field__arrowIcon {
  display: block;
}
.text-group .m-field__arrowIcon::after {
  content: "\f078";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 15px;
  font-size: 12px;
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  color: var(--c-grey-40);
  transition: 0.3s;
  text-align: center;
}
.text-group .m-field__data {
  display: none;
}

.select-group .ui-container {
  background-color: var(--c-grey-0);
}
.select-group .m-select__iptArea {
  display: flex;
  gap: 8px;
}
.select-group .m-select__label {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-weight: 800;
}
.select-group .m-select__text {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 8px;
  flex-shrink: 0;
  font: var(--f-normal);
  color: var(--c-grey-100);
}
.select-group .m-select__inputContainer {
  position: relative;
}
.select-group .m-select__select {
  width: 100%;
  background-color: var(--c-grey-0);
  height: 30px;
  padding: 3.5px 8px;
  padding-right: 37px;
  border: 1px solid var(--c-grey-40);
  border-radius: 8px;
  font: var(--f-normal);
  color: var(--c-grey-100);
  appearance: none;
  cursor: pointer;
}
.select-group .m-select__select:focus {
  outline: 4px solid var(--c-grey-20);
}
.select-group .m-select__select:not([value=""]) {
  background-color: var(--c-grey-0);
  border-color: var(--c-green-100);
  color: var(--c-grey-100);
}
.select-group .m-select__select:not([value=""]):focus {
  outline: 4px solid var(--c-green-10);
}
.select-group .m-select__select:not(:disabled):not([data-is-error]):has(option[value=""]:checked) {
  background-color: var(--c-grey-0);
  border-color: var(--c-grey-40);
  color: var(--c-grey-100);
}
.select-group .m-select__select:not(:disabled):not([data-is-error]):has(option[value=""]:checked):focus {
  outline: 4px solid var(--c-grey-20);
}
.select-group .m-select__select:not(:disabled):not([data-is-error]):has(option[value=""]:checked):required {
  background-color: var(--c-green-20);
  border-color: var(--c-accent-required);
}
.select-group .m-select__select:not(:disabled):not([data-is-error]):has(option[value=""]:checked):required:focus {
  outline: 4px solid var(--c-green-10);
}
.select-group .m-select__select[data-is-error]:has(:checked) {
  background-color: var(--c-red-20);
  border-color: var(--c-accent-error);
}
.select-group .m-select__select[data-is-error]:has(:checked):focus {
  outline: 4px solid var(--c-red-20);
}
.select-group .m-select__select:disabled {
  background-color: var(--c-grey-20);
  border-color: var(--c-grey-40);
  cursor: not-allowed;
}
.select-group .m-select__select.m-select__select--xs {
  width: 95px;
}
.select-group .m-select__select.m-select__select--s {
  width: 110px;
}
.select-group .m-select__select.m-select__select--m {
  width: 155px;
}
.select-group .m-select__select.m-select__select--l {
  width: 205px;
}
.select-group .m-select__select.m-select__select--xl {
  width: 250px;
}
.select-group .m-select__select.m-select__select--xxl {
  width: 320px;
}
.select-group .m-select__select.m-select__select--xxxl {
  width: 420px;
}
.select-group .m-select__afterText {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 8px;
  font: var(--f-normal);
  color: var(--c-grey-100);
}
.select-group .m-select__arrowIcon {
  display: block;
  pointer-events: none;
}
.select-group .m-select__arrowIcon::after {
  position: absolute;
  top: 7.5px;
  right: 14px;
  content: "\f078";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 15px;
  font-size: 12px;
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  color: var(--c-grey-40);
  transition: 0.3s;
  text-align: center;
}

.m-radios__iptArea {
  display: flex;
  align-items: center;
  gap: 0 16px;
}
.m-radios__iptArea.m-radios__iptArea--row {
  flex-direction: row;
}
.m-radios__iptArea.m-radios__iptArea--column {
  align-items: flex-start;
  flex-direction: column;
}

.m-radios__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  font: var(--f-normal);
  color: var(--c-grey-100);
  transition: 0.3s;
  cursor: pointer;
}
.m-radios__label:has(.m-radios__input:not(:disabled)):hover {
  color: var(--c-orange-100);
  transition: 0.3s;
}
.m-radios__label:has(.m-radios__input:not(:disabled)):hover .m-radios__ui {
  border-color: var(--c-orange-100);
}
.m-radios__label:has(.m-radios__input[data-is-error]:not(:checked):not(:disabled)):hover {
  color: var(--c-red-100);
}
.m-radios__label:has(.m-radios__input:disabled) {
  color: var(--c-grey-40);
  cursor: not-allowed;
}

.m-radios__input {
  display: none;
}

.m-radios__ui {
  flex-shrink: 0;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  background-color: var(--c-grey-0);
  border: 1px solid var(--c-grey-80);
  border-radius: 100%;
  transition: 0.3s;
}
.m-radios__ui::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0;
  background-color: var(--c-orange-100);
  width: 10px;
  height: 10px;
  border-radius: 100%;
  margin: auto;
  transition: 0.3s;
}
.m-radios__label:has(.m-radios__input:disabled) .m-radios__ui::after {
  background-color: var(--c-grey-40);
}
.m-radios__input:not(:disabled) + .m-radios__ui:focus {
  outline: 4px solid var(--c-main-20);
}
.m-radios__input:disabled + .m-radios__ui:focus {
  outline: none;
}
.m-radios__input:not(:disabled):active + .m-radios__ui {
  background-color: var(--c-main-20);
  outline: 4px solid var(--c-main-20);
  transform: scale(0.8);
}
.m-radios__input[data-is-error]:not(:disabled):active + .m-radios__ui {
  background-color: var(--c-red-20);
  outline: 4px solid var(--c-red-20);
  transform: scale(0.8);
}
.m-radios__input:checked + .m-radios__ui {
  border-color: var(--c-main-100);
}
.m-radios__input:checked + .m-radios__ui::after {
  opacity: 1;
  transition: 0.3s;
}
.m-radios__label:has(.m-radios__input:disabled) .m-radios__ui {
  border-color: var(--c-grey-40);
}
.m-radios__label:has(.m-radios__input[data-is-error]:not(:checked):not(:disabled)) .m-radios__ui {
  border-color: var(--c-red-80);
}
.m-radios__label:has(.m-radios__input[data-is-error]:not(:checked):not(:disabled)) .m-radios__ui:focus {
  outline: 4px solid var(--c-red-20);
}

.link-back {
  width: fit-content;
}

.white-space-line {
  white-space: pre !important;
}

.white-space-multiline {
  white-space: pre-wrap !important;
}

.collapsible {
  transition: all 0.3s ease;
  height: auto;
  margin-top: 16px;
}
.collapsible:not(.expanded) {
  overflow: hidden;
  height: 0 !important;
  margin-top: 0;
}

.collapse-toggle {
  display: inline-flex;
  justify-content: center;
  justify-items: center;
  gap: 4px;
}
.collapse-toggle.collapsed .collapse-icon {
  transform: rotate(-90deg);
}