:root {
  --white: white;
  --font-00: #323232;
  --font-03: #878787;
  --primary-blue: #1450f5;
  --hover-blue-link: #1149e5;
  --shadow: #232b373d;
  --grey-bg: #ebebeb;
  --light-hover-grey: #f7f7f7;
  --lines: #d1d1d1;
  --font-01: #555;
  --red: #fc360c;
  --green: #06b448;
  --main-blue-link: #23b4c3;
  --amber: #ffb300;
  --brand-hover: #def6fc;
  --font-03-4: #b4b4b4;
  --light-highlight: #fcfcfc;
  --list-hover: #ffffff7a;
  --papaya-whip: #fff2d9;
  --brand-hover-copper: #fcddd0;
  --brand-light-copper: #fde6dc;
  --bqe-light-gray: #f2f4f9;
  --deep-sky-blue: #00aacd;
  --yellow-green: #a8de3c;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  background-color: var(--white);
  color: var(--font-00);
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

h1 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

h2 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}

h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

h4 {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

h5 {
  color: var(--font-03);
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: underline;
}

p {
  margin-bottom: 16px;
}

a {
  color: var(--primary-blue);
  text-decoration: none;
}

a:hover {
  color: var(--hover-blue-link);
}

label {
  color: var(--font-03);
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 600;
  display: block;
}

.x-full-wrapper {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.x-full-wrapper.for-side {
  justify-content: flex-start;
  position: relative;
}

.x-full-wrapper.for-side.is-full {
  align-items: stretch;
}

.x-center-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.x-splash-label {
  margin-top: 12px;
  font-weight: 600;
}

.x-error-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.x-error-wrapper.for-system-error {
  text-align: left;
  align-items: flex-start;
}

.x-message-thumb {
  height: 128px;
  margin-bottom: 12px;
}

.x-message-thumb.for-dialog {
  background-color: #f2f4f9;
  border-radius: 12px;
  height: 64px;
  margin-bottom: 24px;
  padding: 12px;
}

.x-message-thumb.for-message {
  margin-bottom: 16px;
}

.x-btn-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  flex: none;
  align-items: center;
  display: flex;
  position: relative;
}

.x-btn-container.for-center {
  justify-content: center;
}

.x-btn-container.for-nav-sidebar {
  position: absolute;
  inset: 8px 8px auto auto;
}

.x-btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--primary-blue);
  box-shadow: 0 4px 8px -2px var(--primary-blue), inset 0 0 0 1px var(--primary-blue);
  color: var(--white);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 80px;
  padding: 8px 12px;
  font-size: 10px;
  font-weight: 600;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.x-btn:hover {
  background-color: var(--font-00);
  box-shadow: 0 1px 4px -2px var(--shadow), inset 0 0 0 1px var(--font-00);
  color: var(--white);
}

.x-btn.for-secondary {
  background-color: var(--grey-bg);
  box-shadow: 0 4px 8px -2px var(--shadow), inset 0 0 0 1px var(--font-00);
  color: var(--font-00);
  background-image: none;
}

.x-btn.for-secondary:hover {
  background-color: var(--light-hover-grey);
  box-shadow: 0 1px 4px -2px var(--shadow), inset 0 0 0 1px var(--lines);
}

.x-btn.for-simple {
  box-shadow: inset 0 0 0 1px var(--light-hover-grey);
  color: var(--font-01);
  background-color: #0000;
  background-image: none;
}

.x-btn.for-simple:hover {
  background-color: var(--grey-bg);
  box-shadow: 0 1px 4px -2px var(--shadow), inset 0 0 0 1px var(--light-hover-grey);
  color: var(--font-00);
}

.x-btn.for-red {
  box-shadow: inset 0 0 0 1px var(--red);
  color: var(--red);
  background-color: #0000;
  background-image: none;
}

.x-btn.for-red:hover {
  background-color: var(--red);
  color: var(--white);
}

.x-btn.for-green {
  box-shadow: inset 0 0 0 1px var(--green);
  color: var(--green);
  background-color: #0000;
  background-image: none;
}

.x-btn.for-green:hover {
  background-color: var(--green);
  color: var(--white);
}

.x-btn.for-full {
  flex: 1;
}

.x-btn.for-large {
  padding: 16px 24px;
  font-size: 16px;
}

.x-hr-sep {
  border-bottom: 1px solid var(--lines);
  flex: 1;
  height: 0;
  margin-top: 16px;
  margin-bottom: 16px;
}

.x-hr-sep.for-input {
  margin-top: -1px;
  margin-bottom: 0;
}

.x-hr-sep.for-large {
  margin-top: 32px;
  margin-bottom: 32px;
}

.x-hr-sep.for-menu {
  margin-top: 4px;
  margin-bottom: 4px;
}

.x-hr-sep.for-reset {
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
}

.x-hr-sep.for-mid {
  flex: 1;
  width: auto;
  margin: 0 6px;
}

.x-hr-sep.for-limit {
  max-width: 400px;
}

.x-icon-btn {
  background-color: var(--primary-blue);
  box-shadow: 0 4px 8px -2px var(--shadow), inset 0 0 0 1px var(--primary-blue);
  border-radius: 4px;
  padding: 8px;
  font-family: Remix, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
}

.x-icon-btn:hover {
  background-color: var(--font-03);
  box-shadow: 0 1px 4px -2px var(--shadow), inset 0 0 0 1px var(--font-00);
  color: var(--white);
}

.x-icon-btn.for-secondary {
  background-color: var(--grey-bg);
  box-shadow: 0 4px 8px -2px var(--shadow), inset 0 0 0 1px var(--font-03);
  color: var(--font-00);
  background-image: none;
}

.x-icon-btn.for-secondary:hover {
  background-color: var(--white);
  box-shadow: 0 1px 4px -2px var(--shadow), inset 0 0 0 1px var(--lines);
  color: var(--font-00);
}

.x-icon-btn.for-secondary.is-red {
  color: var(--red);
}

.x-icon-btn.for-secondary.is-red:hover {
  background-color: var(--red);
  box-shadow: inset 0 0 0 1px var(--red);
  color: var(--white);
}

.x-icon-btn.for-simple {
  box-shadow: none;
  color: var(--font-01);
  background-color: #0000;
  background-image: none;
}

.x-icon-btn.for-simple:hover {
  background-color: var(--grey-bg);
  box-shadow: 0 1px 4px -2px var(--shadow), inset 0 0 0 1px var(--light-hover-grey);
  color: var(--font-00);
}

.x-icon-btn.for-green {
  box-shadow: inset 0 0 0 1px var(--green);
  color: var(--green);
  background-color: #0000;
}

.x-icon-btn.for-green:hover {
  background-color: var(--green);
  color: var(--white);
}

.x-icon-btn.for-red {
  box-shadow: inset 0 0 0 1px var(--red);
  color: var(--red);
  background-color: #0000;
}

.x-icon-btn.for-red:hover {
  background-color: var(--red);
  color: var(--white);
}

.doc-wrapper {
  padding: 40px;
}

.doc-container {
  border: 1px solid var(--lines);
  border-radius: 6px;
  padding: 24px;
}

.doc-container.for-pages {
  background-color: #f2f4f9;
  align-items: center;
  padding: 8px 12px;
  font-weight: 600;
  display: flex;
}

.doc-container.for-pages:hover {
  background-color: #f2f4f8;
}

.doc-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.x-error-span {
  background-color: var(--amber);
  border-radius: 6px;
  margin-right: 8px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 60%;
  display: inline-block;
}

.x-error-title, .x-flex {
  align-items: center;
  display: flex;
}

.x-flex.for-end {
  align-items: flex-end;
}

.x-flex.for-between {
  justify-content: space-between;
}

.x-vr-sep {
  border-right: 1px solid var(--lines);
  background-color: var(--lines);
  flex: none;
  width: 0;
  min-height: 16px;
  margin-left: 12px;
  margin-right: 12px;
}

.x-vr-sep.for-reset {
  min-height: 32px;
  margin-left: 0;
  margin-right: 0;
}

.x-vr-sep.for-tds {
  border-right-width: 2px;
  margin-left: auto;
  margin-right: auto;
}

.x-sml-btn {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--primary-blue);
  box-shadow: 0 4px 8px -2px var(--shadow), inset 0 0 0 1px var(--primary-blue);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 56px;
  padding: 7px 8px;
  font-size: 8px;
  font-weight: 600;
  line-height: 10px;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.x-sml-btn:hover {
  background-color: var(--font-01);
  box-shadow: 0 1px 4px -2px var(--shadow), inset 0 0 0 1px var(--font-00);
  color: var(--white);
}

.x-sml-btn.for-secondary {
  background-color: var(--grey-bg);
  box-shadow: 0 4px 8px -2px var(--shadow), inset 0 0 0 1px var(--font-03);
  color: var(--font-00);
  background-image: none;
}

.x-sml-btn.for-secondary:hover {
  background-color: var(--light-hover-grey);
  box-shadow: 0 1px 4px -2px var(--shadow), inset 0 0 0 1px var(--lines);
}

.x-sml-btn.for-secondary.is-red {
  background-color: var(--red);
  box-shadow: inset 0 0 0 1px var(--red);
  color: var(--white);
}

.x-sml-btn.for-simple {
  box-shadow: 0 4px 8px -2px var(--shadow), inset 0 0 0 1px var(--light-hover-grey);
  color: var(--font-03);
  background-color: #0000;
  background-image: none;
}

.x-sml-btn.for-simple:hover {
  background-color: var(--grey-bg);
  box-shadow: 0 1px 4px -2px var(--shadow), inset 0 0 0 1px var(--light-hover-grey);
  color: var(--font-00);
}

.x-sml-btn.for-active {
  background-color: var(--primary-blue);
  box-shadow: inset 0 0 0 1px var(--primary-blue);
  color: var(--white);
}

.x-sml-btn.for-remove {
  background-color: var(--white);
  box-shadow: inset 0 0 0 1px var(--red);
  color: var(--red);
  background-image: none;
}

.x-sml-btn.for-remove:hover {
  background-color: var(--red);
  color: var(--white);
}

.x-icon {
  font-family: Remix, sans-serif;
  font-weight: 400;
}

.x-icon.for-btn-inline {
  font-size: 150%;
}

.x-icon.for-dd-menu {
  margin-right: 12px;
  font-size: 16px;
}

.x-icon.for-info-block {
  margin-right: 8px;
  font-size: 150%;
}

.x-icon.for-info-block.is-blue {
  color: #0af;
}

.x-icon.for-info-block.is-amber {
  color: #fa0;
}

.x-icon.for-inline-left {
  margin-right: 8px;
}

.x-icon.for-inline-left.is-large {
  margin-right: 6px;
  font-size: 16px;
}

.x-icon.for-inline-left.is-nav {
  background-color: #f2f4f9;
  border-radius: 4px;
  padding: 8px;
  font-size: 16px;
}

.x-icon.for-inline-left.is-red {
  color: var(--red);
}

.x-icon.for-inline-left.is-green {
  color: var(--green);
}

.x-icon.for-inline-left.is-amber {
  color: var(--amber);
}

.x-icon.for-cert-list {
  background-color: var(--font-00);
  color: var(--white);
  border-radius: 24px;
  flex: none;
  margin-right: 12px;
  padding: 8px;
  font-size: 16px;
}

.x-icon.for-cert-list.is-red {
  background-color: var(--red);
}

.x-icon.for-input-info {
  color: var(--font-01);
  cursor: help;
  font-size: 16px;
  position: absolute;
  top: 28px;
  left: 8px;
}

.x-icon.for-input-info.for-reset {
  top: 8px;
}

.x-icon.for-input-info.is-dt {
  top: 4px;
  left: 4px;
}

.x-icon.for-quick-search {
  color: var(--font-03);
  font-size: 16px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.x-icon.for-sec-block {
  background-color: var(--green);
  color: var(--white);
  border-radius: 24px;
  padding: 8px;
  font-size: 16px;
}

.x-icon.for-page-header {
  background-color: var(--brand-hover);
  color: var(--primary-blue);
  border-radius: 4px;
  margin-right: 16px;
  padding: 8px;
  font-size: 16px;
}

.x-icon.for-page-header.is-create {
  color: var(--green);
  background-color: #d2fcef;
}

.x-icon.for-page-header.is-edit {
  color: var(--main-blue-link);
  background-color: #e3f2fd;
}

.x-icon.for-shortcode {
  color: var(--green);
  font-size: 16px;
  position: absolute;
  top: 28px;
  left: 80px;
}

.x-icon.for-shortcode.is-red {
  color: var(--red);
}

.x-icon.for-sidebar-search {
  color: var(--font-03-4);
  background-color: #0000;
  padding: 0;
  font-size: 16px;
  display: block;
  position: absolute;
  top: 12px;
  left: 16px;
}

.x-icon.for-appnav {
  color: var(--primary-blue);
  margin-right: 8px;
  font-size: 16px;
}

.x-icon.for-large {
  font-size: 24px;
  line-height: 24px;
}

.x-icon.for-row-remove {
  border-style: solid solid solid none;
  border-width: 1px;
  border-color: var(--lines);
  color: var(--red);
  background-color: #f2f4f8;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 6px;
  font-size: 16px;
  display: block;
}

.x-icon.for-row-remove:hover {
  background-color: var(--white);
}

.x-icon.for-inline-right {
  margin-left: 8px;
}

.x-icon.for-draggable {
  border: 1px solid var(--lines);
  background-color: var(--white);
  color: var(--font-03);
  border-radius: 4px;
  padding: 8px;
  font-size: 16px;
}

.x-icon.for-accordion {
  font-size: 16px;
  transition: all .25s cubic-bezier(.77, 0, .175, 1);
  transform: rotate(0);
}

.x-icon.for-accordion.is-idle {
  transform: rotate(180deg);
}

.x-icon.for-cert-list {
  color: #fff;
  background-color: #323232;
  border-radius: 24px;
  flex: none;
  margin-right: 12px;
  padding: 8px;
  font-size: 16px;
}

.x-icon.for-cert-list.is-green {
  background-color: #08c18a;
}

.x-icon.for-stack-btn, .x-icon.for-sumbar {
  font-size: 16px;
}

.x-icon.for-sumbar.is-blue {
  color: var(--primary-blue);
}

.x-icon.for-sumbar.is-green {
  color: var(--green);
}

.x-icon.for-sumbar.is-red {
  color: var(--red);
}

.x-icon.for-sumbar.is-purple {
  color: #9908d7;
}

.x-error-emoji {
  color: var(--grey-bg);
  font-family: Remix, sans-serif;
  font-size: 240px;
  line-height: 240px;
  position: absolute;
  bottom: 64px;
  right: 64px;
}

.x-access-col {
  flex: none;
  justify-content: center;
  align-items: center;
  min-width: 40%;
  padding: 64px;
  display: flex;
  position: relative;
}

.x-access-col.for-scroll {
  align-items: flex-start;
  padding-top: 80px;
  overflow: auto;
}

.x-brand-col {
  background-color: var(--font-01);
  flex: 1;
}

.x-form-block {
  height: 100%;
  margin-bottom: 16px;
  position: relative;
}

.x-form-block.for-access {
  max-width: 360px;
  height: auto;
}

.x-form-block.for-complete {
  max-width: 560px;
  height: auto;
}

.x-form-block.for-fullview {
  margin-bottom: 0;
}

.x-form-wrapper.for-access {
  min-width: 320px;
}

.x-form-wrapper.for-center {
  width: 880px;
  margin-left: auto;
  margin-right: auto;
}

.x-form-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-bottom: 16px;
  display: flex;
}

.x-form-row.for-limit {
  max-width: 400px;
}

.x-form-row.for-inline {
  margin-bottom: 0;
}

.x-form-row.for-limit-wide {
  max-width: 720px;
}

.x-form-col {
  flex: 1;
  position: relative;
}

.x-form-col.for-small {
  flex: none;
  width: 88px;
}

.x-form-col.for-med {
  flex: none;
  width: 160px;
}

.x-form-col.for-flow {
  flex: none;
}

.x-input-text {
  border: 1px solid var(--lines);
  border-radius: 4px;
  height: 32px;
  margin-bottom: 0;
  font-size: 12px;
}

.x-input-text:hover {
  border-color: var(--font-00);
}

.x-input-text:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 1px 3px #007dc5a3;
}

.x-input-text.for-tac {
  text-align: center;
  height: 48px;
  margin-bottom: 0;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 24px;
  line-height: 24px;
}

.x-input-text.for-search {
  box-shadow: 0 4px 8px -3px var(--shadow);
  border-radius: 24px;
  height: 38px;
  margin-bottom: 0;
  padding-left: 40px;
  padding-right: 16px;
}

.x-input-text.for-nested {
  margin-bottom: 0;
}

.x-input-text.for-limit.is-4-char {
  text-align: center;
  text-transform: uppercase;
  max-width: 104px;
  padding-left: 32px;
  padding-right: 32px;
}

.x-input-text.for-limit.is-short-title {
  max-width: 160px;
}

.x-input-text.for-quick-search {
  width: 248px;
  padding-left: 32px;
}

.x-input-text.for-quick-search.is-dir {
  width: 100%;
}

.x-input-text.for-be {
  background-color: #f2f4f9;
  border-style: none;
  height: 24px;
  padding: 6px;
  font-size: 10px;
  font-weight: 600;
}

.x-input-text.for-datepicker {
  padding-left: 32px;
}

.x-input-text.for-datepicker.is-dt-date {
  height: 24px;
  padding-left: 24px;
  padding-right: 4px;
}

.x-input-text.for-timepicker {
  padding-left: 32px;
}

.x-input-text.for-right {
  text-align: right;
}

.x-input-text.for-prefix {
  z-index: 2;
  position: relative;
}

.x-input-text.for-prefix.is-decimal {
  text-align: right;
}

.x-input-text.for-postfix {
  z-index: 10;
  text-align: right;
  position: relative;
}

.x-input-text.for-category {
  max-width: 160px;
}

