@minecraft/creator-tools/web/web.css

Minecraft Creator Tools command line and libraries.

body {
  margin: 0;
  font-family: "Noto Sans", "Segoe UI", "Helvetica Neue", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100vw;
  height: 100vh;
  overflow: hidden !important;
}

#root {
  width: 100vw;
  height: 100vh;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}
.leaflet-container {
  height: 100%;
  width: 100%;
}

/* noto-sans-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(45eb0265067aa34f9199.woff2) format('woff2'), url(6cc1a97807dbf9a05c6b.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* noto-sans-cyrillic-400-normal */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(96d6efd5580b41de53e6.woff2) format('woff2'), url(0b94f5844239abfaf40f.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* noto-sans-devanagari-400-normal */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(ce41a26bdafdf523e257.woff2) format('woff2'), url(f05a9c61a35577626752.woff) format('woff');
  unicode-range: U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09;
}

/* noto-sans-greek-ext-400-normal */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(cc048507994039b6463f.woff2) format('woff2'), url(047e5c1819fbe26f81f9.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* noto-sans-greek-400-normal */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(e3cac0c1e95c169e9ca7.woff2) format('woff2'), url(14d43341db9c476a80be.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* noto-sans-vietnamese-400-normal */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(8685aabaa4ccebed7b0f.woff2) format('woff2'), url(8098e5a571d23f4bba44.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* noto-sans-latin-ext-400-normal */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(c4fc9143412ec6a991b3.woff2) format('woff2'), url(cabb9a4f02da292cd625.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* noto-sans-latin-400-normal */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(c417ee867416d52e5187.woff2) format('woff2'), url(5bddddc6924b3623ddc9.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
.label {
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 6px;
  padding-bottom: 6px;
  display: grid;
  align-items: center;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  justify-content: start;
}

.label-slim {
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 6px;
  display: grid;
}

.label-toolbar-slim {
  padding-top: 0px !important;
  display: grid !important;
}

.label-iconGrid {
  grid-column: 1;
}

.label-text {
  padding-left: 6px;
  padding-right: 6px;
  grid-column: 2;
  min-width: 40px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}

.label-toolbar3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  display: grid !important;
}

.label-toolbar {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  display: inline-block;
}

.label-dropdown {
  padding-top: 3px !important;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.label-rpad {
  padding-right: 4px;
}

.label-piece {
  padding-left: 7px;
  padding-top: 6px;
  padding-bottom: 6px;
  vertical-align: top;
  border-radius: 3px 3px 0px 0px;
  border-left: solid 1px transparent;
  border-bottom: solid 1px transparent;
  border-right: solid 1px transparent;
}

.label-arrowouter {
  padding-top: 12px;
  padding-bottom: 6px;
  vertical-align: top;
  border-radius: 3px 3px 0px 0px;
  border-left: solid 1px transparent;
  border-bottom: solid 1px transparent;
  border-right: solid 1px transparent;
}

/* Minecraft-styled tab — selected (pressed/inset stone button) */
.label-tab {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: top;
  white-space: nowrap;
  color: #ffffff;
  background-color: #52a535;
  border: 2px solid #1e4d14;
  box-shadow:
    inset -2px -2px 0 #3e8828,
    inset 2px 2px 0 #6fc24a;
  border-radius: 0;
  font-size: 12px;
  font-weight: 600;
  image-rendering: pixelated;
}

/* Minecraft-styled tab — unselected (raised stone button) */
.label-deseltab {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: top;
  white-space: nowrap;
  color: #d0d0d0;
  background-color: #3a3a3a;
  border: 2px solid #131313;
  box-shadow:
    inset -2px -2px 0 #212121,
    inset 2px 2px 0 #4e4e4e;
  border-radius: 0;
  font-size: 12px;
  font-weight: 600;
  image-rendering: pixelated;
  transition: filter 0.05s;
}

.label-deseltab:hover {
  background-color: #454545;
  box-shadow:
    inset -2px -2px 0 #2a2a2a,
    inset 2px 2px 0 #585858;
  color: #ffffff;
}

.icons-caption {
  padding-left: 11px;
  font-size: 12pt;
}

.label-arrow {
  padding-left: 2px;
  padding-right: 2px;
  position: relative;
  grid-column: 3;

  top: -4px;
}

.label-light {
  font-size: 1pt;
  width: 12px;
  height: 12px;
  border-radius: 4px;
  border: solid 1px #303030;
  position: relative;
}

.label-yellow {
  background-color: yellow;
}

.label-green {
  background-color: green;
}

.label-button {
  padding-left: 1px;
  padding-top: 7px;
  padding-bottom: 7px;
  vertical-align: top;
  min-width: 31px;
  display: inline-block;
  background-color: #000000;
  color: #c0c0c0;
}

.label-selected {
  background-color: #202020;
  color: green;
}

/* Filter chip styling for Inspector Items view */
.filter-chip {
  user-select: none;
}

.filter-chip:hover {
  filter: brightness(1.15);
}

.filter-chip:active {
  transform: scale(0.97);
}

.filter-chip:focus-visible {
  outline: 2px solid #52a535;
  outline-offset: 2px;
}

.label-icon {
  padding: 5px;
  vertical-align: middle;
  min-width: 35px;
  min-height: 33px;
  text-align: center;
  display: inline-block;
  background-color: #000000;
  color: #c0c0c0;
}

/* Toggle icon for show/hide menu items - consistent sizing and alignment */
.label-toggle-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 3px;
  border: 2px solid;
  font-size: 13px;
  flex-shrink: 0;
  box-sizing: border-box;
}

.label-toggle-on {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.label-toggle-off {
  opacity: 0.7;
}

/* Project Property Editor - Structural/Layout Styles
   
   Theme-aware colors are applied via inline styles from the Fluent UI theme object.
   This CSS file contains only structural, layout, and non-theme-dependent styles.
   
   See FormEditorUXGuidelines.md for theming approach documentation.
*/

/* ========================================
   Base Layout
   ======================================== */

.ppe-outer {
  user-select: none;
  height: 100%;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
  font-family: "Noto Sans", sans-serif;
}

/* Header - Consistent page header style with subtle gradient */
.ppe-header {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: "Noto Sans", sans-serif;
  font-size: 16pt;
  font-weight: 600;
  margin: 0;
  padding: 16px 24px;
  letter-spacing: 0.3px;
  /* Subtle gradient background - works in both light and dark modes */
  background: linear-gradient(135deg, rgba(82, 165, 53, 0.12) 0%, rgba(82, 165, 53, 0.06) 50%, transparent 100%);
  border-bottom: 2px solid rgba(82, 165, 53, 0.5);
  position: relative;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

/* Accent line effect */
.ppe-header::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 150px;
  height: 2px;
  background: linear-gradient(90deg, #52a535 0%, transparent 100%);
}

@media only screen and (max-width: 600px) {
  .ppe-header {
    padding: 12px 12px;
    font-size: 1rem;
    gap: 8px;
  }
}

.ppe-headerIcon {
  font-size: 1.1rem;
  opacity: 0.9;
}

/* Content area */
.ppe-content {
  padding: 20px 24px;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  box-sizing: border-box;
  max-width: 100%;
}

.ppe-content > .ppe-section,
.ppe-content > .ppe-statusArea {
  max-width: 900px;
}

@media only screen and (max-width: 600px) {
  .ppe-content {
    padding: 12px 12px;
  }
}

/* ========================================
   Sections
   ======================================== */

.ppe-section {
  border: 1px solid;
  border-radius: 4px;
  margin-bottom: 20px;
  overflow: hidden;
  max-width: 100%;
  box-sizing: border-box;
}

.ppe-sectionHeader {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 14px 18px;
  border-bottom: 1px solid;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

@media only screen and (max-width: 600px) {
  .ppe-sectionHeader {
    padding: 12px 12px;
    font-size: 0.8rem;
  }
}

.ppe-sectionIcon {
  font-size: 0.9rem;
  opacity: 0.9;
  /* a11y: keep the Minecraft-green accent on the icon even after we
     switched the section-header text color to high-contrast foreground1
     for WCAG 1.4.3. Icons only need 3:1 (WCAG 1.4.11) which #52a535
     meets against both light and dark section backgrounds. */
  color: #52a535;
}

@media (forced-colors: active) {
  /* In Windows High Contrast, the green is replaced with system colors;
     LinkText keeps the icon visually distinct from the surrounding text. */
  .ppe-sectionIcon {
    color: LinkText;
  }
}

.ppe-sectionContent {
  padding: 18px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  max-width: 100%;
  box-sizing: border-box;
}

@media only screen and (max-width: 800px) {
  .ppe-sectionContent {
    grid-template-columns: 1fr;
    padding: 12px;
  }
}

/* ========================================
   Field Layout
   ======================================== */

.ppe-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
}

.ppe-field-full {
  grid-column: 1 / -1;
}

.ppe-fieldLabel {
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.ppe-fieldInput {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Fluent UI Input wrapper override - removes wrapper styling */
.ppe-fieldInput .ui-input {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

input.ppe-fieldInput,
.ppe-fieldInput input,
.ppe-fieldInput .ui-input__input {
  width: 100% !important;
  max-width: 100% !important;
  padding: 12px 14px !important;
  font-size: 0.9rem !important;
  font-family: inherit !important;
  border: 1px solid var(--ppe-input-border, rgba(255, 255, 255, 0.15)) !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  background: var(--ppe-input-bg, rgba(0, 0, 0, 0.25)) !important;
  color: inherit !important;
}

input.ppe-fieldInput:hover,
.ppe-fieldInput input:hover,
.ppe-fieldInput .ui-input__input:hover {
  border-color: var(--ppe-input-border-hover, rgba(255, 255, 255, 0.25)) !important;
}

input.ppe-fieldInput:focus,
.ppe-fieldInput input:focus,
.ppe-fieldInput .ui-input__input:focus {
  border-color: #52a535 !important;
}

input.ppe-fieldInput:focus-visible,
.ppe-fieldInput input:focus-visible,
.ppe-fieldInput .ui-input__input:focus-visible {
  outline: 2px solid #52a535 !important;
  outline-offset: 2px !important;
}
input.ppe-fieldInput::placeholder,
.ppe-fieldInput input::placeholder {
  font-style: italic;
  opacity: 0.5;
}

/* ========================================
   Textarea
   ======================================== */

.ppe-fieldTextArea {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.ppe-fieldTextArea .ui-textarea {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

textarea.ppe-fieldTextArea,
.ppe-fieldTextArea textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 60px !important;
  padding: 12px 14px !important;
  font-size: 0.9rem !important;
  font-family: inherit !important;
  border: 1px solid var(--ppe-input-border, rgba(255, 255, 255, 0.15)) !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  resize: vertical;
  background: var(--ppe-input-bg, rgba(0, 0, 0, 0.25)) !important;
  color: inherit !important;
}

textarea.ppe-fieldTextArea:hover,
.ppe-fieldTextArea textarea:hover {
  border-color: var(--ppe-input-border-hover, rgba(255, 255, 255, 0.25)) !important;
}

textarea.ppe-fieldTextArea:focus,
.ppe-fieldTextArea textarea:focus {
  border-color: #52a535 !important;
}

textarea.ppe-fieldTextArea:focus-visible,
.ppe-fieldTextArea textarea:focus-visible {
  outline: 2px solid #52a535 !important;
  outline-offset: 2px !important;
}
textarea.ppe-fieldTextArea::placeholder,
.ppe-fieldTextArea textarea::placeholder {
  font-style: italic;
  opacity: 0.5;
}

/* ========================================
   Dropdowns
   ======================================== */

.ppe-fieldDropdown {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Native select element styling */
select.ppe-fieldDropdown {
  padding: 10px 12px !important;
  font-size: 0.9rem !important;
  font-family: inherit !important;
  border: 1px solid var(--ppe-input-border, rgba(255, 255, 255, 0.15)) !important;
  border-radius: 4px !important;
  background: var(--ppe-input-bg, rgba(0, 0, 0, 0.25)) !important;
  color: inherit !important;
  cursor: pointer;
}

select.ppe-fieldDropdown:hover {
  border-color: var(--ppe-input-border-hover, rgba(255, 255, 255, 0.25)) !important;
}

select.ppe-fieldDropdown:focus {
  border-color: #52a535 !important;
  outline: none;
}

select.ppe-fieldDropdown option {
  background: inherit;
  color: inherit;
}

.ppe-dark select.ppe-fieldDropdown option {
  background: #3a3a3a;
}

.ppe-light select.ppe-fieldDropdown option {
  background: #f5f5f5;
}

.ppe-fieldDropdown .ui-dropdown {
  width: 100% !important;
  max-width: 100% !important;
}

.ppe-fieldDropdown .ui-dropdown__container {
  width: 100% !important;
  max-width: 100% !important;
  border: 1px solid var(--ppe-input-border, rgba(255, 255, 255, 0.15)) !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
}

.ppe-fieldDropdown .ui-dropdown__container:hover {
  border-color: var(--ppe-input-border-hover, rgba(255, 255, 255, 0.25)) !important;
}

.ppe-fieldDropdown .ui-dropdown__selected-items {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.ppe-fieldNote {
  font-size: 0.75rem;
  margin-top: 4px;
  line-height: 1.4;
}

/* ========================================
   Version Inputs
   ======================================== */

.ppe-versionInputs {
  display: flex;
  align-items: center;
  gap: 4px;
}

.ppe-versionInput {
  flex: 1;
  max-width: 80px;
}

.ppe-versionInput .ui-input {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

input.ppe-versionInput,
.ppe-versionInput input {
  width: 100% !important;
  padding: 12px 10px !important;
  text-align: center !important;
  border: 1px solid var(--ppe-input-border, rgba(255, 255, 255, 0.15)) !important;
  border-radius: 4px !important;
  background: var(--ppe-input-bg, rgba(0, 0, 0, 0.25)) !important;
  color: inherit !important;
  font-family: inherit !important;
  font-size: 0.9rem !important;
  box-sizing: border-box !important;
}

input.ppe-versionInput:hover,
.ppe-versionInput input:hover {
  border-color: var(--ppe-input-border-hover, rgba(255, 255, 255, 0.25)) !important;
}

input.ppe-versionInput:focus,
.ppe-versionInput input:focus {
  border-color: #52a535 !important;
}

.ppe-versionDot {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0 2px;
}

/* ========================================
   UUID Fields
   ======================================== */

.ppe-uuidField {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px;
  border-radius: 4px;
  border: 1px solid;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.ppe-uuidRow {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  max-width: 100%;
}

.ppe-uuidInput {
  flex: 1;
  min-width: 0;
  max-width: 100%;
}

.ppe-uuidInput .ui-input {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

input.ppe-uuidInput,
.ppe-uuidInput input {
  width: 100% !important;
  max-width: 100% !important;
  padding: 10px 14px !important;
  font-family: Consolas, Monaco, monospace !important;
  font-size: 0.85rem !important;
  border: 1px solid var(--ppe-input-border, rgba(255, 255, 255, 0.15)) !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  background: var(--ppe-input-bg, rgba(0, 0, 0, 0.25)) !important;
  color: inherit !important;
}

input.ppe-uuidInput:hover,
.ppe-uuidInput input:hover {
  border-color: var(--ppe-input-border-hover, rgba(255, 255, 255, 0.25)) !important;
}

input.ppe-uuidInput:focus,
.ppe-uuidInput input:focus {
  border-color: #52a535 !important;
}

.ppe-uuidRow button {
  flex-shrink: 0;
}

/* ========================================
   Tools Content
   ======================================== */

.ppe-toolsContent {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.ppe-toolsContent button {
  margin: 0 !important;
}

/* ========================================
   GitHub Section
   ======================================== */

.ppe-ghActions {
  margin-top: 12px;
}

.ppe-ghshareableUrl {
  font-weight: 600;
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 0.85rem;
}

.ppe-link {
  display: inline-block;
  margin-top: 8px;
  font-weight: 600;
  text-decoration: none;
}

.ppe-link:hover {
  text-decoration: underline;
}

.ppe-signInButton {
  padding-bottom: 8px;
}

/* ========================================
   Status Area
   ======================================== */

.ppe-statusArea {
  margin-bottom: 20px;
}

/* ========================================
   Button Styling (theme-invariant green)
   ======================================== */

.ppe-toolsContent .ui-button {
  background: #52a535 !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 10px 16px !important;
  font-weight: 600 !important;
  color: white !important;
}

.ppe-toolsContent .ui-button:hover {
  background: #5fb93e !important;
}

.ppe-uuidRow .ui-button {
  background: #52a535 !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 8px 14px !important;
  font-size: 0.85rem !important;
  color: white !important;
}

.ppe-uuidRow .ui-button:hover {
  background: #5fb93e !important;
}

/* ========================================
   Theme variables
   ======================================== */

.ppe-dark {
  --ppe-input-border: rgba(255, 255, 255, 0.15);
  --ppe-input-border-hover: rgba(255, 255, 255, 0.25);
  --ppe-input-bg: rgba(0, 0, 0, 0.25);
}

.ppe-light {
  --ppe-input-border: rgba(0, 0, 0, 0.2);
  --ppe-input-border-hover: rgba(0, 0, 0, 0.35);
  --ppe-input-bg: rgba(255, 255, 255, 0.7);
}

/* Scrollbar styling removed — uses global Minecraft-themed scrollbars from index.css */

.ctgh-outer {
  padding: 8px;
  padding-top: 2px;
  min-height: 400px;
}
.sl-outer {
  padding: 2px;
  padding-top: 0px;
  vertical-align: middle;
  padding-left: 10px;
  display: grid;
  grid-template-columns: 1fr 30px;
  height: 100%;
  max-width: calc(100vw);
}

.sl-placeHolderText {
  padding-left: 7px;
  grid-column: 2;
}

.sl-inputArea {
  display: grid;
  width: 100%;
  grid-template-columns: 40px 1fr;
}

.sl-messageOuter {
  grid-column: 1;
  vertical-align: top;
  cursor: pointer;
  padding-top: 2px;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: clip;
  white-space: nowrap;
  max-width: calc(100vw - 42px);
}

.sl-gridOuter {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row: 2;
}

.sl-grid {
  border: solid 1px;
}

.tui-grid-container {
  font-family: "Noto Sans", "Segoe UI", "Helvetica Neue", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", sans-serif !important;
}

.ge-outer {
  image-rendering: pixelated;
}

.ge-image {
  padding: 6px;
  width: 100%;
  height: 100%;
  image-rendering: pixelated;
  background-repeat: no-repeat;
  background-size: contain;
}

.ge-float {
  position: absolute;
  margin: 8px;
  z-index: 100;
}

.ge-float BUTTON {
  padding-left: 0px;
  padding-right: 0px;
  width: 36px;
  min-width: inherit;
}

/*!
 * TOAST UI Grid
 * @version 4.21.22 | Wed Jan 10 2024
 * @author NHN Cloud. FE Development Lab
 * @license MIT
 */
/*!
 * TOAST UI Select Box
 * @version 1.0.0 | Thu Oct 24 2019
 * @author NHN FE Development Lab <dl_javascript@nhn.com>
 * @license MIT
 */
.tui-select-box {
  position: relative;
}

.tui-select-box-input,
.tui-select-box-dropdown,
.tui-select-box-item-group-label,
.tui-select-box-item {
  box-sizing: border-box;
}

.tui-select-box-input {
  border: 1px solid #ddd;
}

.tui-select-box-input.tui-select-box-open,
.tui-select-box-dropdown {
  border: 1px solid #aaa;
}

.tui-select-box-input,
.tui-select-box-dropdown {
  background: #fff;
}

.tui-select-box-input,
.tui-select-box-item-group-label,
.tui-select-box-item {
  padding: 0 8px;
  height: 29px;
  font-size: 13px;
  color: #333;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.tui-select-box-placeholder,
.tui-select-box-item-group-label,
.tui-select-box-item {
  line-height: 29px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tui-select-box-placeholder,
.tui-select-box-icon {
  height: 100%
}

.tui-select-box-placeholder {
  display: inline-block;
  margin: 0;
  width: 80%;
  width: calc(100% - 12px);
  vertical-align: sub;
}

.tui-select-box-icon {
  display: block;
  float: right;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAECAYAAACHtL/sAAAAAXNSR0IArs4c6QAABBFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICAgICAgICAgIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIj4KICAgICAgICAgPHhtcE1NOkRlcml2ZWRGcm9tIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgPHN0UmVmOmluc3RhbmNlSUQ+eG1wLmlpZDozOTU0MDZFM0JEQjExMUU2OEQ1MkUyN0M0NDdEMkIxMTwvc3RSZWY6aW5zdGFuY2VJRD4KICAgICAgICAgICAgPHN0UmVmOmRvY3VtZW50SUQ+eG1wLmRpZDozOTU0MDZFNEJEQjExMUU2OEQ1MkUyN0M0NDdEMkIxMTwvc3RSZWY6ZG9jdW1lbnRJRD4KICAgICAgICAgPC94bXBNTTpEZXJpdmVkRnJvbT4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+eG1wLmRpZDozOTU0MDZFNkJEQjExMUU2OEQ1MkUyN0M0NDdEMkIxMTwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDozOTU0MDZFNUJEQjExMUU2OEQ1MkUyN0M0NDdEMkIxMTwveG1wTU06SW5zdGFuY2VJRD4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4K/ZqkVgAAAERJREFUGBljNDY2/s+AA5w9e5YRXQqqXgAo9xEkB1aAzRA8mmFmgg1hgvIEYKIgmgjNIGUfQATciUBX8IMEidQM0gsGAPabHJ7Zbgx5AAAAAElFTkSuQmCC) left center no-repeat;
  width: 7px;
  overflow: hidden;
  text-indent: 100%;
}

.tui-select-box-open > .tui-select-box-icon {
  background-position: right center;
}

.tui-select-box-dropdown,
.tui-select-box-item-group {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.tui-select-box-dropdown {
  position: absolute;
  border-top: none;
  /* max-height: 145px; */
  overflow: auto;
  z-index: 1;
  width: 100%;
  overflow-x: hidden;
}

.tui-select-box-item-group-label {
  display: block;
  font-weight: bold;
  cursor: default;
}

.tui-select-box-item-group > .tui-select-box-item {
  padding-left: 20px;
}

.tui-select-box-selected {
  background: #f4f4f4;
}

.tui-select-box-highlight {
  background: #e5f6ff;
  outline: none;
}

.tui-select-box-disabled {
  background: #f9f9f9;
  color: #c8c8c8;
  cursor: default;
}

.tui-select-box-hidden {
  display: none; /* for test */
}
.tui-grid-container {
  width: 100%;
  position: relative;
  border-width: 0;
  clear: both;
  font-size: 13px;
  font-family: Arial, '\B3CB\C6C0', Dotum, sans-serif;
}
.tui-grid-container ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 17px;
  height: 17px;
}
.tui-grid-container ::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-clip: content-box;
}
.tui-grid-container * {
  box-sizing: content-box;
}
.tui-grid-container p,
.tui-grid-container input,
.tui-grid-container textarea {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: Arial, '\B3CB\C6C0', Dotum, sans-serif;
}
.tui-grid-container fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  display: inline;
  white-space: nowrap;
}
.tui-grid-container input[type='text'],
.tui-grid-container input[type='password'] {
  outline: none;
  box-sizing: border-box;
  line-height: normal;
}
.tui-grid-container ul,
.tui-grid-container li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tui-grid-container strong,
.tui-grid-container em {
  font-style: normal;
}
.tui-grid-container .tui-grid-pagination {
  margin-top: 20px;
}
.tui-grid-clipboard {
  position: fixed;
  top: 0px;
  left: -9999px;
  width: 100px;
  height: 100px;
}
.tui-grid-btn-text {
  display: inline-block;
  text-decoration: none;
}
.tui-grid-btn-text span {
  display: inline-block;
  position: relative;
  font-size: 11px;
  color: #333;
  padding-left: 17px;
  letter-spacing: -1px;
  line-height: 23px;
  white-space: nowrap;
  cursor: pointer;
  margin-left: 8px;
  padding-right: 7px;
}
.tui-grid-btn-text em {
  position: absolute;
  left: 0;
  top: 5px;
  width: 17px;
  height: 12px;
  background: url(data:image/png;base64,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)
    no-repeat;
}
.tui-grid-btn-sorting {
  display: inline-block;
  overflow: hidden;
  margin-left: 6px;
  height: 16px;
  width: 11px;
  background: url(data:image/png;base64,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) -91px -10px
    no-repeat;
  vertical-align: middle;
  cursor: pointer;
}
.tui-grid-btn-sorting-down {
  background-position: -133px -8px;
}
.tui-grid-btn-sorting-up {
  background-position: -112px -8px;
}
.tui-grid-btn-close {
  display: inline-block;
  overflow: hidden;
  height: 24px;
  width: 24px;
  background: url(data:image/png;base64,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) -81px -84px
    no-repeat;
  vertical-align: middle;
  cursor: pointer;
  float: right;
}
.tui-grid-btn-filter {
  display: inline-block;
  overflow: hidden;
  height: 24px;
  width: 24px;
  background: url(data:image/png;base64,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) -13px -84px
    no-repeat;
  vertical-align: middle;
  cursor: pointer;
}
.tui-grid-btn-filter-active {
  background-position: -47px -84px;
}

.tui-grid-filter-icon {
  cursor: default;
}

.tui-grid-layer-state {
  position: absolute;
  background: #fff;
  text-align: center;
  z-index: 15;
}
.tui-grid-layer-state p {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -7px;
  font-size: 14px;
  color: #ccc;
}
.tui-grid-layer-state-content {
  padding-top: 50px;
}
.tui-grid-layer-state-loading {
  display: block;
  margin: 10px auto 0;
  background: url(data:image/gif;base64,R0lGODlhlgANAKIHAMzi5FnYeeXw8czh5Nnp67/a3f///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQFFAAHACwAAAAAlgANAAADXnh60v4wykmrvTjrHdfiYCiOZNkpZqquLIg6RizPdG3feK7vfO//swcDBiwaj8ik0iBZOp/QaC8irVqvSSp2y+3Smt6wGCp8jM9ooHDYarvfpg98Tq9LPC+7fq/yJAAAIfkEBQAABwAsAAAAAJYADQAAA2V4etT+MMpJq7046x3X4mAojmTZKWaqriyIOl4sz3Rt33iu77z9MLCecEgsGo9AyCLAbDqfT6R0Sh2eDtBstsrtej9KhXbc/JrPRgl6zT7/fu24PB1s2e94FTjP7/uve3+CgykeCQAh+QQFAAAHACwAAAAAlgANAAADa3h6MP4wykmrvTjrzSFYSyeOZGmeUoiubOt2CgTOdG3feK7vfO/jMtlvSCwaj8jDBBloOp9QaHJKpaaO0Wy2yu3+rkat2Oktm23Ls3rNVjmUj7Z8bo3DX/i8HuXe+/+AETQNEoSBh4gcHwsJACH5BAUAAAcALAAAAACWAA0AAANseHrV/jDKSau9OOsd1+JgKI5k2Slmqq4siDpGLM90bd94ru987/+zBwMGLBqPyKTSIFEGntCodEqtRpfYbC3itHq/Vq04y02Cz+jAeJ1sst/wuE74kNvvb+Gwxe/7TR9/goOEEh4vhYmKKh4JACH5BAUAAAcALBoABQA8AAMAAAMUaLrcHTDKSauVLufLO9fg4o1kkAAAIfkEBQAABwAsLgAFADwAAwAAAxRoutwdMMpJq5Uu58s71+DijWSQAAAh+QQFAAAHACxCAAUAPAADAAADFGi63B0wykmrlS7nyzvX4OKNZJAAACH5BAUAAAcALAAAAACWAA0AAAN0eHow/jDKSau9OOvNIVhLJ45kaZ5SiK5s63YKZMx0bd94ru987//AYA1ykAmPyKRyyTRMmtBoNECtWq/YrNZKk0i/YOF2TB53I+G0OlduuwNn9HpOr8cHxYd9z48S8y+BgoMoKoSHiIkpIAwTDYqQkR0fCwkAIfkEBQAABwAsAAAAAJYADQAAA2Z4etT+MMpJq7046x3X4mAojmTZKWaqriyIOl4sz3Rt33iu77z9MLCecEgsGo9ACHLJZBqe0KhUejw1r9jddLutKrPg8IxLhnq/4rR6/WokCey4nPl7t+74POmj7/v/EjKAg4QsHgkAIfkEBSgABwAsAAAAAJYADQAAA154etL+MMpJq7046x3X4mAojmTZKWaqriyIOkYsz3Rt33iu73zv/7MHAwYsGo/IpNIgWTqf0GgvIq1ar0kqdsvt0presBgqfIzPaKBw2Gq736YPfE6vSzwvu36v8iQAACH5BAUAAAcALAAAAACWAA0AAANjeHrU/jDKSau9OOsd1+JgKI5k2Slmqq4siDpeLM90bd94ru+8/TCwnnBILBqPQAhyyWwiA9CodPpROq/Y7GzKlVZ/2rCY2S1/weO0WvtDr99wIrhFr9tV57t+z3e/+oCBeAsJACH5BAUAAAcALAAAAACWAA0AAANpeHow/jDKSau9OOvNIVhLJ45kaZ5SiK5s63YKBM50bd94ru987+My2W9ILBqPyMMkyWw6QYGodEqlDlPPrHZY7Xavka14jPOapeAwec1mBx/tuLwpfNnveJYqz+/7sSANEoJ/hYYcHwsJACH5BAUAAAcALAAAAACWAA0AAANteHrV/jDKSau9OOsd1+JgKI5k2Slmqq4siDpGLM90bd94ru987/+zBwMGLBqPyKTSIFk6n7yAdEqtWq9Y6i8C7Xpn2bA4vIV8z9Cxeh0om9HwuNwmfMzveK9w2Or7/yYfgIOEhRIeL4aKiyoeCQAh+QQFAAAHACxHAAUAPAADAAADFBi63P6QmUmrtTHrfHvfYBh4JJUAACH5BAUAAAcALDMABQA8AAMAAAMUGLrc/pCZSau1Met8e99gGHgklQAAIfkEBQAABwAsHwAFADwAAwAAAxQYutz+kJlJq7Ux63x732AYeCSVAAAh+QQFAAAHACwAAAAAlgANAAADdHh6MP4wykmrvTjrzSFYSyeOZGmeUoiubOt2CmTMdG3feK7vfO//wGANcpAJj8ikcsk0THKBqHRKrVqv06Z2q5RAseAwlksu97w4sXodMLvftCd8Tq/HH8WHfc/fEvMvgYKDKCqEh4iJKSAMEw2KkJEdHwsJACH5BAUAAAcALAAAAACWAA0AAANqeHrU/jDKSau9OOsd1+JgKI5k2Slmqq4siDpGLM90bd94ru987/+zBwMGLBqPyKTSIJEFntCodBpdWq/YXsRJ7Xqz4DB4G/Oap+K0+thcu99v4QNOr1+Fw5Z+zzd9+oCBghIeL4OHiCoeCQAh+QQFFAAHACwAAAAAlgANAAADXnh60v4wykmrvTjrHdfiYCiOZNkpZqquLIg6RizPdG3feK7vfO//swcDBiwaj8ik0iBZOp/QaC8irVqvSSp2y+3Smt6wGCp8jM9ooHDYarvfpg98Tq9LPC+7fq/yJAAAOw==);
  border: 0;
  width: 150px;
  height: 13px;
}
.tui-grid-layer-editing {
  position: absolute;
  background: #fff;
  z-index: 15;
  padding: 0 4px;
  border-style: solid;
  border-width: 1px;
  white-space: nowrap;
  box-sizing: border-box;
}
.tui-grid-layer-editing textarea {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 3px 10px;
  box-sizing: border-box;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
}
.tui-grid-layer-focus-border {
  position: absolute;
  overflow: hidden;
  z-index: 15;
}
.tui-grid-layer-selection {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1p