.x-form-opt {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.x-input-chkbox {
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 24px;
  display: flex;
  position: relative;
}

.x-input-chkbox-btn {
  border-color: var(--lines);
  background-color: var(--grey-bg);
  box-shadow: none;
  cursor: pointer;
  border-radius: 4px;
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 8px;
}

.x-input-chkbox-btn:hover {
  border-color: var(--font-00);
  background-color: var(--white);
}

.x-input-chkbox-btn.w--redirected-checked {
  border-color: var(--primary-blue);
  background-color: var(--primary-blue);
  background-image: url('../images/check-line.svg');
  border-radius: 4px;
  margin-top: 0;
}

.x-input-chkbox-btn.w--redirected-focus {
  box-shadow: none;
}

.x-input-chkbox-btn.for-toggle {
  border-radius: 24px;
  width: 24px;
  height: 24px;
  margin-right: 0;
}

.x-input-chkbox-label {
  color: var(--font-01);
  margin-bottom: 0;
  margin-left: 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

.x-input-chkbox-label.for-hide {
  display: none;
}

.x-input-chkbox-label.for-simple {
  font-weight: 400;
}

.x-form-action {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  margin-top: 24px;
  display: flex;
}

.x-form-action.for-dialog {
  margin-top: 0;
}

.x-sso-opt-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 24px;
  display: flex;
}

.x-sso-opt-btn {
  border: 1px solid var(--lines);
  background-color: var(--light-highlight);
  color: var(--font-00);
  border-radius: 4px;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.x-sso-opt-btn:hover {
  border-color: var(--font-03-4);
  background-color: var(--white);
}

.x-sso-opt-icon {
  height: 24px;
}

.x-access-sep-block {
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

.x-access-sep-label {
  z-index: 10;
  background-color: #f2f4f8;
  padding-left: 8px;
  padding-right: 8px;
  position: absolute;
}

.x-input-tac {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.x-input-helper {
  color: var(--font-03);
  align-items: center;
  margin-top: 4px;
  padding-left: 16px;
  font-size: 10px;
  line-height: 14px;
  display: flex;
  position: relative;
}

.x-input-helper.for-error {
  color: var(--red);
}

.x-emp-span {
  color: var(--red);
  text-decoration: underline;
}

.x-emp-span.for-black {
  color: var(--font-00);
  font-weight: 700;
  text-decoration: none;
}

.x-avatar-picker-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: 4px;
  align-items: flex-end;
  display: flex;
}

.x-avatar-thumb {
  border: 1px solid var(--lines);
  object-fit: cover;
  border-radius: 24px;
  width: 48px;
  height: 48px;
}

.x-avatar-thumb.for-nav {
  border-radius: 24px;
  width: 32px;
  height: 32px;
}

.x-avatar-thumb.for-profile {
  border-radius: 40px;
  width: 64px;
  height: 64px;
}

.x-avatar-thumb.for-profile.is-logo {
  border-radius: 8px;
}

.x-avatar-thumb.for-user-preview {
  border-color: var(--font-03-4);
}

.x-avatar-thumb.for-list {
  flex: none;
  width: 32px;
  height: 32px;
  margin-right: 0;
}

.x-avatar-thumb.for-list.is-padded {
  background-color: var(--white);
  padding: 6px;
}

.x-avatar-thumb.for-member {
  width: 24px;
  height: 24px;
  display: block;
}

.x-avatar-thumb.for-logo {
  background-color: var(--white);
  box-shadow: 0 2px 4px 0 var(--shadow);
  border-style: none;
  border-radius: 8px;
  width: 32px;
  height: 32px;
}

.x-avatar-thumb.for-people-list {
  width: 20px;
  height: 20px;
  margin-right: 0;
}

.x-avatar-picker-container {
  flex: 1;
}

.x-small-text {
  color: var(--font-03);
  margin-top: 8px;
  font-size: 10px;
}

.x-small-text.for-no-margin {
  color: var(--font-01);
  margin-top: 0;
}

.x-small-text.for-timestamp {
  margin-top: 4px;
}

.x-small-text.for-message {
  white-space: nowrap;
  overflow: hidden;
}

.x-small-text.for-val-label {
  margin-top: 4px;
  font-weight: 600;
}

.x-small-text.for-tds-card {
  margin-top: -2px;
  margin-bottom: 8px;
  font-weight: 600;
}

.x-workspace-picker-block {
  margin-bottom: 24px;
}

.x-workspace-picker-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

.x-workspace-picker-item {
  border: 1px solid var(--lines);
  color: var(--font-03-4);
  cursor: pointer;
  background-color: #f2f4f9;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px 8px 8px;
  display: flex;
}

.x-workspace-picker-item:hover {
  border-color: var(--font-00);
  color: var(--font-00);
}

.x-workspace-picker-item.for-active {
  border-color: var(--primary-blue);
  background-color: var(--brand-hover);
  color: var(--primary-blue);
}

.x-workspace-thumb {
  object-fit: cover;
  flex: none;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  display: block;
}

.x-emp-text {
  color: var(--font-01);
  font-weight: 700;
}

.x-emp-text.for-title {
  flex: none;
  margin-bottom: 12px;
  font-weight: 700;
}

.x-emp-text.for-subtitle {
  color: var(--font-03);
  letter-spacing: 1px;
  text-transform: uppercase;
  flex: 1;
  margin-bottom: 2px;
  font-size: 9px;
}

.x-emp-text.for-lval {
  font-size: 32px;
  line-height: 40px;
}

.x-emp-text.for-mval {
  font-size: 16px;
  line-height: 24px;
}

.x-emp-text.for-tds {
  margin-bottom: 0;
}

.x-picker-toggle {
  display: none;
}

.x-picker-btn.w--redirected-checked {
  width: 24px;
  height: 24px;
}

.x-workspace-picker-btn {
  background-color: var(--grey-bg);
  border-radius: 4px;
  padding: 4px 12px;
}

.x-workspace-picker-btn.for-active {
  background-color: var(--primary-blue);
  color: var(--white);
}

.x-form-message {
  border: 1px solid var(--lines);
  background-color: var(--light-highlight);
  text-align: center;
  border-radius: 4px;
  padding: 32px;
}

.x-message-text {
  margin-top: 16px;
  margin-bottom: 16px;
}

.x-input-opt-btn {
  background-color: var(--grey-bg);
  color: var(--font-03);
  text-transform: uppercase;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  top: 26px;
  right: 8px;
}

.x-input-opt-btn.for-active {
  background-color: var(--primary-blue);
  color: var(--grey-bg);
  font-size: 10px;
}

.x-appnav {
  z-index: 8000;
  border-bottom: 1px solid var(--lines);
  height: 60px;
  position: fixed;
  inset: 0% 0% auto;
}

.x-appnav.for-fixed {
  position: fixed;
  inset: 0% 0% auto;
}

.x-appnav.for-doc {
  position: sticky;
}

.x-appnav-wrapper {
  z-index: 1000;
  border-bottom: 1px solid var(--lines);
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding: 8px 12px;
  display: flex;
  position: relative;
}

.x-nav-group, .x-nav-user-block {
  align-items: center;
  display: flex;
}

.x-brand-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.x-brand-logo {
  height: 32px;
  display: block;
}

.x-brand-logo.for-navbar {
  height: 32px;
}

.x-brand-logo.for-datatable {
  border: 1px solid var(--lines);
  border-radius: 4px;
  height: 32px;
}

.x-nav-user-item {
  margin-left: 12px;
  position: relative;
}

.x-nav-user-link {
  color: var(--font-01);
  background-color: #f2f4f9;
  border-radius: 24px;
  padding: 8px;
  font-family: Remix, sans-serif;
  font-size: 16px;
  display: block;
}

.x-nav-user-link:hover {
  background-color: var(--light-hover-grey);
  color: var(--font-00);
}

.x-nav-user-link.for-active {
  background-color: var(--font-00);
  color: var(--white);
}

.x-nav-user-profile {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--font-03);
  align-items: center;
  margin-left: 12px;
  padding-right: 8px;
  display: flex;
}

.x-nav-user-profile:hover {
  color: var(--font-00);
}

.x-nav-user-profile-name {
  white-space: nowrap;
  font-weight: 600;
  overflow: hidden;
}

.x-appnav-dd-menu-list {
  margin-bottom: 0;
}

.x-appnav-dd-menu-link {
  color: var(--font-03);
  white-space: nowrap;
  border-radius: 4px;
  align-items: center;
  padding: 8px 12px 8px 8px;
  font-weight: 600;
  display: flex;
}

.x-appnav-dd-menu-link:hover {
  color: var(--font-00);
  background-color: #f2f4f9;
}

.x-appnav-dd-menu-link.w--current, .x-appnav-dd-menu-link.for-active {
  color: var(--primary-blue);
}

.x-appnav-dd-menu-link.for-remove {
  color: var(--red);
}

.x-appnav-dd-menu-link.for-green {
  color: var(--green);
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.x-search-block {
  z-index: 100;
  background-color: var(--white);
  min-width: 320px;
  display: none;
  position: absolute;
  top: -3px;
  right: -3px;
}

.x-search-btn {
  color: var(--font-00);
  background-color: #0000;
  padding: 8px;
  font-family: Remix, sans-serif;
  font-size: 16px;
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
}

.x-close-search-btn {
  color: var(--red);
  cursor: pointer;
  border-radius: 24px;
  padding: 8px;
  font-family: Remix, sans-serif;
  font-size: 16px;
  display: block;
  position: absolute;
  top: 3px;
  right: 3px;
}

.x-close-search-btn:hover {
  background-color: var(--grey-bg);
  color: var(--font-00);
}

.x-alert-bubble {
  z-index: 10;
  background-color: var(--red);
  border-radius: 8px;
  width: 8px;
  height: 8px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.x-nav-sidebar {
  z-index: 800;
  border-left: 1px solid var(--lines);
  background-color: var(--white);
  flex-direction: column;
  width: 320px;
  padding-top: 56px;
  transition: all .35s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.x-nav-sidebar.for-hide {
  transform: translate(100%);
}

.x-nav-sidebar-header {
  border-bottom: 1px solid var(--lines);
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  display: flex;
}

.x-nav-sidebar-scroller {
  flex: 1;
  height: 100%;
  overflow: auto;
}

.x-area-title {
  font-size: 13px;
  font-weight: 600;
}

.x-nav-sidebar-list {
  margin-bottom: 0;
}

.x-nav-sidebar-item {
  position: relative;
}

.x-nav-sidebar-link {
  color: var(--font-01);
  padding: 12px 40px 12px 16px;
  display: flex;
}

.x-nav-sidebar-link:hover {
  background-color: var(--grey-bg);
  color: var(--font-00);
}

.x-nav-sidebar-link.for-read {
  color: var(--font-03-4);
}

.x-noti-thumb {
  border-radius: 4px;
  width: 40px;
  height: 40px;
  display: block;
}

.x-noti-thumb.for-read {
  filter: grayscale();
}

.x-noti-container {
  flex: 1;
  margin-left: 12px;
  overflow: hidden;
}

.x-nav-sidebar-title {
  font-weight: 600;
}

.x-nav-sidebar-group {
  border-bottom: 1px solid var(--lines);
}

.x-nav-sidebar-group-title {
  padding: 6px 16px;
  font-size: 10px;
  font-weight: 600;
}

.x-nav-sidebar-empty {
  padding: 16px;
}

.x-empty-placeholder {
  border: 1px dashed var(--lines);
  color: var(--font-03-4);
  text-align: center;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 240px;
  padding: 32px;
  display: flex;
}

.x-empty-placeholder.for-list {
  border-style: none;
  border-radius: 0;
  flex: 1;
  padding: 56px;
}

.x-empty-placeholder.for-inline {
  background-color: var(--light-highlight);
  min-height: 80px;
  margin-bottom: 12px;
}

.x-empty-placeholder.for-gallery {
  min-height: 0;
  padding: 16px;
}

.x-empty-placeholder.for-search {
  background-image: url('../images/stripe-light-grey_1stripe-light-grey.png');
  background-position: 0 0;
  background-size: auto;
  border-style: none;
  border-radius: 0;
  min-height: 24px;
  padding: 12px;
  font-weight: 500;
}

.x-empty-placeholder.for-list-item {
  background-image: url('../images/stripe-light-grey_1stripe-light-grey.png');
  background-position: 0 0;
  background-size: auto;
  min-height: 64px;
  padding: 16px;
}

.x-empty-thumb {
  height: 128px;
  margin-bottom: 12px;
  display: block;
}

.x-brand-block {
  position: fixed;
  inset: 24px auto auto 24px;
}

.doc-item-container {
  border: 1px solid var(--lines);
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 12px;
}

.doc-item-container.for-small-dialog {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-style: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: stretch stretch;
  padding: 0;
  display: grid;
}

.doc-item-container.for-large-dialog {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-style: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

.x-master {
  z-index: 1;
  min-height: 90vh;
  padding-top: 60px;
  padding-bottom: 64px;
  position: relative;
}

.x-master.for-doc-viewer {
  height: 100vh;
  padding: 60px 0 0;
  position: fixed;
  inset: 0%;
}

.x-master.for-fullview {
  height: 100vh;
  min-height: 0;
  padding: 60px 0 33px;
  overflow: hidden;
}

.x-wrapper {
  margin-left: auto;
  margin-right: auto;
}

.x-wrapper.for-880 {
  max-width: 880px;
}

.x-wrapper.for-project {
  align-items: flex-start;
  display: flex;
}

.x-wrapper.for-duo-col {
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.x-wrapper.for-center {
  max-width: 880px;
}

.x-header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid var(--lines);
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px;
  display: flex;
}

.x-header.for-center {
  margin-bottom: 16px;
  padding: 24px 0;
}

.x-header-intro {
  max-width: 640px;
  margin-right: 80px;
}

.x-header-opt {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.x-profile-widget-block {
  align-items: center;
  display: flex;
}

.x-profile-widget-data {
  margin-left: 8px;
}

.x-profile-widget-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.x-main {
  flex: 1;
}

.x-main.for-proj {
  padding: 24px;
  transition: all .25s cubic-bezier(.77, 0, .175, 1);
}

.x-main.for-scroll {
  overflow: hidden;
}

.x-profile-wrapper {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.x-anchor-opt {
  border: 1px solid var(--lines);
  background-color: #f2f4f9;
  border-radius: 4px;
  flex: none;
  width: 220px;
  margin-left: 24px;
  position: sticky;
  top: 80px;
  overflow: hidden;
}

.x-profile-container {
  flex: 1;
}

.x-anchor-header {
  padding: 12px;
}

.x-anchor-list {
  margin-bottom: 0;
}

.x-anchor-item {
  border-top: 1px solid var(--lines);
}

.x-anchor-link {
  color: var(--font-03);
  padding: 8px 12px;
  font-weight: 400;
  display: block;
}

.x-anchor-link:hover {
  background-color: var(--list-hover);
  color: var(--font-00);
}

.x-anchor-link.w--current {
  color: var(--primary-blue);
}

.x-input-textarea {
  border: 1px solid var(--lines);
  border-radius: 4px;
  height: auto;
  min-height: 88px;
  margin-bottom: 4px;
  font-size: 12px;
}

.x-input-textarea:hover {
  border-color: var(--font-00);
}

.x-input-textarea:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 1px 3px #007dc5a3;
}

.x-input-textarea.for-editor {
  min-height: 240px;
}

.x-input-textarea.for-message {
  min-height: 128px;
}

.x-input-textarea.for-small {
  min-height: 64px;
}

.x-profile-section {
  border-bottom: 1px solid var(--lines);
  margin-bottom: 24px;
  padding-bottom: 24px;
  position: relative;
}

.x-input-toggle-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  display: flex;
}

.x-input-toggle-block.for-multi {
  margin-bottom: 0;
}

.x-input-toggle {
  cursor: pointer;
  flex: none;
  min-width: 64px;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.x-input-toggle.for-icon {
  min-width: 24px;
  font-family: Remix, sans-serif;
}

.x-input-toggle-btn {
  border-color: var(--lines);
  box-shadow: none;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.x-input-toggle-btn:hover {
  border-color: var(--primary-blue);
  border-radius: 4px;
}

.x-input-toggle-btn.w--redirected-checked {
  border-width: 1px;
  border-color: var(--primary-blue);
  background-color: #0000;
  background-image: none;
  border-radius: 4px;
}

.x-input-toggle-btn.w--redirected-focus {
  box-shadow: none;
}

.x-input-toggle-label {
  color: var(--font-03);
  text-align: center;
  background-color: #f2f4f8;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 8px 12px;
  font-weight: 600;
  display: flex;
}

.x-input-toggle-label.for-icon {
  font-size: 16px;
  font-weight: 400;
}

.x-btn-timestamp {
  color: var(--font-03-4);
  margin-left: 8px;
  margin-right: 8px;
  font-size: 10px;
}

.x-info-block {
  background-color: #e4f2ff;
  border-radius: 4px;
  align-items: flex-start;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 12px;
  display: flex;
}

.x-info-block.for-amber {
  background-color: var(--papaya-whip);
}

.x-info-block.for-reset {
  margin-top: 0;
  margin-bottom: 0;
}

.x-input-req-bubble {
  z-index: 10;
  cursor: help;
  background-color: #ef9a9a;
  border-radius: 4px;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 5px;
  left: -8px;
}

.x-input-select {
  border: 1px solid var(--lines);
  background-color: var(--white);
  height: 32px;
  margin-bottom: 0;
  padding: 0;
  font-size: 12px;
}

.x-input-select:hover {
  border-color: var(--font-00);
}

.x-input-select:focus {
  border-color: var(--primary-blue);
}

.x-input-select.for-sl-single {
  min-width: 96px;
}

.x-input-select.for-sl-single.is-filter {
  flex: none;
  width: 128px;
}

.x-input-select.for-sl-single.is-option {
  width: 160px;
}

.x-input-select.for-sl-single.is-small {
  width: 64px;
  min-width: 0;
}

.x-input-select.for-sl-single.is-user {
  flex: none;
  width: 128px;
}

.x-input-select.for-sl-single.is-appendix {
  flex: none;
  width: 160px;
  height: 24px;
}

.x-input-select.for-sl-single.is-prefix {
  padding-left: 12px;
}

.x-input-select.for-sl-search {
  min-width: 160px;
}

.x-input-select.for-sl-search.is-filter {
  min-width: 224px;
}

.x-input-select.for-sl-search.is-sidebar-filter {
  padding-left: 32px;
}

.x-chkbox-row {
  margin-top: 8px;
  padding-bottom: 8px;
}

.x-setup-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

.x-setup-item {
  border: 1px solid var(--lines);
  background-color: var(--grey-bg);
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px 8px 8px;
  display: flex;
}

.x-item-thumb {
  object-fit: cover;
  width: 40px;
  height: 40px;
}

.x-item-thumb.for-right-margin {
  margin-right: 12px;
}

.x-item-thumb.for-sml-ent {
  width: 32px;
  height: 32px;
}

.x-anchor-status {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.x-anchor-sec-score {
  background-color: var(--grey-bg);
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  font-size: 64px;
  font-weight: 700;
  line-height: 64px;
  display: flex;
}

.x-anchor-sec-score.for-green {
  background-color: var(--green);
  color: var(--white);
}

.x-anchor-sec-badge {
  background-color: var(--font-00);
  color: var(--white);
  border-radius: 16px;
  margin-top: -12px;
  margin-bottom: 12px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
}

.x-step-item {
  align-items: flex-start;
  margin-top: 8px;
  display: flex;
}

.x-session-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

.x-session-item {
  border: 1px solid var(--lines);
  background-color: var(--white);
  border-radius: 4px;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.x-session-time {
  flex: none;
  width: 96px;
  margin-right: 16px;
  font-size: 10px;
  font-weight: 600;
}

.x-user-id-block {
  z-index: 10;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--lines);
  background-color: var(--light-highlight);
  border-radius: 4px;
  flex: 1;
  align-items: center;
  padding: 8px;
  display: flex;
  position: relative;
}

.x-user-id-block:hover {
  border-color: var(--font-00);
  background-color: var(--grey-bg);
}

.x-empty-text {
  color: var(--font-03-4);
  font-style: italic;
}

.x-file-list-block {
  background-color: #f2f4f9;
}

.x-file-list {
  margin-bottom: 0;
}

.x-file-item {
  border-bottom: 1px solid var(--lines);
  align-items: center;
  padding: 8px 12px;
  display: flex;
}

.x-file-item:hover {
  background-color: var(--light-highlight);
}

.x-file-info {
  flex: 1;
  margin-right: 16px;
}

.x-add-new-btn {
  background-color: var(--grey-bg);
  color: var(--font-03);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 12px;
  font-weight: 600;
  display: flex;
}

.x-add-new-btn:hover {
  background-color: var(--primary-blue);
  color: var(--white);
}

.x-team-list-block {
  border: 1px solid var(--lines);
  background-color: #f2f4f9;
  border-radius: 4px;
}

.x-team-list {
  margin-bottom: 0;
}

.x-team-item {
  border-bottom: 1px solid var(--lines);
  align-items: flex-start;
  padding: 12px;
  display: flex;
}

.x-team-item:hover {
  background-color: var(--list-hover);
}

.x-team-item.for-center {
  align-items: center;
}

.x-team-item.for-center.is-current {
  background-color: #fce1d5;
}

.x-multirow-input-group {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.x-team-data-input {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: 12px;
  margin-right: 12px;
  display: grid;
}

.x-team-data-input.for-admin {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 160px;
  align-items: start;
}

.x-team-data {
  flex: 1;
  margin-left: 12px;
  margin-right: 12px;
}

.x-team-data.for-member {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 80px 80px 64px;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.x-team-data.for-project {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 128px 128px 128px;
  grid-auto-columns: 1fr;
  display: grid;
}

.x-team-role {
  background-color: var(--green);
  color: var(--white);
  text-align: center;
  border-radius: 4px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 8px 12px;
  font-size: 10px;
  font-weight: 600;
}

.x-tabnav-sep {
  color: var(--font-03);
  font-family: Remix, sans-serif;
  font-size: 16px;
}

.x-heading-reset {
  margin-top: 0;
  margin-bottom: 0;
}

.x-quick-search-block {
  position: relative;
}

.x-quick-search-block.for-dir {
  border-right-style: none;
  flex: 1;
  margin-bottom: 8px;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

.x-bottom-sheet-block {
  z-index: 5000;
  opacity: 1;
  background-color: #f2f4f8;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  padding-top: 59px;
  transition: transform .35s cubic-bezier(.645, .045, .355, 1), opacity .1s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: hidden;
  transform: translate(0);
}

.x-bottom-sheet-block.for-hide {
  opacity: 0;
  transform: translate(0, 100%);
}

.x-bs-header {
  border-bottom: 1px solid var(--lines);
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  display: flex;
}

.x-bs-content {
  flex: 1;
  overflow: auto;
}

.x-bs-content.for-list {
  overflow: hidden;
}

.x-bottom-sheet-h3 {
  margin-bottom: 0;
  margin-left: 12px;
}

.x-bs-container {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 24px 40px;
}

.x-bs-container.for-mfa {
  max-width: 400px;
}

.x-bs-container.for-list {
  max-width: none;
  height: 100%;
  padding: 0;
}

.x-opt-dd-menu {
  z-index: 8000;
  border: 1px solid var(--lines);
  background-color: var(--white);
  box-shadow: 0 8px 16px -4px var(--shadow);
  perspective-origin: 100% 0;
  transform-origin: 100% 0;
  border-radius: 2px;
  padding: 4px;
  transition: all .35s cubic-bezier(.645, .045, .355, 1);
  position: absolute;
  inset: 0% 0% auto auto;
}

.x-opt-dd-menu.for-hide {
  transform: scale(0);
}

.x-opt-dd-overlay {
  z-index: 7000;
  display: none;
  position: fixed;
  inset: 0%;
}

.x-tab {
  flex: 1;
  overflow: auto;
}

.x-tab-menu {
  z-index: 1000;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: sticky;
  top: 0;
}

.x-tab-link {
  color: var(--font-03);
  background-color: #0000;
  border-radius: 4px;
  padding: 6px 12px;
  font-weight: 600;
}

.x-tab-link:hover {
  background-color: var(--grey-bg);
  color: var(--font-00);
}

.x-tab-link.w--current {
  background-color: var(--primary-blue);
  color: var(--white);
}

.x-tab-content {
  z-index: 10;
  overflow: visible;
}

.x-avatar-block {
  flex: none;
  position: relative;
}

.x-avatar-block.for-entity {
  object-fit: cover;
  width: 32px;
  height: 32px;
}

.x-avatar-block.for-group {
  margin-left: -8px;
}

.x-avatar-badge {
  background-color: var(--font-00);
  color: var(--white);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: 8px;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: auto auto -2px -2px;
}

.x-avatar-badge.for-admin {
  background-color: var(--green);
}

.x-avatar-badge.for-staff {
  background-color: var(--primary-blue);
}

.x-avatar-badge.for-manager {
  background-color: var(--red);
}

.x-avatar-badge.for-collaborator {
  background-color: #1e88e5;
}

.x-input-switch {
  letter-spacing: normal;
  text-transform: none;
  margin-bottom: 0;
  padding-left: 0;
  font-weight: 400;
  position: relative;
}

.x-input-switch-button {
  display: none;
}

.x-input-switch-label {
  background-color: var(--light-hover-grey);
  border: 1px solid #d7dae1;
  border-radius: 24px;
  width: 48px;
  height: 24px;
  margin-bottom: 0;
  transition: all .35s cubic-bezier(.86, 0, .07, 1);
  display: block;
  position: relative;
}

.x-perm-type-edit-btn {
  color: var(--font-03);
  background-color: #f2f4f9;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 10px;
  display: block;
  position: absolute;
  inset: 4px 4px auto auto;
}

.x-perm-type-edit-btn:hover {
  background-color: var(--primary-blue);
  color: var(--white);
}

.x-sec-status-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--green);
  color: var(--green);
  background-color: #e6fff2;
  border-radius: 4px;
  grid-template-rows: auto;
  grid-template-columns: 32px 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-bottom: 16px;
  padding: 8px;
  display: grid;
}

.x-page-h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.x-page-option-block {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.x-page-option-block.for-list {
  margin-bottom: 0;
  padding: 16px;
}

.x-quick-filter-menu {
  align-items: center;
  display: flex;
}

.x-quick-filter-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--font-03);
  background-color: #f2f4f9;
  border-radius: 4px;
  align-items: center;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
}

.x-quick-filter-link:hover {
  background-color: var(--light-hover-grey);
  color: var(--font-00);
}

.x-quick-filter-link.w--current {
  background-color: var(--font-00);
  color: var(--white);
}

.x-quick-filter-link.for-current {
  background-color: var(--primary-blue);
  color: var(--white);
}

.x-page-option-group {
  align-items: center;
  display: flex;
}

.x-page-option-special {
  border-left: 1px solid var(--lines);
  margin-left: 4px;
  padding-left: 4px;
  display: none;
}

.x-datatable-counter {
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  font-weight: 600;
  display: flex;
}

.x-datatable-counter.for-counter {
  width: auto;
}

.x-datatable-block {
  background-color: var(--white);
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.x-datatable-block.for-v2 {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.x-datatable-block.for-inline {
  border-style: none;
  border-radius: 0;
  margin-left: -16px;
  margin-right: -16px;
}

.x-dt-header {
  z-index: 100;
  border-top: 1px solid var(--lines);
  border-bottom: 1px solid var(--lines);
  background-color: #f2f4f9;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  position: sticky;
  top: 57px;
}

.x-dt-header.for-list {
  border-top-style: none;
  border-bottom-style: none;
  padding-left: 16px;
  padding-right: 16px;
  position: sticky;
  inset: 0% 0% auto;
}

.x-dt-list {
  margin-bottom: 0;
}

.x-dt-item {
  border-bottom: 1px solid var(--lines);
  align-items: stretch;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.x-dt-item:hover {
  background-color: #f2f4f9;
}

.x-dt-item.for-list {
  padding-left: 16px;
  padding-right: 16px;
}

.x-dt-check-col {
  align-items: center;
  width: 32px;
  margin-right: 8px;
  display: flex;
}

.x-dt-header-label {
  text-transform: uppercase;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  font-weight: 600;
}

.x-dt-header-label.for-reset {
  color: var(--font-03-4);
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 10px;
}

.x-dt-name-col {
  border-left: 1px solid var(--lines);
  flex: 1;
}

.x-dt-base-col {
  border-left: 1px solid var(--lines);
  flex: 1;
  align-items: center;
  max-width: 160px;
  display: flex;
}

.x-dt-sort-toggle {
  color: var(--font-03-4);
  margin-left: 4px;
  padding: 4px;
  font-family: Remix, sans-serif;
}

.x-dt-opt-col {
  flex: none;
  align-items: center;
  width: 32px;
  display: flex;
}

.x-dt-item-link {
  color: var(--primary-blue);
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  font-weight: 600;
  display: flex;
}

.x-dt-item-link:hover {
  color: var(--primary-blue);
  background-color: #ffffff52;
}

.x-user-link-block {
  color: var(--font-03);
  flex: 1;
  align-items: center;
  height: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.x-user-link-block:hover {
  color: var(--primary-blue);
  background-color: #ffffff52;
}

.x-dt-small-col {
  flex: 1;
  align-items: center;
  max-width: 96px;
  padding-right: 16px;
  display: flex;
}

.x-dialog {
  z-index: 9900;
  background-color: var(--shadow);
  position: fixed;
  inset: 0%;
}

.x-dialog.for-hide {
  display: none;
}

.x-dialog-overlay {
  z-index: 10;
  display: none;
  position: absolute;
  inset: 0%;
}

.x-dialog-form {
  z-index: 100;
  background-color: var(--white);
  box-shadow: 0 8px 16px -4px var(--shadow);
  border-radius: 4px;
  min-width: 424px;
  max-width: 480px;
  transition: all .25s cubic-bezier(.645, .045, .355, 1);
  position: relative;
  transform: translate(0);
}

.x-dialog-form.for-hide {
  opacity: 0;
  transform: translate(0, -64px);
}

.x-dialog-header {
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  display: flex;
}

.x-dialog-body {
  flex: 1;
  max-height: 72vh;
  padding: 16px 16px 24px;
  overflow: auto;
}

.x-dialog-body.for-nopad {
  padding: 0;
}

.x-dialog-body.for-viewer {
  max-height: none;
  padding: 0;
}

.x-dialog-title {
  font-size: 16px;
  font-weight: 600;
}

.x-dialog-title.for-action-icon {
  color: var(--lines);
  font-family: Remix, sans-serif;
  font-weight: 400;
}

.x-dialog-title.for-action {
  margin-bottom: 16px;
  line-height: 24px;
}

.x-dialog-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.x-val-emp {
  white-space: nowrap;
  flex: none;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  overflow: hidden;
}

.x-val-emp.for-status {
  background-color: var(--primary-blue);
  color: var(--white);
  border-radius: 4px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
  display: inline-block;
}

.doc-item {
  flex-wrap: wrap;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.doc-pages-col {
  margin-bottom: 0;
}

.doc-pages-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid var(--lines);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 16px;
  padding-bottom: 16px;
  display: grid;
}

.doc-sublist {
  width: 100%;
  padding-left: 24px;
}

.doc-subitem {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 8px;
  display: flex;
}

.x-dt-item-val {
  padding-left: 12px;
}

.x-input-shortcode {
  align-items: center;
  max-width: 306px;
  display: flex;
  position: relative;
}

.x-shortcode-check {
  flex: 1;
  margin-left: 8px;
  margin-right: -4px;
}

.x-doc-list-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.x-sidebar-scroller {
  flex: 1;
  height: 100%;
  overflow: auto;
}

.x-empty-list {
  display: block;
}

.x-empty-list-container {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  min-height: 96px;
  padding: 32px;
  display: flex;
}

.x-form {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.x-bs-list-container {
  height: 100%;
  display: flex;
}

.x-bs-list-body {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.x-bs-list-header {
  flex: none;
}

.x-bs-list-scroller {
  flex: 1;
  position: relative;
  overflow: auto;
}

.x-empty-action {
  margin-top: 16px;
}

.x-form-error {
  background-color: var(--red);
  color: var(--white);
  border-radius: 4px;
  padding: 2px;
  font-family: Remix, sans-serif;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  top: 16px;
  right: -4px;
}

.x-simple-list {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 8px;
  padding-left: 20px;
  display: flex;
}

.x-simple-list-item {
  border: 1px solid var(--light-hover-grey);
  background-color: var(--grey-bg);
  border-radius: 4px;
  margin-bottom: 6px;
  padding: 4px 8px;
}

.x-simple-list-more {
  color: var(--font-03-4);
  margin-top: 8px;
}

.x-input-cat-type-wrapper {
  border: 1px solid var(--lines);
  background-color: var(--white);
  border-radius: 4px;
  flex-wrap: wrap;
  flex: 1;
  display: flex;
}

.x-input-cat-type-col {
  border-right: 1px solid var(--lines);
  flex: 1;
  padding: 8px;
}

.x-input-cat-type-col.for-last {
  border-right-style: none;
}

.x-large-dialog-form {
  z-index: 100;
  background-color: var(--white);
  box-shadow: 0 8px 16px -4px var(--shadow);
  border-radius: 4px;
  min-width: 1140px;
  max-width: 1280px;
  transition: all .25s cubic-bezier(.645, .045, .355, 1);
  position: relative;
}

.x-large-dialog-form.for-hide {
  opacity: 0;
  transform: translate(0, -64px);
}

.x-dialog-action {
  border-top: 1px solid var(--lines);
  padding: 12px 16px 16px;
}

.x-icon-sml-btn {
  background-color: var(--primary-blue);
  box-shadow: 0 4px 8px -2px var(--shadow), inset 0 0 0 1px var(--primary-blue);
  border-radius: 4px;
  padding: 7px 8px;
  font-family: Remix, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
  text-decoration: none;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
}

.x-icon-sml-btn:hover {
  background-color: var(--font-03);
  box-shadow: 0 1px 4px -2px var(--shadow), inset 0 0 0 1px var(--font-00);
  color: var(--white);
}

.x-icon-sml-btn.for-secondary {
  background-color: var(--grey-bg);
  box-shadow: 0 4px 8px -2px var(--shadow), inset 0 0 0 1px var(--font-03);
  color: var(--primary-blue);
  background-image: none;
}

.x-icon-sml-btn.for-secondary:hover {
  background-color: var(--white);
  box-shadow: 0 1px 4px -2px var(--shadow), inset 0 0 0 1px var(--lines);
  color: var(--font-00);
}

.x-icon-sml-btn.for-simple {
  background-color: var(--white);
  box-shadow: 0 4px 8px -2px var(--shadow), inset 0 0 0 1px var(--light-hover-grey);
  color: var(--font-01);
  background-image: none;
}

.x-icon-sml-btn.for-simple:hover {
  background-color: var(--grey-bg);
  box-shadow: 0 1px 4px -2px var(--shadow), inset 0 0 0 1px var(--light-hover-grey);
  color: var(--font-00);
}

.x-icon-sml-btn.for-green {
  background-color: var(--green);
  box-shadow: 0 4px 8px -2px var(--shadow), inset 0 0 0 1px var(--green);
  color: var(--white);
}

.x-icon-sml-btn.for-green:hover {
  background-color: var(--font-00);
  box-shadow: 0 4px 8px -2px var(--shadow), inset 0 0 0 1px var(--font-00);
}

.x-inline-sep {
  color: var(--lines);
  margin-left: 2px;
  margin-right: 2px;
}

.x-loader-overlay {
  z-index: 9000;
  background-color: var(--shadow);
  display: none;
  position: fixed;
  inset: 0%;
}

.x-loader-wrapper {
  z-index: 2;
  background-image: url('../images/stripe-light-grey_1stripe-light-grey.png');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.x-team-opt {
  flex: none;
  margin-left: 12px;
}

.x-webix-sml-btn {
  background-color: var(--light-hover-grey);
  color: var(--font-00);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 0;
  font-family: Remix, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 14px;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.x-webix-sml-btn:hover {
  background-color: var(--font-00);
  color: var(--white);
}

.x-webix-sml-btn.for-secondary {
  background-color: var(--grey-bg);
  color: var(--font-03-4);
}

.x-webix-sml-btn.for-secondary:hover {
  background-color: var(--white);
  color: var(--font-00);
}

.x-webix-sml-btn.for-simple {
  color: var(--font-03);
  background-color: #0000;
}

.x-webix-sml-btn.for-simple:hover {
  color: var(--font-00);
  background-color: #f2f4f8;
}

.x-filter-list {
  margin-bottom: 0;
}

.x-filter-list-item {
  border-top: 1px solid #f2f4f8;
  padding-top: 4px;
  padding-bottom: 4px;
}

.x-cat-type-block {
  border: 1px solid var(--lines);
  background-color: #f2f4f9;
  border-radius: 4px;
  padding: 12px;
}

.x-cat-type-list {
  margin-bottom: 0;
}

.x-cat-type-item {
  align-items: flex-start;
  margin-bottom: 12px;
  display: flex;
}

.x-dt-med-col {
  border-left: 1px solid var(--lines);
  flex: 1;
  align-items: center;
  max-width: 112px;
  padding-right: 16px;
  display: flex;
}

.x-input-list {
  border: 1px solid var(--lines);
  background-color: #f2f4f9;
  border-radius: 4px;
}

.x-input-list-header {
  border-bottom: 1px solid var(--lines);
  background-color: var(--white);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  display: flex;
}

.x-input-list-wrapper {
  margin-bottom: 0;
}

.x-input-list-row {
  border-bottom: 1px solid var(--lines);
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  display: flex;
}

.x-dt-thumb-col {
  flex: none;
  align-items: center;
  width: 40px;
  max-width: none;
  padding-right: 16px;
  display: flex;
}

.x-dt-thumb-img {
  flex: none;
  width: 24px;
  height: 24px;
  display: block;
}

.x-dt-thumb-img.for-large {
  object-fit: cover;
  width: 64px;
  height: 64px;
}

.x-quick-breadcrumb {
  align-items: center;
  display: flex;
}

.x-quick-breadcrumb-link {
  color: var(--font-03-4);
  padding: 6px 4px;
}

.x-val-span {
  color: var(--lines);
  font-size: 16px;
  line-height: 16px;
}

.x-uppy-embed {
  background-color: #f2f4f9;
  height: 480px;
  position: sticky;
  top: 0;
}

.x-uppy-embed.for-mid {
  height: 320px;
}

.x-uppy-embed.for-dialog {
  height: 48vh;
  min-height: 400px;
}

.x-input-list-option {
  border-bottom: 1px solid var(--lines);
  box-shadow: 0 3px 3px 0 var(--shadow);
  background-color: #f2f4f8;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  display: flex;
}

.x-form-twin-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.doc-overlay {
  background-color: var(--shadow);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.x-slider-block {
  width: 100%;
  height: 100%;
}

.x-slider-mask.for-announcement {
  border: 1px solid var(--lines);
  border-radius: 4px;
}

.x-slider-nav {
  flex-direction: row;
  height: 16px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 24px;
  display: flex;
  bottom: 24px;
}

.x-slider-nav.for-announcement {
  padding-left: 16px;
  bottom: 16px;
}

.x-slider-arrow {
  border: 1px solid var(--font-00);
  background-color: var(--font-00);
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  width: 40px;
  height: 40px;
  margin-top: auto;
  margin-bottom: auto;
  inset: auto 24px 24px auto;
}

.x-slider-arrow:hover {
  background-color: var(--font-01);
}

.x-slider-arrow.for-left {
  border-right-style: none;
  border-radius: 24px 0 0 24px;
  right: 64px;
}

.x-slider-icon {
  color: var(--white);
  font-size: 16px;
}

.x-slider-pane-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.x-slider-pane-content {
  z-index: 10;
  box-shadow: 0 8px 24px -4px var(--shadow);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #ffffffa3;
  border-radius: 4px;
  min-width: 400px;
  max-width: 64%;
  padding: 24px;
  position: absolute;
  bottom: 88px;
  right: 24px;
}

.x-slider-pane-content.for-announcement {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fffc;
  border-radius: 0;
  width: 100%;
  min-width: 0;
  max-width: none;
  padding: 16px 112px 48px 16px;
  bottom: 0;
  left: 0;
  right: 0;
}

.x-breadcrumb {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: none;
  align-items: center;
  display: flex;
}

.x-breadcrumb-link {
  color: var(--font-03);
  align-items: center;
  padding: 4px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.x-breadcrumb-link:hover {
  color: var(--primary-blue);
}

.x-breadcrumb-link.w--current {
  color: var(--font-00);
}

.x-nav-menu-toggle {
  flex: none;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.x-nav-menu-btn {
  background-color: var(--primary-blue);
  color: var(--white);
  border-radius: 24px;
  flex: none;
  align-items: center;
  padding: 8px 12px 8px 8px;
  font-weight: 600;
  display: flex;
}

.x-nav-menu-btn:hover {
  color: var(--white);
}

.x-nav-menu-btn.for-idle {
  color: var(--font-01);
  background-color: #f2f4f9;
}

.x-nav-menu-btn.for-idle:hover {
  background-color: var(--font-00);
  color: var(--white);
}

.x-nav-menu-label {
  margin-left: 8px;
}

.x-breadcrumb-home-btn {
  color: var(--font-01);
  background-color: #f2f4f9;
  border-radius: 24px;
  margin-right: 8px;
  padding: 8px;
  font-family: Remix, sans-serif;
  font-size: 16px;
}

.x-breadcrumb-home-btn:hover {
  background-color: var(--font-00);
  color: var(--white);
}

.x-bookmark-btn {
  border: 1px solid var(--lines);
  color: var(--font-03-4);
  background-color: #f2f4f9;
  border-radius: 24px;
  margin-left: -4px;
  margin-right: 8px;
  padding: 4px;
  font-family: Remix, sans-serif;
  font-size: 10px;
  line-height: 10px;
}

.x-bookmark-btn.for-active {
  border-color: var(--primary-blue);
  background-color: var(--primary-blue);
  color: var(--white);
}

.x-appnav-menu {
  z-index: 5010;
  border-bottom: 1px solid var(--lines);
  background-color: var(--white);
  box-shadow: 0 4px 8px -4px var(--shadow);
  padding: 16px;
  display: none;
  position: relative;
  top: -1px;
  overflow: auto;
}

.x-appnav-menu.for-active {
  display: block;
}

.x-appnav-menu-base-col {
  flex: none;
}

.x-appnav-menu-list {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: flex;
}

.x-appnav-menu-item {
  border-right: 1px solid var(--lines);
  flex: none;
  min-width: 184px;
  margin-right: 8px;
  padding-right: 8px;
  position: relative;
}

.x-appnav-menu-link {
  color: var(--font-03);
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  font-weight: 600;
  display: flex;
}

.x-appnav-menu-link:hover {
  color: var(--font-00);
  background-color: #f2f4f8;
}

.x-appnav-menu-link.w--current {
  color: var(--font-00);
}

.x-appnav-menu-label {
  margin-right: 24px;
}

.x-appnav-menu-container {
  display: flex;
}

.x-appnav-submenu-list {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  padding-left: 24px;
  display: block;
}

.x-appnav-submenu-item {
  flex: none;
  position: relative;
}

.x-appnav-copy {
  flex: none;
  margin-left: 8px;
  padding-right: 24px;
}

.x-setting-opt-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.x-setting-opt-link {
  border: 1px solid var(--lines);
  color: var(--font-01);
  background-color: #f2f4f9;
  border-radius: 4px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 16px;
  display: flex;
}

.x-setting-opt-link:hover {
  background-color: var(--white);
  color: var(--font-00);
}

.x-setting-opt-thumb {
  height: 96px;
}

.x-setting-opt-info {
  max-width: 320px;
  margin-left: 16px;
}

.x-setting-opt-h2 {
  margin-bottom: 8px;
}

.x-title-tab-block {
  align-items: center;
  margin-bottom: 24px;
  margin-left: -12px;
  margin-right: -12px;
  display: flex;
}

.x-title-tab-block.for-reset {
  margin-bottom: 0;
}

.x-title-tab-link {
  color: var(--font-03);
  flex: none;
  margin-left: 12px;
  margin-right: 12px;
}

.x-title-tab-link:hover {
  color: var(--primary-blue);
}

.x-title-tab-link.w--current {
  color: var(--font-00);
}

.x-title-tab-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.x-prem-switch-btn {
  border: 1px solid var(--primary-blue);
  background-color: var(--primary-blue);
  color: var(--white);
  border-radius: 40px;
  align-items: center;
  padding: 4px;
  display: flex;
  position: relative;
}

.x-prem-switch-btn:hover {
  color: var(--font-00);
  background-color: #f2f4f9;
}

.x-prem-switch-btn.for-idle {
  z-index: 100;
  border-color: var(--lines);
  background-color: var(--white);
  color: var(--font-03);
}

.x-prem-switch-btn.for-idle:hover {
  color: var(--font-00);
  background-color: #f2f4f9;
}

.x-prem-switch-thumb {
  object-fit: cover;
  border-radius: 24px;
  width: 32px;
  height: 32px;
}

.x-prem-switch-data {
  margin-left: 8px;
}

.x-prem-switch-icon {
  margin-left: 8px;
  padding: 8px;
  font-family: Remix, sans-serif;
  font-size: 16px;
}

.x-prem-switch-brand {
  font-weight: 600;
}

.x-prem-menu {
  z-index: 100;
  border: 1px solid var(--lines);
  background-color: var(--white);
  box-shadow: 0 4px 12px -4px var(--shadow);
  border-radius: 4px;
  width: 400px;
  padding-bottom: 8px;
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
}

.x-prem-menu-list {
  background-color: var(--white);
  margin-bottom: 0;
}

.x-prem-menu-item {
  align-items: center;
  display: flex;
  position: relative;
}

.x-prem-menu-item:hover {
  background-color: #f2f4f9;
}

.x-prem-menu-item.for-current {
  background-color: var(--brand-hover);
}

.x-prem-menu-item.for-current:hover {
  background-color: var(--brand-hover-copper);
}

.x-prem-switch-toggle {
  position: relative;
}

.x-prem-menu-link {
  color: var(--font-03);
  flex: none;
  align-items: center;
  width: 160px;
  height: 48px;
  padding: 8px 12px;
  display: flex;
}

.x-prem-menu-link:hover {
  color: var(--font-00);
}

.x-prem-menu-link.for-brand {
  white-space: nowrap;
  width: 228px;
  position: relative;
  overflow: hidden;
}

.x-prem-menu-status {
  flex: 1;
  align-items: center;
  display: flex;
}

.x-prem-menu-status-icon {
  margin-right: 4px;
  font-family: Remix, sans-serif;
  font-size: 16px;
}

.x-prem-menu-status-icon.for-green {
  color: var(--green);
}

.x-prem-menu-status-icon.for-amber {
  color: var(--amber);
}

.x-prem-menu-status-icon.for-red {
  color: var(--red);
}

.x-prem-menu-opt {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
  position: absolute;
  top: 12px;
  right: 8px;
}

.x-prem-menu-header {
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px 8px 16px;
  display: flex;
}

.x-prem-menu-scroller {
  max-height: 320px;
  overflow: auto;
}

.x-prem-switch-status-icon {
  font-family: Remix, sans-serif;
  font-size: 16px;
  position: absolute;
  inset: auto -4px 0% auto;
}

.x-prem-switch-status-icon.for-green {
  color: var(--green);
}

.x-prem-switch-status-icon.for-amber {
  color: var(--amber);
}

.x-prem-switch-status-icon.for-red {
  color: var(--red);
}

.x-prem-switch-overlay {
  z-index: 10;
  background-color: var(--shadow);
  display: none;
  position: fixed;
  inset: 0%;
}

.x-prem-block {
  border: 1px solid var(--lines);
  background-color: #f2f4f9;
  border-radius: 4px;
  overflow: hidden;
}

.x-subdomain-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--lines);
  background-color: #f2f4f9;
  border-radius: 4px;
  align-items: center;
  padding: 4px;
  display: flex;
}

.x-subdomain-input {
  flex: 1;
  position: relative;
}

.x-subdomain-label {
  color: var(--font-01);
  margin-right: 8px;
  font-weight: 600;
}

.x-subdomain-check {
  background-color: #f2f4f9;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  top: 4px;
  left: 4px;
}

.x-subdomain-check.for-green {
  background-color: var(--green);
  color: var(--white);
}

.x-subdomain-check.for-red {
  background-color: var(--red);
  color: var(--white);
}

.x-tenant-brand-logo {
  border: 1px solid var(--lines);
  background-color: var(--white);
  border-radius: 4px;
  height: 88px;
  margin-bottom: 8px;
  padding: 16px;
}

.x-tenant-brand-logo.for-square, .x-tenant-brand-logo.for-favicon {
  width: 88px;
  padding: 8px;
}

.x-tenant-brand-col {
  border: 1px solid var(--lines);
  background-color: #f2f4f9;
  border-radius: 4px;
  flex-direction: column;
  max-width: 240px;
  padding: 8px;
  display: flex;
}

.x-footer {
  z-index: 1000;
  border-top: 1px solid var(--lines);
  background-color: var(--light-highlight);
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.x-footer-menu-list {
  align-items: center;
  margin-bottom: 0;
  margin-left: -6px;
  margin-right: -6px;
  display: flex;
}

.x-footer-menu-item {
  padding-left: 6px;
  padding-right: 6px;
}

.x-footer-menu-link {
  color: var(--font-03);
  display: block;
}

.x-input-flex {
  min-width: 88px;
  display: flex;
}

.x-input-flex.for-limit.is-short-title {
  min-width: 0;
  max-width: 160px;
}

.x-input-prefix {
  z-index: 0;
  border: 1px solid var(--lines);
  background-color: var(--grey-bg);
  color: var(--font-01);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  flex: none;
  align-items: center;
  margin-right: -6px;
  padding-left: 12px;
  padding-right: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.x-input-postfix {
  border: 1px solid var(--lines);
  background-color: var(--grey-bg);
  color: var(--font-01);
  white-space: nowrap;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  align-items: center;
  margin-left: -6px;
  padding-left: 16px;
  padding-right: 12px;
  font-weight: 600;
  display: flex;
}

.x-input-user-picker {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.x-input-user-picker-toggle {
  z-index: 10;
  border: 1px solid var(--lines);
  background-color: var(--white);
  border-radius: 4px;
  flex: 1;
  align-items: center;
  padding: 8px;
  display: flex;
  position: relative;
}

.x-avatar-info {
  flex: 1;
  margin-left: 8px;
}

.x-dir-list-block {
  z-index: 20;
  border: 1px solid var(--lines);
  background-color: var(--white);
  border-radius: 4px;
  display: none;
  position: absolute;
  inset: 48px 0% auto;
  overflow: hidden;
  box-shadow: 0 8px 24px -6px #232b373d;
}

.x-dir-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-height: 32vh;
  margin-bottom: 0;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  display: grid;
  overflow: auto;
}

.x-dir-item {
  border: 1px solid var(--lines);
  cursor: pointer;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px 8px 8px;
  display: flex;
}

.x-dir-item.for-active {
  border-color: var(--primary-blue);
  background-color: var(--brand-hover);
}

.x-dir-search {
  z-index: 10;
  padding: 12px 12px 8px;
  position: sticky;
  top: 0;
}

.x-input-user-picker-overlay {
  z-index: 8;
  display: none;
  position: fixed;
  inset: 0%;
}

.x-tenant-brand-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.x-cat-type-opt {
  flex: none;
}

.x-tab-body {
  background-color: var(--white);
  padding: 24px 24px 80px;
}

.x-small-span {
  border: 1px solid var(--lines);
  color: var(--font-01);
  background-color: #f2f4f8;
  border-radius: 4px;
  margin-left: 4px;
  padding: 2px 6px;
  font-weight: 600;
  display: inline-block;
}

.x-data-grid-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.x-data-grid-block.for-full {
  max-width: none;
}

.x-data-grid-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.x-data-grid-col {
  flex: 1;
}

.x-data-grid-col.for-sml {
  flex: none;
  width: 25%;
  min-width: 128px;
}

.x-data-grid-col.for-mid {
  flex: none;
  width: 33.333%;
}

.x-data-grid-col.for-vsml {
  flex: none;
}

.x-data-grid-card {
  border: 1px solid var(--lines);
  background-color: var(--white);
  box-shadow: 0 4px 12px -6px var(--shadow);
  border-radius: 4px;
  height: 100%;
  padding: 16px;
  position: relative;
}

.x-data-grid-card.for-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.x-data-grid-card.for-id {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.x-brand-grid-wide-thumb {
  width: 100%;
  display: block;
}

.x-diagram-block {
  background-image: url('../images/10x10-gridline_110x10-gridline.png');
  background-position: 50%;
  background-size: auto;
  width: 100%;
  min-height: 240px;
}

.x-tag-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  white-space: nowrap;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: -4px;
  display: flex;
}

.x-tag-link {
  background-color: #e3f2fd;
  border-radius: 4px;
  margin-bottom: 4px;
  padding: 4px 6px;
  font-weight: 600;
}

.x-tag-link:hover {
  background-color: var(--hover-blue-link);
  color: var(--white);
}

.x-tag-group-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 8px;
  display: grid;
}

.x-tag-group-col {
  margin-left: 8px;
  margin-right: 8px;
}

.x-tag-group-col.for-sub {
  flex: none;
  width: 60%;
}

.x-tag-group-row {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.x-tag-group-sep {
  border-top: 1px solid var(--lines);
  flex: 1;
  height: 0;
  margin-top: 12px;
}

.x-pic-block {
  background-color: var(--grey-bg);
  border-radius: 4px;
  align-items: center;
  padding: 6px;
  display: flex;
}

.x-pic-block:hover {
  background-color: #f2f4f9;
}

.x-brand-grid-pic {
  margin-top: 24px;
}

.x-val-stack-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

.x-val-stack-item {
  border: 1px solid var(--lines);
  background-color: #f2f4f8;
  border-radius: 4px;
  display: flex;
}

.x-val-stack-item.for-active {
  background-color: #08c18a29;
}

.x-val-stack-link {
  color: var(--font-03-4);
  background-color: #f2f4f9;
  border-radius: 4px;
  align-items: center;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
}

.x-val-stack-link.for-active {
  background-color: var(--green);
  color: var(--white);
  font-size: 11px;
  box-shadow: 0 3px 4px -1px #08c18aa3;
}

.x-val-stack-sep {
  flex: none;
  margin-left: 4px;
  margin-right: 4px;
}

.x-val-stack-group-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

.x-val-stack-group-item {
  display: flex;
}

.x-val-stack-group-label {
  border-right: 2px solid var(--grey-bg);
  color: var(--font-03-4);
  flex: none;
  width: 80px;
  margin-right: 8px;
  font-weight: 600;
}

.x-val-stack-group-label.for-active {
  border-right-color: var(--green);
  color: var(--green);
}

.x-type-stack-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 0;
  display: grid;
}

.x-type-stack-item {
  border: 1px solid var(--lines);
  background-color: #f2f4f8;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.x-type-stack-link {
  color: var(--font-03-4);
  background-color: #f2f4f9;
  border-radius: 4px;
  align-items: center;
  padding-right: 12px;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}

.x-type-stack-link.for-1 {
  flex: none;
  width: 25%;
}

.x-type-stack-link.for-2 {
  width: 30%;
}

.x-type-stack-link.for-3 {
  width: 40%;
}

.x-type-stack-link.for-3.is-active {
  background-color: var(--green);
  color: var(--white);
}

.x-type-stack-link.for-4 {
  width: 50%;
}

.x-type-stack-link.for-4.is-active {
  background-color: var(--green);
  color: var(--white);
}

.x-type-stack-link.for-5 {
  width: 60%;
}

.x-type-stack-link.for-5.is-active {
  background-color: var(--green);
  color: var(--white);
}

.x-type-stack-link.for-6 {
  width: 70%;
}

.x-type-stack-link.for-7 {
  width: 80%;
}

.x-type-stack-thumb {
  background-color: var(--list-hover);
  width: 32px;
  height: 32px;
  margin-right: 8px;
}

.x-type-stack-badge {
  color: var(--green);
  align-items: center;
  margin-right: 12px;
  font-weight: 600;
  display: flex;
}

.x-file-uploader-block {
  border-bottom: 1px solid var(--lines);
  background-color: var(--white);
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

.x-file-manager-block {
  border: 1px solid var(--lines);
  border-radius: 4px;
  overflow: hidden;
}

.x-file-manager-block.for-tc {
  background-color: var(--white);
  box-shadow: 0 4px 12px -4px var(--shadow);
}

.x-file-list-header {
  background-color: #f2f4f9;
  justify-content: space-between;
  align-items: center;
  padding: 12px 12px 4px;
  display: flex;
}

.x-legend-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 12px;
  display: grid;
}

.x-legend-item {
  background-color: #f2f4f8;
  border-radius: 4px;
  padding: 8px 12px;
  display: flex;
}

.x-legend-list-title {
  flex: none;
  width: 160px;
  margin-right: 12px;
  font-weight: 600;
}

.x-ownership-transfer-block {
  border: 1px solid var(--primary-blue);
  background-color: var(--brand-light-copper);
  border-radius: 4px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 16px;
  display: flex;
}

.x-ownership-info {
  max-width: 400px;
}

.x-statsum-block {
  border-bottom: 1px solid var(--lines);
  background-color: var(--white);
  flex: none;
  display: flex;
  overflow: hidden;
}

.x-statsum-col {
  border-left: 1px solid var(--lines);
  flex: none;
  width: 168px;
  padding: 16px 24px 16px 16px;
  position: relative;
}

.x-statsum-group {
  display: flex;
}

.x-statsum-total {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  display: flex;
}

.x-statsum-link {
  z-index: 10;
  border-radius: 24px;
  padding: 4px;
  font-family: Remix, sans-serif;
  font-size: 16px;
  display: block;
  position: absolute;
  inset: 4px 4px auto auto;
}

.x-statsum-link:hover {
  color: var(--font-00);
  background-color: #f2f4f9;
}

.x-statsum-filler {
  background-color: #f2f4f9;
  height: 8%;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.x-statsum-val {
  z-index: 10;
  position: relative;
}

.x-statsum-label {
  color: var(--font-03);
}

.x-datatable-header {
  z-index: 1000;
  border-bottom: 1px solid var(--lines);
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  display: flex;
  position: relative;
}

.x-datatable-header.for-dialog {
  background-color: #f2f4f8;
}

.x-datatable-webix-embed {
  z-index: 10;
  width: 100%;
  min-height: 240px;
  position: relative;
}

.x-datatable-row-format {
  display: flex;
}

.x-datatable-cell {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  height: 100%;
  line-height: 16px;
  display: flex;
}

.x-datatable-unit {
  border: 1px solid var(--lines);
  color: var(--font-01);
  white-space: nowrap;
  background-color: #f2f4f8;
  border-radius: 4px;
  flex: none;
  max-width: 128px;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  position: relative;
  overflow: hidden;
}

.x-datatable-unit:hover {
  border-color: var(--lines);
  color: var(--font-00);
  background-color: #f2f4f9;
}

.x-datatable-row-col {
  padding: 8px;
}

.x-datatable-badge {
  color: var(--font-03);
  background-color: #f2f4f9;
  border-radius: 4px;
  align-items: center;
  padding: 4px 8px 4px 4px;
  display: flex;
}

.x-datatable-badge.for-invited {
  background-color: var(--main-blue-link);
  color: var(--white);
}

.x-datatable-badge.for-cd {
  color: var(--white);
  background-color: #8e24aa;
}

.x-datatable-badge.for-fd {
  color: var(--white);
  background-color: #0097a7;
}

.x-datatable-badge.for-pc {
  color: #8e24aa;
  background-color: #e1bee7;
}

.x-datatable-badge.for-inspect {
  color: var(--white);
  background-color: #fc6c0c;
}

.x-datatable-badge.for-green {
  background-color: var(--green);
  color: var(--white);
}

.x-datatable-badge.for-suspend {
  background-color: var(--font-00);
  color: var(--amber);
}

.x-datatable-badge.for-red {
  color: var(--red);
  background-color: #ffebee;
}

.x-datatable-badge.for-grey {
  color: var(--font-03);
  background-color: #cfd8dc;
}

.x-datatable-badge.for-type-staff {
  background-color: var(--brand-hover);
  color: var(--primary-blue);
}

.x-datatable-badge.for-type-admin {
  background-color: var(--primary-blue);
  color: var(--brand-hover);
}

.x-datatable-badge.for-type-contact {
  background-color: var(--green);
  color: var(--white);
}

.x-datatable-badge.for-type-pm {
  color: var(--white);
  background-color: #8e24aa;
}

.x-datatable-badge.for-files {
  border: 1px solid var(--lines);
}

.x-datatable-badge.for-type-custom {
  background-color: var(--light-hover-grey);
}

.x-datatable-badge.for-amber {
  background-color: var(--amber);
  color: var(--font-00);
}

.x-datatable-badge.for-init {
  background-color: var(--primary-blue);
  color: var(--white);
}

.x-datatable-badge.for-tc-inactive {
  color: #26a69a;
  background-color: #b2dfdb;
}

.x-datatable-badge.for-tc-active {
  color: var(--white);
  background-color: #26a69a;
}

.x-datatable-badge.for-tc-reset {
  padding-left: 8px;
}

.x-datatable-badge.for-tc-reset.is-1 {
  color: var(--white);
  background-color: #ffccbc;
}

.x-datatable-badge.for-tc-reset.is-2 {
  color: var(--white);
  background-color: #ffab91;
}

.x-datatable-badge.for-tc-reset.is-3 {
  color: var(--white);
  background-color: #ff8a65;
}

.x-datatable-badge.for-tc-reset.is-4 {
  color: var(--white);
  background-color: #ff5722;
}

.x-datatable-badge.for-tc-reset.is-5 {
  color: var(--white);
  background-color: #f4511e;
}

.x-datatable-badge.for-tc-reset.is-6 {
  color: var(--white);
  background-color: #e64a19;
}

.x-datatable-badge.for-tc-reset.is-fnb {
  color: var(--white);
  background-color: #ebad93;
}

.x-datatable-badge.for-tc-reset.is-other {
  color: var(--white);
  background-color: #00bcd4;
}

.x-datatable-badge.for-tc-reset.is-anchor {
  color: var(--white);
  background-color: #d6805b;
}

.x-datatable-badge.for-tc-reset.is-manchor {
  color: var(--white);
  background-color: #009688;
}

.x-datatable-badge.for-tc-reset.is-specialty {
  color: var(--white);
  background-color: #9c27b0;
}

.x-datatable-badge.for-tc-reset.is-os {
  color: var(--white);
  background-color: #039be5;
}

.x-datatable-badge.for-blue {
  color: var(--white);
  background-color: #1e88e5;
}

.x-datatable-badge.for-type-supervisor {
  background-color: var(--amber);
  color: var(--font-00);
}

.x-datatable-chkbox {
  border: 1px solid var(--lines);
  cursor: pointer;
  background-color: #f2f4f8;
  border-radius: 4px;
  flex: none;
  width: 20px;
  height: 20px;
}

.x-datatable-chkbox.checked {
  border-color: var(--primary-blue);
  background-color: var(--primary-blue);
  background-image: url('../images/check-line.svg');
  background-position: 50%;
  background-size: 16px 16px;
}

.x-datatable-left-opt {
  align-items: center;
  display: flex;
}

.x-datatable-right-opt {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.x-datatable-view-toggle {
  border-right: 1px solid var(--lines);
  border-left: 1px solid var(--lines);
  align-items: center;
  margin-right: 8px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.x-datatable-body {
  flex: 1;
  min-height: 80px;
  margin-bottom: 48px;
  position: relative;
  overflow: auto;
}

.x-datatable-body.for-v2 {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.x-datatable-body.for-no-info {
  margin-bottom: 0;
}

.x-imp-embed {
  z-index: 10;
  box-shadow: -1px 0 0 0 var(--lines), 1px 0 0 0 var(--lines);
  min-height: 400px;
  position: relative;
  overflow: hidden;
}

.x-imp-legend-block {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--lines);
  border-bottom: 1px solid var(--lines);
  background-color: var(--white);
  flex-wrap: wrap;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 12px;
  display: flex;
  position: relative;
}

.x-imp-legend-label {
  color: var(--font-03);
  margin-right: 8px;
  font-weight: 600;
}

.x-imp-legend-col {
  align-items: center;
  font-size: 11px;
  display: flex;
}

.x-imp-block {
  position: relative;
}

.x-imp-footer {
  border-top: 1px solid var(--lines);
  flex: none;
  padding: 8px 12px;
}

.x-tenant-info-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 320px;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.x-tenant-info-block.for-create {
  display: block;
}

.x-tenant-info-container {
  box-shadow: 0 4px 8px -2px var(--shadow);
  border-radius: 4px;
}

.x-tl-history-sidebar {
  background-color: var(--white);
  flex-direction: column;
  display: flex;
}

.x-stepper-block {
  background-color: #eee;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  flex: none;
  align-items: center;
  display: flex;
  overflow: auto;
}

.x-stepper-list {
  flex: none;
  margin-bottom: 0;
  display: flex;
}

.x-stepper-item {
  background-color: #eee;
  flex: none;
  align-items: center;
  display: flex;
  position: relative;
}

.x-stepper-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--font-03);
  background-color: #0000;
  align-items: center;
  padding: 12px 12px 12px 16px;
  font-weight: 600;
  transition: all .25s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: relative;
}

.x-stepper-link:hover {
  color: var(--font-01);
}

.x-stepper-link.w--current {
  z-index: 10;
  background-color: var(--white);
  color: var(--font-00);
  align-items: center;
  display: flex;
}

.x-stepper-link.for-done {
  color: var(--green);
}

.x-stepper-link.for-disabled {
  color: var(--font-03-4);
}

.x-stepper-link.for-opt {
  color: var(--primary-blue);
}

.x-stepper-link.for-opt:hover {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--font-00);
}

.x-tenant-info-body {
  background-color: var(--white);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.x-ti-tab-menu {
  border-bottom: 1px solid var(--lines);
  background-color: var(--white);
  display: flex;
}

.x-ti-tab-content {
  overflow: visible;
}

.x-ti-tab-link {
  color: var(--font-03);
  background-color: #0000;
  padding: 12px 16px;
  font-weight: 600;
  display: flex;
}

.x-ti-tab-link.w--current {
  color: var(--font-00);
  background-color: #0000;
}

.x-ti-tab-pane {
  overflow: visible;
}

.x-ti-tab-header {
  z-index: 1000;
  border-bottom: 1px solid var(--lines);
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  display: flex;
  position: sticky;
  top: 59px;
}

.x-timeline-block {
  max-width: 880px;
}

.x-timeline-list {
  margin-bottom: 0;
}

.x-timeline-item {
  position: relative;
}

.x-timeline-item.for-sub {
  align-items: flex-start;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.x-timeline-item-header {
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px 24px 16px;
  display: flex;
  position: relative;
}

.x-timeline-list.for-sub {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.x-timeline-item-icon-node {
  z-index: 10;
  background-color: var(--font-00);
  box-shadow: 0 0 0 8px var(--white);
  color: var(--white);
  border-radius: 24px;
  margin-right: 16px;
  padding: 8px;
  font-family: Remix, sans-serif;
  font-size: 16px;
  position: relative;
}

.x-timeline-item-icon-node.for-sub {
  z-index: 4;
  background-color: var(--grey-bg);
  color: var(--font-00);
  margin-right: 20px;
  padding: 8px;
}

.x-timeline-item-icon-node.for-end {
  z-index: 10;
  background-color: var(--primary-blue);
}

.x-timeline-item-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
}

.x-timeline-subitem-container {
  flex: 1;
}

.x-timeline-subitem-header {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 12px;
  display: flex;
  position: relative;
}

.x-timeline-item-opt {
  margin-top: 4px;
}

.x-timeline-subitem-title {
  margin-top: 4px;
  font-size: 14px;
  font-weight: 600;
}

.x-timeline-subitem-opt {
  position: absolute;
  inset: 0% 0% auto auto;
}

.x-timeline-item-line {
  border-bottom: 1px dashed var(--font-03-4);
  flex: 1;
  height: 0;
  margin-top: 16px;
  margin-left: 12px;
  margin-right: 12px;
}

.x-timeline-item-prog-label {
  color: var(--font-01);
  background-color: #f2f4f9;
  border-radius: 24px;
  align-items: center;
  margin-left: 12px;
  padding: 8px 12px 8px 8px;
  font-weight: 600;
  display: flex;
}

.x-timeline-item-prog-label.for-green {
  color: var(--green);
  background-color: #c9faeb;
}

.x-timeline-item-prog-label.for-blue {
  color: var(--main-blue-link);
  background-color: #e3f2fd;
}

.x-timeline-item-prog-label.for-amber {
  background-color: var(--brand-light-copper);
  color: var(--primary-blue);
}

.x-rsc-list-block {
  border: 1px solid var(--lines);
  box-shadow: 0 4px 12px -4px var(--shadow);
  border-radius: 4px;
  margin-top: 16px;
  padding: 16px;
}

.x-rsc-list {
  margin-bottom: 0;
  padding-top: 8px;
}

.x-rsc-item {
  border-bottom: 1px solid var(--lines);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  display: flex;
}

.x-rsc-item:hover {
  border-bottom-color: var(--primary-blue);
}

.x-rsc-item-thumb {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.x-rsc-item-opt {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: none;
  align-items: center;
  display: flex;
}

.x-rsc-item-type {
  color: var(--font-03);
}

.x-chk-list-block {
  border: 1px solid var(--lines);
  box-shadow: 0 4px 12px -4px var(--shadow);
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 16px;
}

.x-chk-list {
  margin-bottom: 0;
  padding-top: 8px;
}

.x-chk-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid var(--lines);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  display: flex;
}

.x-chk-item:hover {
  border-bottom-color: var(--primary-blue);
}

.x-chk-item-opt {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: none;
  align-items: center;
  display: flex;
}

.x-comment-block {
  border: 1px solid var(--lines);
  border-radius: 4px;
  padding: 16px;
}

.x-comment-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 12px;
  display: grid;
}

.x-comment-item-container {
  align-items: flex-start;
  display: flex;
}

.x-comment-item-body {
  background-color: #f2f4f8;
  border-radius: 8px;
  flex: 1;
  margin-left: 8px;
  margin-right: 8px;
  padding: 8px;
}

.x-comment-item-user {
  font-weight: 600;
  display: inline-block;
}

.x-comment-item-user:hover {
  text-decoration: underline;
}

.x-comment-action {
  align-items: flex-start;
  display: flex;
}

.x-rsc-item-link {
  font-weight: 600;
}

.x-rsc-item-link:hover {
  text-decoration: underline;
}

.x-file-manager-opt {
  padding: 16px;
}

.x-meeting-info-block {
  border: 1px solid var(--lines);
  box-shadow: 0 4px 12px -4px var(--shadow);
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 16px;
}

.x-meeting-info-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 160px 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 12px;
  display: grid;
}

.x-meeting-info-minutes {
  background-color: #f2f4f8;
  border-radius: 8px;
  padding: 12px;
}

.x-people-list-block {
  flex-wrap: wrap;
  display: flex;
}

.x-people-item {
  align-items: center;
  margin-bottom: 4px;
  margin-right: 4px;
  display: flex;
}

.x-people-item-link {
  background-color: var(--primary-blue);
  color: var(--white);
  border-radius: 40px;
  align-items: center;
  padding: 2px;
  display: flex;
}

.x-people-item-link:hover {
  color: var(--white);
}

.x-people-item-id {
  margin-left: 8px;
  margin-right: 8px;
}

.x-tl-history-header {
  z-index: 100;
  border-bottom: 1px solid var(--lines);
  background-color: var(--white);
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  display: flex;
  position: sticky;
  top: 0;
}

.x-tl-history-body {
  flex: 1;
  height: 100%;
  overflow: auto;
}

.x-history-list {
  margin-bottom: 0;
}

.x-history-item {
  align-items: flex-start;
  padding: 12px 16px;
  display: flex;
  position: relative;
}

.x-history-item:hover {
  background-color: #f2f4f8;
}

.x-history-item-node {
  z-index: 10;
  border: 4px solid var(--font-03-4);
  background-color: var(--white);
  border-radius: 8px;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  margin-right: 8px;
  position: relative;
}

.x-history-item-node.for-start {
  border-width: 1px;
  border-color: var(--primary-blue);
}

.x-history-item-node.for-end {
  border-width: 1px;
  border-color: var(--green);
}

.x-history-item-node.for-incident {
  border-color: var(--amber);
}

.x-history-item-node.for-green {
  border-color: var(--green);
}

.x-history-item-node.for-red {
  border-color: var(--red);
}

.x-history-item-info {
  flex: 1;
}

.x-history-item-timestamp {
  text-align: right;
  flex: none;
  width: 72px;
}

.x-history-list-start {
  align-items: flex-start;
  padding: 24px 16px;
  display: flex;
  position: relative;
}

.x-history-list-end {
  align-items: flex-start;
  padding: 16px 16px 24px;
  display: flex;
  position: relative;
}

.x-tc-data-row {
  border-bottom: 1px solid var(--lines);
  align-items: flex-start;
  display: flex;
}

.x-tc-data-col {
  flex: none;
  width: 228px;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
}

.x-tc-data-content-col {
  flex: 1;
  max-width: 800px;
  padding: 24px;
}

.x-timeline-end {
  padding: 24px;
}

.x-input-stack-opt {
  margin-top: 8px;
}

.x-data-val {
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
}

.x-brand-logo-view-block {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.x-brand-logo-col {
  padding-left: 8px;
  padding-right: 8px;
}

.x-um-view-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--lines);
  background-color: var(--white);
  border-radius: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 8px;
  padding: 16px;
  display: grid;
}

.x-um-view-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 48px 80px 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.x-user-update-opt {
  margin-left: 12px;
}

.x-ti-tab-wrapper {
  padding: 24px;
}

.x-opt-action-group {
  border-left: 1px solid var(--lines);
  padding-left: 8px;
}

.x-item-review-opt {
  margin-left: 16px;
}

.x-item-badge {
  background-color: var(--light-hover-grey);
  color: var(--font-01);
  border-radius: 16px;
  margin-left: 12px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
}

.x-item-badge.for-red {
  background-color: var(--red);
  color: var(--white);
}

.x-item-badge.for-green {
  background-color: var(--green);
  color: var(--white);
}

.x-file-review-block {
  padding: 16px;
}

.x-input-number {
  flex: 1;
  position: relative;
}

.x-input-number-btn-container {
  z-index: 10;
  background-color: var(--white);
  flex-direction: column;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.x-input-number-btn {
  border-left: 1px solid var(--lines);
  color: var(--font-03);
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Remix, sans-serif;
  line-height: 12px;
  transition: all .15s cubic-bezier(.77, 0, .175, 1);
  display: flex;
}

.x-input-number-btn:hover {
  color: var(--font-00);
  background-color: #f2f4f9;
  padding-top: 3px;
  padding-bottom: 3px;
}

.x-input-number-btn:active {
  background-color: var(--lines);
}

.x-input-number-btn.for-up {
  background-color: var(--white);
  box-shadow: inset -1px 1px 0 0 var(--lines);
}

.x-input-number-btn.for-up:hover {
  background-color: #f2f4f9;
}

.x-input-number-btn.for-down {
  box-shadow: inset -1px -1px 0 0 var(--lines);
}

.x-um-input {
  border: 1px solid var(--lines);
  background-color: #f2f4f8;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -6px;
  padding: 12px 16px 16px;
  display: flex;
}

.x-um-input-units {
  flex: none;
  width: 50%;
}

.x-create-opt-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.x-create-opt-grid.for-process {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.x-create-opt-grid.for-2col {
  grid-template-columns: 1fr 1fr;
}

.x-create-opt-grid.for-4col {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.x-create-opt-item {
  border: 1px dashed var(--lines);
  color: var(--font-01);
  text-align: center;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 280px;
  padding: 32px;
  transition: all .25s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.x-create-opt-item:hover {
  border-color: var(--primary-blue);
  background-color: var(--brand-hover);
  color: var(--primary-blue);
}

.x-create-opt-item.for-bulk {
  flex-direction: row;
  justify-content: space-between;
  min-height: 0;
  padding: 12px;
}

.x-create-opt-thumb {
  background-color: #f2f4f9;
  border-radius: 12px;
  width: 80px;
  height: 80px;
  padding: 12px;
  transition: all .25s cubic-bezier(.645, .045, .355, 1);
}

.x-create-opt-label {
  color: var(--primary-blue);
  text-align: center;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 600;
}

.x-create-opt-figure {
  transition: all 2.5s cubic-bezier(.645, .045, .355, 1);
  position: relative;
}

.x-create-opt-icon {
  background-color: var(--primary-blue);
  box-shadow: 0 8px 12px -4px var(--primary-blue);
  color: var(--white);
  border-radius: 24px;
  padding: 8px;
  font-family: Remix, sans-serif;
  font-size: 16px;
  position: absolute;
  inset: -12px auto auto -12px;
}

.x-datatable-nav {
  z-index: 100;
  background-color: var(--light-hover-grey);
  padding: 8px 12px;
  position: relative;
}

.x-bulk-uploader-block {
  background-color: var(--white);
  border-radius: 4px;
  flex: 1;
  overflow: hidden;
}

.x-bulk-uploader-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 64vh;
  padding: 32px;
  display: flex;
}

.x-msf-slider {
  background-color: var(--white);
  width: 640px;
  height: auto;
  transition: all .25s cubic-bezier(.645, .045, .355, 1);
}

.x-msf-mask {
  border: 1px solid var(--lines);
  border-radius: 8px;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.x-msf-slide-pane {
  background-color: var(--white);
  flex: none;
  width: 100%;
  height: 100%;
  transition: all .5s cubic-bezier(.645, .045, .355, 1);
}

.x-msf-slide-pane.for-hide {
  margin-left: -100%;
}

.x-msf-custom-nav {
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.x-msf-custom-nav-link {
  color: var(--font-03);
  border-radius: 4px;
  align-items: center;
  margin-right: 8px;
  padding-right: 12px;
  font-weight: 600;
  display: flex;
}

.x-msf-custom-nav-link.for-current {
  color: var(--primary-blue);
}

.x-msf-slide-container {
  padding: 32px;
}

.x-msf-slider-thumb {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 240px;
  margin-bottom: 12px;
  display: block;
}

.x-tds-6-col-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.x-tds-card {
  border: 1px solid var(--lines);
  background-color: var(--white);
  box-shadow: 0 0 0 0 var(--shadow);
  border-radius: 4px;
  padding: 12px;
  transition: all .25s cubic-bezier(.645, .045, .355, 1);
  position: relative;
}

.x-tds-card:hover {
  box-shadow: 0 12px 16px -4px var(--shadow);
}

.x-tds-card-val-row {
  color: var(--font-03);
  align-items: center;
  margin-top: 4px;
  font-size: 10px;
  display: flex;
}

.x-tds-card-val-label {
  flex: none;
  width: 40px;
  margin-right: 12px;
  font-weight: 600;
}

.x-tds-card-val-label.for-wide {
  width: 80px;
}

.x-unit-span {
  margin-left: 4px;
  font-size: 10px;
  font-weight: 600;
}

.x-tds-card-opt {
  position: absolute;
  top: 8px;
  right: 8px;
}

.x-tds-pie-chart-embed {
  flex: none;
  margin-bottom: 4px;
  margin-right: 12px;
}

.x-tds-pie-chart-embed.for-right {
  background-color: var(--light-hover-grey);
  border-radius: 24px;
  width: 24px;
  height: 24px;
  margin-bottom: 0;
  margin-right: 0;
}

.x-tds-row.for-overflow {
  overflow: hidden;
}

.x-tds-header {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
  display: flex;
}

.x-tds-header-h2 {
  margin-bottom: 0;
}

.x-tds-3-col-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.x-tds-card-header {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: flex-start;
  margin-bottom: 12px;
  display: flex;
}

.x-tds-phase-block {
  border: 1px solid var(--lines);
  background-color: var(--white);
  border-radius: 4px;
  display: flex;
}

.x-tds-phase-sidebar {
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  width: 160px;
  padding: 12px;
  display: flex;
}

.x-tds-phase-type-list {
  margin-bottom: 0;
}

.x-tds-phase-type-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.x-tds-phase-type-item.for-breakdown {
  justify-content: space-between;
}

.x-tds-phase-col-list {
  flex: 1;
  margin-bottom: 0;
  display: flex;
}

.x-tds-phase-col-item {
  border-left: 1px solid var(--lines);
  flex: 1;
  width: 128px;
  padding: 12px;
}

.x-tds-phase-col-header {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--font-03);
  flex-direction: column;
  margin-bottom: 6px;
  font-weight: 600;
  display: flex;
}

.x-tds-phase-scroller {
  flex: 1;
  overflow: auto;
}

.x-tds-retail-plan-block {
  border: 1px solid var(--lines);
  background-color: var(--white);
  border-radius: 4px;
  width: 100%;
  height: 100%;
  display: flex;
}

.x-tds-retail-plan-sidebar {
  border-right: 1px solid var(--lines);
  flex-direction: column;
  flex: none;
  width: 280px;
  transition: all .25s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.x-tds-retail-plan-sidebar.for-hide {
  margin-left: -281px;
}

.x-tds-retail-plan-embed {
  flex: 1;
}

.x-tds-retail-plan-embed.for-td-reset {
  min-height: 64px;
  display: block;
}

.x-tds-retail-plan-dt {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.x-tds-retail-plan-sidebar-header {
  border-bottom: 1px solid var(--lines);
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  display: flex;
}

.x-chkbox-span {
  position: relative;
}

.x-tds-retail-plan-filter {
  flex: 1;
  overflow: auto;
}

.x-filter-list-toggle {
  color: var(--font-03-4);
  flex: none;
  padding: 2px;
  font-family: Remix, sans-serif;
  font-size: 16px;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
  transform: rotate(0);
}

.x-filter-list-toggle.for-idle {
  transform: rotate(180deg);
}

.x-filter-list-item-container {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.x-filter-sublist {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  display: none;
}

.x-tds-retail-plan-filter-opt {
  flex: none;
  align-items: center;
  padding: 8px 12px;
  display: flex;
}

.x-filter-group {
  border-bottom: 1px solid var(--lines);
  padding: 12px;
}

.x-filter-group-title {
  margin-bottom: 8px;
  font-weight: 700;
}

.x-tds-phase-label-header {
  color: var(--font-03);
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  height: 16px;
  margin-top: 4px;
  display: flex;
}

.x-tds-phase-type-spacer {
  height: 12px;
}

.x-tds-retail-plan-dt-header {
  border-bottom: 1px solid var(--lines);
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  display: flex;
}

.x-tds-scroller {
  flex: 1;
  overflow: auto;
}

.x-tds-grid-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.x-datatable-embed {
  z-index: 10;
  position: relative;
}

.x-datatable-embed.for-simple-list {
  border: 1px solid var(--lines);
  border-radius: 4px;
  min-height: 0;
  margin-bottom: 16px;
}

.x-dialog-focus {
  border-bottom: 1px solid var(--lines);
  padding: 8px 16px 12px;
  position: relative;
}

.x-role-perm-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.x-role-perm-group {
  border: 1px solid var(--lines);
  background-color: #f2f4f8;
  border-radius: 4px;
  padding: 8px;
}

.x-role-perm-span {
  font-weight: 400;
}

.x-datatable-select-opt {
  border-left: 1px solid var(--lines);
  padding-left: 8px;
}

.x-datatable-opt-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.x-datatable-opt-group {
  align-items: center;
  display: flex;
}

.x-inline-text {
  margin-right: 8px;
  font-weight: 600;
}

.x-inline-text.for-sap-badge {
  background-color: var(--brand-hover);
  color: var(--primary-blue);
  border-radius: 2px;
  margin-left: 4px;
  padding-left: 3px;
  padding-right: 3px;
}

.x-chk-edit-dot {
  background-color: var(--lines);
  border-radius: 8px;
  flex: none;
  width: 8px;
  height: 8px;
  margin-left: 8px;
}

.x-chk-edit-date {
  flex: none;
  align-items: center;
  width: 148px;
  display: flex;
}

.x-chk-edit-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 1;
  align-items: center;
  display: flex;
}

.x-tds-card-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  margin-top: 28px;
  display: flex;
}

.x-tds-card-grid-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 1;
  display: flex;
}

.x-tds-card-grid-container {
  background-color: #f2f4f9;
  flex: 1;
  padding: 8px;
}

.x-tds-5-col-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.x-tds-retail-plan-dt-group {
  flex: 1;
}

.x-tds-retail-plan-total {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 2px dashed var(--lines);
  background-color: var(--brand-hover);
  align-items: center;
  padding: 8px 12px;
  display: flex;
}

.x-summary-bar {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f2f4f9;
  align-items: center;
  padding: 12px;
  display: flex;
}

.x-val-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.x-copy-btn {
  background-color: var(--font-03-4);
  color: var(--grey-bg);
  text-transform: uppercase;
  border-radius: 2px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}

.x-copy-btn:hover {
  background-color: var(--font-03);
  color: var(--grey-bg);
}

.x-copy-btn:active {
  background-color: var(--hover-blue-link);
}

.x-multi-row-val {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.x-info-grid-block {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 168px 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 8px;
  display: grid;
}

.x-log-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  margin-bottom: 0;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.x-log-list-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: flex-start;
  display: flex;
}

.x-log-title {
  background-color: var(--white);
  margin-bottom: 4px;
  padding: 8px 16px;
  font-weight: 700;
  position: sticky;
  top: 0;
}

.x-log-timestamp {
  color: var(--font-03);
  flex: none;
  width: 140px;
}

.x-card-body {
  background-color: var(--white);
  box-shadow: 0 6px 12px -4px var(--shadow);
  border-radius: 8px;
  padding: 24px;
}

.x-floor-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin-bottom: 12px;
  display: flex;
}

.x-floor-item {
  border: 1px solid var(--lines);
  background-color: #f2f4f9;
  border-radius: 4px;
  padding: 12px;
}

.x-floor-item-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.x-floor-item-col {
  flex: 1;
}

.x-floor-item-col.for-sml {
  flex: none;
  width: 80px;
}

.x-floor-lot-counter {
  background-color: var(--primary-blue);
  color: var(--white);
  align-items: center;
  padding: 8px;
  display: flex;
}

.x-avatar-link-block {
  flex: none;
  display: flex;
  position: relative;
}

.x-avatar-link {
  border: 1px solid var(--lines);
  background-color: #f2f4f8;
  border-radius: 4px;
  flex: 1;
  align-items: center;
  padding: 8px 12px 8px 8px;
  display: flex;
}

.x-val-list-header {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}

.x-val-list-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-top: 1px solid var(--font-03-4);
  display: flex;
}

.x-val-list-col {
  flex: 1;
  padding-top: 12px;
  padding-bottom: 12px;
}

.x-val-list-col.for-sml {
  flex: none;
  width: 128px;
}

.x-val-list-span {
  background-color: #f2f4f9;
  margin-top: -2px;
  margin-bottom: -2px;
  padding: 2px 6px;
  display: inline-block;
}

.x-val-list-span.for-red {
  background-color: var(--brand-hover-copper);
}

.x-val-list-span.for-green {
  background-color: #a7f8e0;
}

.x-val-list-span.for-amber {
  background-color: var(--papaya-whip);
}

.x-req-info-block {
  margin-bottom: 16px;
}

.x-req-data-block {
  border: 1px solid var(--lines);
  background-color: #f2f4f9;
  border-radius: 8px;
  padding: 16px;
}

.x-img-gallery-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 24px;
  display: grid;
}

.x-img-gallery-thumb {
  object-fit: cover;
  border-radius: 4px;
  width: 100%;
  height: 168px;
  display: block;
}

.x-input-char-counter {
  color: var(--font-03);
  font-size: 10px;
}

.x-upload-thumb {
  height: 64px;
  margin-right: 12px;
}

.x-compare-grid-block {
  margin-bottom: 16px;
}

.x-compare-grid-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.x-compare-grid-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin-top: 8px;
  margin-bottom: 0;
  display: flex;
}

.x-compare-grid-col {
  border-left: 2px solid var(--lines);
  flex: 1;
  padding-left: 8px;
}

.x-compare-grid-col.for-current {
  border-left-color: #f95a4e80;
}

.x-compare-grid-col.for-change {
  border-left-color: #08c18a80;
}

.x-compare-grid-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.x-input-uploader {
  border: 1px solid var(--lines);
  background-color: #f2f4f8;
  width: 100%;
  height: 32px;
  min-height: 0;
  padding: 6px;
}

.x-dash-grid-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.x-dash-grid-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.x-dash-grid-slider {
  flex: none;
  width: 560px;
  height: 360px;
}

.x-dash-action-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.x-dash-action-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex: 1;
  margin-bottom: 0;
  display: flex;
}

.x-dash-action-list-item {
  border: 1px solid var(--lines);
  background-color: var(--white);
  border-radius: 4px;
  padding-left: 40px;
  position: relative;
}

.x-dash-action-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 8px;
  display: flex;
}

.x-dash-action-info {
  flex: 1;
}

.x-announcement-thumb {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.x-announcement-badge {
  background-color: var(--font-01);
  color: var(--white);
  text-transform: uppercase;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  position: absolute;
  inset: -10px auto auto 16px;
}

.x-dash-timeline-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--lines);
  background-color: var(--white);
  border-radius: 4px;
  flex-direction: column;
  flex: 1;
  padding: 16px;
  display: flex;
}

.x-dash-timeline-list {
  margin-bottom: 0;
}

.x-dash-timeline-list-item {
  position: relative;
}

.x-dash-timeline-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--font-01);
  align-items: center;
  padding: 8px 8px 8px 24px;
  display: flex;
}

.x-dash-timeline-link:hover {
  color: var(--font-00);
  background-color: #f2f4f8;
}

.x-dash-timeline-label {
  flex: 1;
}

.x-dash-timeline-val {
  text-align: right;
  flex: none;
  width: 96px;
}

.x-dash-timeline-status {
  color: var(--font-03);
  text-align: right;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: 96px;
  font-weight: 600;
  display: flex;
}

.x-dash-timeline-status.for-amber {
  color: var(--amber);
}

.x-dash-timeline-status.for-green {
  color: var(--green);
}

.x-dash-list-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--lines);
  background-color: var(--white);
  box-shadow: 0 3px 6px -2px var(--shadow);
  border-radius: 4px;
  flex-direction: column;
  flex: 1;
  padding: 16px;
  display: flex;
}

.x-dash-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  flex: 1;
  margin-bottom: 0;
  display: flex;
}

.x-dash-list-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.x-dash-list-icon {
  color: var(--font-03);
  background-color: #f2f4f9;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-family: Remix, sans-serif;
  font-size: 16px;
  display: flex;
}

.x-dash-list-icon.for-request {
  color: var(--main-blue-link);
  background-color: #e3f2fd;
}

.x-dash-list-icon.for-report {
  background-color: var(--brand-hover);
  color: var(--red);
}

.x-dash-list-info {
  flex: 1;
}

.x-dash-list-status {
  background-color: var(--light-hover-grey);
  color: var(--font-01);
  border-radius: 4px;
  padding: 6px 8px;
  font-size: 10px;
  font-weight: 600;
}

.x-dash-grid-card {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1px solid var(--lines);
  background-color: var(--white);
  box-shadow: 0 3px 6px -2px var(--shadow);
  border-radius: 4px;
  flex-direction: column;
  flex: 1;
  padding: 12px;
  display: flex;
  position: relative;
}

.x-dash-grid-card.for-group {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  overflow: hidden;
}

.x-dash-grid-card-flex {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.x-dash-grid-card-flex.for-overflow {
  overflow: auto;
}

.x-dash-grid-card-col {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  flex: 1;
  min-width: 88px;
  display: flex;
}

.x-dash-grid-card-opt {
  position: absolute;
  top: 12px;
  right: 12px;
}

.x-dash-timeline-blob {
  background-color: var(--lines);
  border-radius: 4px;
  width: 16px;
  height: 16px;
}

.x-dash-timeline-blob.for-1 {
  background-color: #e91e63;
}

.x-dash-timeline-blob.for-2 {
  background-color: #8e24aa;
}

.x-dash-timeline-blob.for-3 {
  background-color: #5e35b1;
}

.x-dash-timeline-blob.for-4 {
  background-color: #1e88e5;
}

.x-dash-timeline-blob.for-5 {
  background-color: #26a69a;
}

.x-dash-timeline-blob.for-6 {
  background-color: #ff9800;
}

.x-dash-timeline-blob.for-7 {
  background-color: #795548;
}

.x-dash-timeline-blob.for-8 {
  background-color: #4caf50;
}

.x-dash-breakdown-block {
  border: 1px solid var(--lines);
  border-radius: 4px;
  height: 24px;
  display: flex;
  overflow: hidden;
}

.x-dash-breakdown-bar {
  background-color: var(--grey-bg);
  flex: 0 auto;
  min-width: 4px;
}

.x-dash-breakdown-bar.for-1 {
  background-color: #e91e63;
}

.x-dash-breakdown-bar.for-2 {
  background-color: #8e24aa;
}

.x-dash-breakdown-bar.for-3 {
  background-color: #5e35b1;
}

.x-dash-breakdown-bar.for-4 {
  background-color: #1e88e5;
}

.x-dash-breakdown-bar.for-5 {
  background-color: #26a69a;
}

.x-dash-breakdown-bar.for-6 {
  background-color: #ff9800;
}

.x-dash-breakdown-bar.for-7 {
  background-color: #795548;
}

.x-dash-breakdown-bar.for-8 {
  background-color: #4caf50;
  flex: 1;
}

.x-blob-bg {
  z-index: 0;
  position: fixed;
  inset: 0%;
}

.x-blob-lime {
  filter: blur(128px);
  background-color: #d4e157;
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 8%;
  left: 6%;
}

.x-blob-teal {
  filter: blur(240px);
  background-color: #00bcd4;
  width: 240px;
  height: 240px;
  position: absolute;
  bottom: 24%;
  left: 30%;
}

.x-blob-green {
  filter: blur(128px);
  background-color: #4caf50;
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 10%;
  left: 64%;
}

.x-inspect-gal-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  margin-bottom: 12px;
  display: flex;
}

.x-inspect-gal-list.for-siteprog {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border-radius: 4px;
  flex-flow: wrap;
  margin-bottom: 0;
  overflow: hidden;
}

.x-inspect-gal-list-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--lines);
  background-color: var(--white);
  border-radius: 4px;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.x-inspect-gal-list-item.for-siteprog {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-style: none;
  border-radius: 0;
  flex: none;
  width: 48px;
  height: 48px;
}

.x-inspect-gal-list-item.for-siteprog-edit {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-style: none;
  border-radius: 0;
  flex: none;
  width: 32px;
  height: 32px;
  position: relative;
}

.x-inspect-gal-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 1;
  align-items: center;
  display: flex;
}

.x-inspect-gal-thumb {
  object-fit: cover;
  flex: none;
  width: 64px;
  height: 64px;
  display: block;
}

.x-inspect-gal-thumb.for-edit {
  width: 320px;
  height: 260px;
}

.x-inspect-gal-thumb.for-siteprog {
  width: 100%;
  height: 100%;
}

.x-inspect-gal-title {
  color: var(--font-01);
}

.x-imp-ov-footer {
  border-top: 1px solid var(--lines);
  flex: none;
  padding: 8px 12px;
  font-size: 10px;
}

.x-inspect-gal-opt {
  flex: none;
  padding-top: 4px;
  padding-right: 4px;
  display: flex;
}

.x-trade-date-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.x-input-single-uploader {
  border: 1px solid var(--lines);
  background-color: #f2f4f9;
  border-radius: 4px;
  max-width: 240px;
  padding: 6px;
}

.x-risk-status-block {
  border: 1px solid var(--lines);
  box-shadow: 0 1px 3px 0 var(--shadow);
  border-radius: 24px;
  align-items: center;
  margin-left: 16px;
  font-size: 10px;
  display: flex;
  overflow: hidden;
}

.x-risk-status-label {
  border-right: 1px solid var(--lines);
  background-color: var(--light-hover-grey);
  padding: 8px 8px 8px 12px;
  font-weight: 600;
}

.x-risk-status-val {
  background-color: var(--white);
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  font-weight: 700;
}

.x-risk-status-btn {
  background-color: var(--white);
  color: var(--font-03);
  padding: 8px;
  font-family: Remix, sans-serif;
  font-size: 16px;
}

.x-risk-status-btn:hover {
  color: var(--font-00);
}

.x-accordion-container {
  display: none;
}

.x-accordion-toggle {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--font-01);
  align-items: center;
  display: flex;
}

.x-accordion-toggle.for-appnav {
  color: var(--font-03-4);
  border-radius: 4px;
  margin-left: 24px;
  padding: 8px;
  font-weight: 600;
}

.x-accordion-toggle.for-appnav:hover {
  color: var(--font-00);
  background-color: #f2f4f8;
}

.x-datatable-input {
  width: 96px;
  position: relative;
}

.x-datatable-input.for-reset {
  width: auto;
}

.x-file-preview-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--lines);
  background-color: #f2f4f9;
  border-radius: 4px;
  align-items: center;
  padding: 8px;
  display: flex;
}

.x-file-preview-container {
  flex: 1;
}

.x-file-uploader-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.x-file-list-action {
  background-color: var(--papaya-whip);
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  display: flex;
}

.x-progress-bar {
  background-color: var(--light-hover-grey);
  border-radius: 4px;
  flex: none;
  height: 6px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.x-progress-bar.for-reset {
  margin-top: 0;
  margin-bottom: 0;
}

.x-progress-bar-filler {
  background-image: linear-gradient(to right, var(--primary-blue), var(--main-blue-link));
  border-radius: 8px;
  width: 2.5%;
  min-width: 8px;
  height: 100%;
  box-shadow: 0 2px 8px #23b4c3a3;
}

.x-progress-bar-filler:hover {
  background-color: var(--hover-blue-link);
}

.x-dash-grid-data {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  display: flex;
}

.x-dash-grid-data-span {
  background-color: var(--green);
  color: var(--white);
  text-align: center;
  border-radius: 4px;
  flex: none;
  width: 28px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 10px;
  font-weight: 600;
}

.x-dash-grid-data-span.for-red {
  background-color: var(--red);
}

.x-dash-grid-chart {
  background-color: var(--light-hover-grey);
  border-radius: 24px;
  flex: none;
  width: 28px;
  height: 28px;
}

.x-upload-progbar {
  background-color: var(--amber);
  padding: 12px;
  display: none;
}

.x-upload-progbar-line {
  background-color: var(--font-00);
  flex: none;
  width: 40px;
  height: 1px;
}

.x-upload-progbar-labe {
  align-items: center;
  display: flex;
}

.x-upload-progbar-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.x-inspect-gal-upload-header {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 160px) 1fr minmax(0, 160px) minmax(0, 240px);
  grid-auto-columns: 1fr;
  padding-left: 28px;
  padding-right: 40px;
  display: grid;
}

.x-inspect-gal-edit {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: flex-start;
  display: flex;
}

.x-inspect-gal-edit-info {
  flex: 1;
}

.x-phase-status-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.x-phase-status-icon {
  flex: none;
  font-family: Remix, sans-serif;
  font-size: 16px;
}

.x-phase-status-icon.is-idle {
  color: var(--red);
}

.x-phase-status-icon.is-started {
  color: var(--main-blue-link);
}

.x-phase-status-icon.is-done {
  color: var(--green);
}

.x-tenancy-plan-opt {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 1;
  display: flex;
}

.x-tenancy-plan-input-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.x-doc-viewer-block {
  background-color: var(--light-highlight);
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  display: flex;
}

.x-doc-viewer-zone {
  flex: 1;
  width: 100%;
}

.x-dash-grid-h2 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.x-dash-grid-group {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #f2f4f8;
  border-radius: 4px;
  flex-direction: column;
  flex: 1;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.x-dash-grid-group-flex {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 1;
  display: flex;
}

.x-sprog-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  margin-bottom: 12px;
  display: flex;
}

.x-sprog-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  padding-left: 16px;
  display: flex;
  position: relative;
}

.x-sprog-header {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.x-sprog-info {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  padding-left: 88px;
  display: flex;
}

.x-sprog-label {
  color: var(--font-03);
  flex: none;
  width: 80px;
}

.x-sprog-progress {
  flex: 1;
}

.x-sprog-copy-col {
  background-color: #f2f4f9;
  border-radius: 4px;
  flex: 1;
  padding: 8px;
}

.x-sprog-gal-col {
  flex: 0 auto;
  max-width: 248px;
}

.x-sprog-val {
  text-align: right;
  flex: none;
  width: 32px;
}

.x-tc-assign-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--lines);
  white-space: nowrap;
  background-color: #f2f4f8;
  border-radius: 4px;
  align-items: center;
  margin-bottom: 16px;
  padding: 8px 8px 8px 12px;
  display: flex;
}

.x-tc-assign-setting {
  flex: 1;
}

.x-tc-assign-cat, .x-tc-assign-fitout {
  display: none;
}

.x-tc-assign-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.x-doc-viewer-container {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.x-search-reco-block {
  border: 1px solid var(--lines);
  background-color: var(--white);
  box-shadow: 0 4px 12px -2px var(--shadow);
  border-radius: 4px;
  display: none;
  position: absolute;
  top: 36px;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.x-search-reco-header {
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  display: flex;
}

.x-search-reco-content {
  flex: 1;
  overflow: auto;
}

.x-search-reco-group {
  border-top: 1px solid var(--lines);
}

.x-search-reco-group-list {
  margin-bottom: 0;
}

.x-search-reco-group-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: flex-start;
  padding: 12px;
  display: flex;
}

.x-search-reco-group-container:hover {
  background-color: #f2f4f8;
}

.x-search-reco-group-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: flex-start;
  padding: 12px;
  display: flex;
}

.x-search-reco-group-link:hover {
  background-color: #f2f4f8;
}

.x-search-reco-group-thumb {
  box-shadow: 0 2px 3px 0 var(--shadow);
  object-fit: cover;
  border-radius: 8px;
  width: 32px;
  height: 32px;
}

.x-search-reco-group-info {
  flex: 1;
}

.x-search-reco-simple-link {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.x-search-reco-group-header {
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.x-search-reco-wrapper {
  flex-direction: column;
  max-height: 50vh;
  display: flex;
}

.x-history-item-btn {
  color: var(--font-03-4);
  font-family: Remix, sans-serif;
  font-size: 16px;
  position: absolute;
  top: 12px;
  right: 8px;
}

.x-history-item-btn:hover {
  color: var(--red);
}

.x-input-site-prog-gal {
  flex: none;
  align-items: stretch;
  width: 240px;
  display: flex;
}

.x-input-site-prog-gal-btn {
  border: 1px solid var(--lines);
  color: var(--font-03);
  background-color: #f2f4f8;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  margin-left: 2px;
  font-family: Remix, sans-serif;
  font-size: 16px;
  display: flex;
}

.x-input-site-prog-gal-btn:hover {
  border-color: var(--font-00);
  color: var(--font-00);
  background-color: #f2f4f9;
}

.x-inspect-gal-delete {
  z-index: 10;
  color: var(--red);
  background-color: #fffc;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-family: Remix, sans-serif;
  line-height: 12px;
  display: flex;
  position: absolute;
  inset: 0 0% auto auto;
}

.x-inspect-gal-delete:hover {
  background-color: var(--red);
  color: var(--white);
}

.x-brand-label {
  background-color: var(--primary-blue);
  color: var(--white);
  padding: 8px 6px;
  font-size: 16px;
  font-weight: 700;
}

.x-brand-banner {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.x-content {
  border-bottom: 1px solid var(--lines);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.x-content.for-sidebar {
  flex-direction: row;
  overflow: hidden;
}

.x-aside {
  border-right: 1px solid var(--lines);
  flex-direction: column;
  flex: none;
  width: 40%;
  max-width: 360px;
  display: flex;
}

.x-header-group {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.x-header-title {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.x-header-back-btn {
  color: var(--font-03);
  flex: none;
  padding-left: 4px;
  padding-right: 4px;
  font-family: Remix, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.x-header-back-btn:hover {
  background-color: var(--grey-bg);
  color: var(--font-00);
}

.x-aside-body {
  flex: 1;
  overflow: auto;
}

.x-aside-action {
  border-bottom: 1px solid var(--lines);
  flex: none;
  padding: 16px;
}

.x-form-body {
  flex: 1;
  padding: 24px 24px 240px;
  overflow: auto;
}

.x-brand-span {
  color: var(--primary-blue);
}

.x-ent-status-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.x-ent-status-badge {
  background-color: var(--lines);
  border-radius: 4px;
  width: 16px;
  height: 16px;
  box-shadow: 0 4px 8px -2px #32323266;
}

.x-ent-status-badge.for-green {
  background-color: var(--green);
  box-shadow: 0 4px 8px -2px #06b448a3;
}

.x-ent-status-badge.for-red {
  background-color: var(--red);
  box-shadow: 0 4px 8px -2px #fc360ca3;
}

.x-ent-status-badge.for-amber {
  background-color: var(--amber);
  box-shadow: 0 4px 8px -2px #ffb300a3;
}

.x-ent-status-badge.for-blue {
  background-color: var(--primary-blue);
  box-shadow: 0 4px 8px -2px #007dc5a3;
}

.x-info-flex {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: flex-start;
  display: flex;
}

.x-info-flex-col {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--font-03);
  align-items: center;
  display: flex;
}

.x-file-sync-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--lines);
  background-color: var(--light-highlight);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 40vh;
  min-height: 400px;
  padding: 32px 128px;
  display: flex;
}

.x-file-sync-copy {
  max-width: 480px;
}

.x-hr-timeline-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.x-hr-timeline-wrapper {
  align-items: center;
  display: flex;
}

.x-hr-timeline-list {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.x-hr-timeline-item {
  border-top: 1px solid var(--font-03-4);
  border-right: 1px solid var(--font-03-4);
  border-bottom: 1px solid var(--font-03-4);
  background-color: var(--light-hover-grey);
  padding: 8px;
}

.x-hr-timeline-start {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1px solid var(--font-03-4);
  background-color: var(--primary-blue);
  color: var(--white);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  align-items: center;
  padding: 8px;
  font-weight: 600;
  display: flex;
}

.x-hr-timeline-end {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-style: solid solid solid none;
  border-width: 1px;
  border-color: var(--font-03-4);
  background-color: var(--green);
  color: var(--white);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  align-items: center;
  padding: 8px;
  font-weight: 600;
  display: flex;
}

.x-data-row {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  display: flex;
}

.x-data-col {
  flex: 1;
}

.x-page-tab-block {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.x-page-tab-menu {
  background-color: var(--grey-bg);
  display: flex;
}

.x-page-tab-content {
  flex: 1;
  padding: 24px 24px 64px;
  overflow: auto;
}

.x-page-tab-content.for-reset {
  flex-direction: column;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.x-page-tab-menu-link {
  color: var(--font-03);
  flex: none;
  padding: 12px 16px;
  font-weight: 600;
}

.x-page-tab-menu-link.w--current {
  background-color: var(--white);
  color: var(--primary-blue);
}

.x-page-tab-header {
  border-bottom: 1px solid var(--lines);
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.x-val-inline {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.x-user-id-group {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.x-user-id-history-btn {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border: 1px solid var(--lines);
  background-color: var(--light-highlight);
  color: var(--font-03);
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.x-comp-contact-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.x-comp-contact-container {
  padding-left: 48px;
  position: relative;
}

.x-comp-contact-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin-bottom: 0;
  display: flex;
}

.x-comp-contact-item {
  position: relative;
}

.x-comp-contact-opt {
  padding-left: 48px;
}

.x-form-noti {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--lines);
  background-color: var(--light-highlight);
  border-radius: 4px;
  align-items: flex-start;
  margin-bottom: 12px;
  padding: 8px;
  font-weight: 600;
  display: flex;
}

.x-form-noti.for-red {
  border-color: var(--red);
  background-color: var(--brand-hover-copper);
  color: var(--red);
}

.x-form-noti.for-green {
  border-color: var(--green);
  color: var(--green);
  background-color: #d6ffe6;
}

.x-form-noti-icon {
  font-family: Remix, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.x-user-id-info {
  flex: 1;
}

.x-sap-lock-badge {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--brand-hover);
  border-radius: 4px;
  align-items: center;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
}

.x-comment-header {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
  display: flex;
}

.x-datatable-sumbar {
  border-bottom: 1px solid var(--lines);
  flex: none;
  display: flex;
}

.x-datatable-sumbar-col {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-right: 1px solid var(--lines);
  flex: 1;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.x-bq-editor-block {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.x-input-user-picker-remove-btn {
  color: var(--font-03-4);
  font-family: Remix, sans-serif;
  font-size: 24px;
  line-height: 24px;
}

.x-input-user-picker-remove-btn:hover {
  color: var(--red);
}

.x-bq-editor-embed {
  flex: 1;
  width: 100%;
}

.x-bq-editor-toolbar {
  background-image: linear-gradient(#fff, #f5f6f7);
  flex: none;
  padding: 8px;
}

.x-bq-editor-toolbar-group {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.x-bq-editor-btn {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: center;
  border-radius: 4px;
  flex-direction: column;
  flex: none;
  align-items: center;
  padding: 6px;
  display: flex;
  position: relative;
}

.x-bq-editor-btn:hover {
  background-color: #f5f5f5;
}

.x-bq-editor-btn.for-mini {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  padding-top: 5px;
  padding-bottom: 5px;
}

.x-bq-editor-toolbar-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1px solid var(--lines);
  background-color: var(--white);
  box-shadow: 0 2px 5px 0 var(--shadow);
  border-radius: 4px;
  padding: 6px;
  display: flex;
  overflow: auto;
}

.x-bq-editor-toolbar-block {
  text-align: center;
  flex: none;
}

.x-bq-editor-btn-icon {
  width: 24px;
  height: 24px;
  display: block;
}

.x-bq-editor-btn-icon.for-mini {
  width: 16px;
  height: 16px;
}

.x-bq-editor-btn-cell {
  background-color: var(--grey-bg);
  color: var(--font-03-4);
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  bottom: 22px;
  right: 4px;
}

.x-bq-editor-btn-cell.for-ca {
  color: var(--font-00);
  background-color: #ffccbc;
}

.x-bq-editor-btn-cell.for-aa {
  color: var(--font-00);
  background-color: #ffe0b2;
}

.x-bq-editor-btn-cell.for-ra {
  color: var(--font-00);
  background-color: #c5e1a5;
}

.x-bq-editor-btn-cell.for-pa {
  color: var(--font-00);
  background-color: #b2ebf2;
}

.x-bq-editor-btn-cell.for-wda {
  color: var(--font-00);
  background-color: #e1bee7;
}

.x-bq-editor-btn-label {
  color: var(--font-01);
  font-size: 10px;
  font-weight: 600;
}

.x-doc-header-preview {
  border: 1px solid var(--lines);
  background-color: var(--bqe-light-gray);
  border-radius: 4px;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  overflow: hidden;
}

.x-doc-header-sheet {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  box-shadow: 0 2px 8px 0 var(--shadow);
  grid-template-rows: auto;
  grid-template-columns: 1fr 168px;
  grid-auto-columns: 1fr;
  padding: 16px;
  display: grid;
}

.x-doc-header-logo {
  width: 100%;
  display: block;
}

.x-doc-header-data {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.x-doc-header-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.x-doc-header-subtitle {
  font-weight: 600;
}

.x-toggle-stack {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.x-sign-lib {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.x-sign-lib-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.x-sign-lib-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  margin-bottom: 0;
  display: flex;
}

.x-sign-lib-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.x-sign-lib-user {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 1;
  align-items: center;
  display: flex;
}

.x-sign-lib-preview {
  flex: none;
}

.x-sign-lib-preview-thumb {
  border: 1px solid var(--lines);
  background-color: var(--white);
  object-fit: cover;
  border-radius: 4px;
  width: 80px;
  height: 48px;
  display: block;
}

.x-sign-lib-opt {
  border: 1px solid var(--lines);
  border-radius: 40px;
  padding: 8px 8px 8px 16px;
}

.x-sign-lib-upload {
  border: 1px solid var(--lines);
  background-color: var(--grey-bg);
  border-radius: 40px;
  flex: none;
  width: 224px;
  padding: 8px 8px 8px 12px;
}

.x-doc-canvas {
  background-color: #f5f6f7;
  flex: 1;
  width: 100%;
  padding: 48px 32px 128px;
  position: relative;
  overflow: auto;
}

.x-doc-paper {
  background-color: var(--white);
  box-shadow: 0 4px 8px -2px var(--shadow);
  max-width: 864px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
}

.x-doc-paper-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .5fr 168px;
  grid-auto-columns: 1fr;
  display: grid;
}

.x-doc-paper-header.for-appendix {
  grid-template-rows: auto;
  grid-template-columns: 1fr 168px;
}

.x-doc-paper-body {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.x-doc-paper-footer {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.x-doc-paper-header_ref {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  display: flex;
}

.x-doc-paper-header_contact {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--lines);
  border-radius: 4px;
  flex-direction: column;
  padding: 12px;
  display: flex;
}

.x-doc-paper-header_proj {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.x-doc-paper-header_logo {
  width: 100%;
  margin-bottom: 8px;
  display: block;
}

.x-label-data-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.x-label-data-row_label {
  flex: none;
  width: 24px;
  font-weight: 600;
}

.x-label-data-row_label.for-160 {
  width: 160px;
  font-weight: 700;
}

.x-doc-paper-grid-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.x-doc-paper-grid-row {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  background-color: var(--bqe-light-gray);
  border-radius: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 96px 160px 160px;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 4px 8px;
  display: grid;
}

.x-doc-paper-grid-currency {
  text-align: right;
  justify-content: space-between;
  display: flex;
}

.x-doc-paper-grid-currency.for-total {
  font-weight: 700;
}

.x-doc-paper-grid-currency.for-total.is-grand {
  background-color: var(--primary-blue);
  color: var(--white);
}

.x-doc-paper-print {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.x-doc-paper-grid-footer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--lines);
  background-image: url('../images/stripe-light-grey_1stripe-light-grey.png');
  background-position: 0 0;
  background-size: 8px;
  border-radius: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 160px;
  grid-auto-columns: 1fr;
  padding: 6px 8px;
  display: grid;
  overflow: hidden;
}

.x-doc-paper-sign {
  justify-content: space-between;
  display: flex;
}

.x-doc-paper-sign-block {
  flex: none;
  width: 268px;
}

.x-bq-editor-cell-ref {
  border: 1px solid var(--lines);
  border-radius: 4px;
  width: 120px;
  overflow: hidden;
}

.x-bq-editor-cell-group {
  display: flex;
}

.x-bq-editor-cell-type {
  border-right: 1px solid var(--lines);
  background-color: var(--light-highlight);
  flex: 1;
  padding-top: 4px;
  padding-bottom: 4px;
}

.x-bq-editor-cell-val {
  flex: none;
  width: 36px;
  padding: 4px 6px;
  font-weight: 700;
}

.x-bq-editor-cell-val.for-ca {
  background-color: var(--amber);
}

.x-bq-editor-cell-price {
  border-top: 1px solid var(--lines);
  padding-top: 7px;
  padding-bottom: 7px;
}

.x-xlarge-dialog-form {
  z-index: 100;
  background-color: var(--white);
  box-shadow: 0 8px 16px -4px var(--shadow);
  border-radius: 4px;
  width: 95%;
  transition: all .25s cubic-bezier(.645, .045, .355, 1);
  position: relative;
}

.x-xlarge-dialog-form.for-hide {
  opacity: 0;
  transform: translate(0, -64px);
}

.x-sign-preview-img {
  display: block;
}

.x-doc-print-sheet {
  z-index: 9999;
  background-color: var(--white);
  flex-direction: column;
  transition: all .35s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: auto;
  transform: translate(0);
}

.x-doc-print-sheet.for-hide {
  transform: translate(0%, 100%);
}

.x-doc-print-option {
  z-index: 10;
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  padding: 12px 12px 12px 16px;
  display: flex;
  position: sticky;
  top: 0;
}

.x-approval-order-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  margin-bottom: 0;
  display: flex;
}

.x-approval-order-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--lines);
  background-image: url('../images/stripe-light-grey_1stripe-light-grey.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 4px;
  flex-direction: column;
  min-width: 240px;
  padding: 8px;
  display: flex;
}

.x-stack-group-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.x-atack-group-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.x-subm-block {
  flex: 1;
  display: flex;
  overflow: hidden;
}

.x-subm-preview {
  border-top: 8px solid var(--white);
  border-right: 1px solid var(--lines);
  background-color: var(--bqe-light-gray);
  flex: 1;
  overflow: auto;
}

.x-subm-preview.for-readonly {
  border: 1px #000;
}

.x-subm-opt-sidebar {
  background-color: var(--white);
  flex: none;
  width: 280px;
  overflow: auto;
}

.x-subm-opt-block {
  border-top: 1px solid var(--lines);
  padding: 12px;
}

.x-sml-ent-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  margin-bottom: 0;
  display: flex;
}

.x-sml-ent-item {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.x-sml-ent-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--font-01);
  flex: 1;
  align-items: center;
  display: flex;
}

.x-sml-ent-link:hover {
  color: var(--font-00);
}

.x-sml-ent-data {
  flex: 1;
}

.x-sml-ent-title {
  font-weight: 600;
}

.x-subm-data-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 80px 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.x-subm-data-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.x-subm-status {
  border: 1px solid var(--lines);
  background-color: var(--grey-bg);
  color: var(--font-03);
  text-align: center;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 12px;
  padding: 12px;
  font-weight: 600;
  display: flex;
}

.x-subm-status.for-green {
  border-color: var(--green);
  background-color: var(--green);
  color: var(--white);
}

.x-subm-status.for-blue {
  border-color: var(--primary-blue);
  background-color: var(--primary-blue);
  color: var(--white);
}

.x-subm-page-wrapper {
  margin-left: auto;
  margin-right: auto;
}

.x-subm-page-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  padding: 48px 12px 128px;
  display: flex;
}

.x-subm-page-item {
  background-color: var(--white);
  box-shadow: 0 2px 5px 0 var(--shadow);
  width: 100%;
  max-width: 864px;
  padding: 32px;
}

.x-input-att-bubble {
  z-index: 10;
  background-color: var(--deep-sky-blue);
  cursor: help;
  border-radius: 4px;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 5px;
  left: -8px;
  box-shadow: 0 2px 4px #00aacdcc;
}

.x-bq-editor-toolbar-mini-stack {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  display: flex;
}

.x-stack-group-flex {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.x-table_cell {
  padding: 8px 12px;
}

.x-table_cell.for-stretch {
  flex: 1;
}

.x-table_cell.for-currency {
  text-align: right;
}

.x-table_row {
  border-top: 1px solid var(--lines);
  justify-content: space-between;
}

.x-table_row:hover {
  background-color: var(--light-highlight);
}

.x-table_header {
  padding: 8px 12px;
}

.x-table_header.for-stretch {
  text-align: left;
  flex: 1;
}

.x-table_header.for-currency {
  text-align: right;
}

.x-table_head {
  background-color: var(--bqe-light-gray);
  width: 100%;
}

.x-table_component {
  border-style: none solid solid;
  border-width: 1px;
  border-color: var(--lines);
  width: 100%;
}

.x-span-status.for-red {
  color: var(--red);
}

.x-span-status.for-blue {
  color: var(--primary-blue);
}

.x-span-status.for-green {
  color: var(--green);
}

.x-content-aside {
  border-right: 8px solid var(--grey-bg);
  flex: none;
}

.x-content-body {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.x-sidebar-list-block {
  flex-direction: column;
  width: 264px;
  height: 100%;
  display: flex;
}

.x-datatable-blip {
  box-shadow: inset 0 0 0 1px var(--lines);
  color: var(--font-03);
  border-radius: 4px;
  align-items: center;
  padding: 4px 8px 4px 4px;
  font-weight: 600;
  display: flex;
}

.x-datatable-blip.for-green {
  color: var(--green);
}

.x-datatable-blip.for-black {
  color: var(--font-00);
}

.x-datatable-blip.for-blue {
  color: var(--primary-blue);
}

.x-indicator-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  display: flex;
}

.x-indicator-blip {
  background-color: var(--grey-bg);
  color: var(--font-03);
  text-align: center;
  text-transform: uppercase;
  border-radius: 2px;
  flex: none;
  width: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 10px;
  font-weight: 600;
}

.x-indicator-blip:hover {
  color: var(--font-01);
}

.x-indicator-blip.for-green {
  color: #43a047;
  background-color: #e8f5e9;
}

.x-indicator-blip.for-amber {
  color: #e65100;
  background-color: #ffecb3;
}

.x-indicator-blip.for-red {
  color: #f44336;
  background-color: #ffebee;
}

.x-indicator-blip.for-na {
  color: var(--font-03-4);
  background-color: #0000;
  background-image: url('../images/cross-stripe.png');
  background-position: 0 0;
  background-size: 8px;
  position: relative;
}

.x-sidebar-list-header {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex: none;
  padding: 12px;
  display: flex;
}

.x-sidebar-list-scroller {
  flex: 1;
  height: 100%;
  overflow: auto;
}

.x-sidebar-list-search {
  align-items: center;
  display: flex;
  position: relative;
}

.x-sidebar-list {
  margin-bottom: 0;
}

.x-sidebar-list-item:hover {
  background-color: var(--light-hover-grey);
}

.x-sidebar-list-item.for-current {
  background-color: var(--brand-hover);
}

.x-sidebar-item-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  padding: 12px;
  display: flex;
  position: relative;
}

.x-sidebar-item-info {
  flex: 1;
}

.x-sidebar-list-summary {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.x-filter-btn {
  background-color: var(--grey-bg);
  color: var(--font-01);
  border-radius: 4px;
  padding: 2px 4px;
}

.x-filter-btn.for-active {
  background-color: var(--font-00);
  color: var(--grey-bg);
}

.x-sidebar-list-body {
  flex: 1;
  overflow: hidden;
}

.x-sidebar-item-link {
  color: var(--font-01);
  font-weight: 600;
}

.x-statsum-flex {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.x-inline-blip {
  background-color: var(--grey-bg);
  color: var(--font-03);
  text-align: center;
  text-transform: uppercase;
  border-radius: 2px;
  flex: none;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 600;
}

.x-inline-blip:hover {
  color: var(--font-01);
}

.x-inline-blip.for-green {
  color: #43a047;
  background-color: #e8f5e9;
}

.x-inline-blip.for-amber {
  color: #e65100;
  background-color: #ffecb3;
}

.x-inline-blip.for-red {
  color: #f44336;
  background-color: #ffebee;
}

.x-inline-blip.for-na {
  color: var(--font-03-4);
  background-color: #0000;
  background-image: url('../images/cross-stripe.png');
  background-position: 0 0;
  background-size: 8px;
  position: relative;
}

.x-compliance-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 128px 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.x-statusbar {
  border: 1px solid var(--lines);
  background-color: var(--light-highlight);
  text-transform: uppercase;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
}

.x-statusbar-blip {
  background-color: var(--grey-bg);
  border-radius: 4px;
  width: 12px;
  height: 12px;
}

.x-statusbar-blip.for-red {
  background-color: var(--red);
}

.x-statusbar-blip.for-green {
  background-color: var(--green);
}

.x-statusbar-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.x-issue-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  max-width: 1140px;
  display: flex;
  position: relative;
}

.x-issue-col {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--lines);
  border-radius: 4px;
  flex-direction: column;
  flex: 1;
  padding: 12px;
  display: flex;
}

.x-issue-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  margin-bottom: 0;
  display: flex;
}

.x-issue-item {
  border: 1px solid var(--lines);
  background-color: var(--light-hover-grey);
  border-radius: 2px;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  display: flex;
}

.x-issue-item:hover {
  border-color: var(--font-03);
  background-color: var(--white);
}

.x-issue-item.for-current {
  border-color: var(--primary-blue);
  background-color: var(--brand-hover);
}

.x-issue-item-info {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.x-issue-list-summary {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 36px;
  display: flex;
}

.x-kp-card-photo-preview {
  object-fit: cover;
  background-color: #007dc5;
  border-radius: 16px;
  width: 100%;
  max-width: none;
  height: 100%;
}

.x-kp-card-label {
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
}

.x-kp-card-label.for-guide {
  color: #fff;
  letter-spacing: 1px;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 28px;
}

.x-kp-card-label.for-large {
  font-size: 40px;
  line-height: 48px;
}

.x-kp-card-header {
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.x-source-button {
  color: #a3a3a3;
  align-items: center;
  padding: 8px 16px;
  display: flex;
}

.x-source-button.for-active {
  color: #fff;
  background-color: #007dc5;
  box-shadow: 0 2px 4px #007dc566;
}

.x-kp-card {
  background-color: #fff;
  border: 1px solid #e7ebf0;
  border-radius: 24px;
  flex-direction: column;
  width: 1006px;
  height: 640px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 3px #c5c9d0, 0 4px 12px #c5c9d0;
}

.x-kp-card.for-photo {
  flex: none;
  margin-top: -128px;
  margin-left: -220px;
  margin-right: -220px;
  position: sticky;
  top: -128px;
  transform: scale(.45);
}

.x-photo-preview {
  background-image: url('../images/stripe_1stripe.png');
  background-position: 0 0;
  background-size: 8px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.x-kp-card-data-val {
  flex: 1;
  padding: 24px 32px;
}

.x-kp-card-copy {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-left: 6px solid #ffc107;
  border-right: 6px solid #ffc107;
  margin-top: 22px;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.x-kp-card-name {
  white-space: nowrap;
  font-weight: 500;
  overflow: hidden;
}

.x-kp-card-name.for-card {
  color: #fff;
  text-align: left;
  text-transform: capitalize;
  white-space: normal;
  background-color: #212121;
  border-radius: 16px;
  width: 608px;
  padding: 16px;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
}

.x-card-logo {
  height: 64px;
}

.x-source-icon {
  margin-right: 8px;
  font-family: Remix, sans-serif;
  font-size: 20px;
  display: inline-block;
}

.x-kp-card-data {
  background-color: #fff;
  border: 4px solid #000;
  border-radius: 16px;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.x-source-opt {
  background-color: #fff;
  border: 1px solid #e7ebf0;
  align-items: center;
  display: flex;
}

.x-card-title {
  color: #007dc5;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}

.x-kp-card-qr {
  width: 220px;
  height: 220px;
  padding: 8px;
}

.x-kp-card-container {
  background-color: #007dc5;
  border-radius: 16px;
  margin-top: 24px;
  margin-left: 24px;
  margin-right: 24px;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  overflow: hidden;
}

.x-kp-card-body {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: minmax(140px, .45fr) 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.x-masterview-block {
  flex: 1;
}

.x-source-block {
  display: flex;
}

.x-assign-dialog {
  border-bottom: 1px solid var(--lines);
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
}

.x-input-cond-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--lines);
  border-radius: 4px;
  flex-flow: column;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.x-input-cond-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  margin-bottom: 0;
  display: flex;
}

.x-input-cond-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.x-input-cond-sep {
  flex: none;
}

.x-assign-list-block {
  border: 1px solid var(--lines);
  border-radius: 4px;
  overflow: hidden;
}

.x-assign-cond-block {
  border: 1px solid var(--lines);
  border-radius: 4px;
}

.x-assign-cond-list {
  margin-bottom: 0;
}

.x-assign-cond-item {
  border-top: 1px solid var(--lines);
}

.x-assign-cond-item:hover {
  background-color: var(--brand-hover);
}

.x-assign-cond-header {
  font-weight: 700;
}

.x-assign-cond-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 80px 1fr 96px 28px;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 8px 12px 8px 48px;
  display: grid;
}

.x-assign-cond-group-list {
  margin-bottom: 0;
}

.x-assign-cond-group-item {
  border-top: 1px solid var(--lines);
}

.x-assign-cond-group-header {
  color: var(--font-03-4);
  background-image: url('../images/stripe_1stripe.png');
  background-position: 0 0;
  background-size: auto;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  font-weight: 600;
  display: flex;
}

.x-sidebar-list-filter {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.x-mid-content {
  background-color: var(--grey-bg);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 32px 32px 64px;
  display: flex;
  overflow: auto;
}

.x-export-view-block {
  background-color: var(--white);
  border-radius: 4px;
  flex: 1;
  width: 1280px;
}

.x-export-view-header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 24px;
  display: flex;
}

.x-export-view-group {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid var(--lines);
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.x-export-view-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.x-export-view-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--lines);
  border-radius: 4px;
  grid-template-rows: auto;
  grid-template-columns: 24px 1fr .5fr .5fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 12px;
  display: grid;
}

.x-export-view-item:hover {
  background-color: var(--papaya-whip);
}

.x-export-view-header-img {
  height: 80px;
}

.x-avatar-group {
  justify-content: flex-start;
  align-items: center;
  padding-left: 8px;
  display: flex;
}

.x-avatar-more {
  border: 1px solid var(--lines);
  background-color: var(--grey-bg);
  color: var(--font-01);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: -8px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  position: relative;
}

@media screen and (max-width: 991px) {
  .x-dt-small-col, .x-breadcrumb {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .x-tab-menu {
    box-shadow: 4px 0 12px -2px var(--shadow);
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .x-tab-link {
    padding: 8px 16px;
  }

  .x-dt-med-col {
    display: none;
  }

  .x-tab-body {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .x-data-grid-block, .x-data-grid-row {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .x-data-grid-card.for-id {
    padding: 8px;
  }

  .x-data-row {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
  }
}

@media screen and (max-width: 479px) {
  .x-input-text.for-quick-search {
    width: 184px;
  }

  .x-input-tac {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .x-datatable-block.for-inline {
    margin-left: -12px;
    margin-right: -12px;
  }

  .x-dt-header.for-list, .x-dt-item.for-list {
    padding-left: 8px;
    padding-right: 8px;
  }

  .x-dt-header-label {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
  }

  .x-dt-base-col {
    display: none;
  }

  .x-dt-item-link {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
  }

  .x-dt-thumb-col {
    width: 32px;
    padding-right: 8px;
  }

  .x-data-grid-row {
    flex-direction: column;
  }

  .x-data-grid-card {
    padding: 12px;
  }

  .x-compliance-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    display: flex;
  }
}

#w-node-d8a36209-8733-e972-b32f-a8f6ef5c296d-30dc3b7a, #w-node-_1b4a22f6-443a-5806-f1b1-30bb3daa7c0e-30dc3b7c {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_70b9a8ad-10b7-ddbb-4230-40040f37bc13-30dc3b7c, #w-node-_1bcdfd3a-c06f-6616-67fd-1344c81536a6-30dc3b7c, #w-node-_75e39823-7268-4f35-55ff-7a5892e184af-30dc3b7c, #w-node-_41878915-514e-6437-e2d1-529ca102842d-30dc3bae, #w-node-_2db48ccd-7925-fae2-c08d-3403873a7fcf-30dc3cb1, #w-node-_55fd86b7-d0de-758b-aae5-b1b457831c95-30dc3cb1, #w-node-_0901ee09-47f6-43f2-d087-e4588108ead0-30dc3cb1, #w-node-_0901ee09-47f6-43f2-d087-e4588108ead2-30dc3cb1, #w-node-_2873129b-7454-ace9-ed01-47ed055f4d53-30dc3cc5, #w-node-d2c39a72-dde6-85d9-c6f1-220498a0589c-30dc3cc5, #w-node-_794dc132-8d2c-ef23-eed4-71335784a547-30dc3cc5, #w-node-e5c1fe2f-86d1-37cf-8c70-7fe71bdfd21e-30dc3cc5, #w-node-beaea165-7ea2-1f5c-f0df-77066cd5c733-30dc3cc5, #w-node-_7c54e151-eb12-985f-dacd-edf5ad96bd63-30dc3cc5, #w-node-_719d2b9b-fd00-9660-ce4e-3cd24de9297d-30dc3cc5, #w-node-_11d807b4-998c-ee8f-b657-b5119d0499fd-30dc3cc5, #w-node-_34dd5569-40f9-013a-c75e-bcd7d59d640d-d7baad47, #w-node-e57ccc23-8ba6-f86a-ceed-da3161bd2b29-d7baad47, #w-node-_2755f768-1942-1659-73ba-8645ac9f5d8f-d7baad47, #w-node-f5105529-9b57-0171-1c93-335ef12488b3-d7baad47, #w-node-_472976ed-705b-9b19-8e2c-4c29a65f0640-d7baad47, #w-node-_9fd84a42-1baa-4f07-fd41-4549114a7bf6-b22ca1c3, #w-node-_9fd84a42-1baa-4f07-fd41-4549114a7bfe-b22ca1c3, #w-node-_9fd84a42-1baa-4f07-fd41-4549114a7c06-b22ca1c3, #w-node-_9fd84a42-1baa-4f07-fd41-4549114a7c0e-b22ca1c3, #w-node-_9fd84a42-1baa-4f07-fd41-4549114a7c16-b22ca1c3, #w-node-aaf98a89-a42d-98d9-7968-fc405adf2898-531c18eb, #w-node-da080ee9-e4f2-768b-930a-f8d66ccabaa6-ea57fcb0, #w-node-_6ef922aa-cbe8-60eb-92b6-b471a6a14243-ea57fcb0, #w-node-_822fcd09-c69f-794e-477e-61b6507dafcc-ea57fcb0, #w-node-_1ddaa17f-427a-5250-39f5-358f88beccd6-ea57fcb0, #w-node-_049139b7-8917-c9f7-5b4d-edb6483d9ad1-ea57fcb0, #w-node-_3f162ba8-06e7-1105-a24b-f5d732da4b67-ea57fcb0, #w-node-_483e836b-4f57-17f8-dab7-442cc1953f30-ea57fcb0, #w-node-fbc04ab2-aad8-26d3-52a2-917f8d18e556-ea57fcb0, #w-node-fbc04ab2-aad8-26d3-52a2-917f8d18e561-ea57fcb0, #w-node-fbc04ab2-aad8-26d3-52a2-917f8d18e56c-ea57fcb0, #w-node-fbc04ab2-aad8-26d3-52a2-917f8d18e577-ea57fcb0, #w-node-fbc04ab2-aad8-26d3-52a2-917f8d18e582-ea57fcb0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6511bab2-9f82-908c-821d-e7e34a648f86-0ade2c36, #w-node-_372c37b2-0d7c-40b6-533b-04410b9abd19-0ade2c36, #w-node-_933b3b13-ed02-efe0-f118-18e237a8d714-0ade2c36, #w-node-_9ff25b95-2d3f-1349-95fa-6d2d2855b6a2-0ade2c36, #w-node-_6eb02812-8a12-6698-5c79-184b6063a142-0ade2c36, #w-node-_6eb02812-8a12-6698-5c79-184b6063a150-0ade2c36, #w-node-_6eb02812-8a12-6698-5c79-184b6063a15e-0ade2c36, #w-node-_6eb02812-8a12-6698-5c79-184b6063a16c-0ade2c36, #w-node-_6eb02812-8a12-6698-5c79-184b6063a17d-0ade2c36, #w-node-_6eb02812-8a12-6698-5c79-184b6063a18b-0ade2c36, #w-node-_6eb02812-8a12-6698-5c79-184b6063a19c-0ade2c36, #w-node-_6eb02812-8a12-6698-5c79-184b6063a1aa-0ade2c36, #w-node-_6eb02812-8a12-6698-5c79-184b6063a1bb-0ade2c36, #w-node-_6eb02812-8a12-6698-5c79-184b6063a1c9-0ade2c36, #w-node-ae9072cb-5b0c-c36e-7895-f47b9a721c55-0ade2c36, #w-node-ae9072cb-5b0c-c36e-7895-f47b9a721c63-0ade2c36, #w-node-_7f5a8dee-3ee6-dab5-fc3f-c6e599644eb0-0ade2c36, #w-node-_62cecfb0-d33d-a04c-0233-2502b5da3484-0ade2c36, #w-node-_62cecfb0-d33d-a04c-0233-2502b5da3492-0ade2c36, #w-node-_62cecfb0-d33d-a04c-0233-2502b5da34a0-0ade2c36, #w-node-_5178f633-d0a4-9eae-7d91-ad77e3fc048d-0ade2c36, #w-node-_5178f633-d0a4-9eae-7d91-ad77e3fc049b-0ade2c36, #w-node-_5178f633-d0a4-9eae-7d91-ad77e3fc04a9-0ade2c36 {
  justify-self: end;
}


@font-face {
  font-family: 'Remix';
  src: url('../fonts/remix.eot') format('embedded-opentype'), url('../fonts/remix.woff') format('woff'), url('../fonts/remix.ttf') format('truetype'), url('../fonts/remix.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}